"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FeatureCardTwentyFour from '@/components/sections/feature/FeatureCardTwentyFour';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardOne from '@/components/sections/product/ProductCardOne';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
import { Diamond, Heart, Sparkles } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="expand-hover"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="mediumLargeSizeMediumTitles"
        background="floatingGradient"
        cardStyle="gradient-radial"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="light"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "#hero"},
        {
          name: "About Us",          id: "#about"},
        {
          name: "Collection",          id: "#products"},
        {
          name: "Testimonials",          id: "#testimonials"},
        {
          name: "FAQ",          id: "#faq"},
        {
          name: "Contact",          id: "#contact"},
      ]}
      brandName="Paras Verma Jewellers"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient"}}
      title="Adorn Yourself with Timeless Elegance"
      description="Paras Verma Jewellers: Crafting exquisite jewelry that celebrates life's most precious moments. Discover unparalleled artistry and ethical beauty in every piece."
      testimonials={[
        {
          name: "Ananya Sharma",          handle: "@Ananya_S",          testimonial: "\"My engagement ring from Paras Verma Jewellers is a dream come true. The craftsmanship is impeccable, and the team made the experience truly special.\"",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/woman-wearing-pajamas-while-sitting-bed_273609-13213.jpg",          imageAlt: "Ananya Sharma"},
        {
          name: "Rahul Kapoor",          handle: "@Rahul_K",          testimonial: "\"I always trust Paras Verma Jewellers for their exceptional quality and unique designs. Their attention to detail is unmatched, truly a family jeweler.\"",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-businessman-with-crossed-arms_23-2147955274.jpg",          imageAlt: "Rahul Kapoor"},
        {
          name: "Priya Singh",          handle: "@Priya_S",          testimonial: "\"The diamond necklace I purchased is stunning. It's more beautiful than I imagined, and the customer service was outstanding. Highly recommend!\"",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/closeup-cheerful-africanamerican-female-model-showing-okay-sign-winking-looking-satisfied-rec_1258-129397.jpg",          imageAlt: "Priya Singh"},
        {
          name: "Arjun Mehta",          handle: "@Arjun_M",          testimonial: "\"For generations, my family has relied on Paras Verma Jewellers. Their pieces are not just jewelry; they are heirlooms, crafted with heart.\"",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-old-woman-her-office_23-2148341576.jpg",          imageAlt: "Arjun Mehta"},
        {
          name: "Sara Khan",          handle: "@Sara_K",          testimonial: "\"Paras Verma Jewellers created a custom pendant for me that perfectly captures my vision. The process was seamless, and the result is breathtaking.\"",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-enjoying-new-year-s-eve-party_23-2148724179.jpg",          imageAlt: "Sara Khan"},
      ]}
      testimonialRotationInterval={5000}
      tag="Exquisite Craftsmanship"
      tagIcon={Sparkles}
      buttons={[
        {
          text: "Explore Collection",          href: "#products"},
        {
          text: "Book an Appointment",          href: "#contact"},
      ]}
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/attractive-blonde-tanned-woman-with-pearl-necklace-striped-outfit-smiles-looks-away_197531-19507.jpg",          alt: "Customer Avatar 1"},
        {
          src: "http://img.b2bpic.net/free-photo/indian-man-wear-traditional-clothes-with-white-scarf-posed-outdoor-against-green-bushes-park_627829-12676.jpg",          alt: "Customer Avatar 2"},
        {
          src: "http://img.b2bpic.net/free-photo/portrait-young-woman-wearing-tradition-sari-garment_52683-90233.jpg",          alt: "Customer Avatar 3"},
        {
          src: "http://img.b2bpic.net/free-photo/inspired-caucasian-woman-posing-elegant-blouse-joyful-brunette-girl-isolated-brown-wall_197531-14021.jpg",          alt: "Customer Avatar 4"},
        {
          src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg",          alt: "Happy Client Avatar"},
      ]}
      avatarText="Join Our Family of Delighted Customers"
      imageSrc="http://img.b2bpic.net/free-photo/side-view-silver-necklace-with-swarovski-crystal-black-wall_140725-12839.jpg"
      imageAlt="Luxurious diamond necklace and engagement ring display"
      mediaAnimation="slide-up"
      marqueeItems={[
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/luxury-shine-diamonds-digital-art_23-2151695079.jpg",          alt: "Luxury diamond art"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/gold-dollar-symbol-golden-chain-jewellery-necklace-background-with-place-text-banner-fashion-accessories_460848-14698.jpg",          alt: "Elegant gold chain"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/luxury-shine-diamonds-digital-art_23-2151695044.jpg",          alt: "Shining diamond jewelry"},
        {
          type: "image",          src: "http://img.b2bpic.net/free-photo/bust-showcase-jewelry-display-necklace-pendant-jewelry-lifestyle-fashion-accessories-mockup_460848-14343.jpg",          alt: "Jewelry display with necklace"},
        {
          type: "text-icon",          text: "Crafted with Passion",          icon: Heart,
        },
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Our Legacy"
      title="Crafting Dreams for Generations"
      description="At Paras Verma Jewellers, we blend age-old traditions with contemporary design. Every piece tells a story of passion, precision, and dedication passed down through generations."
      subdescription="With over 50 years of expertise, we are committed to ethical sourcing, exceptional quality, and creating bespoke jewelry that becomes a cherished part of your family's history."
      icon={Diamond}
      imageSrc="http://img.b2bpic.net/free-photo/close-up-process-ring_23-2148643253.jpg"
      imageAlt="Master jeweler working on intricate gold design"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyFour
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          id: "custom-design",          title: "Bespoke Design Service",          author: "Paras Verma Jewellers",          description: "Turn your vision into a masterpiece. Our expert designers work closely with you to create unique, personalized jewelry that reflects your individual style.",          tags: [
            "Custom",            "Personalized",            "Unique"],
          imageSrc: "http://img.b2bpic.net/free-photo/elegantly-dressed-woman-makes-handmade-necklaces-working-with-needles-thread-jewelry-workshop_613910-21160.jpg",          imageAlt: "Custom designed diamond ring sketch"},
        {
          id: "ethical-sourcing",          title: "Ethical Sourcing & Quality",          author: "Paras Verma Jewellers",          description: "We are committed to responsible sourcing of conflict-free diamonds and precious gemstones, ensuring every piece meets the highest standards of quality and integrity.",          tags: [
            "Ethical",            "Sustainable",            "Certified"],
          imageSrc: "http://img.b2bpic.net/free-photo/valuables-jewelry-perforated-paper-diamond_53876-31043.jpg",          imageAlt: "Ethical diamond sourcing and supply chain"},
        {
          id: "heritage-craftsmanship",          title: "Heritage Craftsmanship",          author: "Paras Verma Jewellers",          description: "Experience the artistry of traditional Indian jewelry making, meticulously crafted by skilled artisans who bring generations of expertise to every intricate detail.",          tags: [
            "Traditional",            "Handcrafted",            "Artisan"],
          imageSrc: "http://img.b2bpic.net/free-photo/sewing-buttons_23-2148146005.jpg",          imageAlt: "Intricate traditional Indian jewelry design"},
      ]}
      title="Our Unwavering Commitments"
      description="Discover what sets Paras Verma Jewellers apart. Our dedication to craftsmanship, ethical practices, and personalized service ensures an unparalleled experience."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardOne
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "engagement-ring",          name: "Eternal Sparkle Diamond Ring",          price: "₹1,25,000",          imageSrc: "http://img.b2bpic.net/free-photo/jewelry-bright-studio-luxury-love-vintage_1400-30.jpg",          imageAlt: "Elegant diamond engagement ring"},
        {
          id: "gold-pendant",          name: "Heritage Gold Pendant Set",          price: "₹85,000",          imageSrc: "http://img.b2bpic.net/free-photo/expensive-golden-ring-displayed-white-coral-background_23-2150347051.jpg",          imageAlt: "Intricate gold pendant necklace"},
        {
          id: "emerald-earrings",          name: "Enchanting Emerald Drop Earrings",          price: "₹60,000",          imageSrc: "http://img.b2bpic.net/free-photo/vintage-multicolour-brooch-white-background-fashionable-chic-elegant-accessory_482257-25614.jpg",          imageAlt: "Emerald gemstone earrings"},
        {
          id: "diamond-bracelet",          name: "Radiant Diamond Tennis Bracelet",          price: "₹2,10,000",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-dark-skinned-smiling-woman-with-bushy-hairdo-holds-cup-coffee-espresso-sits-against-cafe-interior_273609-3188.jpg",          imageAlt: "Diamond tennis bracelet"},
        {
          id: "sapphire-ring",          name: "Majestic Sapphire & Gold Ring",          price: "₹95,000",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-couple-golden-wedding-rings-with-diamond-sapphire-wooden-table_181624-20551.jpg",          imageAlt: "Sapphire gemstone ring"},
        {
          id: "gold-bangle",          name: "Traditional Gold Kada Bangle",          price: "₹70,000",          imageSrc: "http://img.b2bpic.net/free-photo/sophisticated-tea-party-assortment_23-2149045913.jpg",          imageAlt: "Traditional Indian gold bangle"},
      ]}
      title="Our Exquisite Collection"
      description="Discover a curated selection of fine jewelry, from timeless classics to modern marvels, each piece a testament to our dedication to beauty and quality."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTwelve
      useInvertedBackground={false}
      testimonials={[
        {
          id: "t-1",          name: "Deepa Sharma",          imageSrc: "http://img.b2bpic.net/free-photo/women-shopping-buying-consumer-products-customer-day-celebration_23-2151623388.jpg",          imageAlt: "Deepa Sharma"},
        {
          id: "t-2",          name: "Vikram Singh",          imageSrc: "http://img.b2bpic.net/free-photo/rear-view-man-showing-engagement-ring-his-girlfriend_23-2147891143.jpg",          imageAlt: "Vikram Singh"},
        {
          id: "t-3",          name: "Aisha & Rohan",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-wedding-couple-having-fun-outdoors_1153-6080.jpg",          imageAlt: "Aisha and Rohan"},
        {
          id: "t-4",          name: "Smita Reddy",          imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-studio-flash-image-surprised-woman_291049-1465.jpg",          imageAlt: "Smita Reddy"},
        {
          id: "t-5",          name: "Kiran Devi",          imageSrc: "http://img.b2bpic.net/free-photo/mother-daughter-holiday-spirit_1157-8431.jpg",          imageAlt: "Kiran Devi"},
        {
          id: "t-6",          name: "Rajesh & Meera",          imageSrc: "http://img.b2bpic.net/free-photo/ring-box_1098-14934.jpg",          imageAlt: "Rajesh and Meera"},
      ]}
      cardTitle="What Our Valued Clients Say"
      cardTag="Rave Reviews"
      buttons={[
        {
          text: "Read More Stories",          href: "#"},
      ]}
      cardAnimation="slide-up"
    />
  </div>

  <div id="social-proof" data-section="social-proof">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Vogue India",        "Harper's Bazaar India",        "Femina",        "WeddingSutra",        "Brides Today",        "Luxury Lifestyle India",        "The Bridal Box"]}
      title="Recognized Excellence: Our Mark of Distinction"
      description="Our commitment to unparalleled craftsmanship and exclusive designs has earned us acclaim from prestigious publications and luxury partners worldwide. See why Paras Verma Jewellers is the name synonymous with trust and elegance."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardSeven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "years",          value: "50+",          title: "Years of Legacy",          items: [
            "Generations of trust and artistry",            "Unrivaled expertise"],
        },
        {
          id: "customers",          value: "10K+",          title: "Happy Customers",          items: [
            "Building lifelong relationships",            "Crafting cherished memories, one exquisite piece at a time"],
        },
        {
          id: "designs",          value: "1000+",          title: "Unique Designs",          items: [
            "Innovative designs, from timeless classics to bespoke masterpieces",            "Bespoke creations"],
        },
      ]}
      title="Decades of Brilliance, Thousands of Smiles"
      description="Our legacy is woven with unparalleled artistry, ethical practices, and the joy of countless clients. Explore the milestones that define Paras Verma Jewellers as a beacon of trust and exquisite taste."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitText
      useInvertedBackground={false}
      faqs={[
        {
          id: "faq-1",          title: "Do you offer custom jewelry design services?",          content: "Yes, we specialize in bespoke jewelry. Our experienced designers will work with you from concept to creation to bring your unique vision to life, ensuring a truly personalized piece."},
        {
          id: "faq-2",          title: "What is your policy on ethical sourcing of materials?",          content: "We are deeply committed to ethical practices. All our diamonds are conflict-free and certified, and our precious metals are sourced responsibly to ensure sustainability and integrity."},
        {
          id: "faq-3",          title: "Do you provide certification for your diamonds and gemstones?",          content: "Absolutely. Every diamond and precious gemstone purchased from Paras Verma Jewellers comes with a recognized certification from leading gemological laboratories, guaranteeing authenticity and quality."},
        {
          id: "faq-4",          title: "Can I get my old jewelry repaired or redesigned?",          content: "Yes, our skilled artisans offer comprehensive jewelry repair, restoration, and redesign services. Bring us your cherished pieces, and we'll breathe new life into them while preserving their sentimental value."},
      ]}
      sideTitle="Your Questions, Our Expertise: Answered"
      sideDescription="At Paras Verma Jewellers, clarity and customer satisfaction are paramount. Discover transparent answers to frequently asked questions about our bespoke services, ethical sourcing, and unparalleled craftsmanship."
      faqsAnimation="slide-up"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Begin Your Journey to Exquisite Jewelry"
      description="Ready to commission a custom masterpiece, inquire about our collection, or schedule a private consultation? Reach out to Paras Verma Jewellers—our dedicated team awaits to bring your dreams to life."
      inputs={[
        {
          name: "name",          type: "text",          placeholder: "Your Name",          required: true,
        },
        {
          name: "email",          type: "email",          placeholder: "Your Email",          required: true,
        },
        {
          name: "phone",          type: "tel",          placeholder: "Your Phone Number (Optional)"},
      ]}
      textarea={{
        name: "message",        placeholder: "Your Message or Inquiry",        rows: 5,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/young-couple-buying-jewelry_7502-7606.jpg"
      imageAlt="Luxurious jewellery showroom interior"
      mediaAnimation="opacity"
      mediaPosition="right"
      buttonText="Send Message"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterBaseCard
      logoText="Paras Verma Jewellers"
      columns={[
        {
          title: "Company",          items: [
            {
              label: "About Us",              href: "#about"},
            {
              label: "Our Story",              href: "#about"},
            {
              label: "Ethical Sourcing",              href: "#features"},
          ],
        },
        {
          title: "Collection",          items: [
            {
              label: "Engagement Rings",              href: "#products"},
            {
              label: "Necklaces & Pendants",              href: "#products"},
            {
              label: "Earrings",              href: "#products"},
            {
              label: "Bracelets",              href: "#products"},
          ],
        },
        {
          title: "Support",          items: [
            {
              label: "FAQ",              href: "#faq"},
            {
              label: "Contact Us",              href: "#contact"},
            {
              label: "Repairs & Redesign",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Paras Verma Jewellers. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}