import { Metadata } from "next";
import { createSeo } from "@/seo/MetaSeo";
import { fetchPageData } from "@/services/api";
import { ClinicsAndDoctorsPageProps } from "@/types/clinics-and-doctors";
import Breadcrumbs from "@/components/CommonComponent/BreadCrumbs";
import ClinicBanner from "@/components/clinics-and-doctors/ClinicMainBanner";
import ContentCounter from "@/components/CommonComponent/ContentCounter";
import MedicalPartners from "@/components/CommonComponent/MedicalPartners";
import LiveBooking from "@/components/CommonComponent/LiveBooking";
import GeneralTestimonials from "@/components/ReviewsAndTestimonials/GeneralTestimonial";
import ClinicalExcellence from "@/components/clinics-and-doctors/ClinicalExcellence";
import ClinicsLocations from "@/components/clinics-and-doctors/ClinicsLocations";
import ClinicalMedicalExperts from "@/components/clinics-and-doctors/MedicalExperts";
import ClinicalMachineSwiper from "@/components/clinics-and-doctors/ClinicalMachineSwiper";
import RequestCostResources from "@/components/CommonComponent/CostResources";

export async function generateMetadata(): Promise<Metadata> {
    return createSeo("pages/our-clinics-and-doctors", "/clinics-and-doctors");
}

export default async function ClinicsAndDoctorsPage() {
    const clinicsdoctorspagedata = await fetchPageData<ClinicsAndDoctorsPageProps>("pages/clinics-and-doctors");

    return (
        <>
            <Breadcrumbs items={clinicsdoctorspagedata?.data?.breadcrumbs} />
            <ClinicBanner {...clinicsdoctorspagedata?.data?.about_banner} />
            <ContentCounter
                className=" py-8 md:py-6"
                counter={clinicsdoctorspagedata?.data?.about_counter?.counter}
            />
            <ClinicalExcellence
                {...clinicsdoctorspagedata?.data?.homepage_card_content__left_heading}
            />
            <MedicalPartners
                {...clinicsdoctorspagedata?.data?.homepage_medical_logos_with_cta}
                showButton={false}
                className="mb-16 md:mb-30"
            />
            <RequestCostResources {...clinicsdoctorspagedata?.data?.clinicpage_left_content_button_with_right_image_with_points} />
            <ClinicsLocations
                {...clinicsdoctorspagedata?.data?.homepage_locations}
            />
            <ClinicalMachineSwiper {...clinicsdoctorspagedata?.data?.clinicpage_image_slider} />
            <ClinicalMedicalExperts {...clinicsdoctorspagedata?.data?.clinicpage_specialist_details} />
            <section className="mb-16 md:mb-24 xl:mb-30">
                <div className="container">
                    <GeneralTestimonials />
                </div>
            </section>
            <LiveBooking {...clinicsdoctorspagedata?.data?.live_booking} />
        </>
    );
}