"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroCarouselLogo from '@/components/sections/hero/heroCarouselLogo/HeroCarouselLogo';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Sparkles, Palette, GraduationCap, Heart, Phone } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="mediumLarge"
      background="radialGradient"
      cardStyle="solid"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Nail Studio"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Classes", id: "classes" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Book Now", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCarouselLogo
          logoText="PRECISION NAILS"
          description="Master the art of flawless nail design. Premier services and professional classes for aspiring technicians."
          buttons={[
            { text: "Book Service", href: "contact" },
            { text: "Explore Classes", href: "classes" }
          ]}
          slides={[
            { imageSrc: "https://img.b2bpic.net/free-photo/vertical-closeup-woman-s-hand-with-white-manicure_181624-61773.jpg", imageAlt: "Professional nail art design" },
            { imageSrc: "https://img.b2bpic.net/free-photo/beautician-working-with-client-beauty-salon-applying-color-nail-polish-manicure-procedure-beauty-salon_613910-20279.jpg", imageAlt: "Creative nail artistry showcase" },
            { imageSrc: "https://img.b2bpic.net/free-photo/front-view-young-female-manicure-pink-t-shirt-with-black-gloves-black-mask-doing-manicure-blue_140725-24225.jpg", imageAlt: "Luxury nail styling" }
          ]}
          autoplayDelay={4000}
          showDimOverlay={true}
          logoLineHeight={1.2}
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="About Our Studio"
          tagIcon={Sparkles}
          title="Precision Craftsmanship Meets Artistic Vision"
          description="With over a decade of experience, I've perfected the art of nail design through dedication to precision and continuous learning. Every client receives personalized attention and premium products. Beyond individual services, I'm passionate about mentoring the next generation of nail technicians through comprehensive, hands-on classes."
          metrics={[
            { value: "1000+", title: "Happy Clients" },
            { value: "500+", title: "Students Trained" }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/manicure-ultraviolet-lamp-salon_23-2148697061.jpg"
          imageAlt="Professional nail studio workspace"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardOne
          title="Premium Nail Services"
          description="Experience flawless nail artistry with precision techniques and high-quality products"
          tag="Services"
          tagIcon={Palette}
          features={[
            {
              title: "Gel Manicures",              description: "Long-lasting gel polish with expert application techniques ensuring chip-free perfection for 3+ weeks",              imageSrc: "https://img.b2bpic.net/free-photo/professional-nail-artist-working-with-nail-file-making-square-nails-while-doing-manicure-salon_176420-42440.jpg",              imageAlt: "Gel manicure showcase"
            },
            {
              title: "Acrylic Extensions",              description: "Custom acrylic nail extensions crafted to your desired length, shape, and design specifications",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-young-female-manicure-with-black-gloves-doing-manicure-blue_140725-24258.jpg",              imageAlt: "Acrylic nail extensions"
            },
            {
              title: "Custom Nail Art",              description: "Intricate, creative designs ranging from minimalist to elaborate artwork, personalized to your style",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-young-female-manicure-with-black-gloves-doing-manicure-blue_140725-24259.jpg",              imageAlt: "Custom nail art designs"
            },
            {
              title: "Natural Nail Care",              description: "Professional natural nail maintenance including shaping, polishing, and nourishing treatments",              imageSrc: "https://img.b2bpic.net/free-photo/professional-esthetician-using-electric-nail-file-drill-remove-acrylic-gel-from-nails_181624-58253.jpg",              imageAlt: "Natural nail care"
            }
          ]}
          gridVariant="two-columns-alternating-heights"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="classes" data-section="classes">
        <PricingCardOne
          title="Professional Nail Technician Classes"
          description="Comprehensive training programs designed to launch your career or enhance your skills"
          tag="Education"
          tagIcon={GraduationCap}
          plans={[
            {
              id: "fundamentals",              badge: "Perfect Start",              badgeIcon: Sparkles,
              price: "$399",              subtitle: "4-Week Beginner Program",              features: [
                "Basic nail anatomy and health",                "Manicure and pedicure fundamentals",                "Gel polish application techniques",                "Safety and sanitation protocols",                "12 hands-on practice hours",                "Certificate of completion"
              ]
            },
            {
              id: "professional",              badge: "Most Popular",              badgeIcon: Sparkles,
              price: "$799",              subtitle: "8-Week Professional Training",              features: [
                "Advanced acrylic application",                "Complex nail art techniques",                "Client consultation skills",                "Business fundamentals",                "40 hands-on practice hours",                "Licensing exam preparation",                "Professional toolkit included",                "Ongoing mentorship (3 months)"
              ]
            },
            {
              id: "master",              badge: "Expert Level",              badgeIcon: Sparkles,
              price: "$1299",              subtitle: "12-Week Master Program",              features: [
                "Everything in Professional",                "Advanced 3D art and sculptures",                "Ombre and gradient techniques",                "Extension troubleshooting",                "Portfolio development",                "60+ hands-on practice hours",                "Internship opportunity",                "6-month premium mentorship",                "Business launch support"
              ]
            }
          ]}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="What Our Clients & Students Say"
          description="Real feedback from satisfied clients and successful students"
          tag="Testimonials"
          tagIcon={Heart}
          testimonials={[
            {
              id: "1",              title: "Best Manicure Experience Ever",              quote: "The precision and attention to detail is unmatched. My nails look absolutely perfect and have lasted longer than anywhere else I've tried. Highly recommend!",              name: "Sarah Johnson",              role: "Client",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-woman_23-2148574874.jpg",              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",              title: "Changed My Career Path",              quote: "The professional training program was incredible. I went from zero experience to opening my own successful nail salon within 6 months. The mentorship made all the difference!",              name: "Maria Chen",              role: "Student & Business Owner",              imageSrc: "https://img.b2bpic.net/free-photo/caucasion-woman-casual-confident-concept_53876-137678.jpg",              imageAlt: "Maria Chen"
            },
            {
              id: "3",              title: "Custom Designs Always Amazing",              quote: "Every appointment feels special. She listens to my ideas and creates custom art that exceeds my expectations. My nails are my best accessory!",              name: "Jessica Williams",              role: "Client",              imageSrc: "https://img.b2bpic.net/free-photo/positive-blond-girl-shows-tongue-winks-camera-makes-happy-funny-face-stands-against-white-background_176420-46979.jpg",              imageAlt: "Jessica Williams"
            },
            {
              id: "4",              title: "Professional & Passionate Teacher",              quote: "The master class program was worth every penny. The techniques I learned are professional-grade, and her passion for the craft is inspiring. Now I'm building a loyal clientele.",              name: "Amanda Rodriguez",              role: "Graduate & Technician",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-attractive-african-american-woman-smiling-looking-happy-standing-yellow-background_1258-54850.jpg",              imageAlt: "Amanda Rodriguez"
            },
            {
              id: "5",              title: "Luxury Service Experience",              quote: "The studio environment is so relaxing and upscale. She makes you feel pampered from the moment you arrive. Worth every penny for the quality and care!",              name: "Emma Thompson",              role: "Client",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-woman-cafe_273609-12690.jpg",              imageAlt: "Emma Thompson"
            },
            {
              id: "6",              title: "Confidence & Skills Gained",              quote: "I came in nervous about learning such detailed work. Her patient teaching style and clear instructions gave me the confidence to excel. Couldn't have asked for better training!",              name: "Lisa Park",              role: "Student",              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-smiling_176474-95672.jpg",              imageAlt: "Lisa Park"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get In Touch"
          tagIcon={Phone}
          title="Ready to Transform Your Nails or Start Your Career?"
          description="Whether you're looking to book a service or enroll in our training program, we're here to help. Reach out today to schedule your appointment or consultation."
          useInvertedBackground="invertDefault"
          imageSrc="https://img.b2bpic.net/free-photo/nail-polishes-soap-toothbrush-nail-file-sponge-bottle-disinfectant-plant_181624-27758.jpg"
          imageAlt="Professional nail studio"
          mediaPosition="right"
          inputPlaceholder="Enter your email"
          buttonText="Schedule Booking"
          termsText="We'll respond within 24 hours. Check your email for appointment details and confirmation."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="https://img.b2bpic.net/free-photo/make-up-brushes-with-bottle-water-beauty-salon_627829-10772.jpg"
          imageAlt="Beautiful professional nail studio"
          logoText="Precision Nails Studio"
          copyrightText="© 2025 Precision Nails Studio | Crafted with precision and passion"
          columns={[
            {
              title: "Services",              items: [
                { label: "Gel Manicures", href: "services" },
                { label: "Acrylic Extensions", href: "services" },
                { label: "Custom Nail Art", href: "services" },
                { label: "Natural Nail Care", href: "services" }
              ]
            },
            {
              title: "Classes",              items: [
                { label: "Beginner Program", href: "classes" },
                { label: "Professional Training", href: "classes" },
                { label: "Master Program", href: "classes" },
                { label: "Enroll Now", href: "contact" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "about" },
                { label: "Testimonials", href: "testimonials" },
                { label: "Contact", href: "contact" },
                { label: "Privacy Policy", href: "#" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}