Mobile App Pre-Register

Installation

A real shadcn registry command, not a copy-paste stand-in: it fetches this block plus its button, badge, 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/comingsoon24.tsx instead.

Usage

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

export default function Page() {
  return <ComingSoon24 {...comingsoon24Demo} />;
}

Props

Behavior notes

• Fully static server component: the platform badges, the pre-register button, and the floating counter overlay are all inert, non-functional preview elements with no client-side state.
• The "Pre-register" button is a plain link (`render={<Link href={preRegisterHref} />}`), not a form submission.
• The preview tile falls back to MediaSlot's gradient placeholder if no `preview` image is supplied, so the block still looks complete without a real photo.