add prices page

yoga-app/src/app/prices/page.tsx

@@ -1,28 +1,39 @@
 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 SubHeaderComponent from "@/components/subHeader.component";
+import YogaDiscountComponent from "@/components/yogaDiscountComponent";
+import {PricesPage_Plain} from "@/types/generated-strapi-interfaces/api/prices-page";
+import FooterComponent from "@/components/footer.component";
+import strapiApi from "@/api/strapi/strapi-api";
+import BootstrapComponent from "@/components/bootstrap.component";
 
-export default function About() {
+export interface Props{
+    config: PricesPage_Plain
+}
+export default async function PricesPage( ) {
+    const {
+        header,
+        description,
+        price,
+        discount,
+        blogs,
+        subscribe,
+        footer
+    } = await strapiApi.getPricesPage();
     return (
         <>
-            <OurServicesComponent />
-            <AboutUsComponent />
-            <OurSpecialitiesComponent />
-            <ContactUsComponent />
-            <PricingComponent />
-            <FeedbackComponent />
-            <BlogPostsComponent />
-            <SubscribeComponent />
-            <FooterComponent />
+          <SubHeaderComponent  header1={header} description={description}/>
+            { price && <PricingComponent  config={price}/> }
+            { discount && <YogaDiscountComponent config={discount} /> }
+            { blogs && <BlogPostsComponent config={blogs} /> }
+            { subscribe && <SubscribeComponent config={subscribe} /> }
+            { footer && <FooterComponent config={footer} /> }
             <AosComponent />
+            <BootstrapComponent />
+
         </>
 
     );