"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SplitAbout from '@/components/sections/about/SplitAbout';
import { Globe, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="mediumLarge"
        background="circleGradient"
        cardStyle="inset"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Menu",
          id: "/menu",
        },
        {
          name: "Deals",
          id: "/deals",
        },
        {
          name: "Rewards",
          id: "/rewards",
        },
        {
          name: "Locations",
          id: "/locations",
        },
        {
          name: "App",
          id: "/app",
        },
        {
          name: "About",
          id: "/about",
        },
      ]}
      brandName="McDonald's"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroCentered
      background={{
        variant: "radial-gradient",
      }}
      title="Made for Right Now."
      description="Freshly prepared meals, delivered fast. Your McDonald's favorites, whenever you want them."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/one-companions_1098-13516.jpg",
          alt: "Happy customer",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-young-woman-eating-burger_23-2150404800.jpg",
          alt: "Smiling woman",
        },
        {
          src: "http://img.b2bpic.net/free-photo/happy-boy-taking-selfie-playground_23-2148308735.jpg",
          alt: "Child with Happy Meal",
        },
        {
          src: "http://img.b2bpic.net/free-photo/man-biting-from-roasted-corn-outdoors_23-2148733685.jpg",
          alt: "Young adult eating fries",
        },
        {
          src: "http://img.b2bpic.net/free-photo/high-angle-smiley-woman-with-delicious-cheese_23-2150062641.jpg",
          alt: "High angle smiley woman with delicious cheese",
        },
      ]}
      avatarText="Join millions of happy customers!"
      buttons={[
        {
          text: "Order Delivery",
          href: "/order",
        },
        {
          text: "Find Us",
          href: "/locations",
        },
      ]}
      buttonAnimation="slide-up"
      marqueeItems={[
        {
          type: "text-icon",
          text: "Fresh & Fast",
          icon: Sparkles,
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/close-up-fresh-bacon-burgers_23-2148784482.jpg",
          alt: "Close up fresh bacon burgers",
        },
        {
          type: "text",
          text: "Exclusive App Deals",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/composition-with-delicious-vegan-burger_23-2149039334.jpg",
          alt: "Composition with delicious vegan burger",
        },
        {
          type: "text-icon",
          text: "Global Favorites",
          icon: Globe,
        },
      ]}
    />
  </div>

  <div id="deals" data-section="deals">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "deal-1",
          name: "Big Mac Meal Deal",
          price: "$6.99",
          imageSrc: "http://img.b2bpic.net/free-photo/appetizing-chicken-burger-female-hands-fast-food-restaurant_169016-49213.jpg",
          imageAlt: "Big Mac Meal Deal",
        },
        {
          id: "deal-2",
          name: "20pc McNuggets®",
          price: "$5.00",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fried-chicken-fries-with-burgers-green-onions_23-2148699074.jpg",
          imageAlt: "20pc McNuggets",
        },
        {
          id: "deal-3",
          name: "Happy Meal® Discount",
          price: "$3.99",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-assortment-with-nuggets-cheeseburger_23-2148314199.jpg",
          imageAlt: "Happy Meal Discount",
        },
        {
          id: "deal-4",
          name: "McCafe® Frappe Offer",
          price: "$2.50",
          imageSrc: "http://img.b2bpic.net/free-photo/iced-coffee_1339-4595.jpg",
          imageAlt: "McCafe Frappe Offer",
        },
        {
          id: "deal-5",
          name: "Breakfast Sandwich Combo",
          price: "$4.50",
          imageSrc: "http://img.b2bpic.net/free-photo/top-view-frame-with-burgers-american-flags_23-2148491507.jpg",
          imageAlt: "Breakfast Sandwich Combo",
        },
        {
          id: "deal-6",
          name: "Crispy Chicken Sandwich",
          price: "$4.00",
          imageSrc: "http://img.b2bpic.net/free-photo/person-with-eating-disorder-trying-eat-fast-food_23-2149243079.jpg",
          imageAlt: "Crispy Chicken Sandwich",
        },
      ]}
      title="Today's Exclusive Deals"
      description="Unlock mouth-watering savings with our limited-time offers. Don't miss out!"
    />
  </div>

  <div id="featured-menu" data-section="featured-menu">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "menu-item-1",
          name: "Big Mac®",
          price: "$5.89",
          imageSrc: "http://img.b2bpic.net/free-photo/american-burger-with-chicken-bacon-homemade-barbecue-sauce_2829-13871.jpg",
          imageAlt: "Big Mac Burger",
        },
        {
          id: "menu-item-2",
          name: "McChicken®",
          price: "$4.29",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-melted-cheese-burger_23-2149342862.jpg",
          imageAlt: "McChicken Sandwich",
        },
        {
          id: "menu-item-3",
          name: "World Famous Fries®",
          price: "$2.99",
          imageSrc: "http://img.b2bpic.net/free-photo/fried-potatoes-french-fries-wooden-table_123827-26888.jpg",
          imageAlt: "World Famous Fries",
        },
        {
          id: "menu-item-4",
          name: "Coca-Cola®",
          price: "$2.19",
          imageSrc: "http://img.b2bpic.net/free-photo/assortment-with-red-box-juice-cup_23-2148314152.jpg",
          imageAlt: "Coca-Cola Drink",
        },
        {
          id: "menu-item-5",
          name: "Oreo® McFlurry®",
          price: "$3.49",
          imageSrc: "http://img.b2bpic.net/free-photo/vanilla-ice-cream-texture_23-2149450682.jpg",
          imageAlt: "Oreo McFlurry",
        },
        {
          id: "menu-item-6",
          name: "Hotcakes",
          price: "$4.19",
          imageSrc: "http://img.b2bpic.net/free-photo/breakfast-with-honey_23-2148169110.jpg",
          imageAlt: "Hotcakes",
        },
      ]}
      title="Our Beloved Menu Classics"
      description="Explore the iconic taste and quality that makes McDonald's a global favorite."
    />
  </div>

  <div id="rewards-teaser" data-section="rewards-teaser">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "metric-1",
          value: "30M+",
          title: "Members",
          description: "And growing globally",
          imageSrc: "http://img.b2bpic.net/free-photo/mobile-6-black-friday_187299-46641.jpg",
          imageAlt: "MyMcDonald's Rewards app screen",
        },
        {
          id: "metric-2",
          value: "5-Star",
          title: "App Rating",
          description: "Highly rated by users",
          imageSrc: "http://img.b2bpic.net/free-photo/traditional-italian-food-world-tourism-day_23-2149114038.jpg",
          imageAlt: "McDonald's App interface",
        },
        {
          id: "metric-3",
          value: "Billions",
          title: "Points Earned",
          description: "Redeem for free food",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-holding-smartphone_23-2150232402.jpg",
          imageAlt: "McDonald's App deals screen",
        },
      ]}
      title="MyMcDonald's Rewards"
      description="Join millions earning points on every order. Free favorites await!"
    />
  </div>

  <div id="breakfast-promo" data-section="breakfast-promo">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      title="Fuel Your Day"
      description="Start your morning right with our delicious breakfast menu, served fresh daily. Available until 10:30 AM at participating restaurants."
      bulletPoints={[
        {
          title: "Classic McMuffin®",
          description: "Your favorite breakfast sandwich, perfectly crafted.",
        },
        {
          title: "Crispy Hash Browns",
          description: "Golden and delicious, the perfect side.",
        },
        {
          title: "Premium Roast Coffee",
          description: "Brewed fresh for a great start to your day.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/toast-half-fried-egg-salad-bacon-gray-plate-front-tea-cup-table_23-2148067064.jpg"
      imageAlt="McDonald's breakfast spread"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="app-cta" data-section="app-cta">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      text="Every order earns. Every visit counts. Download the McDonald's App today!"
      buttons={[
        {
          text: "Download on the App Store",
          href: "https://apps.apple.com/us/app/mcdonalds/id1044486113",
        },
        {
          text: "Get it on Google Play",
          href: "https://play.google.com/store/apps/details?id=com.mcdonalds.app",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/young-adults-enjoying-food_23-2149303581.jpg"
      imageAlt="Happy family eating McDonald's food"
      logoSrc="http://img.b2bpic.net/free-photo/view-3d-delicious-looking-burger_23-2150914669.jpg"
      logoAlt="McDonald's Golden Arches Logo"
      logoText="McDonald's"
      columns={[
        {
          title: "Menu",
          items: [
            {
              label: "All Products",
              href: "/menu",
            },
            {
              label: "Deals",
              href: "/deals",
            },
            {
              label: "Nutrition",
              href: "/menu#nutrition",
            },
          ],
        },
        {
          title: "About Us",
          items: [
            {
              label: "Our Story",
              href: "/about#our-story",
            },
            {
              label: "Careers",
              href: "/about#careers",
            },
            {
              label: "Sustainability",
              href: "/about",
            },
          ],
        },
        {
          title: "Get The App",
          items: [
            {
              label: "MyMcDonald's Rewards",
              href: "/rewards",
            },
            {
              label: "Download Now",
              href: "/app",
            },
          ],
        },
        {
          title: "Contact",
          items: [
            {
              label: "Find a Restaurant",
              href: "/locations",
            },
            {
              label: "Customer Service",
              href: "#",
            },
            {
              label: "Feedback",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 McDonald's. All Rights Reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
