"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import TextAbout from '@/components/sections/about/TextAbout';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Sparkles, Crown } from "lucide-react";

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-bubble"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="small"
      sizing="largeSmall"
      background="aurora"
      cardStyle="glass-depth"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleApple
          brandName="Luxe Leather"
          navItems={[
            { name: "Shop", id: "products" },
            { name: "About", id: "about" },
            { name: "Collections", id: "collections" },
            { name: "Contact", id: "contact" }
          ]}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Exquisite Leather Craftsmanship"
          description="Discover our curated collection of luxury leather handbags, meticulously crafted for the discerning eye. From intimate crossbody styles to expansive totes, each piece embodies timeless elegance and superior quality."
          tag="Luxury Collection"
          tagIcon={Sparkles}
          background={{ variant: "radial-gradient" }}
          mediaItems={[
            { imageSrc: "https://img.b2bpic.net/free-photo/young-business-woman-using-phone_1303-25328.jpg", imageAlt: "Luxury leather handbag showcase" },
            { imageSrc: "https://img.b2bpic.net/free-photo/sexy-elegant-woman-natural-beauty-fashion-style-clothes-casual-formal-suit-white-cotton-blouse-silk-pants-romantic-date-blouse-pants-party-style-glamour-model-trend-accessory-bag-dark-hair-makeup_132075-12101.jpg", imageAlt: "Small leather crossbody bag" },
            { imageSrc: "https://img.b2bpic.net/free-photo/modern-woman-denim-jacket-white-pants-looking-away-outside-wavy-haired-woman-with-red-lips-with-handbag-posing-near-stairs_197531-19331.jpg", imageAlt: "Large leather tote bag" },
            { imageSrc: "https://img.b2bpic.net/free-photo/smiling-sexy-brunette-wearing-stylish-black-dress-sunglasses-holds-black-handbag-posing-near-terrace-cafe-city_613910-18751.jpg", imageAlt: "Premium leather designer collection" },
            { imageSrc: "https://img.b2bpic.net/free-photo/caffe-background-typing-sunglasses-young-app_1303-2767.jpg", imageAlt: "Artisanal leather craftsmanship" }
          ]}
          buttons={[
            { text: "Explore Collections", href: "products" },
            { text: "View New Arrivals", href: "products" }
          ]}
        />
      </div>

      <div id="collections" data-section="collections">
        <FeatureCardMedia
          title="Our Curated Collections"
          description="Explore our expertly curated selection of leather handbags, each collection tells a story of elegance and refinement."
          features={[
            {
              id: "small-leather-collection",
              tag: "Compact Elegance",
              title: "Small Leather Handbags",
              description: "Sophisticated shoulder bags and crossbody styles perfect for the modern professional. Intimate yet impactful.",
              imageSrc: "https://img.b2bpic.net/free-photo/smiling-sexy-brunette-wearing-stylish-black-dress-sunglasses-holds-black-handbag-posing-near-terrace-cafe-city_613910-4747.jpg"
            },
            {
              id: "large-leather-collection",
              tag: "Grand Statement",
              title: "Large Leather Totes",
              description: "Spacious and structured, our large handbags command presence while maintaining refined aesthetics.",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-hands-elegant-woman-sitting-cafe-holding-coffee-stylish-little-purse-with-scarf_285396-7931.jpg"
            },
            {
              id: "signature-pieces",
              tag: "Heritage",
              title: "Signature Collections",
              description: "Timeless pieces that have defined luxury handbag culture. Investment-worthy and eternally stylish.",
              imageSrc: "https://img.b2bpic.net/free-photo/young-business-woman-using-phone_1303-25328.jpg"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardThree
          title="Shop Our Exclusive Range"
          description="Handpicked leather handbags for the luxury connoisseur. Each piece selected for uncompromising quality and timeless design."
          tag="Premium Selection"
          tagIcon={Crown}
          products={[
            {
              id: "small-crossbody-1",
              name: "Milano Small Crossbody - Caramel",
              price: "$485",
              imageSrc: "https://img.b2bpic.net/free-photo/charming-fashionable-woman-stylish-clothes-glasses-with-handbag-sitting-bench-against-skyscraper_613910-20966.jpg",
              imageAlt: "Milano Small Crossbody in caramel leather",
              initialQuantity: 1
            },
            {
              id: "small-shoulder-1",
              name: "Venezia Shoulder Bag - Black",
              price: "$525",
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-accessories-details-stylish-woman-walking-city-warm-fur-coat-holding-black-leather-bag-winter-season_285396-4714.jpg",
              imageAlt: "Venezia Shoulder Bag in black leather",
              initialQuantity: 1
            },
            {
              id: "small-wristlet-1",
              name: "Firenze Wristlet - Burgundy",
              price: "$325",
              imageSrc: "https://img.b2bpic.net/free-photo/unrecognizable-black-businesswoman-using-hand-sanitizer-public-transport_637285-11891.jpg",
              imageAlt: "Firenze Wristlet in burgundy leather",
              initialQuantity: 1
            },
            {
              id: "large-tote-1",
              name: "Roma Tote - Caramel",
              price: "$795",
              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-stylish-woman-purple-suit-walking-city-street-spring-summer-autumn-season-fashion-trend-wearing-hat-holding-purse_285396-7044.jpg",
              imageAlt: "Roma Tote in caramel leather",
              initialQuantity: 1
            },
            {
              id: "large-tote-2",
              name: "Napoli Large Tote - Black",
              price: "$845",
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-beautiful-fashionable-woman-stylish-clothes-glasses-with-handbag-standing-against-skyscraper_613910-18665.jpg",
              imageAlt: "Napoli Large Tote in black leather",
              initialQuantity: 1
            },
            {
              id: "large-tote-3",
              name: "Florence Cognac Tote",
              price: "$825",
              imageSrc: "https://img.b2bpic.net/free-photo/female-hands-with-beautiful-nail-polish-rings-holding-small-black-bag_132075-12203.jpg",
              imageAlt: "Florence Cognac Tote in rich cognac leather",
              initialQuantity: 1
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="Loved by Luxury Connoisseurs"
          description="Discover what discerning customers say about their Luxe Leather collections."
          testimonials={[
            {
              id: "testimonial-1",
              name: "Margot Sterling",
              handle: "@margot_luxury",
              testimonial: "The craftsmanship is absolutely impeccable. Every detail speaks to years of expertise. This is luxury you can feel.",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/indoor-studio-shot-attractive-pretty-woman-with-light-brown-hair-wearing-black-jacket-with-red-lips_291650-1321.jpg"
            },
            {
              id: "testimonial-2",
              name: "Victoria Ashford",
              handle: "@v_ashford",
              testimonial: "I've owned luxury bags from every major house. Luxe Leather rivals them all. The investment is worth every penny.",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/confident-beautiful-young-woman-portrait_23-2148148150.jpg"
            },
            {
              id: "testimonial-3",
              name: "Isabelle Rousseau",
              handle: "@isabelle_r",
              testimonial: "Not just a purchase—it's an heirloom. The quality is timeless. I'll treasure this piece forever.",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/smiley-woman-standing-clean-urban-space_23-2149015680.jpg"
            },
            {
              id: "testimonial-4",
              name: "Catherine Wells",
              handle: "@catherine_style",
              testimonial: "The attention to detail is extraordinary. Every stitch, every seam, reflects true artisanal mastery.",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/positive-woman-with-short-hair-bright-lips-glasses-smiling-outside-trendy-lady-black-clothes-posing-stairs_197531-19325.jpg"
            },
            {
              id: "testimonial-5",
              name: "Alexandra Knight",
              handle: "@alex_knight",
              testimonial: "Finally, a brand that understands what premium leather truly means. Exceptional quality, exceptional service.",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-portrait-elegant-woman-blonde-woman-with-curly-beautiful-hair-beautiful-blonde-long-curly-hair-woman-with-beauty-makeup-healthy-skin-female-fashion-portrait_343629-62.jpg"
            },
            {
              id: "testimonial-6",
              name: "Sophia Marchant",
              handle: "@sophia_m",
              testimonial: "The elegance is understated yet unmistakable. This bag elevates every outfit. Absolutely sublime.",
              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/attractive-african-businesswoman-near-window-eyes-closed_171337-16073.jpg"
            }
          ]}
          showRating={true}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="Crafted for those who understand that true luxury transcends trends. Every Luxe Leather piece represents a commitment to uncompromising quality, ethical sourcing, and timeless design that becomes an heirloom."
          useInvertedBackground="noInvert"
        />
      </div>

      <FooterLogoReveal
        logoText="Luxe Leather"
      />
    </ThemeProvider>
  );
}