"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FeatureCardTwentyFive from '@/components/sections/feature/FeatureCardTwentyFive';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import MetricCardThree from '@/components/sections/metrics/MetricCardThree';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import { Award, Diamond, Droplets, Leaf, MapPin, Palette, ShieldCheck, Smile, Sparkles, Users } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
        defaultButtonVariant="hover-bubble"
        defaultTextAnimation="background-highlight"
        borderRadius="pill"
        contentWidth="small"
        sizing="large"
        background="noise"
        cardStyle="subtle-shadow"
        primaryButtonStyle="radial-glow"
        secondaryButtonStyle="solid"
        headingFontWeight="semibold"
    >
      <ReactLenis root>
  <div id="nav" data-section="nav">
      <NavbarStyleApple
      navItems={[
        {
          name: "Home",          id: "hero"},
        {
          name: "About Us",          id: "about"},
        {
          name: "Services",          id: "services"},
        {
          name: "Why Choose Us",          id: "why-choose-us"},
        {
          name: "Gallery",          id: "gallery"},
        {
          name: "Testimonials",          id: "testimonials"},
        {
          name: "Contact",          id: "contact"},
      ]}
      brandName="Bliss Nail Lounge Pueblo"
    />
  </div>

  <div id="hero" data-section="hero">
      <HeroLogoBillboard
      background={{
        variant: "radial-gradient"}}
      logoText="Bliss Nail Lounge Pueblo"
      description="Bliss Nail Lounge Pueblo offers premium nail care, spa treatments, waxing services, and beauty experiences designed to help you look and feel your best."
      buttons={[
        {
          text: "Book Your Appointment",          href: "#contact"},
        {
          text: "Call Now",          href: "tel:+17195069744"},
      ]}
      imageSrc="https://images.unsplash.com/photo-1559814478-f75e239e2463?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=1200&h=800&fit=crop&ixid=Mnw3NDAyNXwwfDF8cmFuZG9tfHx8fHx8fHx8MTcwMDQ1NzU1Mg"
      imageAlt="Modern and luxurious interior of Bliss Nail Lounge Pueblo"
      mediaAnimation="slide-up"
    />
  </div>

  <div id="about" data-section="about">
      <MetricSplitMediaAbout
      useInvertedBackground={true}
      title="Welcome to Bliss Nail Lounge Pueblo"
      description="At Bliss Nail Lounge Pueblo, beauty meets relaxation. Our talented team is dedicated to providing exceptional nail and spa services in a clean, comfortable, and luxurious environment. Whether you’re looking for a quick refresh or a full self-care experience, we strive to deliver outstanding results and personalized service every visit."
      metrics={[
        {
          value: "10+",          title: "Years of Expertise"},
        {
          value: "5000+",          title: "Happy Clients"},
        {
          value: "20+",          title: "Premium Services"},
      ]}
      imageSrc="http://img.b2bpic.net/free-photo/flat-lay-still-life-composition-nail-care-products_23-2148974516.jpg"
      imageAlt="Close-up of a client receiving a luxurious manicure service"
      mediaAnimation="blur-reveal"
      metricsAnimation="slide-up"
    />
  </div>

  <div id="services" data-section="services">
      <FeatureCardTwentyFive
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={false}
      features={[
        {
          title: "Exquisite Nail Care",          description: "From classic manicures to intricate nail art and treatments, we perfect every detail.",          icon: Sparkles,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/woman-enjoying-her-beauty-routine-with-golden-eye-patches_23-2150166467.jpg",              imageAlt: "Elegant gel manicure with delicate nail art"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/portrait-beautiful-stylish-young-woman_158538-3949.jpg",              imageAlt: "Client enjoying a classic manicure at the salon"},
          ]
        },
        {
          title: "Advanced Nail Enhancements",          description: "Discover durable acrylics, dip powder, and sculpted extensions for lasting beauty.",          icon: Diamond,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/beautician-working-with-client-beauty-salon-applying-color-nail-polish-manicure-procedure-beauty-salon_613910-20279.jpg",              imageAlt: "Long acrylic nails with a glossy finish"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/woman-getting-manicure-top-view_23-2149975501.jpg",              imageAlt: "Close-up of a nail technician applying dip powder"},
          ]
        },
        {
          title: "Relaxing Pedicures & Spa",          description: "Treat your feet to our spa pedicures, callus removal, and rejuvenating foot massages.",          icon: Droplets,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-massaging-hand_23-2149871267.jpg",              imageAlt: "A spa pedicure with a foot bath and flowers"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/spa-treatment-product-female-feet-hand-spa_1150-37700.jpg",              imageAlt: "Client receiving a relaxing foot massage"},
          ]
        },
        {
          title: "Professional Waxing Services",          description: "Experience smooth, radiant skin with our comprehensive Brazilian, facial, and body waxing.",          icon: Palette,
          mediaItems: [
            {
              imageSrc: "http://img.b2bpic.net/free-photo/getting-ready-spa_1098-19902.jpg",              imageAlt: "A clean and professional waxing station"},
            {
              imageSrc: "http://img.b2bpic.net/free-photo/masseur-taking-care-her-client_23-2149273925.jpg",              imageAlt: "Esthetician preparing for a waxing service"},
          ]
        },
      ]}
      title="Our Luxurious Services"
      description="Indulge in a wide range of premium nail care, spa treatments, and beauty services tailored to your needs."
    />
  </div>

  <div id="why-choose-us" data-section="why-choose-us">
      <MetricCardThree
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      metrics={[
        {
          id: "m1",          icon: Award,
          title: "Expert Technicians",          value: "Experienced & Certified"},
        {
          id: "m2",          icon: ShieldCheck,
          title: "Pristine Cleanliness",          value: "Sanitized Environment"},
        {
          id: "m3",          icon: Users,
          title: "Walk-Ins Welcome",          value: "Always Accommodating"},
        {
          id: "m4",          icon: Smile,
          title: "Family-Friendly",          value: "All Ages Welcome"},
        {
          id: "m5",          icon: Leaf,
          title: "Relaxing Spa",          value: "Tranquil Experience"},
        {
          id: "m6",          icon: Palette,
          title: "Premium Products",          value: "High-Quality Brands"},
        {
          id: "m7",          icon: MapPin,
          title: "Pueblo Location",          value: "Convenient & Accessible"},
      ]}
      title="Why Choose Bliss Nail Lounge?"
      description="Experience the difference of a truly luxurious and customer-focused nail salon in Pueblo."
    />
  </div>

  <div id="gallery" data-section="gallery">
      <ProductCardTwo
      animationType="slide-up"
      textboxLayout="default"
      gridVariant="three-columns-all-equal-width"
      useInvertedBackground={false}
      products={[
        {
          id: "g1",          brand: "Nail Enhancements",          name: "Intricate Acrylic Sets",          price: "Starting at $55",          rating: 5,
          reviewCount: "200",          imageSrc: "https://images.unsplash.com/photo-1627042504936-3a0c5f01e1a5?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop&ixid=Mnw3NDAyNXwwfDF8cmFuZG9tfHx8fHx8fHx8MTcwMDQ1NzU1Mg",          imageAlt: "A client showcasing a luxurious and intricately designed acrylic nail set."},
        {
          id: "g2",          brand: "Perfect Finish",          name: "Glossy Gel Nails",          price: "Starting at $40",          rating: 5,
          reviewCount: "180",          imageSrc: "https://images.unsplash.com/photo-1596792377318-7f551c9447a1?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop&ixid=Mnw3NDAyNXwwfDF8cmFuZG9tfHx8fHx8fHx8MTcwMDQ1NzU1Mg",          imageAlt: "Close-up of perfectly applied, glossy gel nails with a vibrant color."},
        {
          id: "g3",          brand: "Custom Creations",          name: "Unique Nail Art",          price: "Starting at $25",          rating: 5,
          reviewCount: "150",          imageSrc: "https://images.unsplash.com/photo-1583092288118-e67f2b1d7d0a?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop&ixid=Mnw3NDAyNXwwfDF8cmFuZG9tfHx8fHx8fHx8MTcwMDQ1NzU1Mg",          imageAlt: "Example of custom hand-painted nail art with delicate patterns."},
        {
          id: "g4",          brand: "Foot Indulgence",          name: "Relaxing Pedicures",          price: "Starting at $45",          rating: 5,
          reviewCount: "220",          imageSrc: "https://images.unsplash.com/photo-1616401086088-7e3f8a02b1b3?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop&ixid=Mnw3NDAyNXwwfDF8cmFuZG9tfHx8fHx8fHx8MTcwMDQ1NzU1Mg",          imageAlt: "A tranquil scene of a client enjoying a spa pedicure with flowers."},
        {
          id: "g5",          brand: "Our Ambiance",          name: "Salon Interior",          price: "Experience Luxury",          rating: 5,
          reviewCount: "250",          imageSrc: "https://images.unsplash.com/photo-1624022883446-5f40071c8411?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop&ixid=Mnw3NDAyNXwwfDF8cmFuZG9tfHx8fHx8fHx8MTcwMDQ1NzU1Mg",          imageAlt: "The modern and luxurious interior design of Bliss Nail Lounge Pueblo."},
        {
          id: "g6",          brand: "Before & After",          name: "Client Transformations",          price: "Your Beauty Journey",          rating: 5,
          reviewCount: "190",          imageSrc: "https://images.unsplash.com/photo-1599387401763-71a74d47159c?ixlib=rb-4.0.3&q=80&fm=jpg&crop=entropy&cs=tinysrgb&w=800&h=600&fit=crop&ixid=Mnw3NDAyNXwwfDF8cmFuZG9tfHx8fHx8fHx8MTcwMDQ1NzU1Mg",          imageAlt: "A striking before and after comparison of a client's nail transformation."},
      ]}
      title="Our Gallery: Artistry in Every Detail"
      description="Explore our exquisite portfolio of manicures, pedicures, and stunning nail art creations that define luxury."
    />
  </div>

  <div id="testimonials" data-section="testimonials">
      <TestimonialCardSix
      animationType="slide-up"
      textboxLayout="default"
      useInvertedBackground={true}
      testimonials={[
        {
          id: "t1",          name: "Sarah J.",          handle: "@sarah_beauty",          testimonial: "Bliss Nail Lounge truly lives up to its name! The atmosphere is so relaxing, and my gel manicure lasts perfectly for weeks. I always leave feeling pampered and beautiful.",          imageSrc: "http://img.b2bpic.net/free-photo/happy-mature-businessman-showing-thumb-up_1262-3024.jpg",          imageAlt: "Sarah J. smiling"},
        {
          id: "t2",          name: "Emily R.",          handle: "@emily.nails",          testimonial: "The best nail salon in Pueblo, hands down! Their attention to detail is unmatched, and I always get compliments on my nail art. Highly recommend their spa pedicures!",          imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg",          imageAlt: "Emily R. smiling"},
        {
          id: "t3",          name: "Jessica M.",          handle: "@jess_manis",          testimonial: "I love the clean and elegant environment here. The technicians are super friendly and skilled, making every visit a delightful experience. My go-to place for self-care.",          imageSrc: "http://img.b2bpic.net/free-photo/joyful-business-woman-with-coffee-cup_23-2148095746.jpg",          imageAlt: "Jessica M. smiling"},
        {
          id: "t4",          name: "Olivia P.",          handle: "@olivia.glows",          testimonial: "Their acrylic sets are flawless and durable. I've tried other places, but Bliss Nail Lounge consistently delivers amazing quality and service. Worth every penny!",          imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-fashionable-woman-stylish-clothes-glasses-standing-against-skyscraper_613910-20972.jpg",          imageAlt: "Olivia P. smiling"},
        {
          id: "t5",          name: "Sophia G.",          handle: "@sophia_spa",          testimonial: "The waxing services are quick, efficient, and surprisingly gentle. The staff ensures you're comfortable and provides excellent results. I wouldn't go anywhere else.",          imageSrc: "http://img.b2bpic.net/free-photo/smiley-business-woman-posing-outdoors-suit_23-2148603024.jpg",          imageAlt: "Sophia G. smiling"},
        {
          id: "t6",          name: "Grace K.",          handle: "@grace_nails",          testimonial: "Absolutely thrilled with my visit! The attention to detail during my manicure was incredible, and the salon itself is a serene escape. I'll definitely be back!",          imageSrc: "http://img.b2bpic.net/free-photo/brunette-girl-giving-thumb-up_23-2147650951.jpg",          imageAlt: "Grace K. smiling"},
      ]}
      title="What Our Clients Say"
      description="Hear from our happy customers about their luxurious experiences at Bliss Nail Lounge Pueblo."
    />
  </div>

  <div id="contact" data-section="contact">
      <ContactSplitForm
      useInvertedBackground={false}
      title="Connect with Bliss Nail Lounge Pueblo"
      description="Ready to experience the ultimate in nail care and relaxation? Book your appointment or reach out to us today."
      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"},
      ]}
      multiSelect={{
        name: "serviceType",        label: "Select Service(s) of Interest",        options: [
          "Manicure",          "Gel Manicure",          "Nail Art",          "Acrylic Nails",          "Dip Powder",          "Pedicure",          "Spa Pedicure",          "Brazilian Waxing",          "Facial Waxing",          "Body Waxing"],
      }}
      textarea={{
        name: "message",        placeholder: "Tell us about your desired service or appointment details...",        rows: 5,
      }}
      imageSrc="http://img.b2bpic.net/free-photo/3d-rendering-modern-luxury-hotel-office-reception-lounge-hall_105762-1979.jpg"
      imageAlt="Elegant reception area of Bliss Nail Lounge Pueblo"
      mediaAnimation="opacity"
      mediaPosition="right"
      buttonText="Send Message / Request Appointment"
    />
  </div>

  <div id="footer" data-section="footer">
      <FooterMedia
      imageSrc="http://img.b2bpic.net/free-photo/still-life-tools-nail-art_23-2150321244.jpg"
      imageAlt="Luxurious nail salon products and tools display"
      logoText="Bliss Nail Lounge Pueblo"
      columns={[
        {
          title: "Quick Links",          items: [
            {
              label: "Home",              href: "#hero"},
            {
              label: "About Us",              href: "#about"},
            {
              label: "Services",              href: "#services"},
            {
              label: "Gallery",              href: "#gallery"},
            {
              label: "Testimonials",              href: "#testimonials"},
            {
              label: "Contact",              href: "#contact"},
          ],
        },
        {
          title: "Our Services",          items: [
            {
              label: "Manicures",              href: "#services"},
            {
              label: "Pedicures",              href: "#services"},
            {
              label: "Nail Art",              href: "#services"},
            {
              label: "Waxing",              href: "#services"},
            {
              label: "Nail Enhancements",              href: "#services"},
          ],
        },
        {
          title: "Contact Info",          items: [
            {
              label: "4120 N Fwy Rd, Pueblo, CO 81008",              href: "https://maps.app.goo.gl/YourGoogleMapsLink"},
            {
              label: "(719) 506-9744",              href: "tel:+17195069744"},
            {
              label: "Open Daily | Closes 7:30 PM",              href: "#"},
          ],
        },
      ]}
      copyrightText="© 2024 Bliss Nail Lounge Pueblo. All rights reserved."
    />
  </div>
      </ReactLenis>
    </ThemeProvider>
  );
}