"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCTA from '@/components/sections/contact/ContactCTA';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureBento from '@/components/sections/feature/FeatureBento';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SplitAbout from '@/components/sections/about/SplitAbout';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Diamond, Heart, ShieldCheck, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="directional-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="medium"
        sizing="largeSmallSizeLargeTitles"
        background="none"
        cardStyle="glass-depth"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="medium"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarLayoutFloatingInline
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Collections",          id: "#collections"},
        {
          name: "Products",          id: "#products"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Gayatri Jewellers"
      button={{
        text: "Shop Now",        href: "#products"}}
      animateOnLoad={true}
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogo
      logoText="Gayatri Jewellers"
      description="Radiate Elegance, Wear Confidence: Discover beautifully crafted gold, silver, and diamond jewellery that blends tradition with modern grace, ensuring quality and purity in every piece."
      buttons={[
        {
          text: "Explore Collections",          href: "#collections"},
        {
          text: "Book an Appointment",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/young-indian-woman-wearing-sari_23-2149400920.jpg"
      imageAlt="Exquisite gold and diamond jewellery"
    />
  </div>

  <div id="about" data-section="about">
      <SplitAbout
      textboxLayout="default"
      useInvertedBackground={false}
      title="Our Legacy of Craftsmanship & Purity"
      description="For generations, Gayatri Jewellers has been synonymous with exquisite craftsmanship and unwavering purity. We handcraft each piece, ensuring timeless beauty and the highest quality in every gold, silver, and diamond creation. Our commitment is to adorn your special moments with trust and elegance."
      bulletPoints={[
        {
          title: "Unrivaled Purity",          description: "Guaranteed hallmarked gold and certified diamonds."},
        {
          title: "Exquisite Craftsmanship",          description: "Artisans bring generations of skill to every design."},
        {
          title: "Timeless Designs",          description: "Blending traditional aesthetics with modern trends."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/peeling-metallic-jewelry-ring_114579-12302.jpg"
      imageAlt="Jeweler's hands meticulously working on a piece of jewelry"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="collections" data-section="collections">
      <FeatureBento
      animationType="blur-reveal"
      textboxLayout="default"
      useInvertedBackground={true}
      features={[
        {
          title: "Gold Jewellery",          description: "Timeless gold pieces crafted with intricate designs, perfect for tradition.",          bentoComponent: "media-stack",          items: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/intricate-gold-mosaic-facade-wat-phra-kaew-temple_1308-189361.jpg",              imageAlt: "Classic gold necklace"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/wireless-earphones-creative-collage_23-2149378056.jpg",              imageAlt: "Modern gold earrings"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/attractive-black-haired-lady-with-pale-skin-looking-up-indoor-photo-debonair-girl-with-green-leaf-hair_197531-13998.jpg",              imageAlt: "Stackable gold rings"},
          ]
        },
        {
          title: "Diamond Elegance",          description: "Sparkling diamonds set in stunning designs, radiating luxury and brilliance.",          bentoComponent: "media-stack",          items: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/everyday-home-utensils-wood-background_58702-17792.jpg",              imageAlt: "Solitaire diamond ring"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-engagement-ring-with-diamonds_23-2149509238.jpg",              imageAlt: "Diamond pendant"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-bride-s-wedding-gown-from-side-her-hand-put-waist_181624-21091.jpg",              imageAlt: "Diamond bracelet"},
          ]
        },
        {
          title: "Silver Splendor",          description: "Beautifully crafted silver jewellery that blends traditional artistry with contemporary appeal.",          bentoComponent: "media-stack",          items: [
            {
              imageSrc: "http://img.b2bpic.net/free-vector/smoke-frame-illustration_474888-7670.jpg",              imageAlt: "Antique silver earrings"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-oval-shaped-amazonite-ring-white-surface_181624-17055.jpg",              imageAlt: "Modern silver bracelet"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-aesthetic-silver-earrings_23-2149846572.jpg",              imageAlt: "Silver anklet"},
          ]
        },
        {
          title: "Bridal Collection",          description: "Exquisite bridal sets designed to make your special day truly unforgettable.",          bentoComponent: "media-stack",          items: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/high-angle-bride-getting-ready_23-2149722032.jpg",              imageAlt: "Grand bridal necklace"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/woman-puts-golden-bracelet-with-bells-bride-s-leg-painted_8353-768.jpg",              imageAlt: "Bridal diamond earrings"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-female-hand-with-beautiful-diamond-ring-another-female-s-back_181624-24495.jpg",              imageAlt: "Bridal gold bangles"},
          ]
        },
      ]}
      title="Discover Our Exquisite Collections"
      description="From daily wear to grand celebrations, our diverse collections offer the perfect piece for every occasion and style. Each collection tells a unique story of beauty and craftsmanship."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      textboxLayout="default"
      gridVariant="bento-grid"
      useInvertedBackground={false}
      animationType="slide-up"
      products={[
        {
          id: "p1",          name: "Emerald Cut Diamond Ring",          price: "$5,500",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-shot-female-hand-with-beautiful-diamond-ring-another-female-s-back_181624-24495.jpg",          imageAlt: "Emerald cut diamond engagement ring"},
        {
          id: "p2",          name: "Traditional Gold Necklace",          price: "$3,200",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-wearing-chain-necklace_23-2149490484.jpg",          imageAlt: "Elaborate traditional gold necklace"},
        {
          id: "p3",          name: "Silver Filigree Earrings",          price: "$180",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-vintage-necklace-tarot-cards_23-2148229268.jpg",          imageAlt: "Handcrafted silver filigree dangle earrings"},
        {
          id: "p4",          name: "Platinum Bracelet with Sapphires",          price: "$2,800",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-attractive-woman-elegant-black-dress-wearing-luxury-rich-necklace-jewelry-summer-style-fashion-trend-vacation-stylish-accessories-posing-tropical-villa-bali_285396-5716.jpg",          imageAlt: "Platinum bracelet adorned with sapphires"},
        {
          id: "p5",          name: "Vintage Gold Pendant",          price: "$1,500",          imageSrc: "http://img.b2bpic.net/free-vector/vector-floral-wreath-frame-gold-effect_53876-162064.jpg",          imageAlt: "Vintage gold pendant with intricate floral design"},
        {
          id: "p6",          name: "Diamond Stud Earrings",          price: "$1,200",          imageSrc: "http://img.b2bpic.net/free-photo/slim-blond-woman-black-white-shirt_613910-11423.jpg",          imageAlt: "Classic round diamond stud earrings"},
      ]}
      title="Our Latest Jewellery Creations"
      description="Explore our curated selection of new arrivals and bestsellers, meticulously designed to add sparkle to your life. Find your perfect piece today."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardThree
      animationType="depth-3d"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",          icon: Diamond,
          title: "Years of Legacy",          value: "50+"},
        {
          id: "m2",          icon: Heart,
          title: "Satisfied Clients",          value: "10K+"},
        {
          id: "m3",          icon: Sparkles,
          title: "Unique Designs",          value: "1000+"},
        {
          id: "m4",          icon: ShieldCheck,
          title: "Certified Purity",          value: "100%"},
      ]}
      title="Trusted by Generations"
      description="Our commitment to excellence and customer satisfaction is reflected in every milestone we achieve. Experience the Gayatri Jewellers difference."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t1",          name: "Priya Sharma",          imageSrc: "http://img.b2bpic.net/free-photo/unpleased-young-beautiful-girl-wearing-white-t-shirt-crossing-hands-isolated-pink_141793-87393.jpg",          imageAlt: "Priya Sharma, satisfied customer"},
        {
          id: "t2",          name: "Rajesh Kumar",          imageSrc: "http://img.b2bpic.net/free-photo/confident-businessman_1098-21002.jpg",          imageAlt: "Rajesh Kumar, happy client"},
        {
          id: "t3",          name: "Meera Singh",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-middle-aged-woman-white-hoodie_23-2149051802.jpg",          imageAlt: "Meera Singh, elegant customer"},
        {
          id: "t4",          name: "Anil Gupta",          imageSrc: "http://img.b2bpic.net/free-photo/happy-portrait-couple-surprise-marriage_1150-11964.jpg",          imageAlt: "Anil Gupta, pleased customer"},
        {
          id: "t5",          name: "Sneha Patel",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-smiling-hipster-brunette-woman-model-casual-stylish-summer-blue-sweater-isolated-white-background-giving-kiss_158538-13096.jpg",          imageAlt: "Sneha Patel, delighted with purchase"},
        {
          id: "t6",          name: "Vikram Reddy",          imageSrc: "http://img.b2bpic.net/free-photo/caressing-couple-with-balloons-embrace_23-2148025373.jpg",          imageAlt: "Vikram Reddy, newly engaged"},
      ]}
      cardTitle="What Our Valued Customers Say"
      cardTag="Customer Stories"
      cardAnimation="blur-reveal"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={true}
      faqs={[
        {
          id: "f1",          title: "What is the purity guarantee for your gold jewellery?",          content: "All our gold jewellery comes with a BIS Hallmark certification, guaranteeing its purity. We provide detailed purity information for every piece."},
        {
          id: "f2",          title: "Do you offer customization services for engagement rings?",          content: "Yes, we specialize in bespoke jewellery. Our designers can work with you to create a unique engagement ring tailored to your preferences."},
        {
          id: "f3",          title: "What is your return and exchange policy?",          content: "We offer a flexible return and exchange policy within 30 days of purchase, subject to certain conditions. Please refer to our detailed policy page for more information."},
        {
          id: "f4",          title: "How do I care for my diamond jewellery?",          content: "To maintain the sparkle of your diamonds, clean them regularly with a soft brush, mild soap, and warm water. Avoid harsh chemicals and store them separately to prevent scratches."},
      ]}
      sideTitle="Frequently Asked Questions"
      sideDescription="Find answers to common questions about our jewellery, services, and policies."
      faqsAnimation="slide-up"
      textPosition="left"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCTA
      useInvertedBackground={false}
      background={{
        variant: "sparkles-gradient"}}
      tag="Connect With Us"
      title="Find Your Perfect Piece"
      description="Visit our showroom for a personalized experience, or schedule an appointment with our jewellery experts. We look forward to helping you find or create the jewellery of your dreams."
      buttons={[
        {
          text: "Visit Our Store",          href: "#"},
        {
          text: "Book Consultation",          href: "#"},
      ]}
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        {
          title: "Collections",          items: [
            {
              label: "Gold Jewellery",              href: "#collections"},
            {
              label: "Diamond Jewellery",              href: "#collections"},
            {
              label: "Silver Jewellery",              href: "#collections"},
            {
              label: "Bridal Jewellery",              href: "#collections"},
          ],
        },
        {
          title: "About Us",          items: [
            {
              label: "Our Story",              href: "#about"},
            {
              label: "Craftsmanship",              href: "#about"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Contact Us",              href: "#contact"},
            {
              label: "Privacy Policy",              href: "#"},
          ],
        },
      ]}
      bottomLeftText="© 2024 Gayatri Jewellers. All rights reserved."
      bottomRightText="Where Tradition Meets Timeless Beauty"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
