"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroCentered from '@/components/sections/hero/HeroCentered';
import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Heart, Sparkles, Star } from 'lucide-react';

export default function EnergyHealingPage() {
  const handleBookSession = () => {
    const element = document.getElementById('contact');
    if (element) {
      element.scrollIntoView({ behavior: 'smooth' });
    }
  };

  const handleLocationClick = () => {
    window.open('https://www.google.com/maps/search/Wellington+Point+QLD+4160', '_blank');
  };

  return (
    <ThemeProvider
      defaultButtonVariant="hover-magnetic"
      defaultTextAnimation="reveal-blur"
      borderRadius="rounded"
      contentWidth="medium"
      sizing="mediumSizeLargeTitles"
      background="noiseDiagonalGradient"
      cardStyle="soft-shadow"
      primaryButtonStyle="gradient"
      secondaryButtonStyle="radial-glow"
      headingFontWeight="light"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Tanita Sasha"
          navItems={[
            { name: "Home", id: "/" },
            { name: "Services", id: "/" },
            { name: "Reviews", id: "/" },
            { name: "How It Works", id: "/" },
            { name: "Contact", id: "contact" }
          ]}
          button={{
            text: "Book Your Session",            onClick: handleBookSession
          }}
          className="fixed top-6 right-6 z-50"
          buttonClassName="bg-[#2c2c2c] text-white px-6 py-2 rounded-full font-medium hover:bg-[#1a1a1a] transition-colors"
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroCentered
          title="Energy Healing Sessions"
          description="Experience deep holistic healing and energetic restoration. A 50-minute transformational session that helps release blockages and restore balance to your mind, body, and spirit."
          avatars={[
            {
              src: "http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg",              alt: "Tanita Sasha, Life Coach"
            }
          ]}
          avatarText="⭐ 5.0 Rating | 32 Five-Star Reviews"
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Book Energy Healing Session", onClick: handleBookSession },
            { text: "Call 0458 120 388", href: "tel:0458120388" }
          ]}
          buttonAnimation="slide-up"
          ariaLabel="Energy Healing Sessions service page"
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="What Is Energy Healing?"
          tagIcon={Heart}
          title="Restore Balance & Release What No Longer Serves You"
          description="Energy Healing is a holistic practice that works with your body's natural energy to promote healing, peace, and wholeness."
          subdescription="Over 50 minutes, Tanita uses her intuitive gifts to identify and release energetic blockages, trauma, and limiting patterns that may be holding you back. You'll leave feeling lighter, more peaceful, and deeply held. Perfect for stress relief, emotional healing, or spiritual development."
          icon={Sparkles}
          imageSrc="http://img.b2bpic.net/free-photo/carefree-woman-with-arms-outstretched-enjoying-freedom-while-relaxing-sand-beach-sunset_637285-1868.jpg?_wi=2"
          imageAlt="Energy Healing Sessions"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
          ariaLabel="What is Energy Healing"
        />
      </div>

      <div id="cta" data-section="cta">
        <TestimonialAboutCard
          tag="Ready To Feel More Aligned?"
          tagIcon={Star}
          title="Book Your 50-Minute Energy Healing Session Today"
          description="Available in-person in Wellington Point, QLD or online for clients worldwide. Limited availability each month."
          subdescription="Investment: Competitive rates for transformational healing that leaves you feeling renewed and at peace."
          icon={Sparkles}
          imageSrc="http://img.b2bpic.net/free-photo/sunrise-sea-beautiful-seascape_158595-6115.jpg?_wi=1"
          imageAlt="Beautiful sunrise representing new beginnings"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
          ariaLabel="Call to action section"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactSplitForm
          title="Book Your Energy Healing Session"
          description="Schedule your transformational 50-minute healing session. Tanita will confirm your booking within 24 hours."
          inputs={[
            { name: "name", type: "text", placeholder: "Your Name", required: true },
            { name: "email", type: "email", placeholder: "Your Email", required: true },
            { name: "phone", type: "tel", placeholder: "Your Phone Number", required: true },
            { name: "service_type", type: "text", placeholder: "In-person or Online?" }
          ]}
          textarea={{
            name: "message",            placeholder: "Tell Tanita what brought you to seek energy healing. What are you hoping to release, heal, or restore? Any specific areas of concern?",            rows: 5,
            required: true
          }}
          useInvertedBackground={false}
          imageSrc="http://img.b2bpic.net/free-photo/sunrise-sea-beautiful-seascape_158595-6115.jpg?_wi=2"
          imageAlt="Peaceful nature setting"
          mediaAnimation="slide-up"
          mediaPosition="right"
          buttonText="Book Your Healing Session"
          ariaLabel="Contact form section"
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/gleaming-lake-background-reflecting-sky_91128-4426.jpg?_wi=4"
          imageAlt="Footer background"
          logoText="Tanita Sasha"
          copyrightText="© 2025 Tanita Sasha. All rights reserved. | Warm energy. Real transformation."
          columns={[
            {
              title: "Services",              items: [
                { label: "Soul Mission Readings", href: "/service-soul-mission" },
                { label: "Life Alignment Coaching", href: "/service-life-alignment" },
                { label: "Energy Healing Sessions", href: "/service-energy-healing" }
              ]
            },
            {
              title: "Company",              items: [
                { label: "Home", href: "/" },
                { label: "Testimonials", href: "/#testimonials" },
                { label: "How It Works", href: "/#how-it-works" }
              ]
            },
            {
              title: "Contact",              items: [
                { label: "Phone: 0458 120 388", href: "tel:0458120388" },
                { label: "Location: Wellington Point, QLD 4160", onClick: handleLocationClick },
                { label: "Book a Session", onClick: handleBookSession }
              ]
            }
          ]}
          ariaLabel="Site footer"
        />
      </div>
    </ThemeProvider>
  );
}
