"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 FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import { Award } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="entrance-slide"
        borderRadius="pill"
        contentWidth="small"
        sizing="largeSmallSizeLargeTitles"
        background="noise"
        cardStyle="glass-elevated"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="radial-glow"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "About",          id: "about"},
        {
          name: "Collections",          id: "collections"},
        {
          name: "Visit",          id: "contact"},
      ]}
      brandName="Madina Jewellery"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardScroll
      background={{
        variant: "gradient-bars"}}
      title="Madina Jewellery Golds"
      description="Discover timeless gold crafted with elegance and heritage."
      buttons={[
        {
          text: "View Collection",          href: "#collections"},
        {
          text: "Visit Our Store",          href: "#contact"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-rock-concrete-tray_23-2150329671.jpg"
      imageAlt="luxury gold jewelry cinematic photography"
    />
  </div>

  <div id="about" data-section="about">
      <TestimonialAboutCard
      useInvertedBackground={false}
      tag="Our Heritage"
      title="Crafted with Elegance"
      description="Madina Jewellery Golds is a destination for those who appreciate the beauty of fine gold craftsmanship. We blend tradition with modern elegance."
      subdescription="Whether you’re choosing a wedding set or a timeless gift, our collections celebrate your life’s most meaningful moments."
      icon={Award}
      imageSrc="http://img.b2bpic.net/free-photo/craftswoman-using-blow-torch_107420-65200.jpg"
      imageAlt="traditional gold craftsmanship artisan workshop"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="collections" data-section="collections">
      <ProductCardThree
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={true}
      products={[
        {
          id: "p1",          name: "Bridal Set",          price: "From $2,500",          imageSrc: "http://img.b2bpic.net/free-photo/view-luxurious-golden-ring-with-dry-plant_23-2150329708.jpg",          imageAlt: "luxury gold bridal set jewelry"},
        {
          id: "p2",          name: "Arabian Heritage",          price: "From $1,200",          imageSrc: "http://img.b2bpic.net/free-photo/christmas-golden-bells-marble-surface_114579-79061.jpg",          imageAlt: "luxury gold wedding jewelry set"},
        {
          id: "p3",          name: "Minimalist Gold",          price: "From $450",          imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-necklace-with-skull-like-charm-white-background_181624-6662.jpg",          imageAlt: "minimalist modern gold pendant design"},
        {
          id: "p4",          name: "Gift Selection",          price: "From $300",          imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-women-having-fun-together_329181-15563.jpg",          imageAlt: "luxury gold bridal set jewelry"},
        {
          id: "p5",          name: "Daily Luxury",          price: "From $600",          imageSrc: "http://img.b2bpic.net/free-photo/queen-crown-still-life_23-2150409252.jpg",          imageAlt: "luxury gold wedding jewelry set"},
        {
          id: "p6",          name: "Custom Pieces",          price: "Get a Custom Quote",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-fresh-melon-dark-light-table-fruit-summer-sweet-mellow_140725-81423.jpg",          imageAlt: "minimalist modern gold pendant design"},
      ]}
      title="Featured Collections"
      description="Explore our handpicked selection of timeless pieces."
    />
  </div>

  <div id="proof" data-section="proof">
      <SocialProofOne
      textboxLayout="split"
      useInvertedBackground={false}
      names={[
        "Quality Certified",        "Premium Designs",        "Trusted Brand",        "Exceptional Service",        "Wedding Experts",        "Gold Standard",        "Customer Preferred"]}
      title="Trusted Excellence"
      description="Certified quality trusted by thousands."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardTen
      textboxLayout="split"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",          title: "Great Service",          quote: "Beautiful place and excellent service. Highly recommend.",          name: "Sarah Ahmed",          role: "Collector",          imageSrc: "http://img.b2bpic.net/free-photo/young-woman-applying-lipstick-with-happy-expression_114579-22657.jpg"},
        {
          id: "t2",          title: "Amazing View",          quote: "The atmosphere and jewelry quality are simply unmatched.",          name: "Khalid Rashid",          role: "Regular",          imageSrc: "http://img.b2bpic.net/free-photo/attractive-young-woman-with-cutlery-restaurant_169016-21627.jpg"},
        {
          id: "t3",          title: "Elegant Jewelry",          quote: "Every piece is a work of art. Truly premium.",          name: "Layla Noor",          role: "Bride",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-fairskinned-adult-lady-sunglasses-casual-clothes-sitting-city-relaxing-emotions-states-mind-concept_197531-31240.jpg"},
        {
          id: "t4",          title: "Wonderful Experience",          quote: "Professional staff and very clean, luxurious store.",          name: "Omar Fakhri",          role: "Buyer",          imageSrc: "http://img.b2bpic.net/free-photo/concept-christmas-holidays-celebration-lifestyle-image-excited-man-enjoying-new-year-shaking-gift-box-guess-what-inside-standing-against-white-background_1258-64795.jpg"},
        {
          id: "t5",          title: "Perfect Gifts",          quote: "Found the perfect gift for my wife. The quality is top notch.",          name: "Nadia Saeed",          role: "Client",          imageSrc: "http://img.b2bpic.net/free-photo/woman-gazing-you-peeking-through-fingers-playfully-hinting-romantic-relationship-grinning-foreplay_176420-44592.jpg"},
      ]}
      title="Customer Stories"
      description="Experience the premium difference our customers love."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqDouble
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        {
          id: "f1",          title: "Are your gold items certified?",          content: "Yes, all our pieces are 100% certified gold."},
        {
          id: "f2",          title: "Do you offer custom designs?",          content: "Yes, we specialize in bespoke custom gold jewelry."},
        {
          id: "f3",          title: "Can I order via WhatsApp?",          content: "Absolutely! We offer instant WhatsApp inquiries."},
        {
          id: "f4",          title: "Do you provide repair services?",          content: "Yes, we offer professional maintenance for all our pieces."},
        {
          id: "f5",          title: "What payment methods are accepted?",          content: "We accept major credit cards, bank transfers, and cash."},
      ]}
      title="Common Questions"
      description="Everything you need to know about our gold."
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplit
      useInvertedBackground={true}
      background={{
        variant: "plain"}}
      tag="Visit Us"
      title="Madina Jewellery Golds"
      description="Located in the Golden Gate building. Experience our luxury showroom."
      imageSrc="http://img.b2bpic.net/free-photo/woman-choosing-ring-jewelry-shop_1303-30664.jpg"
      buttonText="Get Directions"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterLogoReveal
      logoText="Madina Jewellery Golds"
      leftLink={{
        text: "Terms",        href: "#"}}
      rightLink={{
        text: "Privacy",        href: "#"}}
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}