EngineeringShipping faster with a component registry
How we cut landing page build time from days to hours by treating sections as installable units.
About this component
Postcard
A postcard back with a serif message, dashed stamp, postmark, and address lines for personal storytelling sections.
Usage
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"
/>Playground
Turn the props on the right; the snippet under them is what you would write to get what you see.
Wish you were here. The water is unreal and the studio ideas keep coming.
With love, Selin
Alacati, TR
The Beste team
Usage
import { Card15 } from "@/components/beste/component/card15";
<Card15
message="Wish you were here. The water is unreal and the studio ideas keep coming."
sender="Selin"
to="The Beste team"
location="Alacati, TR"
/>Props
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 |
More Card components
View all CardEngineeringArticle Card
An article card with cover image, category chip, excerpt, and author row for blog and news grids.
Summer in AlacatiAug 2026Polaroid Card
An instant photo card with masking tape, serif caption, and a tilt that straightens on hover for galleries.
Photo Stack Card
A photo stack card whose tucked prints fan out on hover for albums, galleries, and case studies.
We rebuilt our marketing site in a weekend. The blocks are clean, accessible, and the code reads like we wrote it ourselves.
Testimonial Card
A testimonial card with star rating, quote, and author row for reviews and social proof sections.
The new landing page is live!
Already? That was two days of work at most
Blocks. It is all blocks.
Chat Card
A chat conversation card with message bubbles and a typing indicator for testimonials and support sections.
