"use client"

import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboard from '@/components/sections/hero/HeroBillboard';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import AboutMetric from '@/components/sections/about/AboutMetric';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Award, Gem, Globe, Heart, Mail, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="small"
      sizing="mediumLargeSizeMediumTitles"
      background="none"
      cardStyle="soft-shadow"
      primaryButtonStyle="flat"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Shop", id: "products" },
            { name: "Collections", id: "collections" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Luminous Jewels"
          bottomLeftText="Luxury Jewelry Since 2015"
          bottomRightText="hello@luminousjewels.com"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboard
          title="Timeless Elegance Meets Exceptional Craftsmanship"
          description="Discover our exquisite collection of handcrafted luxury jewelry, where every piece tells a story of artistry, precision, and timeless beauty."
          tag="Luxury Collection"
          tagIcon={Sparkles}
          background={{ variant: "sparkles-gradient" }}
          imageSrc="https://img.b2bpic.net/free-photo/portrait-european-woman-wedding-dress-wearing-necklace-ring_343596-841.jpg"
          imageAlt="Luxury jewelry showcase featuring elegant diamond necklace"
          buttons={[
            { text: "Shop Now", href: "products" },
            { text: "Explore Collections", href: "collections" }
          ]}
        />
      </div>

      <div id="products" data-section="products">
        <ProductCardOne
          title="Featured Pieces"
          description="Handpicked selections from our most sought-after collections, each piece crafted with meticulous attention to detail and quality."
          products={[
            {
              id: "1",              name: "Timeless Diamond Ring",              price: "$8,500",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-female-wearing-beautiful-silver-necklace-with-pendant_181624-15490.jpg",              imageAlt: "Elegant diamond engagement ring in 18K gold"
            },
            {
              id: "2",              name: "Golden Bracelet",              price: "$5,200",              imageSrc: "https://img.b2bpic.net/free-photo/side-view-silver-bracelets-with-diamonds-black-wall_140725-12838.jpg",              imageAlt: "Luxury gold bracelet with premium design"
            },
            {
              id: "3",              name: "Pearl Drop Earrings",              price: "$3,800",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-rich-woman-with-luxurious-jewelry_23-2149548566.jpg",              imageAlt: "Sophisticated pearl drop earrings in white gold"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="collections" data-section="collections">
        <FeatureCardTwentyThree
          title="Our Collections"
          description="Each collection represents a unique expression of luxury and sophistication, curated for the discerning customer."
          features={[
            {
              id: "1",              title: "Eternal Diamond Collection",              tags: ["Diamonds", "Premium"],
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-female-wearing-beautiful-silver-necklace-with-pendant_181624-19926.jpg",              imageAlt: "Eternal Diamond Collection showcase with premium diamond jewelry"
            },
            {
              id: "2",              title: "Heritage Gold Collection",              tags: ["Gold", "Classic"],
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-european-woman-wedding-dress-wearing-necklace-ring_343596-847.jpg",              imageAlt: "Heritage Gold Collection featuring timeless gold jewelry designs"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="about" data-section="about">
        <AboutMetric
          title="Luminous Jewels: Crafting Luxury for Over a Decade with Passion, Precision, and Timeless Design"
          metrics={[
            { icon: Gem, label: "Premium Pieces", value: "500+" },
            { icon: Heart, label: "Satisfied Customers", value: "10K+" },
            { icon: Award, label: "Industry Awards", value: "25+" },
            { icon: Globe, label: "Countries Served", value: "45" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Loved by Our Customers"
          description="Discover what our clients say about their experience with Luminous Jewels and our exquisite collections."
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              title: "A Masterpiece That Exceeded Expectations",              quote: "The engagement ring I ordered from Luminous Jewels is absolutely breathtaking. The craftsmanship is impeccable, and the quality of the diamonds is exceptional. It arrived beautifully packaged and exceeded every expectation. I couldn't have asked for a more perfect piece to symbolize my commitment.",              name: "Sarah Mitchell",              role: "CEO of Luxury Boutique",              imageSrc: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              imageAlt: "Sarah Mitchell, satisfied customer"
            },
            {
              id: "2",              title: "Exceptional Quality and Service",              quote: "From the moment I started browsing to the final delivery, the entire experience was seamless and professional. The team at Luminous Jewels guided me through every step with expertise and genuine care. My bracelet is stunning and truly a treasured possession.",              name: "Emma Richardson",              role: "Fashion Influencer",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              imageAlt: "Emma Richardson, fashion influencer"
            },
            {
              id: "3",              title: "Investment Pieces That Appreciate in Value",              quote: "I've been collecting from Luminous Jewels for five years now. Each piece is not only beautiful but also an excellent investment. The attention to detail and use of finest materials sets them apart from other luxury jewelers.",              name: "Victoria Chen",              role: "Art Collector",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg",              imageAlt: "Victoria Chen, art collector"
            },
            {
              id: "4",              title: "Customer Care Beyond Compare",              quote: "I had a sizing adjustment needed for one of my pieces, and the team handled it with utmost care and professionalism. Their commitment to customer satisfaction is truly remarkable. Luminous Jewels has become my go-to jeweler for all my luxury needs.",              name: "Jessica Wong",              role: "Wedding Planner",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              imageAlt: "Jessica Wong, wedding planner"
            },
            {
              id: "5",              title: "Heritage Pieces That Tell Stories",              quote: "I purchased a stunning necklace that I felt an instant connection with. It's more than just jewelry; it's a piece of art that I'll pass down to my daughter someday. That's the kind of craftsmanship Luminous Jewels delivers.",              name: "Margaret Sullivan",              role: "Attorney",              imageSrc: "https://img.b2bpic.net/free-photo/blond-business-woman-blue-shirt_23-2148095792.jpg",              imageAlt: "Margaret Sullivan, attorney"
            },
            {
              id: "6",              title: "The Epitome of Luxury Shopping",              quote: "Finally found a jeweler that understands true luxury. Every detail matters here, from the packaging to the quality of the gemstones. My pearl earrings are a work of art that makes me feel confident and elegant every time I wear them.",              name: "Patricia Anderson",              role: "Executive Director",              imageSrc: "https://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",              imageAlt: "Patricia Anderson, executive director"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Newsletter"
          title="Stay Updated with Exclusive Offers"
          description="Subscribe to our luxury jewelry newsletter for early access to new collections, exclusive member events, and special offers tailored to your preferences."
          tagIcon={Mail}
          useInvertedBackground="invertDefault"
          inputPlaceholder="Enter your email address"
          buttonText="Subscribe"
          termsText="By subscribing, you agree to receive curated jewelry updates and exclusive offers. We respect your privacy and never share your information."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal logoText="Luminous Jewels" />
      </div>
    </ThemeProvider>
  );
}