import type { MCUContent } from "@/services/mcu.service";
import ProgramMcuAdvantageSection from "./ProgramMcuAdvantageSection";
import ProgramMcuFlowSection from "./ProgramMcuFlowSection";
import ProgramMcuHeroSection from "./ProgramMcuHeroSection";
import ProgramMcuLayananSection from "./ProgramMcuLayananSection";
import ProgramMcuTestimonialSection from "./ProgramMcuTestimonialSection";

interface ProgramMcuMainProps {
  content: MCUContent;
}

const ProgramMcuMain = ({ content }: ProgramMcuMainProps) => {
  return (
    <>
      <ProgramMcuHeroSection hero={content.hero} />
      <ProgramMcuLayananSection
        serviceCards={content.serviceCards}
        sectionTitle={content.pageContent.serviceSectionTitle}
        sectionSubtitle={content.pageContent.serviceSectionSubtitle}
      />
      <ProgramMcuAdvantageSection
        advantages={content.advantages}
        sectionTitle={content.pageContent.advantageSectionTitle}
        sectionSubtitle={content.pageContent.advantageSectionSubtitle}
        primaryImageUrl={content.pageContent.advantageImagePrimaryUrl}
        secondaryImageUrl={content.pageContent.advantageImageSecondaryUrl}
        statValue={content.pageContent.advantageStatValue}
        statLabel={content.pageContent.advantageStatLabel}
      />
      <ProgramMcuTestimonialSection
        sectionTitle={content.pageContent.testimonialSectionTitle}
        sectionSubtitle={content.pageContent.testimonialSectionSubtitle}
      />
      <ProgramMcuFlowSection
        steps={content.steps}
        sectionTitle={content.pageContent.flowSectionTitle}
        sectionSubtitle={content.pageContent.flowSectionSubtitle}
        flowImageUrl={content.pageContent.flowImageUrl}
      />
    </>
  );
};

export default ProgramMcuMain;