export interface HeroBackgroundLayer {
  id: number;
  src: string;
  alt: string;
  layerClass: "layer1" | "layer2";
  themeClass: "light" | "dark";
}

export interface HeroCta {
  label: string;
  href: string;
  variantClass: "" | "v2";
}

export interface HeroListItem {
  id: number;
  iconSrc: string;
  iconAlt: string;
  text: string;
}

export interface HeroGraphColumn {
  id: number;
  lightSrc: string;
  darkSrc: string;
  lightAlt: string;
  darkAlt: string;
}

export interface HomeHeroContent {
  backgrounds: HeroBackgroundLayer[];
  subTitle: string;
  title: string;
  description: string;
  primaryCta: HeroCta;
  secondaryCta: HeroCta;
  checklist: HeroListItem[];
  graphColumns: HeroGraphColumn[];
}

export const homeHero: HomeHeroContent = {
  backgrounds: [
    {
      id: 1,
      src: "/assets/images/event/bg1-1.png",
      alt: "Abstract animated background layer one",
      layerClass: "layer1",
      themeClass: "light",
    },
    {
      id: 2,
      src: "/assets/images/event/bg1-1-dark.png",
      alt: "Abstract animated background layer one dark version",
      layerClass: "layer1",
      themeClass: "dark",
    },
    {
      id: 3,
      src: "/assets/images/event/bg1-2.png",
      alt: "Abstract animated background layer two",
      layerClass: "layer2",
      themeClass: "light",
    },
    {
      id: 4,
      src: "/assets/images/event/bg1-2-dark.png",
      alt: "Abstract animated background layer two dark version",
      layerClass: "layer2",
      themeClass: "dark",
    },
  ],
  subTitle: "One Platform. Every Customer.",
  title: "All-in-One CRM to Boost Your Sales & Support",
  description:
    "We specialize in delivering full-cycle software solutions and AI-driven marketing tools designed to accelerate digital transformation.",
  primaryCta: {
    label: "Ready to Try Free",
    href: "/contact",
    variantClass: "",
  },
  secondaryCta: {
    label: "Get Started",
    href: "/pricing",
    variantClass: "v2",
  },
  checklist: [
    {
      id: 1,
      iconSrc: "/assets/images/icon/check.svg",
      iconAlt: "Check icon",
      text: "No credit card required",
    },
    {
      id: 2,
      iconSrc: "/assets/images/icon/check.svg",
      iconAlt: "Check icon",
      text: "Cancel anytime & no hidden charge",
    },
    {
      id: 3,
      iconSrc: "/assets/images/icon/check.svg",
      iconAlt: "Check icon",
      text: "Cancel anytime or money back guarantee",
    },
  ],
  graphColumns: [
    {
      id: 1,
      lightSrc: "/assets/images/event/graph1-1.webp",
      darkSrc: "/assets/images/event/graph1-1-dark.webp",
      lightAlt: "CRM sales analytics graph dashboard",
      darkAlt: "CRM sales analytics graph dashboard dark mode",
    },
    {
      id: 2,
      lightSrc: "/assets/images/event/graph1-2.webp",
      darkSrc: "/assets/images/event/graph1-2-dark.webp",
      lightAlt: "Customer growth performance chart",
      darkAlt: "Customer growth performance chart dark mode",
    },
    {
      id: 3,
      lightSrc: "/assets/images/event/graph1-3.webp",
      darkSrc: "/assets/images/event/graph1-3-dark.webp",
      lightAlt: "CRM revenue tracking dashboard graph",
      darkAlt: "CRM revenue tracking dashboard graph dark mode",
    },
    {
      id: 4,
      lightSrc: "/assets/images/event/graph1-4.webp",
      darkSrc: "/assets/images/event/graph1-4-dark.webp",
      lightAlt: "Sales performance statistics visualization",
      darkAlt: "Sales performance statistics visualization dark mode",
    },
  ],
};