"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterBase from '@/components/sections/footer/FooterBase';
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="shift-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="smallMedium"
        sizing="largeSmall"
        background="fluid"
        cardStyle="glass-depth"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingOverlay
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Flavours",
          id: "/menu",
        },
        {
          name: "About Us",
          id: "/about",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/illustration-skeleton-skate-board_1284-51436.jpg"
      logoAlt="Rock Star Ice Creams logo"
      brandName="Rock Star Ice Creams"
      button={{
        text: "Visit Us Today",
        href: "/contact",
      }}
    />
  </div>

  <div id="contact-details" data-section="contact-details">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Visit Rock Star Ice Creams"
      description="We'd love to see you! Find us at our vibrant location or reach out directly."
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Your Message",
        rows: 4,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/baker-enjoying-steaming-coffee-outside-his-urban-bakery_23-2152031673.jpg"
      imageAlt="Rock Star Ice Creams store exterior and map location"
      mediaAnimation="slide-up"
      mediaPosition="left"
      buttonText="Send Message"
    />
  </div>

  <div id="faq-section" data-section="faq-section">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-flavours",
          title: "Do you have seasonal flavours?",
          content: "Absolutely! We constantly rotate our menu with exciting seasonal flavours, so there's always something new to discover. Check our 'Flavours' page or visit us in-store for the latest.",
        },
        {
          id: "faq-vegan",
          title: "Are your vegan options really dairy-free?",
          content: "Yes, our vegan collection is proudly 100% dairy-free, made with premium plant-based ingredients. We ensure delicious taste without compromising on dietary needs. Many customers say they can't even tell the difference!",
        },
        {
          id: "faq-parties",
          title: "Can I host a birthday party at Rock Star Ice Creams?",
          content: "We love celebrations! Please contact us directly to inquire about party packages and space availability. We'd be thrilled to help you plan an unforgettable rock star birthday.",
        },
      ]}
      mediaAnimation="none"
      title="Got Questions? We've Got Answers!"
      description="Find quick answers to our most common queries about flavours, events, and services."
      faqsAnimation="slide-up"
      imageSrc="http://img.b2bpic.net/free-photo/high-angle-friends-eating-tasty-ice-cream_23-2150232355.jpg"
      imageAlt="Friends sharing ice cream"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Quick Links",
          items: [
            {
              label: "Home",
              href: "/",
            },
            {
              label: "Flavours",
              href: "/menu",
            },
            {
              label: "About Us",
              href: "/about",
            },
            {
              label: "Contact",
              href: "/contact",
            },
          ],
        },
        {
          title: "Menu",
          items: [
            {
              label: "Ice Cream",
              href: "/menu#ice-cream",
            },
            {
              label: "Vegan Options",
              href: "/menu#vegan",
            },
            {
              label: "Coffee & Treats",
              href: "/menu#drinks-bakery",
            },
            {
              label: "Sundaes",
              href: "/menu#sundaes",
            },
          ],
        },
        {
          title: "Connect",
          items: [
            {
              label: "Instagram",
              href: "https://instagram.com/rockstaricecreams",
            },
            {
              label: "Facebook",
              href: "https://facebook.com/rockstaricecreams",
            },
            {
              label: "TikTok",
              href: "https://tiktok.com/@rockstaricecreams",
            },
            {
              label: "Directions",
              href: "https://maps.app.goo.gl/your-location",
            },
          ],
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/illustration-skeleton-skate-board_1284-51436.jpg"
      logoAlt="Rock Star Ice Creams logo"
      logoText="Rock Star Ice Creams"
      copyrightText="© 2024 Rock Star Ice Creams. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
