import type { ReactNode } from "react"; type LaunchHeroAction = { label: string; href: string; }; type LaunchHeroProps = { title?: ReactNode; description?: ReactNode; /** Pass null to hide the action. */ primaryAction?: LaunchHeroAction | null; /** Pass null to hide the action. */ secondaryAction?: LaunchHeroAction | null; /** Visual shown beside the copy: a screenshot, video, or product panel. */ media?: ReactNode; className?: string; }; const closeChecklist = [ { source: "Card processor payouts", detail: "412 of 412 matched", state: "Done" }, { source: "Operating account 4471", detail: "1,208 lines, 3 need a receipt", state: "Review" }, { source: "Vendor invoices", detail: "86 journal entries drafted", state: "Ready to post" }, ]; function CloseSummary() { return (

March close

Day 2 of 5

{row.source}

{row.detail}

{row.state}

); } export function LaunchHero({ title = "Close the books in two days, not two weeks.", description = "Ledgerline matches bank lines to invoices, flags the few that need a receipt, and drafts journal entries your controller approves in one pass.", primaryAction = { label: "Start a 14-day trial", href: "#trial" }, secondaryAction = { label: "See how matching works", href: "#matching" }, media = , className = "", }: LaunchHeroProps) { return (

{title}

{description ? (

{description}

) : null} {primaryAction || secondaryAction ? (

{primaryAction ? ( {primaryAction.label} ) : null} {secondaryAction ? ( {secondaryAction.label} ) : null}

) : null}

{media ?

{media}

: null}

); }