import React from "react";
import AosComponent from "@/components/aos.component";
import OurServicesComponent from "@/components/our.services.component";
import AboutUsComponent from "@/components/about.us.component";
import OurSpecialitiesComponent from "@/components/our.specialities.component";
import ContactUsComponent from "@/components/contact.us.component";
import PricingComponent from "@/components/pricing.component";
import FeedbackComponent from "@/components/feedbackComponent";
import BlogPostsComponent from "@/components/blog.posts.component";
import FooterComponent from "@/components/footer.component";
import SubscribeComponent from "@/components/subscribe.component";
import MainHeaderComponent from "@/components/mainHeaderComponent";
import BootstrapComponent from "@/components/bootstrap.component";
import webApi from "@/api/web-client/web-api";

export default async function Home() {
        const pageData = await webApi.getHomePage();

        const {
                common,
                header,
                ourServices,
                aboutUs,
                contactUs,
                ourSpecialities,
                prices,
                blogs,
                subscribeNow,
                footer,
                feedbacks
        } = pageData;

  return (
      <>
              { header && <MainHeaderComponent config={header} common={common} /> }
              { aboutUs && <AboutUsComponent data={aboutUs} /> }
              { ourServices && <OurServicesComponent config={ourServices}/> }
              { ourSpecialities && <OurSpecialitiesComponent config={ourSpecialities} /> }
              { contactUs && <ContactUsComponent contactUs={contactUs} /> }
              { prices && <PricingComponent config={prices}/> }
              {/*{ feedbacks && <FeedbackComponent config={feedbacks} /> }*/}
              { blogs && blogs.posts?.length && <BlogPostsComponent config={blogs} /> }
              { subscribeNow && <SubscribeComponent config={subscribeNow} /> }
              { footer && <FooterComponent config={footer} /> }
          <AosComponent />
          <BootstrapComponent />
      </>

  );
}

export const dynamic = 'force-dynamic'