Sales AI Hero

import { SalesAiHero } from "@/components/ruixen/sales-ai-hero";
 
export default function Page() {
  return (
    <SalesAiHero
      announcement={{
        label: "240+ Marketing Blocks Now Live In v4",
        href: "https://ruixen.com/docs",
      }}
      title={
        <>
          Ship landing pages <br className="hidden md:block" />
          that look like 2026.
        </>
      }
      description="Heroes that earn the click. Pricing tables that close the deal. Footers customers actually read — every block your modern landing page needs, in one place."
      leftMedia={
        <img
          src="/hero/portrait.jpg"
          alt="Portrait"
          className="size-full object-cover"
        />
      }
      rightMedia={
        <img
          src="/hero/dashboard.png"
          alt="Dashboard"
          className="size-full object-cover"
        />
      }
      trustedBy={{
        prefix: "Powered By ",
        highlight: "240+ Sections",
        suffix: " Across 4 Registry Variants For Every shadcn Stack",
        logos: [
          { name: "Cosmos", src: "https://ruixen.com/logos/cosmos.svg" },
          {
            name: "Geckoboard",
            src: "https://ruixen.com/logos/geckoboard.svg",
          },
          { name: "Gong", src: "https://ruixen.com/logos/gong.svg" },
          { name: "Parade", src: "https://ruixen.com/logos/parade.svg" },
          { name: "Ternary", src: "https://ruixen.com/logos/ternary.svg" },
        ],
      }}
    />
  );
}

interface Announcement {
  label: string;
  href?: string;
  icon?: React.ReactNode;
}
 
interface LogoItem {
  name: string;
  src?: string;
  logo?: React.ReactNode;
  href?: string;
}
 
interface TrustedBy {
  prefix?: string;
  highlight?: string;
  suffix?: string;
  logos: LogoItem[];
}