"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardTwentyNine from '@/components/sections/feature/featureCardTwentyNine/FeatureCardTwentyNine';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroSplitDoubleCarousel from '@/components/sections/hero/HeroSplitDoubleCarousel';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
import { Award, Facebook, Instagram, MapPin, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="bounce-effect"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="mediumLarge"
        background="aurora"
        cardStyle="gradient-radial"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="glass"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",
          id: "hero",
        },
        {
          name: "About",
          id: "about",
        },
        {
          name: "Collections",
          id: "products",
        },
        {
          name: "Contact",
          id: "contact",
        },
      ]}
      brandName="Aura Archive"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroSplitDoubleCarousel
      background={{
        variant: "plain",
      }}
      title="Aura Archive: Timeless Elegance"
      description="Crafting premium fashion with soul, rooted in the heritage of Surat, Gujarat."
      leftCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/elegant-female-model-posing-window-elegant-waistcoat-new-feminity-concept_23-2148951061.jpg",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/men-s-clothing-store-indoor-shopping-center_23-2148225026.jpg",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-blue-suit-posing-with-mirror-outdoors_23-2149445026.jpg",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-woman-business-suit_1303-17721.jpg",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/student-with-goth-style-school_23-2150576841.jpg",
        },
      ]}
      rightCarouselItems={[
        {
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021807.jpg",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/scrapbook-with-assortment-home-decorations_23-2149614070.jpg",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-stylish-woman-posing-fashionable-outfit_23-2149021803.jpg",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/clothing-store-with-blurred-effect_23-2148164791.jpg",
        },
        {
          imageSrc: "http://img.b2bpic.net/free-photo/empty-shopping-store-with-casual-formal-wear-design-retail-shop-with-fashionable-clothes-hangers-racks-modern-boutique-clothing-center-fashion-merchandise-sale_482257-63117.jpg",
        },
      ]}
      buttons={[
        {
          text: "View Collection",
          href: "#products",
        },
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/full-length-portrait-man-suit-using-smartphone_171337-19117.jpg",
          alt: "Client 1",
        },
        {
          src: "http://img.b2bpic.net/free-photo/empty-fashion-boutique-shopaholic-modern-people-commercial-activity-with-merchandise-clothing-store-trendy-collections-formal-casual-wear-retail-market-shopping-center_482257-61768.jpg",
          alt: "Client 2",
        },
        {
          src: "http://img.b2bpic.net/free-photo/side-view-non-binary-person_23-2148757597.jpg",
          alt: "Client 3",
        },
        {
          src: "http://img.b2bpic.net/free-photo/handsome-stylish-african-american-guy-white-jacket-looking-aggressive-camera-isolated-white-background_574295-4462.jpg",
          alt: "Client 4",
        },
        {
          src: "http://img.b2bpic.net/free-photo/serious-young-redhead-curly-lady-standing-cafe-near-latrine_171337-17068.jpg",
          alt: "Client 5",
        },
      ]}
      avatarText="Trusted by 5000+ fashion enthusiasts"
      marqueeItems={[
        {
          type: "text",
          text: "Timeless",
        },
        {
          type: "text",
          text: "Sustainable",
        },
        {
          type: "text",
          text: "Bespoke",
        },
        {
          type: "text",
          text: "Artisanal",
        },
        {
          type: "text",
          text: "Elegant",
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="Our Legacy by Palak Patel"
      metrics={[
        {
          icon: Award,
          label: "Years in Fashion",
          value: "10+",
        },
        {
          icon: MapPin,
          label: "Based in",
          value: "Surat",
        },
        {
          icon: Sparkles,
          label: "Happy Clients",
          value: "5000+",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={true}
      products={[
        {
          id: "1",
          name: "Silk Essence",
          price: "₹2,500",
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-sexy-model-woman-shiny-lace-evening-dress-posing-sitting-chair-beige-color_285396-7781.jpg",
        },
        {
          id: "2",
          name: "Modern Minimal",
          price: "₹1,800",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-nature-with-clothesline_23-2148170341.jpg",
        },
        {
          id: "3",
          name: "Boho Chic",
          price: "₹3,200",
          imageSrc: "http://img.b2bpic.net/free-photo/low-angle-stylish-model-posing_23-2148750334.jpg",
        },
        {
          id: "4",
          name: "Classic Elegance",
          price: "₹4,500",
          imageSrc: "http://img.b2bpic.net/free-photo/exclusive-offer-with-discount_23-2151912099.jpg",
        },
        {
          id: "5",
          name: "Artisanal Grace",
          price: "₹5,000",
          imageSrc: "http://img.b2bpic.net/free-photo/thread-roll-close-up_53876-88931.jpg",
        },
        {
          id: "6",
          name: "Evening Glare",
          price: "₹6,500",
          imageSrc: "http://img.b2bpic.net/free-photo/sexy-woman-black-clothes-sitting-chair_613910-8222.jpg",
        },
      ]}
      title="Signature Collection"
      description="Hand-picked designs for the modern individual."
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyNine
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      features={[
        {
          title: "Premium Textiles",
          description: "Sourced from the finest mills.",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-wool-texture-details_23-2149620438.jpg",
          titleImageSrc: "http://img.b2bpic.net/free-photo/fabric-texture-background_1388-107.jpg",
          buttonText: "Explore",
        },
        {
          title: "Bespoke Tailoring",
          description: "Precision crafted in Surat.",
          imageSrc: "http://img.b2bpic.net/free-photo/hands-creating-clothes-close-up_23-2149007421.jpg",
          titleImageSrc: "http://img.b2bpic.net/free-photo/senior-tailor-trainee-making-sketch-manufacture-clothes-apprentice-learning-about-handcraft-textile-industry-experienced-couturier-teaching-beginner-make-clothing-items_482257-65145.jpg",
          buttonText: "Explore",
        },
        {
          title: "Sustainable Style",
          description: "Ethics meet high fashion.",
          imageSrc: "http://img.b2bpic.net/free-photo/friends-getting-ready-drag-show_23-2149490857.jpg",
          titleImageSrc: "http://img.b2bpic.net/free-photo/young-people-posing-studio-front-view_23-2149930772.jpg",
          buttonText: "Explore",
        },
      ]}
      title="Why Aura Archive?"
      description="Excellence in every stitch."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",
          value: "100%",
          title: "Authenticity",
          items: [
            "Handmade",
            "Local Talent",
            "Quality",
          ],
        },
        {
          id: "m2",
          value: "50+",
          title: "New Designs",
          items: [
            "Seasonal",
            "Fresh",
            "Unique",
          ],
        },
        {
          id: "m3",
          value: "24/7",
          title: "Customer Support",
          items: [
            "Always Here",
            "Helpful",
            "Friendly",
          ],
        },
      ]}
      title="Brand Milestones"
      description="Driving the future of local fashion."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          name: "Priya Shah",
          role: "Fashion Blogger",
          company: "SuratStyle",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-beautiful-smiling-girl-trendy-summer-light-pink-dress-sexy-carefree-woman-posing-positive-model-having-fun-round-sunglasses_158538-5163.jpg",
        },
        {
          id: "2",
          name: "Rohan Mehta",
          role: "Entrepreneur",
          company: "TechSurat",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-enjoying-working-day-is-having-coffee-break-outdoor-cafe-cheerful-lady-with-coffee-hand_291650-1354.jpg",
        },
        {
          id: "3",
          name: "Ananya Desai",
          role: "Interior Designer",
          company: "HomePro",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/stylish-african-american-plus-size-model-streets-city-winter-day_627829-3380.jpg",
        },
        {
          id: "4",
          name: "Kavita Rao",
          role: "Architect",
          company: "Designs",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/unamused-woman-posing-with-man-chinese-new-year_23-2148357320.jpg",
        },
        {
          id: "5",
          name: "Siddharth Patel",
          role: "CEO",
          company: "Growth",
          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-leaning-wall_250224-223.jpg",
        },
      ]}
      title="What Clients Say"
      description="Real love from our local community."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "radial-gradient",
      }}
      title="Get in Touch"
      description="Join our newsletter for exclusive updates."
      imageSrc="http://img.b2bpic.net/free-photo/side-view-woman-working-with-flowers_23-2149513704.jpg"
      mediaAnimation="slide-up"
      tag="Newsletter"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Aura Archive"
      copyrightText="© 2025 Aura Archive, Surat. All rights reserved."
      socialLinks={[
        {
          icon: Instagram,
          href: "#",
          ariaLabel: "Instagram",
        },
        {
          icon: Facebook,
          href: "#",
          ariaLabel: "Facebook",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
