"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterMedia from '@/components/sections/footer/FooterMedia';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TeamCardTen from '@/components/sections/team/TeamCardTen';

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="our-story" data-section="our-story">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      title="Our Commitment to Quality"
      description="Discover the values that drive us and our dedication to serving communities. From sourcing ingredients to supporting local initiatives, we believe in doing good."
      bulletPoints={[
        {
          title: "Quality Ingredients",
          description: "We prioritize fresh, responsibly sourced ingredients for every meal.",
        },
        {
          title: "Community Focus",
          description: "Supporting local communities through various programs and initiatives.",
        },
        {
          title: "Environmental Responsibility",
          description: "Working towards a more sustainable future, one step at a time.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/person-buying-garlic-from-market-place-high-view_23-2148648907.jpg"
      imageAlt="Sustainable farm fields"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="careers" data-section="careers">
      <TeamCardTen
      useInvertedBackground={false}
      title="Join Our Crew"
      tag="Careers"
      membersAnimation="slide-up"
      members={[
        {
          id: "crew-1",
          name: "Maria Rodriguez",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-courier-offering-two-cups-coffee_114579-65282.jpg",
          imageAlt: "McDonald's crew member Maria",
        },
        {
          id: "crew-2",
          name: "David Chen",
          imageSrc: "http://img.b2bpic.net/free-photo/chef-cooking-kitchen-while-wearing-professional-attire_23-2151208273.jpg",
          imageAlt: "McDonald's crew member David",
        },
        {
          id: "crew-3",
          name: "Aisha Khan",
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-friends-table-with-burgers_23-2148705534.jpg",
          imageAlt: "McDonald's crew member Aisha",
        },
        {
          id: "crew-4",
          name: "John Smith",
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-middle-aged-blonde-delivery-woman-blue-uniform-cap-standing-profile-view-doing-you-gesture-isolated-pink-wall-with-copy-space_141793-112271.jpg",
          imageAlt: "McDonald's crew member John",
        },
      ]}
      memberVariant="card"
    />
  </div>

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