Six Mockups.
Two Audiences.

<?php
/* Template Name: Category Landing */
get_header();

$layout  = get_field('layout_mode');
$sponsor = get_field('sponsor');
$is_takeover = ($layout === 'takeover' && $sponsor);

// GAM targeting: pass sponsor slug as key-value
if ($is_takeover) {
  $sp_slug = get_field('gam_kv_sponsor', $sponsor->ID);
  add_action('wp_head', fn() => printf(
    '<script>googletag.pubads().setTargeting("sponsor","%s");</script>',
    esc_js($sp_slug)
  ));
}
?>

<?php if ($is_takeover): ?>
  <!-- Gutter skins only render when sponsor exists and viewport ≥ 1200px (CSS) -->
  <aside class="skin left">
    <img src="<?= esc_url(get_field('gutter_L', $sponsor->ID)) ?>">
  </aside>
  <aside class="skin right">
    <img src="<?= esc_url(get_field('gutter_R', $sponsor->ID)) ?>">
  </aside>
<?php endif; ?>

<main class="page-category <?= $is_takeover ? 'is-takeover' : '' ?>">
  <?php get_template_part('parts/landing/hero'); ?>
  <?php if ($is_takeover) get_template_part('parts/landing/shop-rail', null, ['sponsor'=>$sponsor]); ?>
  <?php get_template_part('parts/landing/editorial-grid'); ?>
</main>

<?php get_footer(); ?>

• Register Sponsor CPTCreate sponsorship post type in /inc/cpt-sponsorship.php. Populate one real sponsor (Amazon) as the reference record.
• Export ACF JSONAll four field groups live in /acf-json/ and sync on load. No DB-only groups.
• Template partsSplit each template into parts: parts/landing/hero.php, parts/landing/shop-rail.php, etc. Reuse between A and B, the only branch is $is_takeover.
• CSS tokens from sponsorInline a <style> in wp_head that sets --sp and --sp-ink from the sponsor’s color fields. All B styling reads these vars, swap sponsor, swap palette.
• Gutter skin media querySkins hide below 1240px. On wide desktops they occupy calc((100vw - 1040px)/2 - 8px) on each side. Content column is capped at 1040px so skins never overlap editorial.
• Mobile interscrollerGAM Out-of-Page slot, full-bleed mobile only (<768px), parallax reveal. Creative from interscroller_creative (takeover) or GAM OOP line (regular). Frequency cap 1/session.
• GAM setupSet up all slots under /stadio/<template>/<slot> in GAM UI. Pass sponsor=<slug> key-value on takeover pages for line-item targeting and reporting.
• Cloudflare Pages buildStatic mockups deploy from this folder as-is. index.html at root, all paths relative. No build step needed for the review site.
• QA matrixTest each template at 375px, 768px, 1024px, 1280px, 1440px, 1920px. Verify gutter skins appear ≥ 1200px and do NOT overlap content column.

• Meta tags per pageEvery landing page has <title>, <meta name="description">, <link rel="canonical">, and full Open Graph + Twitter Card tags. Content team fills the ACF fields, the template renders the rest.
• JSON-LD structured dataEvery page outputs a <script type="application/ld+json"> block with schema.org CollectionPage (sections) or Article (stories). Embedded itemprop on hero/feature blocks reinforces it for crawlers and LLMs.
• hreflang for i18nEvery page declares hreflang="en", hreflang="es", hreflang="x-default". Ukraine devs wire the ACF string fields to a language param so the Spanish version ships later without template changes.
• /robots.txtExplicitly allows GPTBot, ClaudeBot, PerplexityBot, Google-Extended. Sitemap declared.
• /llms.txtPlain-text index for LLM retrieval: site description, section list, license note. Lives at site root.
• Semantic HTMLEach page uses <header role="banner">, <nav role="navigation">, <article itemscope>. Alt text on every image pulled from ACF image_alt field.
• Paid traffic destinationsEach landing page supports UTM params via query string. Content team points paid traffic to any section URL, pixels fire on pageview.