export interface HeroButton {
  href: string;
  text: string;
  arrowSrc: string;
  arrowAlt: string;
  variant?: string;
}

export interface HeroRating {
  clutchLightSrc: string;
  clutchDarkSrc: string;
  clutchAlt: string;
  ratingSrc: string;
  ratingAlt: string;
  reviewText: string;
}

export interface HeroImage {
  lightSrc: string;
  darkSrc: string;
  alt: string;
}

export interface HeroData {
  subTitle: string;
  title: string;
  description: string;
  buttons: HeroButton[];
  rating: HeroRating;
  heroImage: HeroImage;
}

export const heroData: HeroData = {
  subTitle: "Turn Data Into Growth",
  title: "All-in-One SaaS analytics platform",
  description: "Our all-in-one Analytics Platform empowers businesses to transform raw data into actionable insights with ease.",
  buttons: [
    {
      href: "#",
      text: "Request a Demo",
      arrowSrc: "/assets/images/icon/arrow.svg",
      arrowAlt: "Arrow Icon"
    },
    {
      href: "#",
      text: "Learn more",
      arrowSrc: "/assets/images/icon/arrow.svg",
      arrowAlt: "Arrow Icon",
      variant: "v2"
    }
  ],
  rating: {
    clutchLightSrc: "/assets/images/event/clutch.png",
    clutchDarkSrc: "/assets/images/event/clutch-dark.png",
    clutchAlt: "Clutch Reviews Badge",
    ratingSrc: "/assets/images/icon/rating.svg",
    ratingAlt: "Customer Star Rating",
    reviewText: "By over 2500+ reviews"
  },
  heroImage: {
    lightSrc: "/assets/images/hero/hero1-1.png",
    darkSrc: "/assets/images/hero/hero1-1-dark.png",
    alt: "SaaS Analytics Dashboard Illustration"
  }
};