"use client";

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

export default function AboutPage() {
  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="about" data-section="about">
        <InlineImageSplitTextAbout
          heading={[
            { type: "text", content: "About Dr. Elina Tsiva - Your Dedicated Mental Health Professional" },
            { 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: "Schedule Your Consultation", href: "/contact" },
            { text: "View Services", href: "/services" }
          ]}
        />
      </div>

      <div id="qualifications" data-section="qualifications">
        <MetricCardSeven
          title="Professional Qualifications & Expertise"
          description="Dr. Elina Tsiva brings extensive training and specialized expertise to provide the highest quality mental health care in San Diego."
          tag="Credentials"
          tagIcon={Award}
          textboxLayout="default"
          metrics={[
            {
              id: "1",
              value: "LMFT",
              title: "Licensed Marriage & Family Therapist",
              items: [
                "California State Licensed #12345",
                "Master's in Clinical Psychology",
                "Specialized trauma certification"
              ]
            },
            {
              id: "2",
              value: "15+",
              title: "Years Clinical Experience",
              items: [
                "Individual and couples therapy",
                "Trauma-informed treatment",
                "Evidence-based approaches"
              ]
            },
            {
              id: "3",
              value: "500+",
              title: "Successful Treatment Cases",
              items: [
                "Anxiety and depression specialist",
                "PTSD and trauma recovery",
                "Life transition support"
              ]
            }
          ]}
          animationType="slide-up"
          useInvertedBackground="noInvert"
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Ready to Start"
          tagIcon={Phone}
          title="Begin Your Healing Journey with Dr. Tsiva"
          description="Take the first step toward improved mental health and emotional wellbeing. Dr. Tsiva is here to support you with compassionate, professional care tailored to your unique needs."
          background={{ variant: "radial-gradient" }}
          useInvertedBackground="noInvert"
          inputPlaceholder="Enter your email to get started"
          buttonText="Book Consultation"
          termsText="Your privacy is protected. We'll contact you within 24 hours to schedule your confidential 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>
  );
}