import { fetchPageData } from "@/services/api";
import { ClinicBuellePageProps } from "@/types/clinic-buelle";
import Breadcrumbs from "@/components/CommonComponent/BreadCrumbs";
import ClinicSubLocationsBanner from "@/components/clinics-and-doctors/ClinicSubLocationsBanner";
import ClinicalMachineSwiper from "@/components/clinics-and-doctors/ClinicalMachineSwiper";
import ClinicFacilities from "@/components/clinics-and-doctors/ClinicFacilities";
import ClinicServices from "@/components/clinics-and-doctors/ClinicServices";
import ClinicalMedicalExperts from "@/components/clinics-and-doctors/MedicalExperts";
import ClinicEquipments from "@/components/clinics-and-doctors/ClinicEquipments";
import RomontTestimonials from "@/components/ReviewsAndTestimonials/RomontTestimonials";
import LiveBooking from "@/components/CommonComponent/LiveBooking";
import { Metadata } from "next";
import { createSeo } from "@/seo/MetaSeo";

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

export default async function RomontPage() {
    const buellepagedata = await fetchPageData<ClinicBuellePageProps>("pages/romont-clinic");

    return (
        <>
            <Breadcrumbs items={buellepagedata?.data?.breadcrumbs} />
            <ClinicSubLocationsBanner {...buellepagedata?.data?.clinical_banner} locationSlug="romont" />
            <ClinicalMachineSwiper {...buellepagedata?.data?.clinicpage_image_slider} />
            <ClinicFacilities {...buellepagedata?.data?.clinical_facilities} />
            <ClinicServices {...buellepagedata?.data?.clinicpage_service_clinic} />
            <ClinicalMedicalExperts {...buellepagedata?.data?.clinicpage_specialist_details} />
            <ClinicEquipments {...buellepagedata?.data?.clinicpage_equipments_details} />
            <section className="mb-16 md:mb-24 xl:mb-30">
                <div className="container">
                    <RomontTestimonials />
                </div>
            </section>
            <LiveBooking {...buellepagedata?.data?.live_booking} />
        </>
    );
}