"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 ProductCardTwo from '@/components/sections/product/ProductCardTwo';
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="full-menu" data-section="full-menu">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "menu-burger-1",
          brand: "Chicken & More",
          name: "Rooster Burger",
          price: "$11.00",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/classic-hamburger-wooden-board_140725-1322.jpg",
          imageAlt: "Rooster Burger",
        },
        {
          id: "menu-salad-2",
          brand: "Fresh & Healthy",
          name: "Garden Chicken Salad",
          price: "$9.50",
          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/making-pasta_23-2147985215.jpg",
          imageAlt: "Garden Chicken Salad",
        },
        {
          id: "menu-tacos-3",
          brand: "Texas Inspired",
          name: "Spicy Chicken Tacos",
          price: "$12.00",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/mexican-food_23-2148159786.jpg",
          imageAlt: "Spicy Chicken Tacos",
        },
        {
          id: "menu-wings-4",
          brand: "Appetizers",
          name: "Buffalo Wings (6 pc)",
          price: "$8.75",
          rating: 4,
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-hands-holding-corn-dogs_23-2149929414.jpg",
          imageAlt: "Buffalo Wings",
        },
        {
          id: "menu-soup-5",
          brand: "Comfort Classics",
          name: "Creamy Tomato Soup",
          price: "$6.00",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/tomato-soup-with-grated-cheese-top-view-table_140725-10019.jpg",
          imageAlt: "Creamy Tomato Soup",
        },
        {
          id: "menu-sandwich-6",
          brand: "Signature Sandwiches",
          name: "Roo's Club Sandwich",
          price: "$11.50",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/food-delicious-photo-crousant_624325-1728.jpg",
          imageAlt: "Roo's Club Sandwich",
        },
      ]}
      title="Our Full Menu"
      description="From classic chicken to our newest specials, explore all the delicious options Rooster Roo has to offer. Freshly prepared daily for your enjoyment!"
    />
  </div>

  <div id="online-order" data-section="online-order">
      <TextAbout
      useInvertedBackground={true}
      title="Order Online for Pickup or Delivery!"
      buttons={[
        {
          text: "Start Your Order",
          href: "#",
        },
      ]}
    />
  </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>
  );
}
