"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';

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="catering-packages" data-section="catering-packages">
      <PricingCardNine
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      plans={[
        {
          id: "business-lunch",
          title: "Business Lunch",
          price: "$15/person",
          period: "Min 10 people",
          features: [
            "Assorted Chicken Sandwiches",
            "Fresh Side Salads",
            "Cookies & Brownies",
            "Beverage Selection",
          ],
          button: {
            text: "Inquire Now",
            href: "/catering#inquiry",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/catering-buffet_74190-3791.jpg",
          imageAlt: "Business lunch catering",
        },
        {
          id: "family-gathering",
          title: "Family Gathering",
          price: "$25/person",
          period: "Min 15 people",
          features: [
            "Signature Fried Chicken",
            "Large Mac & Cheese",
            "Sweet Cornbread",
            "Dessert Platter",
            "Gallon Sweet Tea",
          ],
          button: {
            text: "Inquire Now",
            href: "/catering#inquiry",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/holiday-friends-family-holiday-table-with-rabbit-meat-vegetables-pies-eggs-top-view_169016-3387.jpg",
          imageAlt: "Family gathering food",
        },
        {
          id: "school-event",
          title: "School Event",
          price: "$10/person",
          period: "Min 20 people",
          features: [
            "Chicken Tenders Platter",
            "Crispy French Fries",
            "Fruit Cups",
            "Bottled Water",
          ],
          button: {
            text: "Inquire Now",
            href: "/catering#inquiry",
          },
          imageSrc: "http://img.b2bpic.net/free-photo/flat-lay-assortment-healthy-food_23-2148484687.jpg",
          imageAlt: "School event catering",
        },
      ]}
      title="Rooster Roo Catering"
      description="Elevate your next event with delicious, family-friendly catering from Rooster Roo. Perfect for business lunches, church gatherings, school events, and more, we bring the best of Rowlett to your table."
    />
  </div>

  <div id="inquiry" data-section="inquiry">
      <ContactText
      useInvertedBackground={true}
      background={{
        variant: "plain",
      }}
      text="Tell us about your catering needs, event date, and guest count. Our dedicated team will help you craft a memorable menu for your business lunch, school event, or family gathering. We offer convenient pickup and delivery options."
      buttons={[
        {
          text: "Request a Quote",
          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>
  );
}
