Sales AI Hero

import { SalesAiHero } from "@/components/ruixen/sales-ai-hero";
 
export default function Page() {
  return (
    <SalesAiHero
      announcement={{
        label: "New — AI replies that sound like your best rep",
        href: "#",
      }}
      title={
        <>
          Turn every conversation <br className="hidden md:block" />
          into your next closed deal.
        </>
      }
      description="Sales AI that drafts replies, scores intent, and surfaces the next best action — so your team spends time selling, not searching."
      leftMedia={
        <img
          src="/hero/portrait.jpg"
          alt="Customer portrait"
          className="size-full object-cover"
        />
      }
      rightMedia={
        <img
          src="/hero/dashboard.png"
          alt="Product dashboard"
          className="size-full object-cover"
        />
      }
      trustedBy={{
        prefix: "Trusted by revenue teams at ",
        highlight: "fast-growing",
        suffix: " companies",
        logos: [
          { name: "Northwind" },
          { name: "Lumina" },
          { name: "Apex" },
          { name: "Cobalt" },
          { name: "Meridian" },
        ],
      }}
    />
  );
}

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[];
}