"use client";

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

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="icon-arrow"
        defaultTextAnimation="entrance-slide"
        borderRadius="rounded"
        contentWidth="mediumLarge"
        sizing="largeSmallSizeMediumTitles"
        background="blurBottom"
        cardStyle="gradient-radial"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="layered"
        headingFontWeight="normal"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "Shop",
          id: "/shop",
        },
        {
          name: "About Us",
          id: "/about",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      brandName="NEXORA FASHION"
    />
  </div>

  <div id="contact-us" data-section="contact-us">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      tag="Reach Out"
      title="Contact Our Support Team"
      description="Our dedicated team is here to assist you with any inquiries or assistance you may need. Feel free to call us or send a message via WhatsApp."
      buttons={[
        {
          text: "Call Us: 0690746170",
          href: "tel:0690746170",
        },
        {
          text: "WhatsApp Us: 0690746170",
          href: "https://wa.me/0690746170",
        },
      ]}
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "faq1",
          title: "How do I place an order?",
          content: "To place an order, simply browse our collections, add your desired items to the cart, and proceed to checkout. Follow the prompts to enter your shipping and payment information.",
        },
        {
          id: "faq2",
          title: "What is your return policy?",
          content: "We offer a 30-day return policy for unused and unworn items in their original packaging. Please visit our Returns & Refunds page for detailed instructions.",
        },
        {
          id: "faq3",
          title: "Do you offer international shipping?",
          content: "Yes, NEXORA FASHION offers international shipping to select countries. Shipping costs and delivery times vary by destination. Details are available at checkout.",
        },
      ]}
      sideTitle="Common Questions"
      sideDescription="Find quick answers to our most frequently asked questions about orders, shipping, returns, and product care."
      faqsAnimation="slide-up"
      textPosition="left"
      showCard={true}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseReveal
      logoText="NEXORA FASHION"
      columns={[
        {
          title: "Shop",
          items: [
            {
              label: "Men's Clothing",
              href: "/shop",
            },
            {
              label: "Women's Clothing",
              href: "/shop",
            },
            {
              label: "Shoes",
              href: "/shop",
            },
            {
              label: "Accessories",
              href: "/shop",
            },
            {
              label: "New Arrivals",
              href: "/shop",
            },
          ],
        },
        {
          title: "Company",
          items: [
            {
              label: "About Us",
              href: "/about",
            },
            {
              label: "Our Team",
              href: "/about#team",
            },
            {
              label: "Contact",
              href: "/contact",
            },
            {
              label: "Careers",
              href: "#",
            },
          ],
        },
        {
          title: "Legal",
          items: [
            {
              label: "Privacy Policy",
              href: "#",
            },
            {
              label: "Terms of Service",
              href: "#",
            },
            {
              label: "Returns & Refunds",
              href: "#",
            },
          ],
        },
      ]}
      copyrightText="© 2024 NEXORA FASHION. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
