Postcard

Wish you were here. The water is unreal and the studio ideas keep coming.

With love, Selin

Alacati, TR

The Beste team

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"
/>

Props

Read from the component's own type, so this cannot drift from what it accepts.

PropTypeDefaultDescription
message*string—The handwritten style message on the left half
senderstring—Signature under the message (e.g. "Selin")
tostring—Name written on the first address line
locationstring—Postmark text around the stamp (e.g. "Alacati, TR")
stampSrcstring—Stamp image URL; falls back to the stamp icon
stampIconLucideIcon—Stamp icon when there is no image (defaults to Palmtree)
tone"sand" | "sky" | "rose"—Stamp paper tint
classNamestring—Additional classes merged onto the root

More Card components

View all Card
We rebuilt our marketing site in a weekend. The blocks are clean, accessible, and the code reads like we wrote it ourselves.
Mary PollockFounder, Nordwind