"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import HeroBillboardCarousel from '@/components/sections/hero/HeroBillboardCarousel';
import InlineImageSplitTextAbout from '@/components/sections/about/InlineImageSplitTextAbout';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCardSix';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterCard from '@/components/sections/footer/FooterCard';
import Link from 'next/link';
import { Heart, Sparkles, Award, Star, Phone, Linkedin, Mail } from "lucide-react";

export default function HomePage() {
  return (
    <ThemeProvider
      defaultButtonVariant="icon-arrow"
      defaultTextAnimation="background-highlight"
      borderRadius="sharp"
      contentWidth="mediumLarge"
      sizing="medium"
      background="floatingGradient"
      cardStyle="solid"
      primaryButtonStyle="diagonal-gradient"
      secondaryButtonStyle="layered"
      headingFontWeight="medium"
      buttonStyles={{ backgroundColor: "beige" }}
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="Elina Tsiva"
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Services", id: "/services" },
            { name: "Contact", id: "/contact" }
          ]}
          button={{
            text: "Book a Session",
            href: "/contact"
          }}
        />
      </div>

      <div id="hero" data-section="hero">
        <HeroBillboardCarousel
          title="Compassionate Mental Health Therapy in San Diego"
          description="Work with Dr. Elina Tsiva, a dedicated therapist specializing in evidence-based treatment approaches. Find healing, build resilience, and transform your mental health journey in a safe, confidential environment."
          tag="Professional Therapy"
          tagIcon={Heart}
          background={{ variant: "sparkles-gradient" }}
          buttons={[
            { text: "Schedule Consultation", href: "/contact" },
            { text: "Learn More", href: "/about" }
          ]}
          mediaItems={[
            {
              imageSrc: "https://img.b2bpic.net/free-photo/person-working-office_23-2149229074.jpg",
              imageAlt: "Welcoming therapy office space"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/woman-doing-yoga_329181-12761.jpg",
              imageAlt: "Calm meditation space for healing"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/i-always-feel-relieved-after-session-with-you_637285-9953.jpg",
              imageAlt: "Therapeutic environment with comfort"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-practicing-yoga-while-sitting-lotus-position-beach-rock-sunset-copy-space_637285-5485.jpg",
              imageAlt: "Mental wellness and mindfulness"
            },
            {
              imageSrc: "https://img.b2bpic.net/free-photo/worry-you-are-alone-this_637285-10047.jpg",
              imageAlt: "Professional therapy consultation"
            }
          ]}
        />
      </div>

      <div id="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "Meet Dr. Elina Tsiva" },
            { type: "image", src: "https://img.b2bpic.net/free-photo/smiling-portrait-young-woman-sitting-gray-sofa-looking-camera_23-2148053192.jpg", alt: "Dr. Elina Tsiva" }
          ]}
          useInvertedBackground="noInvert"
          buttons={[
            { text: "Book Your First Session", href: "/contact" }
          ]}
        />
      </div>

      <div id="benefits" data-section="benefits">
        <MetricCardSeven
          title="Why Choose Dr. Elina Tsiva"
          description="Proven expertise and compassionate care for your mental health journey."
          tag="Benefits"
          tagIcon={Award}
          textboxLayout="default"
          metrics={[
            {
              id: "1",
              value: "15+",
              title: "Years of Clinical Experience",
              items: [
                "Specialized training in trauma therapy",
                "Continuous professional development",
                "Licensed and credentialed therapist"
              ]
            },
            {
              id: "2",
              value: "500+",
              title: "Clients Successfully Treated",
              items: [
                "Diverse therapeutic backgrounds",
                "High client satisfaction rates",
                "Proven treatment outcomes"
              ]
            },
            {
              id: "3",
              value: "100%",
              title: "Confidential & Private Care",
              items: [
                "HIPAA compliant practice",
                "Secure telehealth options",
                "Safe therapeutic environment"
              ]
            }
          ]}
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          title="Client Stories & Testimonials"
          description="Real experiences from people who've transformed their mental health through therapy with Dr. Tsiva."
          tag="Testimonials"
          tagIcon={Star}
          textboxLayout="default"
          animationType="slide-up"
          useInvertedBackground="noInvert"
          testimonials={[
            {
              id: "1",
              name: "Maria S.",
              handle: "@maria_transformed",
              testimonial: "Dr. Tsiva's compassionate approach helped me work through deep-seated anxiety. The tools she taught me have changed my life completely.",
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-woman-sitting-couch_23-2149927565.jpg",
              imageAlt: "Maria S."
            },
            {
              id: "2",
              name: "James M.",
              handle: "@james_healing",
              testimonial: "After years of struggling with trauma, I finally found effective help. Dr. Tsiva's expertise in trauma-informed care was exactly what I needed.",
              imageSrc: "https://img.b2bpic.net/free-photo/psychologist-with-glasses-sitting-chair-office_1157-28349.jpg",
              imageAlt: "James M."
            },
            {
              id: "3",
              name: "Sophie L.",
              handle: "@sophie_renewed",
              testimonial: "The professional environment combined with genuine care makes all the difference. I feel heard and supported in every session.",
              imageSrc: "https://img.b2bpic.net/free-photo/medium-shot-woman-sitting-couch_23-2149927564.jpg",
              imageAlt: "Sophie L."
            },
            {
              id: "4",
              name: "David K.",
              handle: "@david_progress",
              testimonial: "Dr. Tsiva's CBT approach gave me practical strategies to manage stress and build resilience. Highly recommend her to anyone seeking meaningful change.",
              imageSrc: "https://img.b2bpic.net/free-photo/expressive-senior-female-posing-indoor_344912-1315.jpg",
              imageAlt: "David K."
            },
            {
              id: "5",
              name: "Elena R.",
              handle: "@elena_grateful",
              testimonial: "From Ukraine, Dr. Tsiva brings cultural sensitivity and understanding. She helped me navigate both personal and cultural challenges beautifully.",
              imageSrc: "https://img.b2bpic.net/free-photo/front-view-woman-writing-notebook_23-2149927560.jpg",
              imageAlt: "Elena R."
            },
            {
              id: "6",
              name: "Michael T.",
              handle: "@michael_better",
              testimonial: "The confidential, professional environment makes you feel safe to explore difficult emotions. Best decision I made for my mental health.",
              imageSrc: "https://img.b2bpic.net/free-photo/mid-shot-woman-therapist-with-clipboard_23-2148759113.jpg",
              imageAlt: "Michael T."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Get Started"
          tagIcon={Phone}
          title="Book Your Therapy Session Today"
          description="Take the first step toward mental health and wellbeing. Schedule your confidential consultation with Dr. Elina Tsiva. Your healing journey starts here."
          background={{ variant: "radial-gradient" }}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email address"
          buttonText="Schedule Consultation"
          termsText="By submitting, you agree to our privacy policy. We'll contact you within 24 business hours to confirm your consultation."
        />
      </div>

      <FooterCard
        logoText="Elina Tsiva, LMFT"
        copyrightText="© 2025 Dr. Elina Tsiva Mental Health Therapy. All rights reserved. San Diego, CA"
        socialLinks={[
          {
            icon: Linkedin,
            href: "https://linkedin.com/in/elina-tsiva",
            ariaLabel: "LinkedIn"
          },
          {
            icon: Mail,
            href: "mailto:contact@elinatsiva.com",
            ariaLabel: "Email"
          }
        ]}
      />
    </ThemeProvider>
  );
}