"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroBillboardCarouselSplit from '@/components/sections/hero/HeroBillboardCarouselSplit';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardEight from '@/components/sections/feature/FeatureCardEight';
import ProductCardFour from '@/components/sections/product/ProductCardFour';
import TestimonialCardTwo from '@/components/sections/testimonial/TestimonialCardTwo';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Sparkles, Palette, Heart, Star, Instagram, Pinterest, Mail } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="mediumLarge"
      sizing="medium"
      background="floatingGradient"
      cardStyle="layered-gradient"
      primaryButtonStyle="radial-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="medium"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Sparkle Studios"
          button={{
            text: "Book Your Design",            href: "contact"
          }}
          className="border-b border-accent/20"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarouselSplit
          title="Nail Art That Sparkles with Creativity"
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-creative-hand-with-golden-stars_23-2148346364.jpg",              imageAlt: "Sparkle nail art design with glitter"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/silver-aesthetic-wallpaper-with-glittery-hands_23-2149871739.jpg",              imageAlt: "Star nail art with celestial design"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/still-life-glittery-composition-decoration_23-2149129302.jpg",              imageAlt: "Heart nail design with romantic sparkles"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-hand-with-golden-glitter_23-2148346361.jpg",              imageAlt: "Creative nail art with mixed sparkle elements"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/close-up-woman-hands-with-silver-glitter-top-view_23-2148346493.jpg",              imageAlt: "Professional nail design showcase"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/creative-festive-confetti-arrangement_23-2149129285.jpg",              imageAlt: "Complete nail art gallery display"
            }
          ]}
          buttons={[
            {
              text: "View My Gallery",              href: "product"
            },
            {
              text: "Book a Consultation",              href: "contact"
            }
          ]}
          ariaLabel="Nail art hero gallery carousel"
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            {
              type: "text",              content: "I'm a passionate nail artist dedicated to creating"
            },
            {
              type: "image",              src: "https://img.b2bpic.net/free-vector/pastel-watercolor-with-golden-frame_23-2148800519.jpg",              alt: "Sparkle Studios logo"
            },
            {
              type: "text",              content: "extraordinary designs that make you feel confident and beautiful"
            }
          ]}
          buttons={[
            {
              text: "Learn More",              href: "#feature"
            },
            {
              text: "See Portfolio",              href: "#product"
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="feature" data-section="feature">
        <FeatureCardEight
          title="My Creative Process"
          description="From vision to finished masterpiece—every nail tells a story"
          tag="How It Works"
          tagIcon={Sparkles}
          textboxLayout="default"
          useInvertedBackground="noInvert"
          features={[
            {
              id: 1,
              title: "Design & Consultation",              description: "We collaborate to understand your vision, style preferences, and the perfect theme for your custom nail art creation.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-creative-hand-with-glitter_23-2148346362.jpg"
            },
            {
              id: 2,
              title: "Color Selection",              description: "Carefully curate the perfect palette of sparkles, stars, and heart accents that will bring your design to life with stunning detail.",              imageSrc: "https://img.b2bpic.net/free-photo/pink-liquid-with-green-crumbs_23-2147934665.jpg"
            },
            {
              id: 3,
              title: "Precision Application",              description: "Using advanced techniques and premium products, I hand-paint every sparkle and star with meticulous attention to detail.",              imageSrc: "https://img.b2bpic.net/free-photo/still-life-glittery-composition-decoration_23-2149129282.jpg"
            },
            {
              id: 4,
              title: "Final Masterpiece",              description: "Reveal your stunning custom nail art design—a wearable work of art that's uniquely yours and ready to turn heads.",              imageSrc: "https://img.b2bpic.net/free-photo/hand-glitter-with-copy-space_23-2148346353.jpg"
            }
          ]}
        />
      </div>

      <div id="product" data-section="product">
        <ProductCardFour
          title="Featured Designs"
          description="Explore my signature collection of sparkle, star, and heart nail art designs"
          tag="Portfolio"
          tagIcon={Palette}
          textboxLayout="default"
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          useInvertedBackground="invertCard"
          products={[
            {
              id: "1",              name: "Celestial Sparkle Collection",              price: "$65",              variant: "Glitter • 4 Design Variations",              imageSrc: "https://img.b2bpic.net/free-photo/violet-liquid-with-colourful-crumbs_23-2147934659.jpg",              imageAlt: "Sparkle nail design with glitter accents"
            },
            {
              id: "2",              name: "Starlight Dreams",              price: "$60",              variant: "Stars • Hand-Painted Details",              imageSrc: "https://img.b2bpic.net/free-photo/usa-independence-day-concept-with-hands-holding-confetti_23-2147828542.jpg",              imageAlt: "Star nail art design"
            },
            {
              id: "3",              name: "Love & Hearts",              price: "$55",              variant: "Hearts • Romantic Theme",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-glittery-shimmery-shiny-pills-capsule-background_53876-33615.jpg",              imageAlt: "Heart nail art design"
            },
            {
              id: "4",              name: "Mixed Magic",              price: "$75",              variant: "All Elements • Premium Design",              imageSrc: "https://img.b2bpic.net/free-photo/overhead-view-colorful-transparent-sequin-capsule-hand-pink-background_23-2147827526.jpg",              imageAlt: "Mixed sparkle, star, and heart design"
            }
          ]}
        />
      </div>

      <div id="testimonial" data-section="testimonial">
        <TestimonialCardTwo
          title="Client Love"
          description="What my amazing clients have to say about their nail art experience"
          tag="Testimonials"
          tagIcon={Heart}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              name: "Jessica Martinez",              role: "Fashion Influencer",              testimonial: "The nail art work is absolutely incredible! The attention to detail with every sparkle and star is unmatched. I get compliments everywhere I go!",              imageSrc: "https://img.b2bpic.net/free-photo/thoughtful-artist_23-2147781632.jpg"
            },
            {
              id: "2",              name: "Amanda Chen",              role: "Wedding Planner",              testimonial: "Perfect for my special day! The custom heart design was exactly what I envisioned. Professional, creative, and stunning results.",              imageSrc: "https://img.b2bpic.net/free-photo/skilled-artist-stands-before-easel-painting-watercolor-rustic-scene_482257-124812.jpg"
            },
            {
              id: "3",              name: "Sarah Thompson",              role: "Business Executive",              testimonial: "I was amazed by the creativity and precision. These are not just nails—they're wearable art. Highly recommended for anyone seeking unique designs.",              imageSrc: "https://img.b2bpic.net/free-photo/artist-thinking_23-2147781630.jpg"
            },
            {
              id: "4",              name: "Michelle Rodriguez",              role: "Photographer",              testimonial: "The sparkle designs photograph beautifully! Every detail is visible and gorgeous. My clients love asking about my nails during shoots.",              imageSrc: "https://img.b2bpic.net/free-photo/female-artist-chair_23-2148002491.jpg"
            },
            {
              id: "5",              name: "Emily Watson",              role: "Artist & Designer",              testimonial: "Finally found someone who understands true artistic vision! The star designs are celestial perfection. Worth every penny!",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-woman_23-2149050497.jpg"
            },
            {
              id: "6",              name: "Olivia Bennett",              role: "Event Coordinator",              testimonial: "Booked for my team's event coordination—everyone was so impressed! The custom designs made us feel special and confident.",              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-smiley-artist-with-brush_23-2149050504.jpg"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq
          ctaTitle="Ready to Book Your Design?"
          ctaDescription="Let's create something beautiful together. Schedule your consultation and bring your nail art vision to life."
          ctaButton={{
            text: "Book a Free Consultation",            href: "https://calendly.com/sparkle-studios"
          }}
          ctaIcon={Star}
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          faqs={[
            {
              id: "1",              title: "How long does a nail design session take?",              content: "Most custom nail art sessions take 45-90 minutes depending on complexity. Detailed sparkle and star designs typically require 60-75 minutes for perfect precision."
            },
            {
              id: "2",              title: "How long do the designs last?",              content: "All designs last 2-3 weeks with proper care. I use premium, long-lasting polishes and protective topcoats to ensure your sparkles, stars, and hearts stay vibrant."
            },
            {
              id: "3",              title: "Can you create custom designs?",              content: "Absolutely! Custom designs are my specialty. Whether you want unique combinations of sparkles, stars, and hearts, or completely custom themes, we can create it together."
            },
            {
              id: "4",              title: "What's your pricing structure?",              content: "Standard designs start at $55. Custom multi-element designs (sparkles + stars + hearts) range from $65-$85. Consultation is free!"
            },
            {
              id: "5",              title: "Do you offer mobile services?",              content: "Yes! I offer on-location services for events, weddings, and parties. Mobile bookings include a small travel fee depending on distance."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Sparkle Studios"
          copyrightText="© 2025 Sparkle Studios. All designs are original and uniquely crafted."
          socialLinks={[
            {
              icon: Instagram,
              href: "https://instagram.com/sparklestudios",              ariaLabel: "Instagram"
            },
            {
              icon: Pinterest,
              href: "https://pinterest.com/sparklestudios",              ariaLabel: "Pinterest"
            },
            {
              icon: Mail,
              href: "mailto:hello@sparklestudios.com",              ariaLabel: "Email"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}