"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqDouble from '@/components/sections/faq/FaqDouble';
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="main-menu" data-section="main-menu">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "full-menu-1",
          name: "Quarter Pounder® with Cheese",
          price: "$6.29",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-close-up-burger-fries-wooden-board_23-2148238510.jpg",
          imageAlt: "Quarter Pounder with Cheese",
        },
        {
          id: "full-menu-2",
          name: "McChicken®",
          price: "$4.29",
          imageSrc: "http://img.b2bpic.net/free-photo/front-view-chicken-burger-with-cheese-green-salad-potatoes-wooden-desk-grey-surface_140725-25949.jpg",
          imageAlt: "McChicken Sandwich",
        },
        {
          id: "full-menu-3",
          name: "Filet-O-Fish®",
          price: "$5.99",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-delicious-fast-food-meal_23-2149291691.jpg",
          imageAlt: "Filet-O-Fish Sandwich",
        },
        {
          id: "full-menu-4",
          name: "World Famous Fries®",
          price: "$2.99",
          imageSrc: "http://img.b2bpic.net/free-photo/top-close-view-fried-potatoes-tasty-french-fries-inside-plate-dark-surface-food-meal-dinner-dish-ingredients-potato_140725-54032.jpg",
          imageAlt: "World Famous Fries",
        },
        {
          id: "full-menu-5",
          name: "Coca-Cola®",
          price: "$2.19",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-ice-cubes-refreshing-drink-with-bubbles_23-2152005559.jpg",
          imageAlt: "Coca-Cola Drink",
        },
        {
          id: "full-menu-6",
          name: "Hot Fudge Sundae",
          price: "$2.89",
          imageSrc: "http://img.b2bpic.net/free-photo/high-angle-chocolate-milkshake-glass_23-2148601292.jpg",
          imageAlt: "Hot Fudge Sundae",
        },
        {
          id: "full-menu-7",
          name: "Big Mac®",
          price: "$5.89",
          imageSrc: "http://img.b2bpic.net/free-photo/burger-with-ham-tomatoes-cabbage_140725-2354.jpg",
          imageAlt: "Big Mac Burger",
        },
      ]}
      title="Explore Our Full Menu"
      description="From classic burgers to delightful desserts, find your next craving with our diverse selection of fresh and delicious options."
    />
  </div>

  <div id="nutrition-faq" data-section="nutrition-faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",
          title: "Where can I find calorie information?",
          content: "Calorie information for all menu items is available on our in-restaurant menu boards, on the McDonald's App, and here on our website.",
        },
        {
          id: "faq-2",
          title: "Do you offer gluten-free options?",
          content: "While we strive to provide a diverse menu, we do not currently offer certified gluten-free menu items due to the risk of cross-contamination in our kitchen environment.",
        },
        {
          id: "faq-3",
          title: "How can I check for allergens?",
          content: "Detailed allergen information for all our products is available on our website and through the McDonald's App. Please consult this information before ordering.",
        },
        {
          id: "faq-4",
          title: "Are there vegetarian or vegan options?",
          content: "We offer a selection of vegetarian-friendly items, such as our World Famous Fries®. Specific vegan options may vary by region. Please check our menu or app for details.",
        },
      ]}
      title="Nutrition & Allergens"
      description="Find detailed information about our menu items to make informed choices. Your health and safety are our priority."
      faqsAnimation="slide-up"
    />
  </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>
  );
}
