4f:I[707087,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"RegistryDependencies"] 50:I[314491,["/_next/static/immutable/chunks/3arlv5bvukoo2.js","/_next/static/immutable/chunks/39v64hmfyo-sr.js","/_next/static/immutable/chunks/2nvof3-29tvc3.js","/_next/static/immutable/chunks/3tjobt77z_9dj.js","/_next/static/immutable/chunks/04j_o97cgxn2x.js","/_next/static/immutable/chunks/3upr08c9vtj8w.js","/_next/static/immutable/chunks/1ww0328si-u8x.js","/_next/static/immutable/chunks/11mfl5ymqld9-.js","/_next/static/immutable/chunks/2xxcqy6ppds3l.js","/_next/static/immutable/chunks/3j06ow7w40nxu.js","/_next/static/immutable/chunks/31nn7jwsjvqii.js","/_next/static/immutable/chunks/43_s7jweyypoh.js","/_next/static/immutable/chunks/0p6vao205o1jc.js","/_next/static/immutable/chunks/1_kyvgkyokw92.js","/_next/static/immutable/chunks/1lo-zn37dolb5.js","/_next/static/immutable/chunks/1v8k6yxw1rg0u.js"],"FilesView"] 51:T167f,/** * ProductLaunch — a single-product launch page. * * The narrowest of the three templates, and deliberately so: a launch page has * one job. A dismissible banner, a centred hero, the bento grid that shows the * thing off, a short USP strip, tabbed detail for people who want it, an FAQ, * and one email capture. No pricing table, no team — both dilute a launch. * * a11y: the banner is a named landmark rather than a live region, because a * banner present on load is not an update and announcing it interrupts. The * newsletter reports its own outcome through a live region that exists from the * first paint. * * Dependencies: react, @/lib/types, @/components/sections/*. */ import type { ReactNode } from "react" import type { CtaItem, LinkComponent } from "@/lib/types" import { Banner } from "@/components/sections/banner" import { BentoGrid, type BentoItem } from "@/components/sections/bento-grid" import { FaqAccordion, type FaqItem } from "@/components/sections/faq-accordion" import { FeatureTabs, type FeatureTabItem } from "@/components/sections/feature-tabs" import { Footer, type FooterGroup, type FooterLink } from "@/components/sections/footer" import { HeroCentered } from "@/components/sections/hero-centered" import { NavTop, type NavItem } from "@/components/sections/nav-top" import { Newsletter, type NewsletterStatus } from "@/components/sections/newsletter" import { UspList, type UspItem } from "@/components/sections/usp-list" export interface ProductLaunchContent { brand: ReactNode nav: NavItem[] navActions?: CtaItem[] announcement?: { /** Names the landmark. */ label?: string message: ReactNode action?: { label: string; href: string; external?: boolean } /** Remembers the dismissal across visits. */ storageKey?: string } hero: { eyebrow?: string title: string description: string actions: CtaItem[] note?: ReactNode banner?: ReactNode media?: ReactNode } highlights: { eyebrow?: string title: string description?: string items: BentoItem[] } usps?: { title?: string; eyebrow?: string; items: UspItem[] } detail?: { eyebrow?: string title: string description?: string items: FeatureTabItem[] } faq?: { eyebrow?: string title: string items: FaqItem[] } signup: { eyebrow?: string title: string description?: string note?: ReactNode } footer: { groups?: FooterGroup[] brand?: ReactNode copyright?: ReactNode legal?: FooterLink[] } } export interface ProductLaunchProps { content: ProductLaunchContent /** * Unlike the other two templates, this one has no `image` prop. Every image comes * through a `media` slot, so pass `` there directly. */ link?: LinkComponent currentPath?: string /** Wire this to your own form action or mutation. */ onSignUp?: (email: string) => void signUpStatus?: NewsletterStatus signUpError?: string } export function ProductLaunch({ content, link, currentPath, onSignUp, signUpStatus, signUpError, }: ProductLaunchProps) { const { announcement, hero, highlights, usps, detail, faq, signup, footer } = content return ( <> {announcement ? ( {announcement.message} ) : null}

{usps ? ( ) : null} {detail ? ( ) : null} {faq ? ( ) : null}