"use client";

import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterBase from '@/components/sections/footer/FooterBase';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Heart, HelpCircle, Palette, ShoppingBag, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="text-stagger"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumSmall"
      sizing="largeSmallSizeMediumTitles"
      background="noiseDiagonalGradient"
      cardStyle="gradient-mesh"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="glass"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Collections", id: "products" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "testimonials" },
            { name: "Contact", id: "contact" },
          ]}
          button={{ text: "Shop Now", href: "products" }}
          brandName="Ruvaari Saaj"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="Ruvaari Saaj"
          description="Discover timeless elegance through our curated collections of ethnic wear, contemporary western styles, and exquisite imitation jewelry designed for the modern Indian woman."
          buttons={[
            { text: "Explore Collections", href: "products" },
            { text: "Learn More", href: "about" },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400909.jpg"
          imageAlt="Ruvaari Saaj Shop - Women Fashion & Jewelry"
          showDimOverlay={true}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="About Us"
          tagIcon={Sparkles}
          title="Celebrating Indian Fashion & Grace"
          description="Ruvaari Saaj Shop is your destination for authentic ethnic wear, versatile western styles, and stunning imitation jewelry. We believe in empowering women through fashion that tells stories of tradition, contemporary style, and personal expression. Each piece in our collection is carefully selected to ensure quality, elegance, and accessibility."
          metrics={[
            { value: "500+", title: "Happy Customers" },
            { value: "1000+", title: "Products Available" },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/female-pink-colorful-clothing-set-racks-shelves-clothing-store-brand-new-modern-boutique-spring-summer-dress-collections_627829-6459.jpg"
          imageAlt="Ruvaari Saaj Shop Interior"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardTwo
          title="Featured Collections"
          description="Browse our latest collections featuring ethnic wear, western fashion, and exquisite jewelry pieces."
          tag="Shop"
          tagIcon={ShoppingBag}
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="slide-up"
          gridVariant="asymmetric-60-wide-40-narrow"
          products={[
            {
              id: "1",              brand: "Ruvaari Saaj",              name: "Premium Silk Saree with Gold Border",              price: "₹2,499",              rating: 5,
              reviewCount: "348",              imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400868.jpg",              imageAlt: "Premium Silk Saree"},
            {
              id: "2",              brand: "Ruvaari Saaj",              name: "Traditional Lehenga Set",              price: "₹3,299",              rating: 5,
              reviewCount: "276",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-wearing-sari_23-2149503001.jpg",              imageAlt: "Traditional Lehenga"},
            {
              id: "3",              brand: "Ruvaari Saaj",              name: "Embroidered Ethnic Kurta",              price: "₹1,799",              rating: 4,
              reviewCount: "192",              imageSrc: "http://img.b2bpic.net/free-photo/young-woman-beautiful-dress_1303-17516.jpg",              imageAlt: "Ethnic Kurta"},
            {
              id: "4",              brand: "Ruvaari Saaj",              name: "Contemporary Western Midi Dress",              price: "₹1,599",              rating: 5,
              reviewCount: "215",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-dress-hat-standing-by-architecture_1303-9713.jpg",              imageAlt: "Western Midi Dress"},
            {
              id: "5",              brand: "Ruvaari Saaj",              name: "Formal Evening Gown",              price: "₹2,899",              rating: 5,
              reviewCount: "134",              imageSrc: "http://img.b2bpic.net/free-photo/fashion-pretty-woman-walking-through-streets-old-city_158595-2778.jpg",              imageAlt: "Formal Evening Gown"},
            {
              id: "6",              brand: "Ruvaari Saaj",              name: "Casual Weekend Outfit",              price: "₹1,299",              rating: 4,
              reviewCount: "289",              imageSrc: "http://img.b2bpic.net/free-photo/young-woman-autumn-park_1303-11462.jpg",              imageAlt: "Casual Outfit"},
          ]}
        />
      </div>

      <div id="featured" data-section="featured">
        <FeatureCardTwentyThree
          title="Our Signature Collections"
          description="Explore our carefully curated ranges designed to celebrate every aspect of women's fashion."
          tag="Collections"
          tagIcon={Palette}
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="blur-reveal"
          features={[
            {
              id: "1",              title: "Ethnic Elegance - Traditional & Contemporary",              tags: ["Sarees", "Lehengas", "Kurtas", "Festival Ready"],
              imageSrc: "http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400848.jpg",              imageAlt: "Ethnic Wear Collection"},
            {
              id: "2",              title: "Western Wardrobe - Style & Comfort",              tags: ["Dresses", "Casual", "Formal", "Everyday Wear"],
              imageSrc: "http://img.b2bpic.net/free-photo/young-woman-autumn-park_1303-11462.jpg",              imageAlt: "Western Wear Collection"},
            {
              id: "3",              title: "Imitation Jewelry - Glamour Accessory",              tags: ["Necklaces", "Earrings", "Bracelets", "Statement Pieces"],
              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-model-summer-black-lingerie-with-bright-creative-makeup-posing-near-gray-wall_158538-13430.jpg",              imageAlt: "Jewelry Collection"},
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTwo
          title="Customer Love Stories"
          description="Hear from our happy customers who have found their perfect style with Ruvaari Saaj Shop."
          tag="Testimonials"
          tagIcon={Heart}
          textboxLayout="default"
          useInvertedBackground={true}
          animationType="scale-rotate"
          testimonials={[
            {
              id: "1",              name: "Priya Sharma",              role: "Fashion Enthusiast",              testimonial: "The quality of sarees is absolutely stunning! I received compliments at every event. Ruvaari Saaj delivers premium fashion at accessible prices.",              imageSrc: "http://img.b2bpic.net/free-photo/head-shot-happy-beautiful-young-woman-posing-indoors-looking-camera-smiling_74855-10218.jpg",              imageAlt: "Priya Sharma"},
            {
              id: "2",              name: "Ananya Patel",              role: "Working Professional",              testimonial: "I love how versatile their western collection is. Perfect for office and weekend outings. The jewelry pieces are gorgeous and last so long!",              imageSrc: "http://img.b2bpic.net/free-photo/young-businesswoman-portrait-office_1262-1506.jpg",              imageAlt: "Ananya Patel"},
            {
              id: "3",              name: "Divya Reddy",              role: "Bride-to-be",              testimonial: "My wedding shopping was made so easy with their ethnic collection. The lehenga was exactly what I dreamed of. Highly recommended!",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-smiling-waitress_107420-12324.jpg",              imageAlt: "Divya Reddy"},
            {
              id: "4",              name: "Meera Singh",              role: "Fashion Blogger",              testimonial: "As a fashion blogger, I appreciate the attention to detail and trend awareness in their collections. Ruvaari Saaj is my go-to for all fashion needs.",              imageSrc: "http://img.b2bpic.net/free-photo/headshot-charismatic-pleasant-friendly-european-woman-short-chestnut-haircut-smiling-positive-feeling-happy-upbeat-enjoying-lifes-casually-talking-friends-amused-cheerful-standing-white-background_176420-34680.jpg",              imageAlt: "Meera Singh"},
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Find answers to common questions about our products, sizing, and services."
          tag="Help & Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground={false}
          mediaPosition="right"
          mediaAnimation="slide-up"
          faqsAnimation="slide-up"
          imageSrc="http://img.b2bpic.net/free-photo/female-pink-colorful-clothing-set-racks-shelves-clothing-store-brand-new-modern-boutique-spring-summer-dress-collections_627829-6459.jpg"
          imageAlt="Customer Support"
          faqs={[
            {
              id: "1",              title: "What is your return policy?",              content: "We offer a 7-day return policy on all items in original condition with tags intact. Orders can be returned or exchanged within 7 days of purchase."},
            {
              id: "2",              title: "How do I know my correct size?",              content: "Each product page includes a detailed size chart. We recommend measuring yourself and comparing with our chart. If you're between sizes, we suggest choosing the larger size for comfort."},
            {
              id: "3",              title: "Do you offer international shipping?",              content: "Currently, we ship within India. We're expanding our international shipping soon. Subscribe to our newsletter for updates!"},
            {
              id: "4",              title: "How long does shipping take?",              content: "Standard shipping takes 5-7 business days. Express delivery (2-3 days) is available for selected locations. Delivery times are mentioned at checkout."},
            {
              id: "5",              title: "Are the imitation jewelry items durable?",              content: "Yes, all our imitation jewelry is made with quality materials and careful craftsmanship. Proper care ensures longevity. Avoid water exposure and store in dry conditions."},
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Get In Touch"
          description="Have questions about our collections or need styling advice? We're here to help! Drop us a message and we'll get back to you shortly."
          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 or Query", rows: 5, required: true }}
          useInvertedBackground={true}
          imageSrc="http://img.b2bpic.net/free-photo/female-pink-colorful-clothing-set-racks-shelves-clothing-store-brand-new-modern-boutique-spring-summer-dress-collections_627829-6459.jpg"
          imageAlt="Contact Us"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Send Message"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Ruvaari Saaj"
          copyrightText="© 2025 Ruvaari Saaj Shop. All rights reserved."
          columns={[
            {
              title: "Shop",              items: [
                { label: "Ethnic Wear", href: "#products" },
                { label: "Western Fashion", href: "#products" },
                { label: "Jewelry", href: "#products" },
                { label: "Sale Items", href: "#products" },
              ],
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Blog", href: "#" },
                { label: "Careers", href: "#" },
                { label: "Press", href: "#" },
              ],
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "FAQ", href: "#faq" },
                { label: "Shipping Info", href: "#" },
                { label: "Returns", href: "#" },
              ],
            },
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
