// Affiliate & Media Buying product page
function AffiliateMediaPage() {
  return (
    <Site>
      <PageHero
        breadcrumb={[{ label: "Product" }, { label: "Affiliate & Media Buying" }]}
        eyebrow="Product · Affiliate & Media Buying"
        title={<>Track every <span className="gradient-text">click to FTD</span> — and pay accordingly.</>}
        sub="Affiliate networks, media-buying attribution, post-back tracking, CPA / RevShare / hybrid commissions, fraud detection — connected to your CRM, Client Area and BI."
        ctaPrimary={{ label: "Book a demo" }}
        ctaSecondary={{ label: "See attribution", href: "#attribution" }}
        visual={<AffiliateFunnelVisual/>}
      />

      <FeatureGrid
        eyebrow="Capabilities"
        title="One source of truth for paid traffic and partners."
        features={[
          { t: "Click attribution", d: "S2S postbacks, click IDs, fingerprinting. Multi-touch with configurable windows." },
          { t: "CPA / RevShare / hybrid", d: "Per-affiliate, per-source, per-geo. Caps, scaling, clawbacks." },
          { t: "Fraud detection", d: "Bot traffic, click farms, duplicate sign-ups, KYC fraud — flagged and quarantined." },
          { t: "Network integrations", d: "Tracking pixels and postbacks for major affiliate networks." },
          { t: "Media-buying QA", d: "Per-source quality dashboards: registration → KYC → FTD → retention." },
          { t: "Creative library", d: "Centralized landing pages, banners, copy variants A/B tested per source." },
          { t: "Compliance gates", d: "Block leads from sanctioned geographies before any data is captured." },
          { t: "Affiliate payouts", d: "Same payout rails as IB — multi-method, KYC-gated, audit-trailed." },
          { t: "API access", d: "Full data-out for partners and BI tools." },
        ]}
      />

      <FAQ items={[
        { q: "Can I import my existing affiliate setup?", a: "Yes — bulk import affiliates, links, historical commissions and payouts. Migration team handles the heavy lifting." },
        { q: "Which networks integrate?", a: "Postback-based: any network. Native: the major affiliate networks our customers use." },
        { q: "How do you stop fraud?", a: "Behavioral, device, IP, KYC and trading-pattern fingerprinting. Suspicious clusters surface to a review queue with one-click actions." },
      ]}/>

      <CTASection title="Pay for FTDs, not for clicks you can't trust." primary={{ label: "Book a demo" }}/>
    </Site>
  );
}

ReactDOM.createRoot(document.getElementById("root")).render(<AffiliateMediaPage/>);