Hero Search

Pill-shaped hero search bar with an embedded solid CTA button and a helper caption below.

Search over 12,000 templates…
Try “marketing landing”, “saas pricing”, or “portfolio”.

Requires shadcn/ui initialized. Run npx shadcn@latest init if you haven't.

Import & use
import { Search12 } from "@/components/beste/piece/search12";

<Search12
  placeholder="Search over 12,000 templates…"
  action="Search"
  helper="Try “marketing landing”, “saas pricing”, or “portfolio”."
/>