Hero Section

Two heading bars, supporting body lines, and a primary plus outlined CTA pair.

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

Import & use
import { Shapes30 } from "@/components/beste/piece/shapes30";

<Shapes30 />

More Shapes pieces

View all Shapes

Centered headline pair above three compact stat columns showing key numbers.

Split Hero

shapes46

Two-column hero with copy and a single CTA on the left, image panel on the right.

Badged Hero

shapes48

Pill badge with status dot above a centered headline pair and a single CTA.

Plus Cross

shapes15

Two intersecting rounded bars forming a solid plus mark.

Blog Card

shapes39

Side-by-side thumbnail, category dot, two title lines, and a meta line.

Feature List

shapes50

Three feature rows in a card, each pairing an icon tile with a title and a body line.