import React from "react";
import AosComponent from "@/components/aos.component";
import OurServicesComponent from "@/components/our.services.component";
import OurSpecialitiesComponent from "@/components/our.specialities.component";
import ContactUsComponent from "@/components/contact.us.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 strapiApi from "@/api/strapi/strapi-api";
import SubHeaderComponent from "@/components/subHeader.component";

export default async function Services() {
    const {
        header,
        description,
        ourServices,
        contactUs,
        ourSpecialities,
        feedbacks,
        blogs,
        footer,
        subscribe,
        common
    } = await strapiApi.getServicesPage();
    return (
        <>
            <SubHeaderComponent  header={{header1:header,description}} common={common}/>
            { ourServices && <OurServicesComponent  config={ourServices}  /> }
            { contactUs && <ContactUsComponent contactUs={contactUs} />}
            { ourSpecialities && <OurSpecialitiesComponent config={ourSpecialities} /> }
            { feedbacks && <FeedbackComponent config={feedbacks} /> }
            { blogs && <BlogPostsComponent config={blogs} /> }
            { subscribe && <SubscribeComponent config={subscribe} /> }
            { footer &&  <FooterComponent config={footer} /> }
            <AosComponent />
        </>

    );
}

export const dynamic = 'force-dynamic'