"use client";

import dynamic from "next/dynamic";

import CommunityIntro from "@/components/pages/client/our-community/community-intro";
import Strategies from "@/components/pages/client/our-community/strategies";
import ResearchExperience from "@/components/pages/client/our-community/research-experience";
import Testimonials from "@/components/pages/client/our-community/testimonials";
import CTAServices from "@/components/pages/client/services/cta-services";
import type { OurCommunityContent } from "@/lib/our-community-ghost-content";

const DynamicMapComponent = dynamic(
  () => import("@/components/pages/client/our-community/map-component"),
  { ssr: false },
);

function OurCommunityHomepage({ content }: { content: OurCommunityContent }) {
  return (
    <>
      <CommunityIntro content={content.introduction} />
      <DynamicMapComponent />
      <Strategies content={content.growthStrategies} />
      <ResearchExperience content={content.researchAreas} />
      <Testimonials
        content={content.testimonialsIntroduction}
        testimonials={content.testimonials}
      />
      <CTAServices
        description="Join forces with our expert recruitment team."
        showLearnMore={false}
        title="Elevate your research with our proven track record of connecting you to high-quality, verified participants."
        typeOfUsage="our-community"
      />
    </>
  );
}

export default OurCommunityHomepage;