"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroLogoBillboard from '@/components/sections/hero/HeroLogoBillboard';
import ButtonExpandHover from '@/components/button/ButtonExpandHover';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import ProductCardThree from '@/components/sections/product/ProductCardThree';
import PricingCardNine from '@/components/sections/pricing/PricingCardNine';
import TextAbout from '@/components/sections/about/TextAbout';
import TestimonialCardThirteen from '@/components/sections/testimonial/TestimonialCardThirteen';
import ContactSplit from '@/components/sections/contact/ContactSplit';
import FooterLogoEmphasis from '@/components/sections/footer/FooterLogoEmphasis';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="entrance-slide"
      borderRadius="rounded"
      contentWidth="compact"
      sizing="mediumLargeSizeLargeTitles"
      background="floatingGradient"
      cardStyle="outline-light"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="outline"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Luxe Nails"
          navItems={[
            { name: "Services", id: "services" },
            { name: "Gallery", id: "gallery" },
            { name: "Pricing", id: "pricing" },
            { name: "About", id: "about" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book Now",            href: "contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroLogoBillboard
          logoText="Luxe Nails Studio"
          description="Expert acrylic nail artistry. Premium designs, flawless applications, and luxury nail experiences tailored to your vision."
          imageSrc="https://img.b2bpic.net/free-photo/vertical-closeup-woman-s-hand-with-white-manicure_181624-61773.jpg"
          imageAlt="Professional acrylic nail designs showcasing intricate nail art"
          frameStyle="card"
        />
        <div className="flex justify-center mt-8">
          <ButtonExpandHover
            text="Book Your Appointment"
            href="contact"
          />
        </div>
      </div>

      <div id="services" data-section="services">
        <FeatureCardOne
          title="Our Acrylic Services"
          description="Discover our range of professional acrylic nail services designed to enhance your natural beauty"
          tag="Services"
          features={[
            {
              title: "Classic Acrylic Extensions",              description: "Durable acrylic overlays with perfect shaping and polish finishes for a timeless look.",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-female-s-hand-with-beautiful-nail-polish-caressing-red-silk-fabric_181624-59368.jpg"
            },
            {
              title: "Ombre & Gradient Designs",              description: "Stunning color transitions and gradient effects that add depth and sophistication to your nails.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-incognito-woman-with-elegant-dark-nails-manicured-fingers-with-rings-wearing-red-compact-crossbag-bright-red-color_132075-12161.jpg"
            },
            {
              title: "Glitter & Embellished Art",              description: "Eye-catching designs with crystals, glitter, and decorative elements for special occasions.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-incognito-woman-with-elegant-manicure-wearing-jewelry-holding-pretty-small-red-bag_132075-12159.jpg"
            },
            {
              title: "3D Nail Art",              description: "Bold sculptural designs and dimensional nail art that truly stands out and makes a statement.",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-incognito-woman-with-elegant-dark-nails-manicured-fingers-with-rings-wearing-red-compact-crossbag-bright-red-color_132075-12162.jpg"
            }
          ]}
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="gallery" data-section="gallery">
        <ProductCardThree
          title="Signature Designs"
          description="Explore our collection of stunning acrylic nail designs that showcase our artistry and expertise"
          tag="Gallery"
          products={[
            {
              id: "1",              name: "Rose Gold Elegance",              price: "Starting at $65",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-incognito-woman-with-elegant-dark-nails-manicured-fingers-with-rings-wearing-red-compact-crossbag-bright-red-color_132075-12161.jpg",              imageAlt: "Rose gold ombre acrylic nails"
            },
            {
              id: "2",              name: "Diamond Sparkle",              price: "Starting at $75",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-incognito-woman-with-elegant-manicure-wearing-jewelry-holding-pretty-small-red-bag_132075-12159.jpg",              imageAlt: "Diamond encrusted acrylic nails"
            },
            {
              id: "3",              name: "Sculptural Art",              price: "Starting at $85",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-incognito-woman-with-elegant-dark-nails-manicured-fingers-with-rings-wearing-red-compact-crossbag-bright-red-color_132075-12162.jpg",              imageAlt: "3D sculptural nail art"
            }
          ]}
          gridVariant="three-columns-all-equal-width"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="pricing" data-section="pricing">
        <PricingCardNine
          title="Pricing Plans"
          description="Quality acrylic nail services at transparent, competitive prices"
          tag="Pricing"
          plans={[
            {
              id: "basic",              title: "Classic Acrylics",              price: "$55",              period: "per service",              imageSrc: "https://img.b2bpic.net/free-photo/closeup-shot-female-s-hand-with-beautiful-nail-polish-caressing-red-silk-fabric_181624-59368.jpg",              imageAlt: "Classic acrylic nail design",              button: {
                text: "Book Now",                href: "contact"
              },
              features: [
                "Full acrylic overlay",                "Basic shape and polish",                "Includes cuticle care",                "90-minute appointment"
              ]
            },
            {
              id: "pro",              title: "Luxury Designs",              price: "$75",              period: "per service",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-incognito-woman-with-elegant-dark-nails-manicured-fingers-with-rings-wearing-red-compact-crossbag-bright-red-color_132075-12161.jpg",              imageAlt: "Luxury ombre acrylic design",              button: {
                text: "Book Now",                href: "contact"
              },
              features: [
                "Premium acrylic application",                "Custom design & ombre",                "Deluxe finishing touches",                "120-minute appointment"
              ]
            },
            {
              id: "premium",              title: "Exclusive Artistry",              price: "$95",              period: "per service",              imageSrc: "https://img.b2bpic.net/free-photo/close-up-incognito-woman-with-elegant-dark-nails-manicured-fingers-with-rings-wearing-red-compact-crossbag-bright-red-color_132075-12162.jpg",              imageAlt: "Exclusive 3D acrylic art",              button: {
                text: "Book Now",                href: "contact"
              },
              features: [
                "3D sculptural designs",                "Rhinestone & embellishments",                "Custom artwork",                "150-minute appointment"
              ]
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="about" data-section="about">
        <TextAbout
          title="We believe in creating beautiful, confidence-boosting nail experiences. With expert techniques and premium products, we deliver acrylic nails that last, shine, and make a statement."
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardThirteen
          title="What Our Clients Say"
          description="Real feedback from clients who love their acrylic nails"
          tag="Testimonials"
          showRating={true}
          testimonials={[
            {
              id: "1",              name: "Sarah Mitchell",              handle: "@sarahmakes",              testimonial: "Luxe Nails did the most amazing acrylic extensions! They lasted weeks and looked absolutely flawless. The attention to detail is incredible.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-smiling_1187-3773.jpg"
            },
            {
              id: "2",              name: "Jessica Chen",              handle: "@jessicac",              testimonial: "Best acrylic nails I've ever had. The technicians are so skilled and the designs are exactly what I imagined. Highly recommend!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/portrait-young-beautiful-woman_93675-130621.jpg"
            },
            {
              id: "3",              name: "Amanda Rodriguez",              handle: "@amandanails",              testimonial: "The customer service is exceptional, and my acrylic nails look like art. I've been coming here for months and never disappointed.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/team-bride-celebrating-before-wedding_23-2149329119.jpg"
            },
            {
              id: "4",              name: "Emma Thompson",              handle: "@emmastyle",              testimonial: "Professional, welcoming, and talented! My acrylic nails are absolutely stunning and so durable. Worth every penny!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-smiley-bride-before-event_23-2149860780.jpg"
            },
            {
              id: "5",              name: "Nicole Brooks",              handle: "@nicolebeauty",              testimonial: "Love my new acrylic nails! The design quality is premium and they nailed the custom artwork I wanted perfectly.",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-adult-woman-leaning-wall_1262-1759.jpg"
            },
            {
              id: "6",              name: "Rachel Kim",              handle: "@rachelk",              testimonial: "Luxe Nails is my go-to place for acrylics. Every visit feels like a luxury experience. The results are always gorgeous!",              rating: 5,
              imageSrc: "https://img.b2bpic.net/free-photo/joyful-beautiful-blonde-woman-wearing-white-shirt-standing-co-working-space-leaning-desk_74855-15168.jpg"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground="invertDefault"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplit
          tag="Get In Touch"
          title="Ready for Luxe Nails?"
          description="Subscribe to our newsletter for exclusive design previews, special promotions, and booking availability updates."
          imageSrc="https://img.b2bpic.net/free-photo/woman-showing-her-nail-art-fingernails-with-flower_23-2149820440.jpg"
          imageAlt="Professional nail care at our luxury salon"
          mediaPosition="right"
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email"
          buttonText="Subscribe"
          termsText="We respect your privacy. Unsubscribe anytime."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoEmphasis
          logoText="Luxe Nails"
          columns={[
            {
              items: [
                { label: "Services", href: "services" },
                { label: "Gallery", href: "gallery" },
                { label: "Pricing", href: "pricing" }
              ]
            },
            {
              items: [
                { label: "About", href: "about" },
                { label: "Contact", href: "contact" },
                { label: "Book Now", href: "contact" }
              ]
            },
            {
              items: [
                { label: "Instagram", href: "https://instagram.com" },
                { label: "Facebook", href: "https://facebook.com" },
                { label: "Email", href: "mailto:info@luxenails.com" }
              ]
            }
          ]}
        />
      </div>
    </ThemeProvider>
  );
}
