"use client"

import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardScroll from '@/components/sections/hero/HeroBillboardScroll';
import SplitAbout from '@/components/sections/about/SplitAbout';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import TeamCardSix from '@/components/sections/team/TeamCardSix';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FaqBase from '@/components/sections/faq/FaqBase';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBase from '@/components/sections/footer/FooterBase';
import { ThemeProvider } from '@/providers/themeProvider/ThemeProvider';
import { Sparkles, Heart, Award, Users, Home, Scissors, CheckCircle, HelpCircle, Calendar } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="expand-hover"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="largeSmall"
      background="none"
      cardStyle="inset"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="semibold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Luxe Hair Studio"
          button={{
            text: "Book Appointment",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardScroll
          title="Transform Your Look"
          description="Experience luxury hair care and styling at Luxe Hair Studio. From cuts and colors to rejuvenating treatments, our expert stylists create the perfect look for you."
          tag="Premium Hair Salon"
          tagIcon={Sparkles}
          background={{ variant: "canvas-reveal" }}
          imageSrc="https://img.b2bpic.net/free-photo/two-hairstylers-posing-standing-modern-spacy-beaty-salon_651396-986.jpg"
          imageAlt="Luxe Hair Studio - Modern Salon Interior"
          buttons={[
            {
              text: "Book Now",              href: "contact"
            },
            {
              text: "View Services",              href: "services"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <SplitAbout
          title="About Luxe Hair Studio"
          description="We are dedicated to providing exceptional hair care services in a welcoming, luxurious environment. Our team of certified stylists combines technical expertise with artistic vision to create stunning transformations."
          tag="Our Story"
          tagIcon={Heart}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          imagePosition="right"
          imageSrc="https://img.b2bpic.net/free-photo/two-hairstylers-posing-standing-modern-spacy-beaty-salon_651396-986.jpg"
          imageAlt="Luxe Hair Studio Team"
          bulletPoints={[
            {
              title: "Expert Stylists",              description: "Certified professionals with years of industry experience and continuous training",              icon: Award
            },
            {
              title: "Premium Products",              description: "We use only the highest quality hair care products and treatments",              icon: Sparkles
            },
            {
              title: "Personalized Service",              description: "Every client receives customized care tailored to their unique hair needs",              icon: Users
            },
            {
              title: "Luxury Environment",              description: "Relax in our beautifully designed salon with a welcoming atmosphere",              icon: Home
            }
          ]}
          buttons={[
            {
              text: "Learn More",              href: "#"
            }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTen
          title="Our Services"
          description="Comprehensive hair care solutions crafted to enhance your natural beauty and boost your confidence"
          tag="Professional Services"
          tagIcon={Scissors}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          features={[
            {
              id: "1",              title: "Hair Styling & Cuts",              description: "Expert cutting and styling techniques tailored to your face shape and personal style preferences",              media: {
                imageSrc: "https://img.b2bpic.net/free-photo/woman-getting-her-hair-dyed-beauty-salon_23-2149167371.jpg"
              },
              items: [
                {
                  icon: CheckCircle,
                  text: "Professional consultations"
                },
                {
                  icon: CheckCircle,
                  text: "Precision cuts and layers"
                },
                {
                  icon: CheckCircle,
                  text: "Creative styling options"
                }
              ],
              reverse: false
            },
            {
              id: "2",              title: "Hair Coloring & Highlights",              description: "Beautiful, vibrant colors and dimensional highlights using premium dyes and advanced techniques",              media: {
                imageSrc: "https://img.b2bpic.net/free-photo/hairdresser-giving-hairstyle-young-woman_23-2147769862.jpg"
              },
              items: [
                {
                  icon: CheckCircle,
                  text: "Full color transformations"
                },
                {
                  icon: CheckCircle,
                  text: "Balayage and highlights"
                },
                {
                  icon: CheckCircle,
                  text: "Color correction specialists"
                }
              ],
              reverse: true
            },
            {
              id: "3",              title: "Hair Treatments & Care",              description: "Luxurious treatments designed to restore health, shine, and vitality to your hair",              media: {
                imageSrc: "https://img.b2bpic.net/free-photo/close-up-stylist-drying-wet-hair_23-2147769808.jpg"
              },
              items: [
                {
                  icon: CheckCircle,
                  text: "Deep conditioning treatments"
                },
                {
                  icon: CheckCircle,
                  text: "Keratin and protein therapy"
                },
                {
                  icon: CheckCircle,
                  text: "Scalp treatments and massage"
                }
              ],
              reverse: false
            }
          ]}
        />
      </div>

      <div id="team" data-section="team">
        <TeamCardSix
          title="Meet Our Stylists"
          description="Our talented team of certified professionals is passionate about creating beautiful transformations"
          tag="Our Team"
          tagIcon={Users}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          carouselMode="buttons"
          members={[
            {
              id: "1",              name: "Sarah Mitchell",              role: "Creative Director & Master Stylist",              imageSrc: "https://img.b2bpic.net/free-photo/two-hairstylers-posing-standing-modern-spacy-beaty-salon_651396-986.jpg",              imageAlt: "Sarah Mitchell - Creative Director"
            },
            {
              id: "2",              name: "Emma Richardson",              role: "Senior Colorist Specialist",              imageSrc: "https://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319756.jpg",              imageAlt: "Emma Richardson - Senior Colorist"
            },
            {
              id: "3",              name: "Jessica Lee",              role: "Expert Hair Treatment Specialist",              imageSrc: "https://img.b2bpic.net/free-photo/woman-getting-her-hair-done-beauty-salon_23-2149167404.jpg",              imageAlt: "Jessica Lee - Treatment Specialist"
            },
            {
              id: "4",              name: "Amanda Foster",              role: "Bridal & Special Events Stylist",              imageSrc: "https://img.b2bpic.net/free-photo/hairdresser-getting-ready-client_23-2149319757.jpg",              imageAlt: "Amanda Foster - Bridal Stylist"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Luxe Hair Studio transformed my hair and boosted my confidence. The stylists are incredibly skilled and make you feel welcomed from the moment you walk in. I couldn't be happier with my results!"
          rating={5}
          author="Michelle Davis, Satisfied Client"
          useInvertedBackground="noInvert"
          avatars={[
            {
              src: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",              alt: "Client avatar 1"
            },
            {
              src: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg",              alt: "Client avatar 2"
            },
            {
              src: "https://img.b2bpic.net/free-photo/close-up-good-looking-smiling-friendly-female-trainee-ready-tackle-assignments-smiling-broadly-feeling-lucky-day-work-self-assured-encouraged-achieve-success-goal-white-wall_176420-35567.jpg",              alt: "Client avatar 3"
            },
            {
              src: "https://img.b2bpic.net/free-photo/close-up-positive-businesswoman_1098-3531.jpg",              alt: "Client avatar 4"
            },
            {
              src: "https://img.b2bpic.net/free-photo/closeup-smiling-beautiful-adult-businesswoman_1262-1760.jpg",              alt: "Client avatar 5"
            },
            {
              src: "https://img.b2bpic.net/free-photo/business-woman-banner-concept-with-copy-space_23-2149601533.jpg",              alt: "Client avatar 6"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqBase
          title="Frequently Asked Questions"
          description="Find answers to common questions about our services, pricing, and booking policies"
          tag="Help & Support"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          showCard={true}
          faqs={[
            {
              id: "1",              title: "How do I book an appointment?",              content: "You can book an appointment through our website by clicking the 'Book Appointment' button, calling us directly at (555) 123-4567, or visiting our salon in person. We also accept online bookings through our partner scheduling platform."
            },
            {
              id: "2",              title: "Do you offer consultations before services?",              content: "Yes! We highly recommend scheduling a consultation before your first appointment. During this free 15-minute consultation, our stylists will discuss your hair goals, assess your hair type, and recommend the best services for you."
            },
            {
              id: "3",              title: "What is your cancellation policy?",              content: "We require 24 hours notice for cancellations or rescheduling. Cancellations made within 24 hours of your appointment may incur a 50% cancellation fee. We understand emergencies happen - please contact us as soon as possible."
            },
            {
              id: "4",              title: "Are your products cruelty-free and eco-friendly?",              content: "We exclusively use premium, cruelty-free hair care products from environmentally conscious brands. Our products are sulfate-free, paraben-free, and formulated with natural ingredients whenever possible."
            },
            {
              id: "5",              title: "How long do hair treatments typically last?",              content: "Service duration varies: haircuts (30-45 min), color services (1-3 hours), treatments (45-60 min). We'll provide accurate timing during your consultation to ensure you have enough time."
            },
            {
              id: "6",              title: "Do you offer gift certificates?",              content: "Yes! Gift certificates are available in any amount and make the perfect present for the hair lover in your life. You can purchase them online or in-salon, and they're valid for one year from the date of purchase."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Transform Your Hair?"
          ctaDescription="Schedule your appointment today and experience the Luxe Hair Studio difference. Our team is ready to help you achieve your hair goals."
          ctaButton={{
            text: "Book Your Appointment",            href: "#"
          }}
          ctaIcon={Calendar}
          useInvertedBackground="noInvert"
          animationType="slide-up"
          accordionAnimationType="smooth"
          showCard={true}
          faqs={[
            {
              id: "1",              title: "What payment methods do you accept?",              content: "We accept all major credit cards, debit cards, digital wallets (Apple Pay, Google Pay), and cash. For your convenience, we also offer flexible payment plans for services over $500."
            },
            {
              id: "2",              title: "Can I request a specific stylist?",              content: "Absolutely! We encourage you to request your preferred stylist when booking. If they're unavailable, we'll recommend another expert stylist who can deliver excellent results."
            },
            {
              id: "3",              title: "Do you have a loyalty program?",              content: "Yes! Our VIP Loyalty Program offers exclusive benefits including 10% off services, early booking access, birthday specials, and complimentary treatments. Ask us about joining when you visit!"
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBase
          logoText="Luxe Hair Studio"
          copyrightText="© 2025 Luxe Hair Studio. All rights reserved."
          columns={[
            {
              title: "Services",              items: [
                {
                  label: "Hair Cutting",                  href: "#services"
                },
                {
                  label: "Hair Coloring",                  href: "#services"
                },
                {
                  label: "Treatments",                  href: "#services"
                },
                {
                  label: "Styling",                  href: "#services"
                }
              ]
            },
            {
              title: "Company",              items: [
                {
                  label: "About Us",                  href: "#about"
                },
                {
                  label: "Our Team",                  href: "#team"
                },
                {
                  label: "Contact",                  href: "#contact"
                },
                {
                  label: "Book Now",                  href: "#contact"
                }
              ]
            },
            {
              title: "Connect",              items: [
                {
                  label: "Instagram",                  href: "https://instagram.com"
                },
                {
                  label: "Facebook",                  href: "https://facebook.com"
                },
                {
                  label: "Google Reviews",                  href: "https://google.com"
                },
                {
                  label: "Email Us",                  href: "mailto:info@luxehairstudio.com"
                }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}