EngineeringShipping faster with a component registry
How we cut landing page build time from days to hours by treating sections as installable units.
A portfolio card with a full bleed image, hover zoom, and gradient title overlay for work showcases.
The import and the props worth knowing about, in one place.
import { Card6 } from "@/components/beste/component/card6";
// The whole card becomes a link when href is set.
<Card6
src="/work/nordwind.jpg"
title="Nordwind Studio"
subtitle="Brand identity"
href="/work/nordwind"
/>
<Card6
src="/work/lumen.jpg"
title="Lumen App"
subtitle="Product design"
tone="primary" // arrow seal: "light" (default) | "primary"
/>Turn the props on the right; the snippet under them is what you would write to get what you see.
import { Card6 } from "@/components/beste/component/card6";
<Card6
src="https://images.unsplash.com/photo-1780789594659-06738d73854b?q=80&w=1287&auto=format&fit=crop&ixlib=rb-4.1.0&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D"
title="Nordwind Studio"
subtitle="Brand identity"
href="#"
/>Every one of these is in the component already. They are listed because a props table cannot mention a gesture, so nothing else on this page can tell you they exist.
| Hover | The card lifts and the image scales inside its frame; `motion-reduce` turns the movement off. |
|---|
Read from the component's own type, so this cannot drift from what it accepts.
| Prop | Type | Default | Description |
|---|---|---|---|
src* | string | — | Project image URL |
title* | string | — | Project title |
subtitle | string | — | Monospace eyebrow above the title (e.g. "Brand identity") |
href | string | — | If set, the whole card links to this href |
tone | "light" | "primary" | — | Corner arrow seal: light chip (default) or primary |
className | string | — | Additional classes merged onto the root |
Orbit One
$189
A product card with a full bleed photo, overlaid name and price, and a floating pill button.
EngineeringHow we cut landing page build time from days to hours by treating sections as installable units.
An article card with cover image, category chip, excerpt, and author row for blog and news grids.
A photo stack card whose tucked prints fan out on hover for albums, galleries, and case studies.
A new themed set of sections lands every month, with free updates forever.
Learn moreA featured callout card wrapped in an orbiting gradient border beam for highlights and announcements.
Summer in AlacatiAug 2026An instant photo card with masking tape, serif caption, and a tilt that straightens on hover for galleries.
Deniz Arslan
Creative Director
Leads brand systems for venture backed startups. Previously at North & Co.
View profileA team member card with a grayscale portrait that gains color on hover while a bio drawer slides up.
