"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import { Gift, Smartphone } 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="app-hero" data-section="app-hero">
      <HeroCentered
      background={{
        variant: "radial-gradient",
      }}
      title="Your Favorites, Made Easier."
      description="Download the MyMcDonald's App for exclusive deals, fast ordering, and rewards. Everything you love, in one place."
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/smiling-young-woman-taking-selfie-photo-winking_1262-18343.jpg",
          alt: "User with phone",
        },
        {
          src: "http://img.b2bpic.net/free-photo/close-up-lifestyle-indoor-portrait-pretty-blonde-woman-posing-restaurant-eating-tasty-cake-showing-something-by-her-finger-cute-girly-interior-cheerful-emotions_291049-2284.jpg",
          alt: "Woman using app",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-young-boy-smiling-yellow-background_23-2148356539.jpg",
          alt: "Child playing on tablet",
        },
        {
          src: "http://img.b2bpic.net/free-photo/ginger-woman-clean-urban-environment_23-2149011396.jpg",
          alt: "Man using phone",
        },
        {
          src: "http://img.b2bpic.net/free-photo/medium-shot-man-eating-salmon-bowl_23-2150533974.jpg",
          alt: "Medium shot man eating salmon bowl",
        },
      ]}
      avatarText="Millions love our app!"
      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",
        },
      ]}
      buttonAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/close-up-young-handsome-man-isolated_273609-36341.jpg"
      imageAlt="McDonald's App interface"
      marqueeItems={[
        {
          type: "text-icon",
          text: "Order Ahead",
          icon: Smartphone,
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/close-up-delicious-cheeseburger_23-2148314189.jpg",
          alt: "Close-up delicious cheeseburger ",
        },
        {
          type: "text",
          text: "Earn Free Food",
        },
        {
          type: "image",
          src: "http://img.b2bpic.net/free-photo/burger-with-meat-avocado-sauce-served-wooden-table-closeup_1220-6616.jpg",
          alt: "Burger with meat and avocado sauce served on wooden table. Closeup.",
        },
        {
          type: "text-icon",
          text: "Personalized Offers",
          icon: Gift,
        },
      ]}
    />
  </div>

  <div id="app-features" data-section="app-features">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "app-feature-1",
          title: "Mobile Ordering & Pay",
          subtitle: "Order your favorites ahead of time and pay securely through the app.",
          category: "Convenience",
          value: "Skip the Line",
        },
        {
          id: "app-feature-2",
          title: "Exclusive Deals",
          subtitle: "Access personalized offers and deals available only to app users.",
          category: "Savings",
          value: "Unlock More",
        },
        {
          id: "app-feature-3",
          title: "Earn & Redeem Rewards",
          subtitle: "Collect points on every order and redeem them for free McDonald's items.",
          category: "Loyalty",
          value: "Free Food",
        },
      ]}
      title="App Features You'll Love"
      description="Experience convenience, savings, and personalized offers at your fingertips. The McDonald's App is designed to make your life easier."
    />
  </div>

  <div id="app-social-proof" data-section="app-social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "TechCrunch",
        "Forbes",
        "App Store Editors",
        "Google Play Editors",
        "CNET",
        "The Verge",
        "Pocket-lint",
      ]}
      title="Loved by Millions"
      description="Join a global community of app users enjoying exclusive benefits, faster service, and delicious rewards. See what the experts are saying!"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/young-adults-enjoying-food_23-2149303581.jpg?_wi=6"
      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>
  );
}
