Page kits. Copy, adapt, ship.

// Subsidiary microsite — reference scaffold
// Route: /[subsidiary]  (e.g. /surveillance, /energy)
//
// This is reference scaffolding — not a deployable page.
// Copy, replace every [...] placeholder, delete this comment block.

import type { Metadata } from 'next'

// ── Subsidiary accent (Layer 2 colour) ────────────────────────────────
// Defaults to CBC Blue until the subsidiary defines its own.
// Scoped to this page's root via a CSS custom property.
// Convention: --subsidiary-accent is not yet a formal system token.
const SUBSIDIARY_ACCENT = 'var(--cbc-blue)' // ← replace with subsidiary colour

// ── Page metadata ──────────────────────────────────────────────────────
export const metadata: Metadata = {
  title: '[Subsidiary name] — CBC emea',            // pattern: Name — CBC emea
  description: '[One sentence. 120–155 characters. Unique per page.]',
  openGraph: {
    title: '[Subsidiary name] — CBC emea',
    description: '[OG description. Under 155 characters.]',
    images: [{
      url: '/og/[subsidiary].png',                  // 1200×630 — brand surface; see /imagery
      width: 1200,
      height: 630,
      alt: '[Subsidiary name] — CBC emea',
    }],
    type: 'website',
  },
  alternates: {
    canonical: 'https://cbcemea.com/[subsidiary]',  // ← live URL; no trailing slash
  },
}

// ── Page component ─────────────────────────────────────────────────────
export default function SubsidiaryPage() {
  return (
    <main
      id="main-content"
      style={{ '--subsidiary-accent': SUBSIDIARY_ACCENT } as React.CSSProperties}
    >
      {/* Hero — shared envelope; accent may tint highlight elements */}
      <section aria-labelledby="hero-heading">
        <h1 id="hero-heading">[Subsidiary name]</h1>
        <p>[Strapline — one direct sentence, plain English, no superlatives]</p>
      </section>

      {/* Body sections — h2 for sections, h3 for subsections */}
      <section aria-labelledby="section-a">
        <h2 id="section-a">[Section heading]</h2>
        {/* ... */}
      </section>

      {/* Contact CTA */}
      <section aria-labelledby="cta-heading">
        <h2 id="cta-heading">Get in touch</h2>
        {/* <ContactLauncher /> — from /system */}
      </section>
    </main>
  )
}

// Partner landing page — reference scaffold
// Route: /[subsidiary]/[partner]  (e.g. /surveillance/holowits)
// Lives under the subsidiary that holds the partnership.
//
// This is reference scaffolding — not a deployable page.
// Copy, replace every [...] placeholder, delete this comment block.

import type { Metadata } from 'next'

// ── Partner colour (Layer 3 colour) ───────────────────────────────────
// Belongs to the partner. SCOPED to this surface only.
// Never a global token. Never bleeds into CBC chrome or the parent subsidiary.
// Multiple partners = multiple scoped surfaces; one rule, one surface per partner.
const PARTNER_COLOUR = '#______'  // ← partner's primary brand colour (hex)

// ── Page metadata ──────────────────────────────────────────────────────
export const metadata: Metadata = {
  title: '[Partner name] × [Subsidiary name] — CBC emea',  // ← real names
  description: '[Partnership value. 120–155 characters. Conversion-focused.]',
  openGraph: {
    title: '[Partner name] × [Subsidiary name]',
    description: '[OG description — what does the visitor get?]',
    images: [{
      url: '/og/[subsidiary]-[partner].png',         // 1200×630 — treat as brand surface
      width: 1200,
      height: 630,
      alt: '[Partner name] × [Subsidiary name] — CBC emea',
    }],
    type: 'website',
  },
  alternates: {
    canonical: 'https://cbcemea.com/[subsidiary]/[partner]',  // ← no trailing slash
  },
}

// ── Page component ─────────────────────────────────────────────────────
export default function PartnerPage() {
  // Partner colour scoped to this container only — CBC chrome stays outside.
  const partnerScope = { '--partner-colour': PARTNER_COLOUR } as React.CSSProperties

  return (
    <main id="main-content" style={partnerScope}>
      {/* Partner header — uses var(--partner-colour); CBC chrome unchanged outside */}
      <section
        aria-labelledby="partner-heading"
        style={{ borderTop: '4px solid var(--partner-colour)' }}
      >
        <h1 id="partner-heading">[Partner name] × [Subsidiary name]</h1>
        <p>[Partnership value — one sentence, conversion-focused]</p>
      </section>

      {/* Value proposition */}
      <section aria-labelledby="offering-heading">
        <h2 id="offering-heading">[What we offer together]</h2>
        {/* ... */}
      </section>

      {/* Contact CTA */}
      <section aria-labelledby="cta-heading">
        <h2 id="cta-heading">Get in touch</h2>
        {/* <ContactLauncher /> — from /system */}
      </section>
    </main>
  )
}