import React from "react";
import AosComponent from "@/components/aos.component";
import PricingComponent from "@/components/pricing.component";
import BlogPostsComponent from "@/components/blog.posts.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 interface Props{
    config: PricesPage_Plain
}
export default async function PricesPage( ) {
    const {
        header,
        description,
        price,
        discount,
        blogs,
        subscribe,
        footer,
        common
    } = await strapiApi.getPricesPage();
    return (
        <>
          <SubHeaderComponent  header={{header1:header,description}} common={common}/>
            { price && <PricingComponent  config={price}/> }
            { discount && <YogaDiscountComponent config={discount} /> }
            { blogs && <BlogPostsComponent config={blogs} /> }
            { subscribe && <SubscribeComponent config={subscribe} /> }
            { footer && <FooterComponent config={footer} /> }
            <AosComponent />
            <BootstrapComponent />

        </>

    );
}

export const dynamic = 'force-dynamic'