"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
import FaqSplitMedia from "@/components/sections/faq/FaqSplitMedia";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import Link from "next/link";
import { CheckCircle, Calendar, HelpCircle } from "lucide-react";

export default function ServicesPage() {
  return (
    <ThemeProvider
      defaultButtonVariant="bounce-effect"
      defaultTextAnimation="entrance-slide"
      borderRadius="pill"
      contentWidth="compact"
      sizing="largeSmallSizeMediumTitles"
      background="noise"
      cardStyle="glass-depth"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="solid"
      headingFontWeight="extrabold"
    >
      <div id="nav" data-section="nav">
        <NavbarLayoutFloatingOverlay
          brandName="City Hospital"
          navItems={[
            { name: "Home", id: "/" },
            { name: "About", id: "/about" },
            { name: "Services", id: "/services" },
            { name: "Doctors", id: "/doctors" },
            { name: "Contact", id: "/contact" },
          ]}
          button={{ text: "Book Appointment", href: "/contact" }}
        />
      </div>

      <div id="services-comparison" data-section="services-comparison">
        <FeatureCardSixteen
          negativeCard={{
            items: [
              "Fragmented healthcare experience",
              "Limited doctor availability",
              "Unclean facilities",
              "Uncomfortable recovery spaces",
              "No family support",
            ],
          }}
          positiveCard={{
            items: [
              "Integrated maternity care pathway",
              "Multiple qualified gynecologists",
              "Hospital-grade cleanliness standards",
              "Private recovery rooms with family access",
              "Partner-friendly delivery options",
            ],
          }}
          animationType="entrance-slide"
          title="Why Choose City Hospital for Your Maternity Care"
          description="Experience the difference that comprehensive, compassionate maternal healthcare makes. Our integrated approach ensures you receive the best possible care at every stage of your pregnancy journey."
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Our Services"
          tagIcon={CheckCircle}
          tagAnimation="entrance-slide"
        />
      </div>

      <div id="faq-services" data-section="faq-services">
        <FaqSplitMedia
          faqs={[
            {
              id: "1",
              title: "What prenatal services are included?",
              content: "Our comprehensive prenatal packages include regular checkups, ultrasound scans, blood tests, antenatal classes, nutrition counseling, and emotional support from conception through delivery. We monitor your health and your baby's development at every stage.",
            },
            {
              id: "2",
              title: "What delivery options do you offer?",
              content: "We provide both normal vaginal delivery and cesarean delivery options. Our experienced team will discuss the safest approach for your specific situation. We support natural birth when medically appropriate and provide skilled surgical intervention when needed.",
            },
            {
              id: "3",
              title: "What postpartum care is provided?",
              content: "After delivery, we provide comprehensive postpartum care including wound care, lactation support, newborn care assistance, postnatal exercises, and emotional counseling. Extended stay options are available for additional recovery time.",
            },
          ]}
          imageSrc="http://img.b2bpic.net/free-photo/childcare-healthcare-facility-staff-high-fiving-ill-kid-medical-treatment-nurse-doing-high-five-gesture-with-sick-girl-resting-hospital-pediatric-ward-patient-bed_482257-49741.jpg"
          imageAlt="Comprehensive Healthcare Services"
          title="Common Questions About Our Services"
          description="Get detailed information about our maternal care offerings and what to expect during your journey with City Hospital."
          tag="Patient Information"
          tagIcon={HelpCircle}
          tagAnimation="entrance-slide"
          textboxLayout="default"
          useInvertedBackground={false}
          mediaAnimation="entrance-slide"
          faqsAnimation="entrance-slide"
          mediaPosition="left"
          animationType="smooth"
        />
      </div>

      <div id="contact-services" data-section="contact-services">
        <ContactCenter
          tag="Ready to Begin?"
          title="Schedule Your First Prenatal Appointment"
          description="Book a consultation with our experienced gynecologists to discuss your pregnancy and maternity care options. Our team is ready to provide personalized care for your unique journey."
          tagIcon={Calendar}
          tagAnimation="entrance-slide"
          background={{ variant: "rotated-rays-animated" }}
          useInvertedBackground={false}
          inputPlaceholder="Enter your email"
          buttonText="Book Now"
          termsText="We respect your privacy. Our appointment team will contact you within 24 hours to confirm your preferred time."
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterLogoReveal
          logoText="City Hospital"
          leftLink={{ text: "Privacy Policy", href: "#" }}
          rightLink={{ text: "Terms of Service", href: "#" }}
        />
      </div>
    </ThemeProvider>
  );
}