Version Two Relaunch

Installation

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

Usage

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

export default function Page() {
  return <ComingSoon74 {...comingsoon74Demo} />;
}

Props

Types

export type FeatureIconKey = "zap" | "shield" | "sparkles" | "gauge";

export interface FeatureCard {
  id: string;
  icon: FeatureIconKey;
  title: string;
  description: string;
}

Behavior notes

• Real interactivity: a useState-driven email form swaps to a success message on submit, same pattern as the rest of the category's waitlist forms.
• Each feature's `icon` is a string key ("zap" | "shield" | "sparkles" | "gauge") looked up against a fixed internal map of lucide-react icons, never an icon component passed directly as a prop.
• The feature cards themselves are a static grid, nothing about them updates after submit.