"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import ContactCenter from '@/components/sections/contact/ContactCenter';
import FooterCard from '@/components/sections/footer/FooterCard';
import Link from 'next/link';
import { Sparkles, Phone, Linkedin, Mail } from "lucide-react";

export default function ServicesPage() {
  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"
    >
      <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="services" data-section="services">
        <FeatureCardOne
          title="Specialized Therapy Services"
          description="Evidence-based treatment approaches tailored to your unique needs. Dr. Tsiva combines therapeutic expertise with compassionate care to help you achieve lasting mental health improvements."
          tag="Services"
          tagIcon={Sparkles}
          textboxLayout="default"
          features={[
            {
              title: "Individual Psychotherapy",
              description: "One-on-one therapy sessions addressing anxiety, depression, trauma, and life challenges with proven therapeutic techniques.",
              imageSrc: "https://img.b2bpic.net/free-photo/caring-nurse-consoling-mature-woman-waiting-room-medical-clinic_637285-9085.jpg",
              imageAlt: "Individual psychotherapy session",
              button: { text: "Learn More", href: "/contact" }
            },
            {
              title: "Cognitive Behavioral Therapy (CBT)",
              description: "Structured approach to identify and change negative thought patterns and behaviors that impact your mental health.",
              imageSrc: "https://img.b2bpic.net/free-photo/closeup-smiling-business-woman-supporting-colleague_1262-12283.jpg",
              imageAlt: "Cognitive behavioral therapy techniques",
              button: { text: "Schedule CBT", href: "/contact" }
            },
            {
              title: "Trauma-Informed Care",
              description: "Specialized treatment for trauma survivors using EMDR and somatic approaches in a safe, validating therapeutic relationship.",
              imageSrc: "https://img.b2bpic.net/free-photo/crop-teenager-meditating-pier_23-2147707632.jpg",
              imageAlt: "Trauma-informed therapy environment",
              button: { text: "Get Help", href: "/contact" }
            },
            {
              title: "Anxiety & Stress Management",
              description: "Practical coping strategies and mindfulness techniques to manage anxiety and build emotional resilience.",
              imageSrc: "https://img.b2bpic.net/free-photo/young-woman-practicing-yoga-while-sitting-lotus-position-beach-rock-sunset-copy-space_637285-5485.jpg",
              imageAlt: "Anxiety and stress management techniques",
              button: { text: "Find Relief", href: "/contact" }
            }
          ]}
          gridVariant="two-columns-alternating-heights"
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="faq" data-section="faq">
        <FaqSplitText
          sideTitle="Common Questions About Therapy Services"
          sideDescription="Find answers to help you understand our therapy process and what to expect when working with Dr. Elina Tsiva."
          textPosition="left"
          useInvertedBackground="noInvert"
          faqs={[
            {
              id: "1",
              title: "What types of therapy do you offer?",
              content: "Dr. Tsiva specializes in Individual Psychotherapy, Cognitive Behavioral Therapy (CBT), Trauma-Informed Care using EMDR techniques, and Anxiety & Stress Management. Each approach is tailored to your specific needs and therapeutic goals."
            },
            {
              id: "2",
              title: "How long are therapy sessions?",
              content: "Standard therapy sessions are 50 minutes long. Initial consultations may run slightly longer to allow time for comprehensive assessment and treatment planning. Session frequency is typically weekly but can be adjusted based on your needs."
            },
            {
              id: "3",
              title: "Do you offer specialized trauma treatment?",
              content: "Yes, Dr. Tsiva provides specialized trauma-informed care including EMDR (Eye Movement Desensitization and Reprocessing) and somatic approaches. She has extensive training in treating PTSD, complex trauma, and trauma-related anxiety and depression."
            }
          ]}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Book Now"
          tagIcon={Phone}
          title="Schedule Your Therapy Session"
          description="Ready to begin your healing journey? Contact Dr. Tsiva to schedule your confidential consultation and take the first step toward improved mental health and wellbeing."
          background={{ variant: "radial-gradient" }}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email to schedule"
          buttonText="Book Session"
          termsText="Your information is confidential and protected by HIPAA. We'll respond within 24 business hours to schedule your appointment."
        />
      </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>
  );
}