"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="large"
        background="noiseDiagonalGradient"
        cardStyle="outline"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Menu",
          id: "/menu",
        },
        {
          name: "Gallery",
          id: "/gallery",
        },
        {
          name: "Location",
          id: "/location",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      brandName="Brew Haven"
    />
  </div>

  <div id="contact-form" data-section="contact-form">
      <ContactText
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient",
      }}
      text="Have a question, feedback, or need to place a special order? We'd love to hear from you. Fill out the form below or use our direct contact details."
      buttons={[
        {
          text: "Email Us",
          href: "mailto:info@brewhaven.com",
        },
        {
          text: "Call Us",
          href: "tel:+1234567890",
        },
      ]}
    />
  </div>

  <div id="faqs-section" data-section="faqs-section">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",
          title: "What are your most popular coffee blends?",
          content: "Our most popular blends include the 'Morning Glory' for a vibrant start, and the 'Evening Comfort' for a smooth, decaffeinated finish. We also have rotating single-origin beans!",
        },
        {
          id: "faq-2",
          title: "Do you offer vegan or gluten-free options?",
          content: "Yes, we have a selection of plant-based milk alternatives for all our drinks, including oat, almond, and soy. We also offer several delicious vegan and gluten-free pastry options daily.",
        },
        {
          id: "faq-3",
          title: "Can I order online for pickup?",
          content: "Absolutely! You can place your order directly through our website or our mobile app for quick and convenient pickup at your preferred time. Skip the line and enjoy your brew!",
        },
      ]}
      sideTitle="Your Questions, Answered."
      sideDescription="Find quick answers to our most common queries regarding our menu, services, and policies. If you can't find what you're looking for, feel free to contact us directly!"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Quick Links",
          items: [
            {
              label: "Home",
              href: "/",
            },
            {
              label: "Menu",
              href: "/menu",
            },
            {
              label: "Gallery",
              href: "/gallery",
            },
            {
              label: "Location",
              href: "/location",
            },
          ],
        },
        {
          title: "Our Story",
          items: [
            {
              label: "About Us",
              href: "/about",
            },
            {
              label: "Our Mission",
              href: "/about#mission",
            },
            {
              label: "Testimonials",
              href: "/#testimonials-section",
            },
          ],
        },
        {
          title: "Support",
          items: [
            {
              label: "Contact Us",
              href: "/contact",
            },
            {
              label: "FAQ",
              href: "/contact#faqs-section",
            },
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
          ],
        },
      ]}
      bottomLeftText="© 2024 Brew Haven. All rights reserved."
      bottomRightText="Crafted with passion by Webuild."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
