Launch Season Reveal

Installation

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

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

Usage

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

export default function Page() {
  return <ComingSoon18 {...comingsoon18Demo} />;
}

Props

Behavior notes

• Fully static Server Component: the button is a plain link (render={<Link href={ctaHref} />}) with no onClick, nothing is submitted anywhere.
• The dark bg-black/50 overlay sits between the photo and the text so the light copy stays legible over any image.
• The photo is absolutely positioned to fill the section (MediaSlot with className="absolute inset-0"), relying on the section's own min-h-[700px] for its height.