"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import FooterSimple from '@/components/sections/footer/FooterSimple';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-magnetic"
        defaultTextAnimation="reveal-blur"
        borderRadius="pill"
        contentWidth="smallMedium"
        sizing="medium"
        background="noiseDiagonalGradient"
        cardStyle="gradient-bordered"
        primaryButtonStyle="gradient"
        secondaryButtonStyle="glass"
        headingFontWeight="bold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleCentered
      navItems={[
        { name: "About", id: "about"},
        { name: "Services", id: "services"},
        { name: "Pricing", id: "pricing"},
        { name: "Contact", id: "contact"},
        { name: "Payment", id: "/payment"},
      ]}
      brandName="Neelam Beauty Salon"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroBillboardGallery
      background={{
        variant: "gradient-bars"}}
      title="Feel Like Royalty on Your Special Day"
      description="At Neelam Beauty Salon & Academy, we bring professional beauty care to the heart of Patna. With over 7 years of expertise, we make every bride feel absolutely radiant."
      tag="Trusted Beauty Parlour in Rajabajar"
      buttons={[
        { text: "Book Your Appointment", href: "#contact"},
      ]}
      mediaItems={[
        { imageSrc: "http://img.b2bpic.net/free-photo/beautyful-thai-woman-wearing-thai-dress_1150-16198.jpg?_wi=1", imageAlt: "Bridal makeup studio" },
        { imageSrc: "http://img.b2bpic.net/free-photo/woman-with-brown-eyes-with-smile-looks-into-front_197531-19621.jpg?_wi=1", imageAlt: "Makeup artist at work" },
        { imageSrc: "http://img.b2bpic.net/free-photo/blurry-room-with-wooden-floor_1203-1050.jpg", imageAlt: "Relaxing facial service" }
      ]}
      mediaAnimation="blur-reveal"
    />
  </div>

  <div id="about" data-section="about">
      <InlineImageSplitTextAbout
      useInvertedBackground={false}
      heading={[
        { type: "text", content: "Professional Beauty Excellence in Patna"},
        { type: "image", src: "http://img.b2bpic.net/free-photo/young-pregnant-woman-work_23-2149292796.jpg", alt: "Neelam Salon Founder"},
      ]}
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyThree
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      features={[
        { id: "f1", title: "Bridal Makeup", tags: ["Premium"], imageSrc: "http://img.b2bpic.net/free-photo/high-angle-lip-balms-assortment_23-2149681562.jpg"},
        { id: "f2", title: "Radiant Facials", tags: ["Glowing Skin"], imageSrc: "http://img.b2bpic.net/free-photo/beautiful-young-woman-relaxing-reiki-session-health-beauty-spa-her-therapist-with-hands-forehead-seen-from_662251-2018.jpg"},
        { id: "f3", title: "Expert Styling", tags: ["Professional"], imageSrc: "http://img.b2bpic.net/free-photo/close-up-portrait-luxury-blond-woman-with-perfect-wavy-hairs-make-up_273443-4197.jpg"},
      ]}
      title="Our Signature Services"
      description="Professional treatments designed to highlight your natural glow and elegance."
    />
  </div>

  <div id="products" data-section="products">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        { id: "p1", brand: "LuxuryBeauty", name: "Signature Facial Set", price: "₹1,200", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/modern-beauty-products-different-recipients-assortment_23-2148761431.jpg"},
        { id: "p2", brand: "ProGlam", name: "Bridal Makeup Kit", price: "₹3,500", rating: 5, reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/decorative-cosmetics-accessories-chocolate-white-surface_176420-11872.jpg"},
        { id: "p3", brand: "SilkCare", name: "Hair Nutrition Mask", price: "₹850", rating: 4, reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/combs-hairpins-near-cosmetics-bag_23-2147778943.jpg"},
      ]}
      title="Salon Essentials & Products"
      description="Premium beauty products used and recommended by our experts."
    />
  </div>

  <div id="pricing" data-section="pricing">
      <PricingCardNine
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={true}
      plans={[
        { id: "plan-1", title: "Standard Makeup", price: "₹14,999", period: "Session", button: { text: "Select"}, features: ["Full Face", "Hair Styling", "Premium Products"], imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-woman-wearing-traditional-sari-garment_23-2149565124.jpg"},
        { id: "plan-2", title: "Bridal Special", price: "₹15,000", period: "Session", button: { text: "Select"}, features: ["Bridal Makeup", "Saree Draping", "Jewellery Styling"], imageSrc: "http://img.b2bpic.net/free-photo/beautyful-thai-woman-wearing-thai-dress_1150-16198.jpg?_wi=2"},
        { id: "plan-3", title: "Airbrush Special", price: "₹18,500", period: "Session", button: { text: "Select"}, features: ["Airbrush Finish", "Long-lasting", "HD Makeup"], imageSrc: "http://img.b2bpic.net/free-photo/woman-with-brown-eyes-with-smile-looks-into-front_197531-19621.jpg?_wi=2"},
      ]}
      title="Beauty Packages"
      description="Choose from our affordable luxury bridal and makeup packages."
    />
  </div>

  <div id="metrics" data-section="metrics">
      <MetricCardEleven
      animationType="slide-up"
      textboxLayout="split"
      useInvertedBackground={false}
      metrics={[
        { id: "m1", value: "7+", title: "Years Experience", description: "Expert beauty care.", imageSrc: "http://img.b2bpic.net/free-photo/bride-posing-hotel-room_1153-6511.jpg"},
        { id: "m2", value: "5000+", title: "Happy Brides", description: "Creating royal memories.", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-stylist-working-model_23-2148398630.jpg"},
        { id: "m3", value: "4.8", title: "Avg. Google Rating", description: "Trusted by our community.", imageSrc: "http://img.b2bpic.net/free-photo/reed-diffuser-candles-towels-scent-relaxation_169016-69538.jpg"},
      ]}
      title="Our Impact in Numbers"
      description="Years of trust and thousands of radiant brides."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardOne
      animationType="slide-up"
      textboxLayout="split"
      gridVariant="bento-grid"
      useInvertedBackground={true}
      testimonials={[
        { id: "t1", name: "Ankita Jaiswal", role: "Customer", company: "Patna", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-holding-bags-showing-thumb-up_1262-5695.jpg"},
        { id: "t2", name: "Tanu", role: "Customer", company: "Patna", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/stylish-successful-woman-enjoying-coffee-office_23-2147670335.jpg"},
        { id: "t3", name: "Taskeen Khan", role: "Bride", company: "Patna", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-beautiful-bride-posing-against-window-hotel-room_1153-6034.jpg"}
      ]}
      title="Client Love"
      description="Hear from our happy clients about their experiences."
    />
  </div>

  <div id="faq" data-section="faq">
      <FaqSplitMedia
      textboxLayout="split"
      useInvertedBackground={false}
      faqs={[
        { id: "q1", title: "Do I need an appointment?", content: "Yes, we highly recommend booking in advance through our website."},
        { id: "q2", title: "Are products included?", content: "Yes, we use professional-grade premium products for all services."},
        { id: "q3", title: "Where are you located?", content: "We are located at Pillar no-48, Bailey Rd, near Paras hospital, MLA Colony, Raja Bazar, Patna."},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/model-stylist-looking-camera_23-2147783896.jpg"
      title="Common Questions"
      description="Find answers to help you plan your visit."
      faqsAnimation="blur-reveal"
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactCenter
      useInvertedBackground={true}
      background={{ variant: "gradient-bars"}}
      tag="Get in touch"
      title="Book Your Royal Session"
      description="Ready to look your best? Contact us now to schedule your appointment at Neelam Beauty Salon."
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterSimple
      columns={[
        { title: "Neelam Beauty Salon", items: [
            { label: "Pillar no-48, Bailey Rd, Patna", href: "#"},
            { label: "087096 89802", href: "tel:08709689802"},
          ],
        },
        { title: "Services", items: [
            { label: "Bridal Makeup", href: "#services"},
            { label: "Facials", href: "#services"},
          ],
        },
      ]}
      bottomLeftText="© 2026 Neelam Beauty Salon"
      bottomRightText="All Rights Reserved"
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}