Staaarter

Founder Note Waitlist

A centered coming-soon screen built around a short, personal note from the founder rather than generic marketing copy. A signature row below the note pairs the founder's avatar and title with a decorative dark call-to-action button.

By Staaarter Team
Coming Soon
Docs
Live preview

Docs

Installation

A real shadcn registry command, not a copy-paste stand-in: it fetches this block plus its avatar, avatar-initials, button dependencies and any missing npm packages, and installs them straight into your project.

npx shadcn add https://staaarter.com/r/founder-note-waitlist.json

Prefer not to use the CLI? Copy the source from the Code toggle above into src/components/blocks/coming-soon/comingsoon44.tsx instead.

Usage

The file also exports comingsoon44Demo, the exact props behind the preview above. Spread it to get a working section in one line, then replace it with your own data.

import { ComingSoon44, comingsoon44Demo } from "@/components/blocks/coming-soon/comingsoon44";

export default function Page() {
  return <ComingSoon44 {...comingsoon44Demo} />;
}

Props

PropTypeDefaultDescription
eyebrowstring"Coming soon"Small label above the heading.
headingstring"We're building this in the open"Main heading.
paragraphsstring[]noneFounder note, rendered as 2-3 separate paragraphs.
founder{ name: string; role: string; avatar?: { src: string; alt: string } }noneFounder's name, title, and optional avatar photo (falls back to initials).
ctaLabelstring"Join waitlist"Label on the dark CTA button.
ctaHrefstring"#"Link target for the CTA button.
classNamestringnoneExtra classes for the outer section element.

Behavior notes

  • Fully static Server Component: no client-side state anywhere in this block.
  • The founder avatar falls back to initials (via AvatarFallback/initialsFromName) if no photo is supplied or the image fails to load.
  • The "Join waitlist" button is a decorative link (`render={<Link href={ctaHref} />}`) styled with an inverted dark background, it does not submit or capture anything.