"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
import HeroBillboardGallery from '@/components/sections/hero/HeroBillboardGallery';
import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
import FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import FaqSplitMedia from '@/components/sections/faq/FaqSplitMedia';
import ContactText from '@/components/sections/contact/ContactText';
import FooterBaseReveal from '@/components/sections/footer/FooterBaseReveal';
import { Heart, Sparkles, Zap, Star, HelpCircle } from 'lucide-react';

export default function LandingPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="elastic-effect"
      defaultTextAnimation="background-highlight"
      borderRadius="soft"
      contentWidth="compact"
      sizing="largeSmallSizeMediumTitles"
      background="aurora"
      cardStyle="subtle-shadow"
      primaryButtonStyle="flat"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleFullscreen
          navItems={[
            { name: "Home", id: "home" },
            { name: "Services", id: "services" },
            { name: "About", id: "about" },
            { name: "Testimonials", id: "testimonials" },
            { name: "Contact", id: "contact" }
          ]}
          brandName="Angela's Massage"
          bottomLeftText="Salina, KS"
          bottomRightText="(785) 555-0147"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardGallery
          title="Relax, Restore, Rejuvenate"
          description="Experience professional therapeutic massage in a serene setting. Angela's Massage offers personalized treatments to ease tension, reduce stress, and promote your overall wellness."
          tag="Wellness & Healing"
          tagIcon={Heart}
          tagAnimation="slide-up"
          background={{ variant: "aurora" }}
          buttons={[
            { text: "Book Your Appointment", href: "contact" },
            { text: "Learn More", href: "about" }
          ]}
          buttonAnimation="slide-up"
          mediaItems={[
            {
              imageSrc: "http://img.b2bpic.net/free-photo/female-getting-professional-massage-beauty-spa-salon_181624-54510.jpg?_wi=1",              imageAlt: "Relaxing massage therapy session"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/spa-equipments-with-soap-cotton-flower_23-2147844979.jpg?_wi=1",              imageAlt: "Tranquil spa room"
            },
            {
              imageSrc: "http://img.b2bpic.net/free-photo/spa-aromatherapy-setup-with-candle-essential-oils_23-2152009908.jpg?_wi=1",              imageAlt: "Aromatherapy massage treatment"
            }
          ]}
          mediaAnimation="slide-up"
        />
      </div>

      <div id="about" data-section="about">
        <MetricSplitMediaAbout
          tag="About Angela's Massage"
          tagIcon={Sparkles}
          tagAnimation="blur-reveal"
          title="Professional Therapeutic Massage Services"
          description="With over 10 years of experience in massage therapy, Angela is dedicated to providing personalized treatments that address your unique wellness needs. Located in beautiful Salina, Kansas, our serene spa environment is designed to help you unwind and experience the therapeutic benefits of professional massage."
          metrics={[
            { value: "10+", title: "Years of Experience" },
            { value: "500+", title: "Satisfied Clients" }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/spa-equipments-with-soap-cotton-flower_23-2147844979.jpg?_wi=2"
          imageAlt="Angela's peaceful massage therapy room"
          mediaAnimation="slide-up"
          metricsAnimation="slide-up"
          useInvertedBackground={false}
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyThree
          title="Our Massage Services"
          description="Each treatment is customized to your specific needs, combining proven therapeutic techniques with a calming environment."
          tag="Services"
          tagIcon={Zap}
          tagAnimation="slide-up"
          features={[
            {
              id: "1",              title: "Swedish Massage",              tags: ["Relaxation", "Stress Relief"],
              imageSrc: "http://img.b2bpic.net/free-photo/female-getting-professional-massage-beauty-spa-salon_181624-54510.jpg?_wi=2",              imageAlt: "Swedish massage therapy technique"
            },
            {
              id: "2",              title: "Deep Tissue Massage",              tags: ["Pain Relief", "Muscle Recovery"],
              imageSrc: "http://img.b2bpic.net/free-photo/thumb-pressure-calf-trigger-points-trigger-release_169016-69728.jpg",              imageAlt: "Deep tissue massage treatment"
            },
            {
              id: "3",              title: "Aromatherapy Massage",              tags: ["Wellness", "Holistic Healing"],
              imageSrc: "http://img.b2bpic.net/free-photo/spa-aromatherapy-setup-with-candle-essential-oils_23-2152009908.jpg?_wi=2",              imageAlt: "Aromatherapy massage with essential oils"
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Clients Say"
          description="Real experiences from people who have discovered the healing power of therapeutic massage."
          tag="Testimonials"
          tagIcon={Star}
          tagAnimation="slide-up"
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson, Office Manager",              date: "Date: 15 January 2025",              title: "Incredible relief from work stress",              quote: "After just one session with Angela, my chronic neck tension completely disappeared. I've been coming back weekly and have never felt better. Angela truly understands the body and knows exactly how to address problem areas.",              tag: "Swedish Massage",              avatarSrc: "http://img.b2bpic.net/free-photo/happy-satisfied-customer-making-ok-gesture_74855-2298.jpg",              avatarAlt: "Sarah Johnson",              imageSrc: "http://img.b2bpic.net/free-photo/happy-satisfied-customer-making-ok-gesture_74855-2298.jpg?_wi=1"
            },
            {
              id: "2",              name: "Michael Chen, Construction Worker",              date: "Date: 10 January 2025",              title: "My back pain is finally gone",              quote: "I've tried many massage therapists over the years, but Angela's deep tissue massage is the best. She really understands muscle tension from physical work. I'm back to 100% and can do my job pain-free.",              tag: "Deep Tissue Massage",              avatarSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg",              avatarAlt: "Michael Chen",              imageSrc: "http://img.b2bpic.net/free-photo/smiling-man-sitting-cafe-table-gesturing_1262-1141.jpg"
            },
            {
              id: "3",              name: "Jennifer Martinez, Yoga Instructor",              date: "Date: 5 January 2025",              title: "Perfect complement to my wellness routine",              quote: "Angela's aromatherapy massage has become an essential part of my self-care routine. The combination of her skilled technique and the therapeutic essential oils creates an amazing healing experience. Highly recommended!",              tag: "Aromatherapy Massage",              avatarSrc: "http://img.b2bpic.net/free-photo/happy-satisfied-customer-making-ok-gesture_74855-2298.jpg",              avatarAlt: "Jennifer Martinez",              imageSrc: "http://img.b2bpic.net/free-photo/happy-satisfied-customer-making-ok-gesture_74855-2298.jpg?_wi=2"
            },
            {
              id: "4",              name: "David Thompson, Retired Teacher",              date: "Date: 28 December 2024",              title: "Angela is a true professional",              quote: "I've been seeing Angela for over a year now and the results have been outstanding. She's professional, caring, and genuinely invested in her clients' wellbeing. My flexibility and overall health have improved dramatically.",              tag: "Regular Client",              avatarSrc: "http://img.b2bpic.net/free-photo/happy-satisfied-customer-making-ok-gesture_74855-2298.jpg",              avatarAlt: "David Thompson",              imageSrc: "http://img.b2bpic.net/free-photo/happy-satisfied-customer-making-ok-gesture_74855-2298.jpg?_wi=3"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitMedia
          title="Frequently Asked Questions"
          description="Get answers to common questions about our massage services, pricing, and appointment policies."
          tag="Help"
          tagIcon={HelpCircle}
          tagAnimation="slide-up"
          faqs={[
            {
              id: "1",              title: "How long is each massage session?",              content: "Our standard massage sessions are 60 minutes. We also offer 30-minute express massages and 90-minute deep relaxation sessions. The duration can be customized based on your needs and preferences."
            },
            {
              id: "2",              title: "What should I wear during the massage?",              content: "You can wear as much or as little as you're comfortable with. Most clients undress completely and are draped with sheets for privacy and warmth. You'll only be uncovered where Angela is actively working."
            },
            {
              id: "3",              title: "Is massage therapy covered by insurance?",              content: "Some insurance plans do cover therapeutic massage. We recommend checking with your insurance provider. We can provide documentation of services for your insurance claim."
            },
            {
              id: "4",              title: "How often should I get a massage?",              content: "The frequency depends on your individual needs. Many clients benefit from regular monthly sessions for maintenance and stress relief. However, we can recommend a schedule based on your specific health goals during your consultation."
            },
            {
              id: "5",              title: "Are there any medical conditions that prevent massage?",              content: "While massage is generally safe, certain conditions may require modification or clearance from your doctor. Please disclose any health conditions during your booking, and Angela will discuss any concerns with you."
            },
            {
              id: "6",              title: "Do you offer gift certificates?",              content: "Yes! Gift certificates are available and make wonderful wellness gifts. You can purchase them in person or by calling us at (785) 555-0147."
            }
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/high-angle-view-beautiful-woman-having-head-massage-beauty-treatment-spa_637285-2192.jpg"
          imageAlt="Benefits of therapeutic massage"
          mediaAnimation="slide-up"
          mediaPosition="right"
          faqsAnimation="slide-up"
          textboxLayout="default"
          useInvertedBackground={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactText
          text="Ready to experience the healing benefits of professional massage therapy? Book your personalized session with Angela today and take the first step toward wellness."
          animationType="entrance-slide"
          buttons={[
            { text: "Book Now", href: "https://calendly.com" },
            { text: "Call (785) 555-0147", href: "tel:+17855550147" }
          ]}
          background={{ variant: "plain" }}
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterBaseReveal
          columns={[
            {
              title: "Services",              items: [
                { label: "Swedish Massage", href: "#services" },
                { label: "Deep Tissue Massage", href: "#services" },
                { label: "Aromatherapy", href: "#services" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Us", href: "#about" },
                { label: "Contact", href: "#contact" },
                { label: "Testimonials", href: "#testimonials" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "2100 S 9th St C, Salina, KS 67401", href: "#" },
                { label: "(785) 555-0147", href: "tel:+17855550147" },
                { label: "Privacy Policy", href: "#" }
              ]
            }
          ]}
          copyrightText="© 2025 Angela's Massage | Salina, Kansas"
        />
      </div>
    </ThemeProvider>
  );
}
