"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 FooterBase from '@/components/sections/footer/FooterBase';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';

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="contact-form" data-section="contact-form">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "plain",
      }}
      text="Have questions, feedback, or need to reach us? Our team is ready to assist you. Fill out the form below or find our location, hours, and phone number for immediate assistance."
      buttons={[
        {
          text: "Call Us: (972) 555-1234",
          href: "tel:972-555-1234",
        },
        {
          text: "Email Us",
          href: "mailto:info@roosterroo.com",
        },
      ]}
    />
  </div>

  <div id="faqs" data-section="faqs">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq1",
          title: "What are your operating hours?",
          content: "We are open Monday-Saturday from 11 AM - 9 PM, and Sunday from 12 PM - 8 PM. Please check our Contact page for holiday hours.",
        },
        {
          id: "faq2",
          title: "Do you offer vegetarian or vegan options?",
          content: "While our specialty is chicken, we do offer several delicious vegetarian sides and salads. Please speak to our staff about vegan options.",
        },
        {
          id: "faq3",
          title: "Can I make a reservation?",
          content: "We generally operate on a first-come, first-served basis, especially for smaller groups. For parties of 8 or more, please call ahead to inquire about seating availability.",
        },
        {
          id: "faq4",
          title: "Is Rooster Roo available for catering?",
          content: "Yes! We offer catering services for events of all sizes, from business lunches to family gatherings. Visit our Catering page or contact us for a custom quote.",
        },
      ]}
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about our menu, hours, catering services, online ordering, and more."
      faqsAnimation="slide-up"
    />
  </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>
  );
}
