"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
import HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
import MediaAbout from '@/components/sections/about/MediaAbout';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactText from '@/components/sections/contact/ContactText';
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
import { Clock, Heart, Sparkles, Trophy, HelpCircle, Zap, MapPin, Users } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="pill"
      contentWidth="smallMedium"
      sizing="largeSmallSizeLargeTitles"
      background="blurBottom"
      cardStyle="gradient-radial"
      primaryButtonStyle="flat"
      secondaryButtonStyle="solid"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingInline
          brandName="BellaVida Spa"
          navItems={[
            { name: "About", id: "about" },
            { name: "Services", id: "services" },
            { name: "Why Us", id: "why-us" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          button={{ text: "Book Now", href: "https://wa.me/09130024874" }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroSplitKpi
          title="24/7 Luxury Wellness at Your Fingertips"
          description="Experience premium spa services in our Ikeja sanctuary or enjoy our mobile massage service in the comfort of your home or office. BellaVida Spa—where relaxation meets convenience."
          tag="Women-Owned Spa"
          tagIcon={Sparkles}
          buttons={[
            { text: "Book Now", href: "https://wa.me/09130024874" },
            { text: "Call: 0913 002 4874", href: "tel:09130024874" }
          ]}
          kpis={[
            { value: "4.9★", label: "Rating from 41 Reviews" },
            { value: "24/7", label: "Always Open" },
            { value: "100%", label: "Mobile Service Coverage" }
          ]}
          enableKpiAnimation={true}
          imageSrc="http://img.b2bpic.net/free-photo/happy-couple-bathrobes-relaxing-lounge-chairs-while-enjoying-their-wellness-weekend-focus-is-woman_637285-7502.jpg"
          imageAlt="Luxury BellaVida Spa Interior"
          mediaAnimation="blur-reveal"
          background={{ variant: "downward-rays-static-grid" }}
        />
      </div>

      <div id="about" data-section="about">
        <MediaAbout
          title="Redefining Wellness in Lagos"
          description="BellaVida Spa is a women-owned sanctuary dedicated to your well-being. With over a decade of expertise, we combine traditional healing practices with modern wellness techniques. Located at 3 John Olugbo St, Ikeja, we welcome walk-ins and provide professional mobile massage services across Lagos. Whether you need an escape at our serene facility or prefer therapists to come to you, BellaVida is your trusted wellness partner."
          tag="About Us"
          tagIcon={Heart}
          buttons={[
            { text: "WhatsApp: wa.me/09130024874", href: "https://wa.me/09130024874" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/young-woman-massaging-her-client_23-2149037163.jpg"
          imageAlt="Professional BellaVida Spa Therapist"
          useInvertedBackground={false}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTen
          title="Our Premium Services"
          description="Discover a curated selection of spa and wellness treatments designed for modern life. From therapeutic massage to rejuvenating body treatments, each service is delivered with excellence."
          tag="Services"
          tagIcon={Sparkles}
          features={[
            {
              id: "massage-therapy",              title: "Therapeutic Massage",              description: "Professional massage therapy including Swedish, deep tissue, and hot stone treatments. Relieve tension and restore balance.",              media: { imageSrc: "http://img.b2bpic.net/free-photo/spa-items-with-orchid_169016-3490.jpg" },
              items: [
                { icon: Zap, text: "Swedish Massage" },
                { icon: Zap, text: "Deep Tissue Therapy" },
                { icon: Zap, text: "Hot Stone Treatment" }
              ],
              reverse: false
            },
            {
              id: "mobile-massage",              title: "Mobile Massage Service",              description: "Bring wellness to your location. Our certified therapists provide professional massage services at your home, office, or hotel. Available throughout Ikeja and surrounding Lagos areas.",              media: { imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-talking-with-doctor-about-vaccination_23-2149118483.jpg" },
              items: [
                { icon: MapPin, text: "Home & Office Service" },
                { icon: Clock, text: "Flexible Scheduling" },
                { icon: Users, text: "Certified Therapists" }
              ],
              reverse: true
            }
          ]}
          textboxLayout="split"
          animationType="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="why-us" data-section="why-us">
        <MetricCardEleven
          title="Why Choose BellaVida Spa"
          description="Award-winning service meets exceptional value. Here's what sets us apart in Lagos's wellness landscape."
          tag="Our Advantages"
          tagIcon={Trophy}
          metrics={[
            {
              id: "24-hours",              value: "24/7",              title: "Always Available",              description: "Open round the clock, 7 days a week. Book your session anytime, day or night.",              imageSrc: "http://img.b2bpic.net/free-photo/front-view-female-student-black-jacket-wearing-backpack-holding-clocks-blue-wall-school-college-university-lessons_140725-43290.jpg"
            },
            {
              id: "women-owned",              value: "100%",              title: "Women-Owned Business",              description: "Supporting female entrepreneurship and empowerment in the wellness industry.",              imageSrc: "http://img.b2bpic.net/free-photo/middle-aged-hispanic-business-people_23-2151098616.jpg"
            },
            {
              id: "mobile-service",              value: "∞",              title: "Mobile Services",              description: "Therapists come to you—home, office, or hotel. Convenient wellness on your terms."
            },
            {
              id: "location",              value: "1",              title: "Prime Ikeja Location",              description: "3 John Olugbo St, Ikeja. Easy access, secure, and centrally located."
            }
          ]}
          animationType="scale-rotate"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="What Our Clients Say"
          description="Real experiences from satisfied BellaVida Spa clients. Discover why we're Lagos's trusted wellness choice."
          testimonials={[
            {
              id: "testimonial-1",              name: "Chioma Okafor",              handle: "@chioma_wellness",              testimonial: "The 24/7 availability is a game-changer. I booked a massage at 10 PM after a hectic work day, and the experience was absolutely rejuvenating. Professional, clean, and so worth it!",              imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-glasses-portrait_1262-1461.jpg",              imageAlt: "Chioma Okafor"
            },
            {
              id: "testimonial-2",              name: "Tunde Adeyemi",              handle: "@tunde_corp",              testimonial: "I used their mobile massage service at my office. The therapist was punctual, highly skilled, and created a peaceful atmosphere right at my desk. Highly recommended!",              imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-beautiful-caucasian-woman-posing-park_181624-55023.jpg",              imageAlt: "Tunde Adeyemi"
            },
            {
              id: "testimonial-3",              name: "Nneka Okoro",              handle: "@nneka_balance",              testimonial: "Supporting a women-owned business felt good, and the service matched that sentiment perfectly. The ambiance, the attention to detail—everything about BellaVida is premium.",              imageSrc: "http://img.b2bpic.net/free-photo/confident-middle-aged-businesswoman-looking-camera_74855-4120.jpg",              imageAlt: "Nneka Okoro"
            },
            {
              id: "testimonial-4",              name: "Amara Ikedi",              handle: "@amara_self_care",              testimonial: "This is my go-to spa. The team is warm, the facilities are immaculate, and I always leave feeling completely restored. Worth every naira!",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-woman-black-jacket-happy-short-haired-girl-dark-suit-widely-sincerely-smiles-isolated-background_197531-18508.jpg",              imageAlt: "Amara Ikedi"
            },
            {
              id: "testimonial-5",              name: "Blessing Nwosu",              handle: "@blessing_wellness",              testimonial: "I've tried many spas in Lagos, but BellaVida stands out. The mobile service convenience plus the quality of their therapists is unmatched.",              imageSrc: "http://img.b2bpic.net/free-photo/portrait-confident-businesswoman-suit-cross-arms-chest-looking-like-real-professional-smili_1258-122403.jpg",              imageAlt: "Blessing Nwosu"
            },
            {
              id: "testimonial-6",              name: "Zainab Mohammed",              handle: "@zainab_relax",              testimonial: "From booking to the actual massage, everything was seamless. The professionalism and care BellaVida provides is exceptional. Definitely coming back!",              imageSrc: "http://img.b2bpic.net/free-photo/beauty-style-fashion-age-concept-close-up-portrait-positive-elegant-60-year-old-female-with-gray-hair-wrinkled-face-posing-against-white-brick-wall_344912-1854.jpg",              imageAlt: "Zainab Mohammed"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Find answers to common questions about BellaVida Spa services, booking, and mobile massage options."
          tag="FAQ"
          tagIcon={HelpCircle}
          faqs={[
            {
              id: "faq-1",              title: "What areas does your mobile massage service cover?",              content: "We provide mobile massage services throughout Ikeja and surrounding Lagos areas including VI, Lekki, Ikoyi, and Ajah. For specific locations outside these areas, please contact us via WhatsApp at wa.me/09130024874 for availability."
            },
            {
              id: "faq-2",              title: "How do I book a session at BellaVida Spa?",              content: "You can book in three ways: (1) WhatsApp us at wa.me/09130024874 for instant booking, (2) Call 0913 002 4874, or (3) Visit us directly at 3 John Olugbo St, Ikeja for walk-in appointments. We're open 24/7."
            },
            {
              id: "faq-3",              title: "What is your pricing structure?",              content: "Pricing varies based on service type and duration. Therapeutic massage sessions, body treatments, and mobile services have different rates. Contact us for a customized quote tailored to your needs."
            },
            {
              id: "faq-4",              title: "Are your therapists certified and experienced?",              content: "Yes, all our therapists are professionally certified and highly experienced. We prioritize quality, safety, and your comfort above all else."
            },
            {
              id: "faq-5",              title: "Can I book a mobile massage for a group or event?",              content: "Absolutely! We offer group bookings for corporate events, hen parties, and special occasions. Multiple therapists can be scheduled to serve your group. Contact us for details."
            },
            {
              id: "faq-6",              title: "What's your cancellation policy?",              content: "We require at least 24 hours notice for cancellations. Cancellations made within 24 hours of your appointment may incur a booking fee. Please reach out for specific policy details."
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-psd/summer-beach-resort-horizontal-banner-template_23-2149023464.jpg"
          imageAlt="BellaVida Spa FAQ Illustration"
          mediaAnimation="blur-reveal"
          mediaPosition="right"
          faqsAnimation="slide-up"
          textboxLayout="split"
          useInvertedBackground={false}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to book your wellness experience? Reach out to BellaVida Spa today. We're here 24/7 to serve you."
          buttons={[
            { text: "WhatsApp: wa.me/09130024874", href: "https://wa.me/09130024874" },
            { text: "Call: 0913 002 4874", href: "tel:09130024874" },
            { text: "Visit: 3 John Olugbo St, Ikeja", href: "#" }
          ]}
          background={{ variant: "radial-gradient" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="BellaVida Spa"
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "Terms of Service", href: "#" }}
        />
      </div>
    </ThemeProvider>
  );
}