"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FooterCard from '@/components/sections/footer/FooterCard';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import { Facebook, Instagram, MessageCircle } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="soft"
        contentWidth="medium"
        sizing="mediumLargeSizeMediumTitles"
        background="floatingGradient"
        cardStyle="soft-shadow"
        primaryButtonStyle="flat"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",
          id: "/",
        },
        {
          name: "About",
          id: "/about",
        },
        {
          name: "Products",
          id: "/#products",
        },
        {
          name: "Offers",
          id: "/#offers",
        },
        {
          name: "FAQ",
          id: "/faq",
        },
        {
          name: "Contact",
          id: "/contact",
        },
      ]}
      brandName="Vamshi Fashion"
    />
  </div>

  <div id="faq-content" data-section="faq-content">
      <FaqSplitMedia
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq1",
          title: "What is Vamshi Fashion?",
          content: "Vamshi Fashion, also known as '999 Store', is an online e-commerce platform offering trendy and affordable fashion for men, women, and kids.",
        },
        {
          id: "faq2",
          title: "What types of products do you offer?",
          content: "We offer a wide range of products including men's wear, women's wear, kids' wear, footwear, and accessories, all curated to keep you in style.",
        },
        {
          id: "faq3",
          title: "How long does delivery take?",
          content: "Our standard delivery typically takes 3-7 business days, depending on your location. Expedited options may be available at checkout.",
        },
        {
          id: "faq4",
          title: "What is your return policy?",
          content: "We offer a hassle-free 30-day return policy for unused and unworn items. Please check our detailed returns page for more information.",
        },
        {
          id: "faq5",
          title: "Do you offer international shipping?",
          content: "Currently, Vamshi Fashion primarily ships within [Your Country/Region]. Please contact our support team for any international shipping inquiries.",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-beautiful-businesswoman-with-headset-working-office_637285-5892.jpg"
      imageAlt="Customer service representative assisting with queries"
      mediaAnimation="slide-up"
      title="Frequently Asked Questions"
      description="Find quick answers to common queries about Vamshi Fashion, shipping, returns, and more. If you can't find what you're looking for, feel free to contact us!"
      faqsAnimation="slide-up"
    />
  </div>

  <div id="faq-commitment" data-section="faq-commitment">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={true}
      names={[
        "Trusted Quality",
        "Customer Approved",
        "Secure Shopping",
        "Dedicated Support",
        "Stylish Selections",
        "Value Driven",
        "Hassle-Free Returns",
      ]}
      title="Guaranteed Satisfaction"
      description="Shop with confidence knowing that Vamshi Fashion is committed to excellence in every aspect, from product quality to customer service."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Vamshi Fashion"
      copyrightText="© 2024 Vamshi Fashion. All rights reserved."
      socialLinks={[
        {
          icon: Instagram,
          href: "https://instagram.com/vamshifashion",
          ariaLabel: "Instagram",
        },
        {
          icon: Facebook,
          href: "https://facebook.com/vamshifashion",
          ariaLabel: "Facebook",
        },
        {
          icon: MessageCircle,
          href: "https://wa.me/YOUR_PHONE_NUMBER",
          ariaLabel: "WhatsApp",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
