"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
import HeroSplit from "@/components/sections/hero/HeroSplit";
import MetricCardSeven from "@/components/sections/metrics/MetricCardSeven";
import FeatureCardSixteen from "@/components/sections/feature/FeatureCardSixteen";
import MediaAbout from "@/components/sections/about/MediaAbout";
import TestimonialCardSix from "@/components/sections/testimonial/TestimonialCardSix";
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
import ContactCenter from "@/components/sections/contact/ContactCenter";
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
import Link from "next/link";
import { Heart, Sparkles, CheckCircle, Shield, Star, Award, Calendar, HelpCircle } from "lucide-react";

export default function HomePage() {
  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="hero" data-section="hero">
        <HeroSplit
          title="Compassionate Care for Mothers & Newborns"
          description="Welcome to City Hospital Maternity Home, where expert care meets warm hospitality. We provide safe delivery, prenatal care, and postnatal support for every precious moment of your motherhood journey."
          tag="24/7 Emergency Care"
          tagIcon={Heart}
          tagAnimation="entrance-slide"
          background={{ variant: "plain" }}
          imageSrc="http://img.b2bpic.net/free-photo/senior-medic-checking-iv-drip-bag-explaining-caesarean-surgery-pregnant-woman-hospital-ward-woman-with-pregnancy-lying-bed-discussing-motherhood-with-future-father_482257-64307.jpg"
          imageAlt="City Hospital Maternity Home - Compassionate Care"
          imagePosition="right"
          mediaAnimation="entrance-slide"
          buttons={[
            { text: "Call Now", href: "tel:+923334567890" },
            { text: "Book Appointment", href: "/contact" },
          ]}
          buttonAnimation="entrance-slide"
        />
      </div>

      <div id="highlights" data-section="highlights">
        <MetricCardSeven
          metrics={[
            {
              id: "1",
              value: "24/7",
              title: "Emergency Maternity Care",
              items: ["24-hour gynecologist availability", "Rapid emergency response team", "Round-the-clock nursing support"],
            },
            {
              id: "2",
              value: "100%",
              title: "Safe Delivery Environment",
              items: ["WHO-compliant hygiene standards", "State-of-the-art equipment", "Sterile operation theatres"],
            },
            {
              id: "3",
              value: "15+",
              title: "Years of Excellence",
              items: ["Experienced gynecologists", "Qualified nursing staff", "Trusted by 5000+ families"],
            },
            {
              id: "4",
              value: "Affordable",
              title: "Transparent Pricing",
              items: ["Clear delivery packages", "Insurance accepted", "Flexible payment options"],
            },
          ]}
          title="Why City Hospital Leads Maternity Care"
          description="Trusted by families across Karachi with proven expertise in compassionate maternal healthcare"
          tag="Quick Highlights"
          tagIcon={Sparkles}
          tagAnimation="entrance-slide"
          textboxLayout="default"
          useInvertedBackground={false}
          animationType="entrance-slide"
        />
      </div>

      <div id="services" data-section="services">
        <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="Comprehensive Maternity Services"
          description="From prenatal care to postpartum support, we offer specialized services tailored to every stage of motherhood"
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Our Services"
          tagIcon={CheckCircle}
          tagAnimation="entrance-slide"
        />
      </div>

      <div id="why-choose" data-section="why-choose">
        <MediaAbout
          title="Trusted Maternal Healthcare Since 2010"
          description="City Hospital Maternity Home is dedicated to providing compassionate, safe, and affordable maternal healthcare to mothers across Karachi. Our mission is to make motherhood safer and healthier for every family we serve."
          tag="Our Commitment"
          tagIcon={Shield}
          tagAnimation="entrance-slide"
          imageSrc="http://img.b2bpic.net/free-photo/team-doctors-standing-together-hospital-premises_107420-84769.jpg"
          imageAlt="City Hospital Maternity Home - Professional Team"
          buttons={[{ text: "Learn About Our Team", href: "/doctors" }]}
          buttonAnimation="entrance-slide"
          useInvertedBackground={false}
        />
      </div>

      <div id="testimonials" data-section="testimonials">
        <TestimonialCardSix
          testimonials={[
            {
              id: "1",
              name: "Amira Khan",
              handle: "First-time mother",
              testimonial: "The entire team at City Hospital made me feel so safe and supported. The doctors were incredibly professional and the nurses were so caring. I would recommend them to every expectant mother!",
              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
              imageAlt: "Amira Khan",
            },
            {
              id: "2",
              name: "Fatima Ahmed",
              handle: "Mother of two",
              testimonial: "After a complicated first delivery elsewhere, I chose City Hospital for my second child. The difference was night and day. Highly compassionate care and excellent facilities.",
              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
              imageAlt: "Fatima Ahmed",
            },
            {
              id: "3",
              name: "Sara Malik",
              handle: "High-risk pregnancy survivor",
              testimonial: "During my high-risk pregnancy, the doctors at City Hospital provided constant monitoring and reassurance. Thanks to their expertise, both me and my baby are healthy and thriving.",
              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
              imageAlt: "Sara Malik",
            },
            {
              id: "4",
              name: "Hira Hassan",
              handle: "Caesarean delivery patient",
              testimonial: "The surgical team was incredibly skilled and the postpartum care was exceptional. I felt completely cared for during my recovery. Truly grateful to the entire staff.",
              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
              imageAlt: "Hira Hassan",
            },
            {
              id: "5",
              name: "Zainab Raza",
              handle: "Ultrasound patient",
              testimonial: "The diagnostic services are top-notch. Clear ultrasound images, professional staff, and affordable rates. They answered all my questions without rushing.",
              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
              imageAlt: "Zainab Raza",
            },
            {
              id: "6",
              name: "Nida Ali",
              handle: "Postpartum care recipient",
              testimonial: "The follow-up care after delivery was wonderfully organized. Regular check-ins, lactation support, and emotional counseling. City Hospital truly cares about mothers.",
              imageSrc: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg",
              imageAlt: "Nida Ali",
            },
          ]}
          animationType="entrance-slide"
          title="What Mothers Say About Us"
          description="Real stories from families who trusted us with their most precious moments"
          textboxLayout="default"
          useInvertedBackground={false}
          tag="Patient Testimonials"
          tagIcon={Star}
          tagAnimation="entrance-slide"
          speed={40}
          topMarqueeDirection="left"
        />
      </div>

      <div id="social-proof" data-section="social-proof">
        <SocialProofOne
          names={[
            "Pakistan Medical Association",
            "Karachi Health Department",
            "International Maternal Care Alliance",
            "WHO Guidelines Compliance",
            "IVF & Fertility Center Partners",
            "Pediatric Care Network",
            "Insurance Panel Members",
            "NGO Health Alliance",
          ]}
          title="Affiliated & Recognized"
          description="City Hospital maintains partnerships with leading healthcare organizations and follows international maternal care standards"
          tag="Partnerships"
          tagIcon={Award}
          tagAnimation="entrance-slide"
          textboxLayout="default"
          useInvertedBackground={false}
          speed={40}
          showCard={true}
        />
      </div>

      <div id="contact" data-section="contact">
        <ContactCenter
          tag="Ready to Begin?"
          title="Book Your Appointment Today"
          description="Join thousands of families who have chosen City Hospital Maternity Home for safe, compassionate maternal healthcare in Karachi."
          tagIcon={Calendar}
          tagAnimation="entrance-slide"
          background={{ variant: "rotated-rays-animated" }}
          useInvertedBackground={false}
          inputPlaceholder="Enter your email"
          buttonText="Get in Touch"
          termsText="We respect your privacy. We'll contact you via WhatsApp or phone to confirm your appointment."
        />
      </div>

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