export interface HeroImage {
  light: string;
  dark: string;
  alt: string;
}

export interface AnimationImage {
  light: string;
  dark: string;
  className: string;
}

export interface HeroData {
  subTitle: {
    small: string;
    main: string;
  };
  title: string;
  description: string;
  ctaButton: {
    label: string;
    href: string;
  };
  stats: {
    image: string;
    alt: string;
    text: string;
    highlight: string;
  };
  mainImage: HeroImage;
  animationImages: AnimationImage[];
}

export const heroSectionData: HeroData = {
  subTitle: {
    small: "Fintech",
    main: "Intelligent Software for Fintech",
  },
  title: "Building the Next Generation of Fintech Software",
  description:
    "We design and develop secure, scalable fintech software solutions that help financial institutions and startups innovate with confidence.",
  ctaButton: {
    label: "Start Free Trial",
    href: "#",
  },
  stats: {
    image: "/assets/images/author/authers.png",
    alt: "Happy clients avatars",
    text: "1.5m Happy",
    highlight: "Clients",
  },
  mainImage: {
    light: "/assets/images/hero/dashboard.png",
    dark: "/assets/images/hero/dashboard-dark.png",
    alt: "Fintech dashboard interface preview",
  },
  animationImages: [
    {
      light: "/assets/images/event/dosts.png",
      dark: "/assets/images/event/dosts-dark.png",
      className: "anim-one",
    },
    {
      light: "/assets/images/event/dosts2.png",
      dark: "/assets/images/event/dosts2-dark.png",
      className: "anim-two",
    },
  ],
};