"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import { Award } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="elastic-effect"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="mediumLarge"
        sizing="largeSmall"
        background="aurora"
        cardStyle="glass-depth"
        primaryButtonStyle="diagonal-gradient"
        secondaryButtonStyle="layered"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "About",          id: "about"},
        {
          name: "Collection",          id: "products"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Om Jewelers"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardTestimonial
      background={{
        variant: "gradient-bars"}}
      title="Timeless Elegance, Crafted for You"
      description="Discover exquisite jewelry collections designed to celebrate your most precious moments with Om Jewelers."
      testimonials={[
        {
          name: "Ananya P.",          handle: "@ananya",          testimonial: "Exceptional craftsmanship. Found my wedding jewelry here.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-rich-woman-holding-tablet_23-2149722599.jpg?_wi=1"},
        {
          name: "Vikram S.",          handle: "@vikram",          testimonial: "The quality of gold and diamonds is simply unmatched.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-cheerful-blonde-woman-stylish-white-blouse-dark-velvet-pants-laughs-looks-into-camera-spreads-paste-piece-bread-street-cafe_197531-23212.jpg?_wi=1"},
        {
          name: "Priya D.",          handle: "@priya",          testimonial: "Om Jewelers made my anniversary truly special.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-getting-married_23-2150753681.jpg?_wi=1"},
        {
          name: "Rohan M.",          handle: "@rohan",          testimonial: "Trustworthy service and authentic pieces every time.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/silver-elegant-earrings-bride_627829-11841.jpg?_wi=1"},
        {
          name: "Sunita K.",          handle: "@sunita",          testimonial: "Highly recommended for their beautiful designs.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-looking-notebook_23-2148346228.jpg?_wi=1"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/outdoor-portrait-woman-pink-romantic-dress-wearing-necklace_343596-1990.jpg"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/beautiful-brunette-girl_1157-4392.jpg",          alt: "Customer portrait 1"},
        {
          src: "http://img.b2bpic.net/free-photo/young-man-helping-his-girlfriend-with-fitting-necklace-je_7502-7612.jpg",          alt: "Customer portrait 2"},
        {
          src: "http://img.b2bpic.net/free-photo/elder-woman-looking-away-medium-shot_23-2148346152.jpg",          alt: "Customer portrait 3"},
        {
          src: "http://img.b2bpic.net/free-photo/close-up-female-talking-phone_23-2148360121.jpg",          alt: "Customer portrait 4"},
        {
          src: "http://img.b2bpic.net/free-photo/proposal-restaurant_1098-12875.jpg",          alt: "Customer portrait 5"},
      ]}
      avatarText="Trusted by 500+ happy clients"
      marqueeItems={[
        {
          type: "text",          text: "Certified Diamonds"},
        {
          type: "text",          text: "22k Gold"},
        {
          type: "text",          text: "Bespoke Service"},
        {
          type: "text",          text: "Handcrafted"},
        {
          type: "text",          text: "Timeless"},
      ]}
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Our Story"
      title="A Legacy of Trust"
      description="At Om Jewelers, we believe every piece of jewelry carries a story. Since our inception, we have been dedicated to blending traditional artistry with contemporary designs."
      subdescription="Our craftsmen meticulously work to ensure every gemstone and gold piece meets our stringent quality standards."
      icon={Award}
      imageSrc="http://img.b2bpic.net/free-photo/medium-shot-jeweler-making-jewellery_23-2150931436.jpg"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="features" data-section="features">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      description="Our commitment to quality, bespoke artistry, and seamless delivery ensures that your experience with Om Jewelers is as exquisite as our pieces."
      features={[
        {
          id: "f1",          title: "Certified Quality",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-glittery-shimmery-shiny-pills-capsule-background_53876-31932.jpg",          tags: [
            "Verified",            "GIA Certified"],
        },
        {
          id: "f2",          title: "Bespoke Designs",          imageSrc: "http://img.b2bpic.net/free-photo/grunge-metal-background_1048-10040.jpg",          tags: [
            "Unique",            "Personalized"],
        },
        {
          id: "f3",          title: "Premium Delivery",          imageSrc: "http://img.b2bpic.net/free-photo/closeup-businesswoman-paying-takeaway-food-order-with-credit-card-using-pos-contactless-service_482257-8138.jpg",          tags: [
            "Insured",            "Fast"],
        },
      ]}
      title="Our Commitment"
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="uniform-all-items-equal"
      useInvertedBackground={false}
      products={[
        {
          id: "p1",          name: "Golden Radiance Necklace",          price: "$1,200",          imageSrc: "http://img.b2bpic.net/free-photo/display-shiny-luxurious-golden-chain_23-2149635265.jpg"},
        {
          id: "p2",          name: "Diamond Bloom Earrings",          price: "$850",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-pensive-attractive-woman_329181-7318.jpg"},
        {
          id: "p3",          name: "Heritage Gold Bangle",          price: "$950",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-gold-chains-still-life_23-2149560622.jpg"},
        {
          id: "p4",          name: "Classic Pear Pendant",          price: "$700",          imageSrc: "http://img.b2bpic.net/free-photo/reflection-background-gold-pendant-precious-glass_1400-34.jpg"},
        {
          id: "p5",          name: "Eternal Promise Ring",          price: "$1,500",          imageSrc: "http://img.b2bpic.net/free-photo/two-golden-wedding-rings-lie-ray-light_8353-8127.jpg"},
        {
          id: "p6",          name: "Regal Chain Link",          price: "$600",          imageSrc: "http://img.b2bpic.net/free-photo/gold-necklace-stone-by-ocean_23-2151995448.jpg"},
      ]}
      title="Our Collection"
      description="Hand-selected treasures that define luxury."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      metrics={[
        {
          id: "m1",          value: "25+",          title: "Years of Experience",          description: "Defining excellence in every piece.",          imageSrc: "http://img.b2bpic.net/free-vector/jeweller-icons-set_98292-2261.jpg"},
      ]}
      title="Our Impact"
      description="Decades of passion and craftsmanship."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardThirteen
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      description="Hear from our valued clients who trust us with their most cherished moments."
      testimonials={[
        {
          id: "t1",          name: "Sarah J.",          handle: "@sarahj",          testimonial: "Beautiful designs and great service.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/side-view-rich-woman-holding-tablet_23-2149722599.jpg?_wi=2"},
        {
          id: "t2",          name: "Mark R.",          handle: "@markr",          testimonial: "Excellent quality for the price.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-cheerful-blonde-woman-stylish-white-blouse-dark-velvet-pants-laughs-looks-into-camera-spreads-paste-piece-bread-street-cafe_197531-23212.jpg?_wi=2"},
        {
          id: "t3",          name: "Emily D.",          handle: "@emilyd",          testimonial: "Loved my experience at Om Jewelers.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-getting-married_23-2150753681.jpg?_wi=2"},
        {
          id: "t4",          name: "David W.",          handle: "@davidw",          testimonial: "The best jewelry in town.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/silver-elegant-earrings-bride_627829-11841.jpg?_wi=2"},
        {
          id: "t5",          name: "Jessica L.",          handle: "@jessl",          testimonial: "Fantastic collection of gold rings.",          rating: 5,
          imageSrc: "http://img.b2bpic.net/free-photo/happy-senior-looking-notebook_23-2148346228.jpg?_wi=2"},
      ]}
      showRating={true}
      title="What Our Clients Say"
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="default"
      useInvertedBackground={false}
      faqs={[
        {
          id: "q1",          title: "Do you provide jewelry certification?",          content: "Yes, all our diamonds and precious metals are certified."},
        {
          id: "q2",          title: "Can I get custom designs?",          content: "Absolutely, we specialize in bespoke jewelry designs."},
        {
          id: "q3",          title: "What is your return policy?",          content: "We offer a 30-day return policy for unused jewelry."},
      ]}
      title="Frequently Asked Questions"
      faqsAnimation="slide-up"
      description="Answers to common queries about our process."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "plain"}}
      title="Visit Our Store"
      description="Have questions? Contact us today or visit our boutique to explore the collection."
      imageSrc="http://img.b2bpic.net/free-photo/abstract-store-with-futuristic-concept-architecture_23-2150862182.jpg"
      mediaAnimation="slide-up"
      tag="Connect"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoEmphasis
      columns={[
        {
          items: [
            {
              label: "About",              href: "#about"},
            {
              label: "Products",              href: "#products"},
          ],
        },
        {
          items: [
            {
              label: "Support",              href: "#faq"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
      ]}
      logoText="Om Jewelers"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
