import { Metadata } from "next";
import { createSeo } from "@/seo/MetaSeo";
import Breadcrumbs from "@/components/CommonComponent/BreadCrumbs";
import AboutUsBanner from "@/components/AboutUs/Banner";
import ContentCounter from "@/components/CommonComponent/ContentCounter";
import KeyStrength from "@/components/CommonComponent/KeyStrength";
import AboutFlagshipServices from "@/components/AboutUs/FlagshipServices";
import MedicalPartners from "@/components/CommonComponent/MedicalPartners";
import OurSpecialist from "@/components/CommonComponent/OurSpecialist";
import ClinicShowcase from "@/components/CommonComponent/ClinicShowcase";
import PatientCareTreatment from "@/components/AboutUs/PatientCare";
import LayserSurgeryVision from "@/components/Homepage/LayserSurgeryVision";
import LiveBooking from "@/components/CommonComponent/LiveBooking";
import { fetchPageData } from "@/services/api";
import { AboutUsPageProps } from "@/types/about-us";

export const dynamic = "force-dynamic";

/*** Dynamic SEO metadata generator for the About Us page*/
export async function generateMetadata(): Promise<Metadata> {
  return createSeo("pages/about-us", "/about-us");
}

export default async function AboutUs() {
  const aboutuspagedata = await fetchPageData<AboutUsPageProps>("pages/about-us");

  return (
    <>
      {/* <Breadcrumbs
        items={[
          { title: "Home", url: "/" },
          { title: "About Us" },
        ]}
      /> */}
      <Breadcrumbs items={aboutuspagedata?.data?.breadcrumbs} />
      <AboutUsBanner {...aboutuspagedata?.data?.about_banner} />
      <ContentCounter
        className=" py-8 md:py-6 mb-16 md:mb-30"
        counter={aboutuspagedata?.data?.about_counter?.counter}
      />
      <KeyStrength
        cardBgClass="bg-[#F2F4F6]"
        {...aboutuspagedata?.data?.homepage_card_content__left_heading}
      />
      <AboutFlagshipServices {...aboutuspagedata?.data?.homepage_services} />
      <MedicalPartners
        {...aboutuspagedata?.data?.homepage_medical_logos_with_cta}
        showButton={false}
        className="border-b border-[#E5E9ED] pb-8 md:pb-20 mb-16 md:mb-30"
      />
      <OurSpecialist {...aboutuspagedata?.data?.homepage_meet_team} />
      <ClinicShowcase {...aboutuspagedata?.data?.homepage_left_content_with_right_image} />
      <PatientCareTreatment {...aboutuspagedata?.data?.about_care_treatment} />
      <LiveBooking {...aboutuspagedata?.data?.live_booking} />
    </>
  );
}