"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 FeatureCardTwentyThree from '@/components/sections/feature/FeatureCardTwentyThree';
import TestimonialCardFive from '@/components/sections/testimonial/TestimonialCardFive';
import MetricCardOne from '@/components/sections/metrics/MetricCardOne';
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Calendar, Heart, Sparkles, Star, Zap, MapPin } from 'lucide-react';

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

  const handleServiceClick = (serviceId: string) => {
    const serviceMap: { [key: string]: string } = {
      '1': '/service-soul-mission',
      '2': '/service-life-alignment',
      '3': '/service-energy-healing'
    };
    const url = serviceMap[serviceId];
    if (url) {
      window.location.href = url;
    }
  };

  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: "About", id: "about" },
            { name: "Services", id: "services" },
            { name: "Reviews", id: "testimonials" },
            { name: "How It Works", id: "how-it-works" },
            { 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="Reconnect With Your Soul's Purpose"
          description="Life Coaching & Soul Alignment Sessions with Tanita Sasha | 5-Star Rated | Wellington Point, QLD & Online (UK)"
          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="Certified Life Coach | 15+ Years Experience | ⭐ 5.0 Rating | 32 Five-Star Reviews"
          background={{ variant: "radial-gradient" }}
          buttons={[
            { text: "Book Your Session", onClick: handleBookSession },
            { text: "Call 0458 120 388", href: "tel:0458120388" }
          ]}
          buttonAnimation="slide-up"
          ariaLabel="Hero section - Book coaching sessions with Tanita Sasha"
        />
      </div>

      <div id="about" data-section="about">
        <TestimonialAboutCard
          tag="Who Is Tanita?"
          tagIcon={Heart}
          title="A Guide Who Truly Understands Your Journey"
          description="Tanita Sasha"
          subdescription="Certified Life Coach & Spiritual Guide"
          icon={Sparkles}
          imageSrc="http://img.b2bpic.net/free-photo/confident-beautiful-young-businesswoman-looking-camera-head-shot-portrait_1163-4928.jpg"
          imageAlt="Tanita Sasha - Life Coach"
          mediaAnimation="slide-up"
          useInvertedBackground={false}
          ariaLabel="About Tanita Sasha section"
        />
      </div>

      <div id="services" data-section="services">
        <FeatureCardTwentyThree
          title="Services That Transform Your Life"
          description="Discover the transformational services designed to help you find clarity, alignment, and authentic purpose."
          tag="Coaching Services"
          features={[
            {
              id: "1",              title: "Soul Mission Readings",              tags: ["Spiritual Insight", "45 mins"],
              imageSrc: "http://img.b2bpic.net/free-photo/futuristic-baby-fetus-womb_23-2151624531.jpg?_wi=1",              imageAlt: "Soul Mission Readings",              onFeatureClick: () => handleServiceClick('1')
            },
            {
              id: "2",              title: "Life Alignment Coaching",              tags: ["Transformational", "60 mins"],
              imageSrc: "http://img.b2bpic.net/free-photo/couple-performing-yoga-safari-vacation_107420-9663.jpg?_wi=1",              imageAlt: "Life Alignment Coaching",              onFeatureClick: () => handleServiceClick('2')
            },
            {
              id: "3",              title: "Energy Healing Sessions",              tags: ["Holistic Healing", "50 mins"],
              imageSrc: "http://img.b2bpic.net/free-photo/carefree-woman-with-arms-outstretched-enjoying-freedom-while-relaxing-sand-beach-sunset_637285-1868.jpg?_wi=1",              imageAlt: "Energy Healing Sessions",              onFeatureClick: () => handleServiceClick('3')
            }
          ]}
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Services section"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardFive
          title="What Our Clients Say"
          description="Real testimonials from real people whose lives have been transformed through coaching with Tanita."
          tag="Client Stories"
          testimonials={[
            {
              id: "1",              name: "Sarah Johnson, Entrepreneur",              date: "Date: 28 October 2024",              tag: "Soul Alignment",              title: "Tanita is such a beautiful and talented soul to work with.",              quote: "I came to Tanita feeling lost and disconnected from my purpose. Within just a few sessions, she helped me realign with my true calling. Her insights were profound and her presence so grounding. I now feel clarity and confidence in every decision I make.",              avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12858.jpg",              avatarAlt: "Sarah Johnson",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12858.jpg?_wi=1",              imageAlt: "Sarah Johnson"
            },
            {
              id: "2",              name: "Emily Rodriguez, Business Owner",              date: "Date: 15 November 2024",              tag: "Energy Healing",              title: "My energy felt so held in this reading.",              quote: "Tanita's energy healing sessions have been transformational for me. I felt completely held and supported in a way I've never experienced before. She has this incredible gift of seeing into your soul and helping you understand what you truly need. Highly recommend.",              avatarSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg",              avatarAlt: "Emily Rodriguez",              imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg?_wi=1",              imageAlt: "Emily Rodriguez"
            },
            {
              id: "3",              name: "Rachel Chen, Marketing Professional",              date: "Date: 22 November 2024",              tag: "Life Coaching",              title: "We all have these gifts and abilities - Tanita helped me discover mine.",              quote: "I never knew I had the ability to heal and guide others until Tanita showed me. Her coaching sessions opened doors in my consciousness I didn't know existed. She's patient, compassionate, and incredibly insightful. I'm forever grateful.",              avatarSrc: "http://img.b2bpic.net/free-photo/indoor-shot-thoughtful-woman-with-afro-haircut-has-toothy-smile-looks-into-distance-has-rest-after-gymnastic-exercises_273609-18700.jpg",              avatarAlt: "Rachel Chen",              imageSrc: "http://img.b2bpic.net/free-photo/indoor-shot-thoughtful-woman-with-afro-haircut-has-toothy-smile-looks-into-distance-has-rest-after-gymnastic-exercises_273609-18700.jpg",              imageAlt: "Rachel Chen"
            },
            {
              id: "4",              name: "Jessica Thompson, Wellness Coach",              date: "Date: 5 December 2024",              tag: "Soul Mission",              title: "This session completely shifted my perspective on life.",              quote: "Tanita's soul mission reading gave me the clarity I desperately needed. She explained things about my journey in a way that made everything click into place. I'm now living with so much more purpose and authenticity. Thank you, Tanita.",              avatarSrc: "http://img.b2bpic.net/free-photo/brunette-woman-standing-bricks-wall-smiling-with-happy-face-looking-pointing-side-with-thumb-up_839833-15096.jpg",              avatarAlt: "Jessica Thompson",              imageSrc: "http://img.b2bpic.net/free-photo/brunette-woman-standing-bricks-wall-smiling-with-happy-face-looking-pointing-side-with-thumb-up_839833-15096.jpg",              imageAlt: "Jessica Thompson"
            },
            {
              id: "5",              name: "Michelle White, Teacher",              date: "Date: 12 December 2024",              tag: "Energy Alignment",              title: "I feel more myself than I ever have.",              quote: "Working with Tanita has been one of the most powerful investments in myself I've made. Her guidance helped me release limiting beliefs and step into my power. I genuinely feel more aligned, more confident, and more at peace with who I am.",              avatarSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12858.jpg",              avatarAlt: "Michelle White",              imageSrc: "http://img.b2bpic.net/free-photo/beautiful-woman-cafe-with-laptop_273609-12858.jpg?_wi=2",              imageAlt: "Michelle White"
            },
            {
              id: "6",              name: "Angela Davis, Healthcare Professional",              date: "Date: 18 December 2024",              tag: "Healing Journey",              title: "Tanita creates a safe space for transformation.",              quote: "From the moment I started working with Tanita, I felt safe and held. She has this rare ability to meet you exactly where you are while gently guiding you toward your highest potential. Her warmth, wisdom, and spiritual gifts make her an exceptional coach.",              avatarSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg",              avatarAlt: "Angela Davis",              imageSrc: "http://img.b2bpic.net/free-photo/friendly-successful-business-woman-posing-with-arms-crossed_74855-2813.jpg?_wi=2",              imageAlt: "Angela Davis"
            }
          ]}
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="Client testimonials section"
        />
      </div>

      <div id="how-it-works" data-section="how-it-works">
        <MetricCardOne
          title="Your Path to Clarity & Alignment"
          description="Three simple steps to begin your transformational journey"
          tag="Process"
          metrics={[
            {
              id: "1",              value: "1",              title: "Book",              description: "Schedule your personalized session at a time that works for you - in-person or online",              icon: Calendar
            },
            {
              id: "2",              value: "2",              title: "Connect",              description: "Receive deep insight, alignment, and spiritual guidance in a safe, nurturing space",              icon: Zap
            },
            {
              id: "3",              value: "3",              title: "Transform",              description: "Move forward with clarity, confidence, and alignment with your soul's purpose",              icon: Heart
            }
          ]}
          gridVariant="uniform-all-items-equal"
          animationType="slide-up"
          textboxLayout="default"
          useInvertedBackground={false}
          ariaLabel="How it works section"
        />
      </div>

      <div id="cta" data-section="cta">
        <TestimonialAboutCard
          tag="Ready To Begin?"
          tagIcon={Star}
          title="Step Into Your Power Today"
          description="Don't let another day pass feeling stuck or misaligned. Your transformation is one booking away."
          subdescription="Sessions available in Wellington Point, QLD and online for clients worldwide."
          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="Start Your Journey"
          description="Reach out to Tanita to book your session or ask any questions. She'll get back to you 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: "text", placeholder: "Which service interests you? (e.g., Soul Mission Reading, Life Alignment Coaching)" }
          ]}
          textarea={{
            name: "message",            placeholder: "What brought you here?",            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 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=1"
          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", onClick: () => handleServiceClick('1') },
                { label: "Life Alignment Coaching", onClick: () => handleServiceClick('2') },
                { label: "Energy Healing Sessions", onClick: () => handleServiceClick('3') }
              ]
            },
            {
              title: "Company",              items: [
                { label: "About Tanita", href: "#about" },
                { 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>
  );
}
