"use client";

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

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="text-stagger"
        defaultTextAnimation="background-highlight"
        borderRadius="soft"
        contentWidth="mediumSmall"
        sizing="mediumSizeLargeTitles"
        background="grid"
        cardStyle="subtle-shadow"
        primaryButtonStyle="shadow"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "home",
        },
        {
          name: "Menu",
          id: "menu",
        },
        {
          name: "About Us",
          id: "about",
        },
        {
          name: "Reviews",
          id: "reviews",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="TAJ Family Restaurant"
    />
  </div>

  <div id="contact-form" data-section="contact-form">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Get In Touch"
      description="Have a question, feedback, or want to place a large order? Reach out to us using the form below. We're here to help!"
      inputs={[
        {
          name: "name",
          type: "text",
          placeholder: "Your Name",
          required: true,
        },
        {
          name: "email",
          type: "email",
          placeholder: "Your Email",
          required: true,
        },
        {
          name: "phone",
          type: "tel",
          placeholder: "Phone Number (Optional)",
        },
      ]}
      textarea={{
        name: "message",
        placeholder: "Your Message",
        rows: 5,
        required: true,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/cafe-interior-with-orange-sofa-three-tables-three-black-chairs_181624-8624.jpg"
      imageAlt="TAJ Family Restaurant Interior"
      mediaAnimation="slide-up"
      mediaPosition="right"
      buttonText="Send Message"
    />
  </div>

  <div id="faqs" data-section="faqs">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={true}
      faqs={[
        {
          id: "1",
          title: "Do you offer home delivery?",
          content: "Yes, we offer home delivery services within a 5km radius of our restaurant. You can order directly through our website or call us.",
        },
        {
          id: "2",
          title: "Can I make a reservation for a table?",
          content: "Absolutely! We encourage reservations, especially during peak hours. You can call us or use our online reservation form on the 'Contact Us' page.",
        },
        {
          id: "3",
          title: "What are your operating hours?",
          content: "We are open from 11 AM to 11 PM, Monday to Sunday. Special hours may apply on public holidays.",
        },
        {
          id: "4",
          title: "Do you cater for events and parties?",
          content: "Yes, we offer catering services for various events. Please contact us to discuss your requirements and customize a menu.",
        },
        {
          id: "5",
          title: "Are there vegetarian and vegan options available?",
          content: "Our menu includes a wide range of delicious vegetarian dishes. We also have vegan-friendly options; please inform our staff about your preferences.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/pilaf-appetizing-pilaf-bowl_140725-74150.jpg?_wi=3"
      imageAlt="Delicious Dum Biryani"
      mediaAnimation="slide-up"
      mediaPosition="left"
      title="Frequently Asked Questions"
      description="Find quick answers to common questions about our services, menu, and more."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardFourteen
      useInvertedBackground={false}
      title="TAJ Family Restaurant by the Numbers"
      tag="Our Impact"
      metrics={[
        {
          id: "1",
          value: "10K+",
          description: "Happy Customers Served",
        },
        {
          id: "2",
          value: "15+",
          description: "Years of Culinary Excellence",
        },
        {
          id: "3",
          value: "200+",
          description: "Delicious Dishes Offered",
        },
      ]}
      metricsAnimation="blur-reveal"
    />
  </div>

  <div id="contact-cta" data-section="contact-cta">
      <ContactCTA
      useInvertedBackground={true}
      background={{
        variant: "sparkles-gradient",
      }}
      tag="Visit Us Today"
      title="Experience the Taste of Tradition"
      description="Ready to indulge in authentic Telangana cuisine? Find us easily on the map or order online!"
      buttons={[
        {
          text: "Get Directions",
          href: "#",
        },
        {
          text: "Order Online",
          href: "/menu",
        },
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBase
      columns={[
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "/about",
            },
            {
              label: "Our Menu",
              href: "/menu",
            },
            {
              label: "Contact Us",
              href: "/contact",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "/privacy",
            },
            {
              label: "Terms of Service",
              href: "/terms",
            },
          ],
        },
        {
          title: "Connect",
          items: [
            {
              label: "Facebook",
              href: "#",
            },
            {
              label: "Instagram",
              href: "#",
            },
            {
              label: "WhatsApp",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 TAJ Family Restaurant. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
