"use client";

import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
import FeatureCardTen from '@/components/sections/feature/FeatureCardTen';
import FaqSplitText from '@/components/sections/faq/FaqSplitText';
import FooterMedia from '@/components/sections/footer/FooterMedia';
import { Scan, Camera, Radiation, ShieldCheck, HeartHandshake, Apple, Network, CalendarClock, ClipboardList } from 'lucide-react';

export default function ServicesPage() {
  const navItems = [
    { name: "Services", id: "/services" },
    { name: "Doctors", id: "/doctors" }
  ];

  const footerColumns = [
    {
      title: "Quick Links",      items: [
        { label: "Services", href: "/services" },
        { label: "Doctors", href: "/doctors" }
      ]
    },
    {
      title: "Departments",      items: [
        { label: "General Medicine", href: "/services#general-medicine" },
        { label: "Dental Care", href: "/services#dental-care" },
        { label: "Cardiology", href: "/services#cardiology" },
        { label: "Orthopedics", href: "/services#orthopedics" }
      ]
    },
    {
      title: "Support",      items: [
        { label: "Emergency: +1 (123) 456-7890", href: "tel:+11234567890" }
      ]
    }
  ];

  return (
    <ThemeProvider
      defaultButtonVariant="text-shift"
      defaultTextAnimation="reveal-blur"
      borderRadius="soft"
      contentWidth="small"
      sizing="mediumLargeSizeMediumTitles"
      background="noiseDiagonalGradient"
      cardStyle="outline"
      primaryButtonStyle="primary-glow"
      secondaryButtonStyle="layered"
      headingFontWeight="bold"
    >
      <div id="nav" data-section="nav">
        <NavbarStyleCentered
          brandName="NovaCare Clinic"
          navItems={navItems}
        />
      </div>

      <div id="detailed-services" data-section="detailed-services">
        <FeatureCardTen
          title="Comprehensive Services for Your Well-being"
          description="From routine care to specialized treatments, NovaCare Clinic offers a full spectrum of services designed to meet your every health need."
          features={[
            {
              title: "Advanced Diagnostic Imaging",              description: "Utilising cutting-edge MRI, CT, and X-ray technologies for precise and accurate diagnoses.",              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/patient-ready-get-ct-scan-medium-shot_23-2149341500.jpg",                imageAlt: "Advanced Diagnostic Imaging"
              },
              items: [
                { icon: Scan, text: "MRI Scans" },
                { icon: Camera, text: "CT Scans" },
                { icon: Radiation, text: "Digital X-rays" }
              ],
              reverse: false
            },
            {
              title: "Personalised Preventive Care",              description: "Proactive health management through regular screenings, vaccinations, and lifestyle counselling tailored to you.",              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/african-american-doctor-talking-about-medicines-with-mature-woman-home-visit_637285-11326.jpg",                imageAlt: "Personalised Preventive Care"
              },
              items: [
                { icon: ShieldCheck, text: "Wellness Checkups" },
                { icon: HeartHandshake, text: "Vaccination Programs" },
                { icon: Apple, text: "Lifestyle Coaching" }
              ],
              reverse: true
            },
            {
              title: "Seamless Specialist Referrals",              description: "Access to our extensive network of top specialists with streamlined referral processes and coordinated care plans.",              media: {
                imageSrc: "http://img.b2bpic.net/free-photo/team-technicians-working-server-farm-using-laptops-analyze-data_482257-125909.jpg",                imageAlt: "Seamless Specialist Referrals"
              },
              items: [
                { icon: Network, text: "Expert Network Access" },
                { icon: CalendarClock, text: "Priority Appointments" },
                { icon: ClipboardList, text: "Integrated Care Plans" }
              ],
              reverse: false
            }
          ]}
          textboxLayout="split"
          animationType="slide-up"
          useInvertedBackground={true}
        />
      </div>

      <div id="service-faq" data-section="service-faq">
        <FaqSplitText
          faqs={[
            {
              id: "1",              title: "What insurance plans do you accept?",              content: "NovaCare Clinic accepts a wide range of insurance providers. Please contact our billing department or check our website for a detailed list of accepted plans before your visit."
            },
            {
              id: "2",              title: "How can I book an appointment?",              content: "You can easily book an appointment through our online portal, by calling our reception desk, or using our mobile app. We offer flexible scheduling options."
            },
            {
              id: "3",              title: "Do you offer telemedicine consultations?",              content: "Yes, NovaCare Clinic provides secure and convenient telemedicine consultations for various specialties. Please inquire when booking your appointment."
            },
            {
              id: "4",              title: "What are your clinic's operating hours?",              content: "Our main clinic operates from Monday to Friday, 8:00 AM to 6:00 PM, with extended hours for certain specialties. Emergency services are available 24/7."
            },
            {
              id: "5",              title: "How do I access my patient records?",              content: "Patient records are securely accessible through your personal patient dashboard on our website or mobile app. You will receive login credentials upon your first visit."
            }
          ]}
          sideTitle="Frequently Asked Questions"
          sideDescription="Find quick answers to common questions about our services, appointments, and clinic operations."
          faqsAnimation="slide-up"
          textPosition="left"
          useInvertedBackground={false}
        />
      </div>

      <div id="footer" data-section="footer">
        <FooterMedia
          imageSrc="http://img.b2bpic.net/free-photo/futuristic-store-with-abstract-concept-architecture_23-2150861962.jpg"
          imageAlt="Modern Clinic at Sunset"
          logoText="NovaCare Clinic"
          columns={footerColumns}
          copyrightText="© 2024 NovaCare Clinic. All rights reserved."
        />
      </div>
    </ThemeProvider>
  );
}