"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import AboutMetric from '@/components/sections/about/AboutMetric';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroOverlay from '@/components/sections/hero/HeroOverlay';
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Award, Diamond, Facebook, Heart, Instagram, Twitter } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="medium"
        sizing="largeSmallSizeMediumTitles"
        background="blurBottom"
        cardStyle="glass-elevated"
        primaryButtonStyle="primary-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleFullscreen
      navItems={[
        {
          name: "Home",
          id: "#home",
        },
        {
          name: "Collections",
          id: "#collections",
        },
        {
          name: "Craftsmanship",
          id: "#craftsmanship",
        },
        {
          name: "Testimonials",
          id: "#testimonials",
        },
        {
          name: "Contact",
          id: "#contact",
        },
      ]}
      logoSrc="http://img.b2bpic.net/free-vector/logos-collection-with-vintage-luxury-style_23-2147842744.jpg"
      logoAlt="Narin Jewelry House Logo"
      brandName="Narin Jewelry House"
    />
  </div>

  <div id="home" data-section="home">
      <HeroOverlay
      title="Narin Jewelry House: Where Legacy Meets Brilliance"
      description="Discover exquisite handcrafted jewelry, a timeless collection of elegance and unparalleled artistry."
      buttons={[
        {
          text: "Explore Collections",
          href: "#collections",
        },
        {
          text: "Our Heritage",
          href: "#about",
        },
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/closeup-shot-female-wearing-beautiful-silver-necklace-with-pendant_181624-19926.jpg"
      imageAlt="Luxurious diamond ring sparkling on a dark background"
      showBlur={true}
      textPosition="bottom"
      avatars={[
        {
          src: "http://img.b2bpic.net/free-photo/smiling-bride-living-room_1157-729.jpg",
          alt: "Beautiful smiling bride",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-fashionable-blond-girl-with-blue-eyes_613910-14957.jpg",
          alt: "Fashion portrait of blonde caucasian stylish woman in french cap white blazer",
        },
        {
          src: "http://img.b2bpic.net/free-photo/elegant-woman-sitting-table-with-cocktail-salad_1157-32423.jpg",
          alt: "Attractive young woman with cutlery in a restaurant",
        },
        {
          src: "http://img.b2bpic.net/free-photo/portrait-elegant-bride-stylish-white-dress-looking-camera_8353-11835.jpg",
          alt: "beautiful bride in wedding dress",
        },
        {
          src: "http://img.b2bpic.net/free-photo/delivery-man-listening-music-with-headphones-orange-t-shirt-cap-looking-amused-front-view_176474-91747.jpg",
          alt: "Student man in casual clothes wearing glasses with headphones holding alarm clock looking at camera happy and positive smiling cheerfully showing thumb up standing over orange background",
        },
      ]}
      avatarText="Join our 5000+ satisfied clients."
    />
  </div>

  <div id="about" data-section="about">
      <AboutMetric
      useInvertedBackground={false}
      title="Our Heritage of Excellence"
      metrics={[
        {
          icon: Diamond,
          label: "Handcrafted Pieces",
          value: "1000+",
        },
        {
          icon: Award,
          label: "Years of Expertise",
          value: "75+",
        },
        {
          icon: Heart,
          label: "Satisfied Clients",
          value: "5000+",
        },
      ]}
      metricsAnimation="slide-up"
    />
  </div>

  <div id="collections" data-section="collections">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "ring-1",
          name: "Classic Diamond Solitaire",
          price: "$8,500",
          imageSrc: "http://img.b2bpic.net/free-photo/female-holding-engagement-marriage-rings_23-2148536086.jpg",
          imageAlt: "Classic diamond solitaire ring",
        },
        {
          id: "necklace-1",
          name: "Sapphire Drop Necklace",
          price: "$5,200",
          imageSrc: "http://img.b2bpic.net/free-photo/close-up-details-jewelry-young-attractive-woman-stylish-black-dress-posing-tropical-villa-sexy-elegant-summer-style-fashionable-necklace-accessories_285396-5718.jpg",
          imageAlt: "Sapphire drop necklace",
        },
        {
          id: "earrings-1",
          name: "Timeless Pearl Earrings",
          price: "$1,800",
          imageSrc: "http://img.b2bpic.net/free-photo/positive-woman-with-curly-hair-laughs-bites-her-finger-portrait-woman-with-white-hairpins-pearl-necklace_197531-14812.jpg",
          imageAlt: "Timeless pearl earrings",
        },
        {
          id: "bracelet-1",
          name: "Aurora Gold Bracelet",
          price: "$3,100",
          imageSrc: "http://img.b2bpic.net/free-photo/girl-with-polka-doy-skirt_1162-14.jpg",
          imageAlt: "Aurora gold bracelet",
        },
        {
          id: "pendant-1",
          name: "Emerald Serenity Pendant",
          price: "$6,700",
          imageSrc: "http://img.b2bpic.net/free-photo/still-life-aesthetic-earrings_23-2149649126.jpg",
          imageAlt: "Emerald serenity pendant",
        },
        {
          id: "studs-1",
          name: "Ruby Blossom Studs",
          price: "$2,500",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-with-spider-pumpkin_23-2147687068.jpg",
          imageAlt: "Ruby blossom studs",
        },
      ]}
      title="Discover Our Exquisite Collections"
      description="Each piece tells a story of passion and precision, crafted to adorn your most cherished moments."
    />
  </div>

  <div id="craftsmanship" data-section="craftsmanship">
      <FeatureCardThree
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="four-items-2x2-equal-grid"
      useInvertedBackground={false}
      features={[
        {
          title: "Quality Materials",
          description: "Only the finest ethically sourced diamonds, precious gemstones, and metals are selected.",
          imageSrc: "http://img.b2bpic.net/free-photo/bracelets-made-by-colorful-pearls-stones_114579-13014.jpg",
          imageAlt: "Selection of precious gemstones and metals",
        },
        {
          title: "Bespoke Designs",
          description: "Collaborate with our designers to bring your unique vision to life with custom pieces.",
          imageSrc: "http://img.b2bpic.net/free-vector/gradient-art-deco-pattern-design_23-2148968664.jpg",
          imageAlt: "Jewelry designer sketching a bespoke piece",
        },
        {
          title: "Ethical Sourcing",
          description: "Committed to responsible practices, ensuring transparency and integrity from mine to market.",
          imageSrc: "http://img.b2bpic.net/free-photo/colorful-pebbles-stones_1252-947.jpg",
          imageAlt: "Diagram of ethical sourcing supply chain",
        },
        {
          title: "Expert Artisans",
          description: "Our master jewelers blend generations of skill with innovative techniques for perfection.",
          imageSrc: "http://img.b2bpic.net/free-photo/jeweler-working-his-workshop-cutting-gold-ring-with-saw_181624-55539.jpg",
          imageAlt: "Artisan polishing a piece of jewelry",
        },
      ]}
      title="The Narin Difference: Craftsmanship & Care"
      description="Experience the blend of traditional artistry and modern design in every unique creation."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="default"
      useInvertedBackground={false}
      testimonials={[
        {
          id: "1",
          title: "Absolutely stunning!",
          quote: "The craftsmanship of my necklace is simply breathtaking. Narin Jewelry exceeded all my expectations. It's a true heirloom piece!",
          name: "Sophia R.",
          role: "Art Collector",
          imageSrc: "http://img.b2bpic.net/free-photo/portait-cheerful-caucasian-lady-smiles-picture-isolated-dark-blur-background_132075-9596.jpg",
          imageAlt: "Sophia R. smiling",
        },
        {
          id: "2",
          title: "Unmatched Quality and Service",
          quote: "From the moment I inquired to receiving my bespoke ring, the experience was flawless. Narin Jewelry embodies true luxury and professionalism.",
          name: "David C.",
          role: "Entrepreneur",
          imageSrc: "http://img.b2bpic.net/free-photo/young-man-wearing-blue-outfit-holding-clock-he-is-yelling_1298-219.jpg",
          imageAlt: "David C. smiling",
        },
        {
          id: "3",
          title: "A Dream Come True",
          quote: "My engagement ring is everything I ever dreamed of and more. The attention to detail and personalized service made it truly special.",
          name: "Isabella M.",
          role: "Bride-to-be",
          imageSrc: "http://img.b2bpic.net/free-photo/image-surprised-woman-receiving-marriage-proposal-looking-engagement-ring-red-box-gaspi_1258-155845.jpg",
          imageAlt: "Isabella M. showing her ring",
        },
        {
          id: "4",
          title: "Exceptional Pieces",
          quote: "I've purchased several pieces from Narin Jewelry, and each one is a testament to their exceptional quality and timeless design. Highly recommended!",
          name: "Michael S.",
          role: "Business Executive",
          imageSrc: "http://img.b2bpic.net/free-photo/young-couple-celebrating-engagement_23-2149401288.jpg",
          imageAlt: "Michael S. satisfied",
        },
        {
          id: "5",
          title: "Timeless Elegance",
          quote: "The pearl earrings I received are exquisite. They perfectly complement my style and I wear them for every special occasion. Thank you, Narin!",
          name: "Eleanor V.",
          role: "Philanthropist",
          imageSrc: "http://img.b2bpic.net/free-photo/woman-holding-lantern-lamp_155996-39.jpg",
          imageAlt: "Eleanor V. smiling",
        },
        {
          id: "6",
          title: "Beyond Beautiful",
          quote: "The emerald pendant is beyond beautiful. It's a statement piece that truly captures attention. Narin Jewelry is my go-to for unique gems.",
          name: "Olivia P.",
          role: "Fashion Blogger",
          imageSrc: "http://img.b2bpic.net/free-photo/couple-jewelry-shop-choosing-ring-together_1303-30658.jpg",
          imageAlt: "Olivia P. with her emerald pendant",
        },
      ]}
      title="Hear From Our Valued Clients"
      description="Authentic stories from those who cherish Narin Jewelry."
    />
  </div>

  <div id="recognition" data-section="recognition">
      <SocialProofOne
      textboxLayout="default"
      useInvertedBackground={false}
      names={[
        "Vogue",
        "Harper's Bazaar",
        "Forbes",
        "Luxury Magazine",
        "Gemological Institute",
        "Prestige Living",
        "Elegant Times",
        "Jewelry Weekly",
      ]}
      title="Recognized for Excellence"
      description="Trusted by connoisseurs and featured in prestigious publications worldwide."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={false}
      background={{
        variant: "radial-gradient",
      }}
      tag="Connect With Us"
      title="Your Journey to Perfect Jewelry Begins Here"
      description="Reach out to our experts for personalized consultations, custom designs, or any inquiries. We are here to guide you."
      imageSrc="http://img.b2bpic.net/free-photo/luxury-hotel-reception-hall-office-with-decor-shelf_105762-1676.jpg"
      imageAlt="Elegant jewelry store interior with display cases"
      mediaAnimation="opacity"
      mediaPosition="right"
      inputPlaceholder="Your Email Address"
      buttonText="Send Inquiry"
      termsText="By submitting, you agree to Narin Jewelry House's Privacy Policy and Terms of Service."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterCard
      logoText="Narin Jewelry"
      copyrightText="© 2024 Narin Jewelry House. All rights reserved."
      socialLinks={[
        {
          icon: Instagram,
          href: "https://instagram.com/narinjewelry",
          ariaLabel: "Instagram",
        },
        {
          icon: Facebook,
          href: "https://facebook.com/narinjewelry",
          ariaLabel: "Facebook",
        },
        {
          icon: Instagram,
          href: "https://pinterest.com/narinjewelry",
          ariaLabel: "Pinterest",
        },
        {
          icon: Twitter,
          href: "https://twitter.com/narinjewelry",
          ariaLabel: "Twitter",
        },
      ]}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}
