"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';

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="location-finder" data-section="location-finder">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      text="Find a McDonald's Near You"
      buttons={[
        {
          text: "Search by Location",
          href: "#",
        },
        {
          text: "Use Current Location",
          href: "#",
        },
      ]}
    />
  </div>

  <div id="location-faq" data-section="location-faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "loc-faq-1",
          title: "What are the typical operating hours?",
          content: "Operating hours vary by location. Please use our store locator to find specific hours for your nearest McDonald's restaurant.",
        },
        {
          id: "loc-faq-2",
          title: "Do all locations have a Drive-Thru?",
          content: "Most McDonald's locations offer a Drive-Thru service, but it's best to confirm using our location finder as some urban locations may not.",
        },
        {
          id: "loc-faq-3",
          title: "Is delivery available at all restaurants?",
          content: "Delivery through McDelivery® is available at many locations. Check the McDonald's App or third-party delivery apps for availability in your area.",
        },
        {
          id: "loc-faq-4",
          title: "How can I provide feedback about a specific location?",
          content: "We value your feedback! You can share your comments directly through the McDonald's App or by using the contact form on our website.",
        },
      ]}
      title="Location & Services FAQ"
      description="Get answers to common questions about our restaurant services, opening hours, and available amenities."
      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>
  );
}
