"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import FeatureCardTwentySeven from '@/components/sections/feature/FeatureCardTwentySeven';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Award, Calendar, Heart, Sparkles } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="smallMedium"
      sizing="large"
      background="blurBottom"
      cardStyle="outline"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="Kadi's African Hair Braiding"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Portfolio", id: "portfolio" },
            { name: "About", id: "about" },
            { name: "Reviews", id: "reviews" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Book Now", href: "#booking" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardTestimonial
          title="Expert Braiding. Beautiful Results."
          description="Professional braiding services tailored to your style and hair goals. See our portfolio and reserve your appointment in minutes."
          background={{ variant: "plain" }}
          testimonials={[
            {
              name: "Sarah M.",              handle: "@client_review",              testimonial: "Kadi's braiding expertise is unmatched. My box braids lasted months and looked absolutely flawless.",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg?_wi=1",              imageAlt: "Sarah M. testimonial"
            },
            {
              name: "Angela T.",              handle: "@happy_client",              testimonial: "Professional, hygienic, and so talented. I trust Kadi with my hair every time. Highly recommend!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-positive-young-woman-with-pinkish-hair-sitting-home-against-golden-light-background-having-optimistic-happy-facial-expression-keeping-hands-chin-smiling-broadly-camera_343059-1907.jpg?_wi=1",              imageAlt: "Angela T. testimonial"
            },
            {
              name: "Keisha L.",              handle: "@returning_customer",              testimonial: "The attention to detail is incredible. My cornrows are perfect and so comfortable. Best decision!",              rating: 5,
              imageSrc: "http://img.b2bpic.net/free-photo/woman-with-white-curly-hair-portrait-close-up_1321-3398.jpg?_wi=1",              imageAlt: "Keisha L. testimonial"
            }
          ]}
          buttons={[{ text: "Book Your Appointment", href: "#contact" }]}
          tag="Premium Braiding Services"
          tagAnimation="slide-up"
          buttonAnimation="slide-up"
          mediaAnimation="opacity"
          useInvertedBackground={false}
          imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAZzvaqKBq9cKmNInPgEzp5e1C/uploaded-1773934526056-7qzabjnh.png?_wi=1"
          imageAlt="Expert braiding services showcase"
        />
      </div>

      <div id="portfolio" data-section="portfolio">
        <ProductCardFour
          title="Our Portfolio"
          description="See our diverse range of professional braiding styles. Each style is crafted with precision, quality hair extensions, and expert technique."
          tag="Gallery"
          tagAnimation="blur-reveal"
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          buttonAnimation="slide-up"
          useInvertedBackground={true}
          products={[
            {
              id: "box-braids",              name: "Box Braids",              price: "$80-$150",              variant: "Protective Style",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg?_wi=2",              imageAlt: "Box Braids style"
            },
            {
              id: "cornrows",              name: "Cornrows",              price: "$60-$120",              variant: "Classic Protective",              imageSrc: "http://img.b2bpic.net/free-photo/cheerful-positive-young-woman-with-pinkish-hair-sitting-home-against-golden-light-background-having-optimistic-happy-facial-expression-keeping-hands-chin-smiling-broadly-camera_343059-1907.jpg?_wi=2",              imageAlt: "Cornrows style"
            },
            {
              id: "goddess-braids",              name: "Goddess Braids",              price: "$90-$160",              variant: "Elegant Style",              imageSrc: "http://img.b2bpic.net/free-photo/woman-with-white-curly-hair-portrait-close-up_1321-3398.jpg?_wi=2",              imageAlt: "Goddess Braids style"
            },
            {
              id: "locs",              name: "Locs & Dreadlocks",              price: "$100-$200",              variant: "Permanent Style",              imageSrc: "http://img.b2bpic.net/free-photo/smiley-woman-posing-her-home_23-2148708980.jpg",              imageAlt: "Locs and Dreadlocks style"
            },
            {
              id: "weaves",              name: "Weaves & Extensions",              price: "$120-$250",              variant: "Full Coverage",              imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3BAZzvaqKBq9cKmNInPgEzp5e1C/uploaded-1773934526056-7qzabjnh.png?_wi=2",              imageAlt: "Weaves and Extensions style"
            },
            {
              id: "kinky-twists",              name: "Kinky Twists",              price: "$70-$140",              variant: "Protective Twist",              imageSrc: "http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462472.jpg?_wi=1",              imageAlt: "Kinky Twists style"
            }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentySeven
          title="Premium Services"
          description="We specialize in all traditional and modern protective braiding styles. Each service includes consultation, premium hair extensions, and expert technique to ensure your braids look beautiful and last."
          tag="What We Offer"
          tagIcon={Sparkles}
          tagAnimation="opacity"
          textboxLayout="default"
          gridVariant="three-columns-all-equal-width"
          animationType="blur-reveal"
          useInvertedBackground={false}
          features={[
            {
              id: "micro-braids",              title: "Micro Braids",              descriptions: [
                "Thin, intricate braids perfect for long-lasting style",                "Premium quality hair for durability",                "Ideal for those who love detailed work"
              ]
            },
            {
              id: "single-braids",              title: "Single Braids",              descriptions: [
                "Classic full-protective style",                "Versatile for any occasion",                "Professional finishing and styling"
              ]
            },
            {
              id: "senegalese-twists",              title: "Senegalese Twists",              descriptions: [
                "Elegant twisted protective style",                "Lightweight and comfortable",                "Long-lasting with proper care"
              ]
            },
            {
              id: "tree-braids",              title: "Tree Braids",              descriptions: [
                "Hybrid style combining braids and loose hair",                "Unique and eye-catching design",                "Great for volume and movement"
              ]
            },
            {
              id: "invisible-braids",              title: "Invisible Braids",              descriptions: [
                "Foundation braids for seamless hair extensions",                "Perfect base for sewn-in weaves",                "Professional installation"
              ]
            },
            {
              id: "custom-styles",              title: "Custom Styles",              descriptions: [
                "Special event styling and arrangements",                "Personalized design consultation",                "Expert execution for any occasion"
              ]
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="About Our Salon"
          tagIcon={Award}
          tagAnimation="slide-up"
          title="Licensed Professional Braiding"
          description="Kadi's African Hair Braiding in Memphis, TN provides premium braiding services in a relaxing, hygienic environment."
          subdescription="With years of expertise in traditional and modern protective styles, we deliver beautiful results with prompt, courteous service. Every client receives personalized attention and premium-quality hair extensions for styles that last."
          icon={Heart}
          imageSrc="http://img.b2bpic.net/free-photo/child-getting-haircut-salon_23-2150462472.jpg?_wi=2"
          imageAlt="Professional salon environment"
          mediaAnimation="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen
          testimonial="Kadi is an absolute professional. My box braids were immaculate, incredibly detailed, and lasted me almost 3 months. The salon is clean, welcoming, and Kadi makes you feel comfortable the entire time. I'm already booking my next appointment!"
          rating={5}
          author="Jasmine Davis"
          avatars={[
            { src: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg", alt: "Jasmine Davis" },
            { src: "http://img.b2bpic.net/free-photo/cheerful-positive-young-woman-with-pinkish-hair-sitting-home-against-golden-light-background-having-optimistic-happy-facial-expression-keeping-hands-chin-smiling-broadly-camera_343059-1907.jpg", alt: "Angela Thompson" },
            { src: "http://img.b2bpic.net/free-photo/woman-with-white-curly-hair-portrait-close-up_1321-3398.jpg", alt: "Keisha Lewis" },
            { src: "http://img.b2bpic.net/free-photo/smiley-woman-posing-her-home_23-2148708980.jpg", alt: "Michelle Robinson" }
          ]}
          ratingAnimation="opacity"
          avatarsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Common Questions"
          sideDescription="Got questions about our services? We're here to help with answers about pricing, booking, hair care, and more."
          textPosition="left"
          faqsAnimation="opacity"
          useInvertedBackground={true}
          animationType="smooth"
          showCard={true}
          faqs={[
            {
              id: "faq-1",              title: "How long do braids typically last?",              content: "Most protective styles, including box braids, cornrows, and goddess braids, last 4-8 weeks depending on maintenance and hair care. We recommend touch-ups at the roots every 3-4 weeks for longer-lasting results."
            },
            {
              id: "faq-2",              title: "How do I book an appointment?",              content: "You can book directly through our contact form or call us at 901-275-8138. We typically schedule appointments within 1-2 weeks. We recommend booking in advance, especially for weekend appointments."
            },
            {
              id: "faq-3",              title: "What's the pricing for different styles?",              content: "Pricing varies by style complexity and hair length. Box braids range from $80-$150, cornrows $60-$120, goddess braids $90-$160, and specialty styles higher. Prices include premium hair extensions and expert installation."
            },
            {
              id: "faq-4",              title: "Do you offer maintenance and touch-ups?",              content: "Yes! We offer root touch-ups and maintenance services to keep your braids looking fresh. Regular maintenance appointments help extend the life of your style and keep your hair healthy."
            },
            {
              id: "faq-5",              title: "How do I care for my braids?",              content: "We recommend wrapping your braids at night, using a silk bonnet or scarf, keeping your scalp moisturized, and avoiding excessive tension. We provide detailed aftercare instructions at your appointment."
            },
            {
              id: "faq-6",              title: "Do you work with all hair types?",              content: "Absolutely! We have experience working with all hair types and textures. We specialize in protective styles perfect for natural hair, and we use premium-quality extensions that blend seamlessly with your hair."
            }
          ]}
          buttons={[{ text: "Contact Us", href: "#contact" }]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Book?"
          ctaDescription="Schedule your appointment today. We're located in Bartlett, Memphis, TN. Call us directly or send an email inquiry."
          ctaIcon={Calendar}
          ctaButton={{ text: "Get in Touch", href: "tel:901-275-8138" }}
          useInvertedBackground={false}
          animationType="slide-up"
          accordionAnimationType="smooth"
          showCard={true}
          faqs={[
            {
              id: "contact-1",              title: "📞 Call Us",              content: "901-275-8138 - Call anytime during business hours to book your appointment or discuss your braiding needs with our professional team."
            },
            {
              id: "contact-2",              title: "📧 Email Inquiry",              content: "sirebah89@yahoo.com - Send us an email with your service request, preferred date, and any questions. We'll respond within 24 hours."
            },
            {
              id: "contact-3",              title: "📍 Visit Us",              content: "Kadi's African Hair Braiding, 6415 Summer Ave, Bartlett (Memphis), TN 38134. We're in a relaxing, professional environment. Walk-ins welcome based on availability."
            },
            {
              id: "contact-4",              title: "⏰ Appointment Booking",              content: "We recommend booking 1-2 weeks in advance, especially for weekend appointments. Appointments typically range from 2-6 hours depending on style and complexity."
            },
            {
              id: "contact-5",              title: "💳 Payment Methods",              content: "We accept cash, card, and digital payments for your convenience. A 50% deposit is required at booking to secure your appointment time."
            },
            {
              id: "contact-6",              title: "❓ Special Requests",              content: "Have special requests? Need an urgent appointment? Contact us directly and we'll do our best to accommodate your needs. We also offer custom styling for special events."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Services",              items: [
                { label: "Box Braids", href: "#portfolio" },
                { label: "Cornrows", href: "#portfolio" },
                { label: "Locs & Dreadlocks", href: "#portfolio" },
                { label: "Weaves & Extensions", href: "#portfolio" },
                { label: "Special Events", href: "#services" }
              ]
            },
            {
              title: "About",              items: [
                { label: "Our Team", href: "#about" },
                { label: "Gallery", href: "#portfolio" },
                { label: "Testimonials", href: "#testimonials" },
                { label: "Hair Care Tips", href: "#faq" },
                { label: "Contact", href: "#contact" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Call: 901-275-8138", href: "tel:901-275-8138" },
                { label: "Email: sirebah89@yahoo.com", href: "mailto:sirebah89@yahoo.com" },
                { label: "6415 Summer Ave, Bartlett, TN 38134", href: "#" },
                { label: "Book Appointment", href: "#contact" },
                { label: "Online Payment", href: "#" }
              ]
            },
            {
              title: "Resources",              items: [
                { label: "Braiding FAQ", href: "#faq" },
                { label: "Aftercare Guide", href: "#" },
                { label: "Pricing", href: "#portfolio" },
                { label: "Schedule", href: "#contact" },
                { label: "Privacy Policy", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2024 Kadi's African Hair Braiding. All rights reserved. Licensed Professional Salon."
        />
      </div>
    </ThemeProvider>
  );
}