feat: update website layout, components, and assets

src/components/home/heroCarouselData.ts

@@ -0,0 +1,61 @@
+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: 'AI-Powered Loyalty',
+    headline: 'Turn Foot Traffic Into Fans',
+    highlightWords: ['Fans'],
+    description:
+      'Loyaly reads shopper behavior in real time and turns every visit into a reason to come back.',
+    ctaLabel: 'Book a Demo',
+    ctaHref: '/contacts',
+    secondaryLabel: 'See How It Works',
+    secondaryHref: '/solutions_page',
+    image: '/home_hero/home_hero_01.png',
+    imageAlt: 'Shoppers walking through a modern premium shopping mall',
+  },
+  {
+    id: 'app',
+    badge: 'Built For Every Shopper',
+    headline: 'Shopping, But Make It Rewarding',
+    highlightWords: ['Rewarding'],
+    description:
+      'Find stores nearby, stack LYTs, unlock drops made for you, and turn every trip into a game.',
+    ctaLabel: 'Explore the App',
+    ctaHref: '/for_people',
+    secondaryLabel: 'Get Early Access',
+    secondaryHref: '/contacts',
+    image: '/home_hero/home_hero_02.png',
+    imageAlt: 'A shopper viewing the Loyaly app splash screen on their phone inside a mall',
+  },
+  {
+    id: 'ecosystem',
+    badge: 'The Full Stack',
+    headline: 'Six Tools. One Mega Brain.',
+    highlightWords: ['Mega', 'Brain.'],
+    description:
+      'Behavision, SpendSense, Dyscount, Identiq, Flowmind, and the Loyaly App — built to know your customers better than they know themselves.',
+    ctaLabel: 'Explore Platform',
+    ctaHref: '/solutions_page',
+    secondaryLabel: 'Meet the Tools',
+    secondaryHref: '/solutions_page',
+    image: '/home_hero/home_hero_03.png',
+    imageAlt: 'Aerial view of a large, crowded luxury shopping mall atrium',
+  },
+];
+
+export const HERO_AUTOPLAY_MS = 6000;