Staaarter

Trusted By Waitlist

A centered coming-soon screen that leans on social proof: a statement heading and supporting paragraph, a decorative waitlist pill button, and a captioned strip of early-partner wordmarks styled in muted text to read as a subtle, grayscale logo bar.

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 button dependencies and any missing npm packages, and installs them straight into your project.

npx shadcn add https://staaarter.com/r/trusted-by-waitlist.json

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

Usage

The file also exports comingsoon32Demo, 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 { ComingSoon32, comingsoon32Demo } from "@/components/blocks/coming-soon/comingsoon32";

export default function Page() {
  return <ComingSoon32 {...comingsoon32Demo} />;
}

Props

PropTypeDefaultDescription
eyebrowstring"(coming soon)"Monospace label above the heading.
headingstring"Built with the teams who'll use it first"Main heading.
descriptionstring"We've been building this alongside..."Supporting copy under the heading.
waitlistLabelstring"Join the waitlist"Label for the decorative waitlist button.
waitlistHrefstring"#"Link target for the waitlist button.
logosCaptionstring"Early partners already on board"Small caption above the logo strip.
logosstring[]noneEarly-partner names rendered as muted text wordmarks.
classNamestringnoneExtra classes for the outer section element.

Behavior notes

  • Fully static, plain Server Component: no client-side state anywhere.
  • The waitlist button is a plain link (`render={<Link href={waitlistHref} />}`) with a placeholder href by default, nothing is submitted.
  • The logo strip renders partner names as styled text wordmarks (muted-foreground color, no real logo images or external fetches).