/* V2 page composers — same as v1, but swap use-cases block for the V2 interactive one */

const HfPageV2 = () => (
  <div className="hf">
    <HfHeader/>
    <HfHero/>
    <HfChannels/>
    <HfTransparency/>
    <HfTopicStats/>
    <HfHandoff/>
    <HfMonetization/>
    <HfProviders/>
    <HfAISetup/>
    <HfAIAgents/>
    <HfIntegrations/>
    <HfSoloOrIntegrated/>
    <HfUseCasesV2/>
    <HfPricing/>
    <HfTrust/>
    <HfFAQ/>
    <HfFinalCTA/>
    <HfFooter/>
  </div>
);

const HfdPageV2 = () => (
  <div className="hfd">
    <HfdHeader/>
    <HfdHero/>
    <HfdChannels/>
    <HfdTransparency/>
    <HfdHandoff/>
    <HfdMonetization/>
    <HfdProviders/>
    <HfdAISetup/>
    <HfdAIAgents/>
    <HfdIntegrations/>
    <HfdSoloOrIntegrated/>
    <HfdUseCasesV2/>
    <HfdPricing/>
    <HfdTrust/>
    <HfdFAQ/>
    <HfdFinalCTA/>
    <HfdFooter/>
  </div>
);

window.HfPageV2 = HfPageV2;
window.HfdPageV2 = HfdPageV2;