"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 NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';

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="current-deals" data-section="current-deals">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="two-columns-alternating-heights"
      useInvertedBackground={false}
      products={[
        {
          id: "deal-list-1",
          name: "Buy One Get One Free McFlurry®",
          price: "Limited Time",
          imageSrc: "http://img.b2bpic.net/free-photo/vertical-closeup-ice-cream-small-glass-jar_181624-59520.jpg",
          imageAlt: "Buy One Get One Free McFlurry",
        },
        {
          id: "deal-list-2",
          name: "$1 Large Fries",
          price: "Today Only!",
          imageSrc: "http://img.b2bpic.net/free-photo/white-bowl-with-potato-straw-background_58702-2050.jpg",
          imageAlt: "$1 Large Fries",
        },
        {
          id: "deal-list-3",
          name: "Any Size Coffee $2",
          price: "Morning Deal",
          imageSrc: "http://img.b2bpic.net/free-photo/crop-women-enjoying-dessert-drink_23-2147785407.jpg",
          imageAlt: "Any Size Coffee Deal",
        },
        {
          id: "deal-list-4",
          name: "2 For $5 Mix & Match",
          price: "Your Choice",
          imageSrc: "http://img.b2bpic.net/free-photo/photorealistic-burger-meal_23-2151432774.jpg",
          imageAlt: "2 For $5 Mix & Match",
        },
        {
          id: "deal-list-5",
          name: "Family Dinner Box",
          price: "$18.99",
          imageSrc: "http://img.b2bpic.net/free-photo/wooden-snack-board-with-chicken-nuggets-cheese-sticks-grilled-sausages-sauces-around_114579-71828.jpg",
          imageAlt: "Family Dinner Box",
        },
        {
          id: "deal-list-6",
          name: "Free McDouble® with $5+ Order",
          price: "App Exclusive",
          imageSrc: "http://img.b2bpic.net/free-photo/burger-lettuce-cheeseburger-fat-close-up_1122-2436.jpg",
          imageAlt: "Free McDouble with Order",
        },
      ]}
      title="Unbeatable Deals & Offers"
      description="Grab your favorites for less! Limited-time specials updated daily. Don't miss out on these fantastic savings!"
    />
  </div>

  <div id="app-benefits-feature" data-section="app-benefits-feature">
      <FeatureCardTwentyEight
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "app-feat-1",
          title: "Exclusive App Savings",
          subtitle: "Discover deals you won't find anywhere else, just for app users.",
          category: "Deals",
          value: "Download Today",
        },
        {
          id: "app-feat-2",
          title: "Faster Mobile Ordering",
          subtitle: "Order ahead and pay right from your phone for quick pickup or delivery.",
          category: "Convenience",
          value: "Order Ahead",
        },
        {
          id: "app-feat-3",
          title: "Personalized Recommendations",
          subtitle: "We'll suggest your favorites and new items based on your preferences.",
          category: "Personalization",
          value: "Tailored for You",
        },
      ]}
      title="Unlock More with the App"
      description="Get access to app-exclusive deals, personalized offers, and a faster, more convenient ordering experience. Download now to start saving!"
    />
  </div>

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