"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-shift"
        defaultTextAnimation="reveal-blur"
        borderRadius="soft"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeMediumTitles"
        background="floatingGradient"
        cardStyle="gradient-mesh"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Menu",
          id: "/menu",
        },
        {
          name: "About Us",
          id: "/about",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      brandName="Al-Amir Cuisine"
      button={{
        text: "Order Now",
        href: "/menu",
      }}
      animateOnLoad={true}
    />
  </div>

  <div id="contact-info" data-section="contact-info">
      <ContactCenter
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      tag="Get in Touch"
      title="Connect With Al-Amir Cuisine"
      description="We're here to answer your questions and take your orders. Reach out to us via phone, WhatsApp, email, or social media! We are located at [Restaurant Address] (Google Maps available below)."
      inputPlaceholder="Your Email"
      buttonText="Send Message"
      termsText="By submitting, you agree to our privacy policy and terms of service."
    />
  </div>

  <div id="contact-faq" data-section="contact-faq">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq-1",
          title: "What are your delivery areas?",
          content: "We offer delivery across all major districts of Baghdad. Please enter your address during checkout to confirm eligibility.",
        },
        {
          id: "faq-2",
          title: "What payment methods do you accept? ",
          content: "We accept cash on delivery, credit/debit card payments, and online transfers through recognized local payment gateways.",
        },
        {
          id: "faq-3",
          title: "Can I modify or cancel my order?",
          content: "Order modifications or cancellations are possible within 15 minutes of placing your order. Please contact us immediately via phone or WhatsApp.",
        },
        {
          id: "faq-4",
          title: "Do you offer catering services?",
          content: "Yes, we offer catering for events and gatherings. Please contact us directly to discuss your specific needs and menu options.",
        },
        {
          id: "faq-5",
          title: "Are there vegetarian options on the menu?",
          content: "Yes, we have a selection of delicious vegetarian options including falafel, various appetizers, and salads. Look for the vegetarian symbol on our menu.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/portrait-woman-studying-listening-music-headphones-thinking-while-working-digital-tablet-wo_1258-183002.jpg"
      imageAlt="Customer service and online ordering support"
      mediaAnimation="slide-up"
      mediaPosition="right"
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about ordering, delivery, menu items, and our services."
      tag="Support"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Al-Amir Cuisine"
      leftLink={{
        text: "Privacy Policy",
        href: "#",
      }}
      rightLink={{
        text: "Terms of Service",
        href: "#",
      }}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
