"use client";

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

export default function ContactPage() {
  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="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>

      <div id="booking-faq" data-section="booking-faq">
        <FaqSplitText
          sideTitle="Booking & Consultation Process"
          sideDescription="Everything you need to know about scheduling your first appointment and what to expect."
          textPosition="left"
          useInvertedBackground="noInvert"
          faqs={[
            {
              id: "1",
              title: "How do I schedule my first appointment?",
              content: "You can schedule your initial consultation by filling out the form above or calling our office directly. Dr. Tsiva typically has availability within 1-2 weeks. We'll confirm your preferred time and discuss any initial concerns before your first visit."
            },
            {
              id: "2",
              title: "What should I expect in my first session?",
              content: "Your first session is an opportunity to build rapport and understand your needs. Dr. Tsiva will ask about your background, current challenges, and therapy goals. You'll also discuss confidentiality, treatment approach, and logistics. Most importantly, you'll get a sense of whether this therapeutic relationship feels right for you."
            },
            {
              id: "3",
              title: "Do you offer telehealth sessions?",
              content: "Yes, Dr. Tsiva offers secure telehealth appointments for clients who prefer remote sessions. This allows flexibility while maintaining the same level of care and confidentiality as in-office therapy. Technical requirements and setup instructions will be provided upon scheduling."
            }
          ]}
        />
      </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>
  );
}