home and about page

yoga-app/src/app/page.tsx

@@ -12,23 +12,40 @@ import SubscribeComponent from "@/components/subscribe.component";
 import MainHeaderComponent from "@/components/mainHeaderComponent";
 import BootstrapComponent from "@/components/bootstrap.component";
 import ITypedComponent from "@/components/ityped.component";
+import webApi from "@/api/web-client/web-api";
 
-export default function Home() {
+export default async function Home() {
+        const pageData = await webApi.getHomePage();
+
+        console.info(JSON.stringify(pageData))
+
+        const {
+                header,
+                ourServices,
+                aboutUs,
+                contactUs,
+                ourSpecialities,
+                prices,
+                blogs,
+                subscribeNow,
+                footer,
+                feedbacks
+        } = pageData;
   return (
       <>
-          <MainHeaderComponent/>
-          <OurServicesComponent />
-          <AboutUsComponent />
-          <OurSpecialitiesComponent />
-          <ContactUsComponent />
-          <PricingComponent />
-          <FeedbackComponent />
-          <BlogPostsComponent />
-          <SubscribeComponent />
-          <FooterComponent />
+              { header && <MainHeaderComponent config={header}/> }
+              { ourServices && <OurServicesComponent header={ourServices.header!} description={ourServices.description!} title={ourServices.title!}/> }
+              { aboutUs && <AboutUsComponent data={aboutUs} /> }
+              { ourSpecialities && <OurSpecialitiesComponent config={ourSpecialities} /> }
+              { contactUs && <ContactUsComponent contactUs={contactUs} /> }
+              { prices && <PricingComponent config={prices}/> }
+              { feedbacks && <FeedbackComponent config={feedbacks} /> }
+              { blogs && <BlogPostsComponent config={blogs} /> }
+              { subscribeNow && <SubscribeComponent config={subscribeNow} /> }
+              { footer && <FooterComponent config={footer} /> }
           <AosComponent />
           <BootstrapComponent />
-          <ITypedComponent />
+              {header?.headerIType && <ITypedComponent text={header.headerIType} /> }
       </>
 
   );