Shipping faster with a component registry
How we cut landing page build time from days to hours by treating sections as installable units.
Wish you were here. The water is unreal and the studio ideas keep coming.
With love, Selin
Alacati, TR
The Beste team
A postcard back with a serif message, dashed stamp, postmark, and address lines for personal storytelling sections.
The import and the props worth knowing about, in one place.
import { Card15 } from "@/components/beste/component/card15";
import { Plane } from "lucide-react";
<Card15
message="Wish you were here. The water is unreal."
sender="Selin"
to="The Beste team"
location="Alacati, TR"
/>
<Card15
message="Six countries, one suitcase, zero regrets."
sender="Deniz"
stampIcon={Plane} // stamp art (default: Palmtree); or pass stampSrc
tone="sky" // stamp tint: "sand" (default) | "sky" | "rose"
/>Read from the component's own type, so this cannot drift from what it accepts.
| Prop | Type | Default | Description |
|---|---|---|---|
message* | string | — | The handwritten style message on the left half |
sender | string | — | Signature under the message (e.g. "Selin") |
to | string | — | Name written on the first address line |
location | string | — | Postmark text around the stamp (e.g. "Alacati, TR") |
stampSrc | string | — | Stamp image URL; falls back to the stamp icon |
stampIcon | LucideIcon | — | Stamp icon when there is no image (defaults to Palmtree) |
tone | "sand" | "sky" | "rose" | — | Stamp paper tint |
className | string | — | Additional classes merged onto the root |
How we cut landing page build time from days to hours by treating sections as installable units.