"use client"

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleMinimal from '@/components/navbar/NavbarStyleMinimal';
import HeroLogo from '@/components/sections/hero/HeroLogo';
import TextAbout from '@/components/sections/about/TextAbout';
import FeatureCardSixteen from '@/components/sections/feature/FeatureCardSixteen';
import PricingCardOne from '@/components/sections/pricing/PricingCardOne';
import TestimonialCardTen from '@/components/sections/testimonial/TestimonialCardTen';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterCard from '@/components/sections/footer/FooterCard';
import { Crown, Facebook, HelpCircle, Instagram, Mail, Sparkles, Star } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="shift-hover"
      defaultTextAnimation="background-highlight"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="medium"
      background="floatingGradient"
      cardStyle="gradient-radial"
      primaryButtonStyle="double-inset"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="normal"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleMinimal
          brandName="Luxe Nails Sydney"
          button={{
            text: "Book Appointment",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogo
          logoText="Luxe Nails"
          description="Premium nail art and beauty services in the heart of Sydney. Indulge in elegant manicures, stunning nail designs, and relaxing salon experiences."
          buttons={[
            {
              text: "Book Now",              href: "contact"
            },
            {
              text: "View Services",              href: "services"
            }
          ]}
          imageSrc="https://img.b2bpic.net/free-photo/close-up-nail-care-treatment_23-2149262929.jpg"
          imageAlt="Beautiful nail art design"
          showDimOverlay={true}
          logoLineHeight={1.1}
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="Expert nail technician dedicated to creating stunning designs and providing exceptional beauty services to Sydney's most discerning clients"
          buttons={[
            {
              text: "Learn More",              href: "services"
            }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardSixteen
          title="Why Choose Luxe Nails"
          description="Professional expertise with attention to detail, premium products, and personalized care for your nails"
          tag="Services"
          tagIcon={Sparkles}
          negativeCard={{
            items: [
              "Rushed appointments",              "Low-quality products",              "Generic designs",              "Limited service options"
            ]
          }}
          positiveCard={{
            items: [
              "Unhurried, personalized care",              "Premium brands and materials",              "Custom artistic designs",              "Comprehensive nail services"
            ]
          }}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardOne
          title="Our Pricing"
          description="Premium nail services tailored to your style and budget"
          tag="Pricing"
          tagIcon={Sparkles}
          plans={[
            {
              id: "1",              badge: "Popular",              badgeIcon: Sparkles,
              price: "$45",              subtitle: "Classic Manicure",              features: [
                "30 minutes service",                "Nail shaping and filing",                "Cuticle care",                "Polish application",                "Hand and arm massage"
              ]
            },
            {
              id: "2",              badge: "Best Value",              badgeIcon: Star,
              price: "$65",              subtitle: "Gel Manicure",              features: [
                "45 minutes service",                "Long-lasting gel polish",                "Nail art options",                "Premium gel products",                "LED curing",                "2-week durability"
              ]
            },
            {
              id: "3",              badge: "Luxury",              badgeIcon: Crown,
              price: "$85",              subtitle: "Acrylic Nails",              features: [
                "60 minutes service",                "Custom acrylic extensions",                "Artistic nail design",                "3D embellishments",                "Professional finish",                "4-week durability"
              ]
            }
          ]}
          buttons={[
            {
              text: "Book Appointment",              href: "contact"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardTen
          title="Client Love"
          description="Hear from our satisfied customers about their nail experience"
          tag="Testimonials"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",              title: "Incredible attention to detail",              quote: "I've been coming to Luxe Nails for over a year now. The precision and care are unmatched. Every appointment feels like a spa experience!",              name: "Emily Chen",              role: "Marketing Executive",              imageSrc: "https://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg",              imageAlt: "Emily Chen testimonial"
            },
            {
              id: "2",              title: "My nails have never looked better",              quote: "The team is so talented with designs. They listened to exactly what I wanted and delivered beyond my expectations. Absolutely gorgeous nails!",              name: "Sophie Williams",              role: "Fashion Designer",              imageSrc: "https://img.b2bpic.net/free-photo/beautiful-corporate-woman-looks-dreamy-smiles-stands-outside-street-leans-her-head-hands-d_1258-122007.jpg",              imageAlt: "Sophie Williams testimonial"
            },
            {
              id: "3",              title: "Professional and welcoming",              quote: "As someone who's tried many salons, this is by far the best. The quality of products and technique is obvious. Highly recommended!",              name: "Jessica Park",              role: "Beauty Influencer",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg",              imageAlt: "Jessica Park testimonial"
            },
            {
              id: "4",              title: "Worth every penny",              quote: "My gel manicure lasted perfectly for three weeks. The customer service is warm and friendly, making me feel valued every time I visit.",              name: "Rachel Mitchell",              role: "Business Owner",              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-outside-office-buildings-business-success-concept_58466-12274.jpg",              imageAlt: "Rachel Mitchell testimonial"
            }
          ]}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble
          title="Frequently Asked Questions"
          description="Find answers to common questions about our services and booking"
          tag="Help"
          tagIcon={HelpCircle}
          textboxLayout="default"
          useInvertedBackground="invertDefault"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "How long does a gel manicure last?",              content: "Gel manicures typically last 2-3 weeks with proper care. The longevity depends on your nail growth and lifestyle. We recommend touching up every 2-3 weeks to maintain the perfect look."
            },
            {
              id: "2",              title: "Are acrylic nails safe?",              content: "Yes, when applied and maintained by a professional, acrylic nails are safe. We use premium quality products and follow strict hygiene protocols. Give your natural nails breaks between applications."
            },
            {
              id: "3",              title: "How do I book an appointment?",              content: "You can book online through our contact form, call us directly, or visit our salon. We offer same-day bookings subject to availability. Walk-ins are also welcome!"
            },
            {
              id: "4",              title: "What's the difference between gel and acrylic?",              content: "Gel is applied to natural nails and cured under UV light - it's lighter and more flexible. Acrylic extensions are sculpted to create length - they're stronger and last longer. Both look amazing!"
            },
            {
              id: "5",              title: "Do you offer custom nail art designs?",              content: "Absolutely! We specialize in custom designs. Bring your inspiration photos or describe your vision, and our talented artists will create something beautiful for you."
            },
            {
              id: "6",              title: "What's your cancellation policy?",              content: "We require 24 hours notice for cancellations. Same-day cancellations may incur a 50% charge. We respect your time and ask for the same courtesy!"
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Book Your Perfect Nails"
          description="Ready to transform your nails? Get in touch with our team and schedule your appointment at Luxe Nails Sydney. We look forward to pampering you!"
          inputs={[
            {
              name: "name",              type: "text",              placeholder: "Your Name",              required: true
            },
            {
              name: "email",              type: "email",              placeholder: "Email Address",              required: true
            },
            {
              name: "phone",              type: "tel",              placeholder: "Phone Number",              required: true
            },
            {
              name: "service",              type: "text",              placeholder: "Service Type (e.g., Gel Manicure)",              required: false
            }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell us about your nail design preferences or any special requests...",            rows: 5,
            required: true
          }}
          useInvertedBackground="noInvert"
          imageSrc="https://img.b2bpic.net/free-photo/lodge-wintertime-with-ski-gear_482257-76632.jpg"
          imageAlt="Luxe Nails Sydney salon"
          mediaPosition="right"
          buttonText="Book Appointment"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterCard
          logoText="Luxe Nails"
          copyrightText="© 2025 Luxe Nails Sydney. All rights reserved."
          socialLinks={[
            {
              icon: Instagram,
              href: "https://instagram.com",              ariaLabel: "Instagram"
            },
            {
              icon: Facebook,
              href: "https://facebook.com",              ariaLabel: "Facebook"
            },
            {
              icon: Mail,
              href: "mailto:hello@luxenailssydney.com",              ariaLabel: "Email"
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}