"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 LifeAlignmentPage() {
  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="Life Alignment Coaching"
          description="Transform your life through deep, personalized coaching sessions. A 60-minute transformational experience designed to help you realign with your authentic self and highest potential."
          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 Alignment Coaching", onClick: handleBookSession },
            { text: "Call 0458 120 388", href: "tel:0458120388" }
          ]}
          buttonAnimation="slide-up"
          ariaLabel="Life Alignment Coaching service page"
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="What Is Life Alignment Coaching?"
          tagIcon={Heart}
          title="Realign Your Life With Your Soul's Truth"
          description="Life Alignment Coaching is a transformational process designed to help you overcome limiting beliefs, clarify your values, and create lasting change."
          subdescription="Over 60 minutes, Tanita works with you to identify what's holding you back, reconnect with your authentic self, and create an actionable plan to move forward with clarity, confidence, and purpose. Perfect for transitions, decision-making, or anyone feeling stuck."
          icon={Sparkles}
          imageSrc="http://img.b2bpic.net/free-photo/couple-performing-yoga-safari-vacation_107420-9663.jpg?_wi=2"
          imageAlt="Life Alignment Coaching"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
          ariaLabel="What is Life Alignment Coaching"
        />
      </div>

      <div id="cta" data-section="cta">
        <TestimonialAboutCard
          tag="Ready To Realign Your Life?"
          tagIcon={Star}
          title="Book Your 60-Minute Coaching 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 coaching that creates real, lasting change in your life."
          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 Life Alignment Coaching Session"
          description="Schedule your transformational 60-minute coaching 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 areas of your life you'd like to align. What's currently challenging you? What would you like to achieve?",            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 Coaching 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=3"
          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>
  );
}
