export interface HeroSlideData {
  id: string;
  badge: string;
  headline: string;
  /** Words (exact match, case-sensitive) within `headline` to render as a gradient highlight. */
  highlightWords: string[];
  description: string;
  ctaLabel: string;
  ctaHref: string;
  secondaryLabel: string;
  secondaryHref: string;
  image: string;
  imageAlt: string;
}

export const HERO_SLIDES: HeroSlideData[] = [
  {
    id: 'intro',
    badge: 'Offline Shopping. Online Intelligence.',
    headline: 'Turn Every Visit Into Loyalty',
    highlightWords: ['Loyalty'],
    description:
      'Loyaly understands shopper behavior in real time — turning everyday footfall into lasting relationships and measurable growth.',
    ctaLabel: 'Book a Demo',
    ctaHref: '/contacts',
    secondaryLabel: 'See How It Works',
    secondaryHref: '/solutions_page',
    image: '/assets/home_hero/home_hero_01.png',
    imageAlt: 'Shoppers walking through a modern premium shopping mall',
  },
  {
    id: 'app',
    badge: 'Crafted For Every Shopper',
    headline: 'Shopping, Elevated To An Experience',
    highlightWords: ['Experience'],
    description:
      'Discover stores near you, earn LYTs as you live, and unlock experiences designed around you — every trip effortless and rewarding.',
    ctaLabel: 'Explore the App',
    ctaHref: '/for_people',
    secondaryLabel: 'Get Early Access',
    secondaryHref: '/contacts',
    image: '/assets/home_hero/home_hero_02.png',
    imageAlt: 'A shopper viewing the Loyaly app splash screen on their phone inside a mall',
  },
  {
    id: 'ecosystem',
    badge: 'One Intelligent Platform',
    headline: 'Six Products. One Brain.',
    highlightWords: ['One', 'Brain.'],
    description:
      'Behavision, SpendSense, Dyscount, Identiq, Flowmind, and the Loyaly App — a connected AI suite that knows your customers inside out.',
    ctaLabel: 'Explore Platform',
    ctaHref: '/solutions_page',
    secondaryLabel: 'Meet the Tools',
    secondaryHref: '/solutions_page',
    image: '/assets/home_hero/home_hero_03.png',
    imageAlt: 'Aerial view of a large, crowded luxury shopping mall atrium',
  },
];

export const HERO_AUTOPLAY_MS = 6000;