FoxifyHero

import { FoxifyHero } from "@/components/ui/foxify-hero";

export default function FoxifyHeroDemo() {
  return (
    <FoxifyHero
      logo={{ initial: "F", text: "oxify" }}
      navigation={[
        { label: "Features", hasDropdown: true, onClick: () => console.log("Features") },
        { label: "Pricing", onClick: () => console.log("Pricing") },
        { label: "Blogs", onClick: () => console.log("Blogs") },
        { label: "FAQs", onClick: () => console.log("FAQs") },
        { label: "More", hasDropdown: true, onClick: () => console.log("More") },
      ]}
      authButtons={{
        login: {
          label: "Log in",
          onClick: () => console.log("Login clicked"),
        },
        signup: {
          label: "Start Free",
          onClick: () => console.log("Signup clicked"),
        },
      }}
      badge={{
        icon: (
          <svg width="25" height="25" viewBox="0 0 25 25" fill="none">
            <path
              d="M12.5 2.5L9.5 9.5L2.5 10.5L7.5 15.5L6.5 22.5L12.5 19L18.5 22.5L17.5 15.5L22.5 10.5L15.5 9.5L12.5 2.5Z"
              fill="#B090FF"
            />
          </svg>
        ),
        text: "All in one Prompt Creation Guys",
      }}
      title="Foxify Help Your AI prompt's and Empower Your Team"
      description="Learn AI Prompting to Popular AI agent to create an Full stack software and everything in One AI prompt so place our Foxify AI for your team work guys"
      ctaButtons={{
        primary: {
          label: "Get Started Free",
          onClick: () => console.log("Get Started clicked"),
        },
        secondary: {
          label: "Book a Demo",
          onClick: () => console.log("Book Demo clicked"),
        },
      }}
    />
  );
}