Early Tester Quote

A centered coming-soon page on a soft muted card, built around a large pull-quote from an early tester with an author row showing their avatar, name, and title. A Request an Invite pill button and a short supporting note sit below the quote.

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/early-tester-quote.json

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

Usage

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

export default function Page() {
  return <ComingSoon28 {...comingsoon28Demo} />;
}

Props

Prop	Type	Default	Description
eyebrow	string	"(coming soon)"	Monospace parenthetical label above the quote.
quote	string	none	The pull-quote text from the early tester.
authorName	string	none	Quote author's name.
authorTitle	string	none	Quote author's title/role.
authorAvatar	{ src: string; alt: string }	undefined	Optional author photo, falls back to initials when omitted.
inviteHref	string	"#"	Link target for the "Request an invite" button.
inviteNote	string	"Spots are limited while we're in early access."	Short supporting note under the invite button.
className	string	none	Extra classes for the outer section element.

Behavior notes

Fully static server component: the "Request an invite" pill button is a plain link (`render={<Link href={inviteHref} />}`), not a real invite request flow.
The author's avatar falls back to their initials (via `initialsFromName`) whenever no `authorAvatar` photo is supplied.

More Coming Soon Blocks

View all →

countdown-timer-launch

Countdown Timer Launch

A centered launch page with a live days/hours/minutes/seconds countdown to a target date.

development-progress-milestones

Development Progress Milestones

A centered launch page with an overall progress bar and a milestone tracker list with status badges.

social-connect-launch

Social Connect Launch

A centered coming-soon page with pill-style outline buttons linking out to Twitter, GitHub, LinkedIn, and email.

animated-icons-preview

Animated Icons Preview

A centered coming-soon page with a row of bobbing icon tiles and a pulsing build-status indicator.

sneak-peek-feature-grid

Sneak Peek Feature Grid

A centered coming-soon page with a grid of blurred feature cards teased behind a lock icon overlay.

waitlist-with-avatars

Waitlist with Avatars

A centered coming-soon page with a working waitlist signup form, stacked subscriber avatars, and a live join count.