"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import TeamCardFive from '@/components/sections/team/TeamCardFive';
import TextAbout from '@/components/sections/about/TextAbout';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="small"
        sizing="mediumLargeSizeLargeTitles"
        background="circleGradient"
        cardStyle="solid"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Menu",
          id: "/menu",
        },
        {
          name: "Catering",
          id: "/catering",
        },
        {
          name: "About",
          id: "/about",
        },
        {
          name: "Careers",
          id: "/careers",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      brandName="Rooster Roo"
    />
  </div>

  <div id="our-story" data-section="our-story">
      <TextAbout
      useInvertedBackground={false}
      title="Our Story: The Heart of Rooster Roo"
    />
  </div>

  <div id="our-team" data-section="our-team">
      <TeamCardFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      team={[
        {
          id: "team-1",
          name: "Chef David Smith",
          role: "Head Chef & Co-Founder",
          imageSrc: "http://img.b2bpic.net/free-photo/people-working-their-office_23-2149196439.jpg",
          imageAlt: "Chef David Smith",
        },
        {
          id: "team-2",
          name: "Maria Rodriguez",
          role: "General Manager",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-working-as-professional-chef_23-2151864170.jpg",
          imageAlt: "Maria Rodriguez",
        },
        {
          id: "team-3",
          name: "Juan Sanchez",
          role: "Kitchen Manager",
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-diverse-women-together_23-2151682134.jpg",
          imageAlt: "Juan Sanchez",
        },
      ]}
      title="Meet Our Friendly Team"
      description="Our dedicated staff is the secret ingredient to Rooster Roo's welcoming atmosphere and fast, friendly service. We're proud to serve our community every day with a smile and a passion for great food!"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Navigation",
          items: [
            {
              label: "Home",
              href: "/",
            },
            {
              label: "Menu",
              href: "/menu",
            },
            {
              label: "Catering",
              href: "/catering",
            },
            {
              label: "About Us",
              href: "/about",
            },
            {
              label: "Careers",
              href: "/careers",
            },
            {
              label: "Contact",
              href: "/contact",
            },
          ],
        },
        {
          title: "Services",
          items: [
            {
              label: "Order Online",
              href: "/menu#online-order",
            },
            {
              label: "Catering Options",
              href: "/catering#inquiry",
            },
            {
              label: "Reservations",
              href: "/contact#faqs",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      logoText="Rooster Roo"
      copyrightText="© 2024 Rooster Roo. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
