import { HeroLaunch } from "@/components/blocks/hero-launch";

export default function Page() {
  return (
    <HeroLaunch
      eyebrow="Now live, the Blocks catalog"
      titleLead="Stop rebuilding"
      titleHighlight="the same section"
      description="Whole page sections, composed from components you already own."
      primaryAction={{ label: "Browse blocks", href: "/blocks" }}
      secondaryAction={{ label: "See components", href: "/components" }}
      logos={["Northline", "Vera", "Halcyon", "Fenwick"]}
    />
  );
}

import { HeroGradientCentered } from "@/components/blocks/hero-gradient-centered";

export default function Page() {
  return (
    <HeroGradientCentered
      badge="New · Monthly reporting"
      titleLead="Know what changed"
      titleFade="before the month closes"
      description="Every plan change, refund and renewal in one place, reconciled nightly."
      primaryAction={{ label: "Start free", href: "/signup" }}
      secondaryAction={{
        label: "Book a demo",
        href: "/demo",
        icon: <CalendarDays className="h-4 w-4" />,
      }}
    >
      <ProductShot />
    </HeroGradientCentered>
  );
}