"use client"

import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import HeroSplit from '@/components/sections/hero/HeroSplit';
import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
import ProductCardTwo from '@/components/sections/product/ProductCardTwo';
import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
import FaqDouble from '@/components/sections/faq/FaqDouble';
import ContactFaq from '@/components/sections/contact/ContactFaq';
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Phone } from "lucide-react";

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="directional-hover"
      defaultTextAnimation="entrance-slide"
      borderRadius="sharp"
      contentWidth="mediumSmall"
      sizing="mediumLargeSizeMediumTitles"
      background="floatingGradient"
      cardStyle="glass-depth"
      primaryButtonStyle="shadow"
      secondaryButtonStyle="solid"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered 
          brandName="Luminous Nails Sydney"
          navItems={[
            { name: "Home", id: "hero" },
            { name: "Services", id: "services" },
            { name: "Portfolio", id: "portfolio" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Book Appointment", href: "contact" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplit 
          title="Beautiful Nails, Exceptional Service"
          description="Discover luxury nail artistry in the heart of Sydney. From classic manicures to custom nail designs, we create stunning nails that make you feel confident and beautiful."
          background={{ variant: "glowing-orb" }}
          tag="Premium Nail Salon"
          imageSrc="https://img.b2bpic.net/free-photo/womans-hand-holds-lipstick_93675-128491.jpg"
          imageAlt="Beautiful nail art design"
          imagePosition="right"
          buttons={[
            { text: "Book Now", href: "contact" },
            { text: "View Services", href: "services" }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <TextSplitAbout 
          title="About Us"
          description={[
            "Welcome to Luminous Nails Sydney, where artistry meets excellence. With over a decade of experience in nail technology, our passionate team is dedicated to transforming your nails into works of art.",            "We use only the finest, ethically-sourced products and maintain the highest hygiene standards. Every client is treated like family, and we take pride in creating a relaxing sanctuary away from the hustle of Sydney.",            "Whether you're looking for a classic manicure, gel extensions, or intricate nail art, we have the expertise to bring your vision to life."
          ]}
          useInvertedBackground="noInvert"
          showBorder={true}
          buttons={[
            { text: "Learn More About Our Services", href: "services" }
          ]}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardThree 
          title="Our Services"
          description="Premium nail care solutions tailored to your preferences"
          tag="Nail Services"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="invertDefault"
          gridVariant="three-columns-all-equal-width"
          features={[
            {
              id: "01",              title: "Gel Manicures",              description: "Long-lasting gel manicures with vibrant colors and designs that stay flawless for weeks",              imageSrc: "https://img.b2bpic.net/free-photo/front-view-young-female-manicure-with-black-gloves-doing-manicure-blue_140725-24259.jpg",              imageAlt: "gel nails nail design salon service professional"
            },
            {
              id: "02",              title: "Acrylic Extensions",              description: "Custom acrylic nail extensions shaped and styled exactly as you imagine them",              imageSrc: "https://img.b2bpic.net/free-photo/vertical-closeup-woman-s-hand-with-white-manicure_181624-61773.jpg",              imageAlt: "acrylic nails nail extensions manicure beauty"
            },
            {
              id: "03",              title: "Nail Art Design",              description: "Intricate, custom nail art designs from minimalist to statement-making styles",              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: "ombre nails gradient nails nail art design"
            }
          ]}
        />
      </div>

      <div id="portfolio" data-section="portfolio">
        <ProductCardTwo 
          title="Portfolio Showcase"
          description="Browse our latest nail designs and artistic creations"
          tag="Recent Work"
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          gridVariant="three-columns-all-equal-width"
          products={[
            {
              id: "1",              brand: "Classic Collection",              name: "French Ombre Design",              price: "$65",              rating: 5,
              reviewCount: "98",              imageSrc: "https://img.b2bpic.net/free-photo/master-manicure-brushing-customer-s-nails-after-manicure-process-beauty-salon_613910-20430.jpg",              imageAlt: "french nails classic manicure nail art professional"
            },
            {
              id: "2",              brand: "Sparkle Collection",              name: "Glitter Galaxy Nails",              price: "$75",              rating: 5,
              reviewCount: "142",              imageSrc: "https://img.b2bpic.net/free-photo/side-view-client-worker-wearing-masks-nail-salon_23-2148694577.jpg",              imageAlt: "glitter nails sparkly nails nail art glamorous"
            },
            {
              id: "3",              brand: "Gradient Collection",              name: "Sunset Ombre Art",              price: "$70",              rating: 5,
              reviewCount: "87",              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: "ombre nails gradient nails nail art design"
            }
          ]}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFifteen 
          testimonial="The team at Luminous Nails is absolutely incredible. They transformed my nails beyond my expectations and made me feel so welcome. I've been coming back every month!"
          rating={5}
          author="Emma Richardson, Sydney"
          avatars={[
            { src: "https://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "Client testimonial avatar 1" },
            { src: "https://img.b2bpic.net/free-photo/portrait-smiley-business-woman_23-2148603029.jpg", alt: "Client testimonial avatar 2" },
            { src: "https://img.b2bpic.net/free-photo/smiling-face-gorgeous-latin-american-woman_1262-5766.jpg", alt: "Client testimonial avatar 3" },
            { src: "https://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg", alt: "Client testimonial avatar 4" },
            { src: "https://img.b2bpic.net/free-photo/close-up-positive-executive-work_1098-519.jpg", alt: "Client testimonial avatar 5" },
            { src: "https://img.b2bpic.net/free-photo/portrait-cheerful-teenage-girl-sitting-cafe_1262-3048.jpg", alt: "Client testimonial avatar 6" }
          ]}
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqDouble 
          title="Frequently Asked Questions"
          description="Everything you need to know about our services and booking"
          tag="FAQ"
          textboxLayout="default"
          useInvertedBackground="noInvert"
          animationType="smooth"
          faqs={[
            {
              id: "1",              title: "How long do gel manicures last?",              content: "Gel manicures typically last 3-4 weeks depending on your nail growth and daily activities. We recommend infill appointments every 2-3 weeks to maintain the look."
            },
            {
              id: "2",              title: "Do you use non-toxic products?",              content: "Yes! We exclusively use high-quality, ethically-sourced nail products that are free from harmful chemicals. Your health and safety are our top priorities."
            },
            {
              id: "3",              title: "Can I book online?",              content: "Absolutely! You can book your appointment directly through our contact form or call us during business hours. We offer flexible scheduling to fit your busy lifestyle."
            },
            {
              id: "4",              title: "What is your cancellation policy?",              content: "We ask for 24 hours notice for cancellations. Cancellations made within 24 hours may incur a 50% booking fee."
            },
            {
              id: "5",              title: "Do you offer bridal packages?",              content: "Yes! We specialize in bridal nail packages. Contact us to discuss custom designs and group bookings for your special day."
            },
            {
              id: "6",              title: "Are walk-ins welcome?",              content: "Walk-ins are welcome based on availability. However, we recommend booking in advance to guarantee your preferred time slot."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactFaq 
          ctaTitle="Ready to Book Your Appointment?"
          ctaDescription="Contact us today to schedule your nail appointment. We're here to answer any questions you may have!"
          ctaButton={{ text: "Send Message", href: "mailto:hello@luminousnails.com.au" }}
          ctaIcon={Phone}
          useInvertedBackground="invertDefault"
          animationType="slide-up"
          accordionAnimationType="smooth"
          faqs={[
            {
              id: "1",              title: "What are your business hours?",              content: "We're open Tuesday to Saturday, 10am-6pm, and Sunday 11am-5pm. Closed Mondays. Please call ahead for holiday hours."
            },
            {
              id: "2",              title: "Where are you located?",              content: "We're conveniently located in the heart of Sydney CBD. Easy access to public transport and nearby parking available."
            },
            {
              id: "3",              title: "Do you offer gift vouchers?",              content: "Yes! Gift vouchers are available in any amount and make the perfect gift for your loved ones. Contact us for details."
            }
          ]}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseCard 
          logoText="Luminous Nails"
          columns={[
            {
              title: "Services",              items: [
                { label: "Gel Manicures", href: "#services" },
                { label: "Acrylic Extensions", href: "#services" },
                { label: "Nail Art", href: "#services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Portfolio", href: "#portfolio" },
                { label: "Testimonials", href: "#testimonials" }
              ]
            },
            {
              title: "Support",              items: [
                { label: "Contact Us", href: "#contact" },
                { label: "FAQ", href: "#faq" },
                { label: "Book Appointment", href: "#contact" }
              ]
            },
            {
              title: "Connect",              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Google Maps", href: "https://maps.google.com" }
              ]
            }
          ]}
          copyrightText="© 2025 Luminous Nails Sydney. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}