// site/page-sponsor-management.jsx — Sponsorship management module.
// Uses the shared FeaturePage shell with real manager-UI screenshots (ProductShot).

function PageSponsorManagement({ onNav }) {
  const sections = [
    {
      tag: 'Applications & deal pipeline',
      title: 'From prospect',
      titleAccent: 'to paid.',
      body: 'Take sponsor applications and move every deal through the stages your team actually uses, prospect, verbal, signed and invoiced, paid, fulfilled. Watch committed and collected dollars climb as you go.',
      bullets: [
        { title: 'Sponsor applications', body: 'Let sponsors apply for a package online.' },
        { title: 'Commit-to-paid pipeline', body: 'Prospect, verbal, signed, paid, fulfilled.' },
        { title: 'Revenue at a glance', body: 'Prospects, committed $, collected $, and fulfillment %.' },
        { title: 'Nothing slips', body: 'Every conversation tracked on one board.' },
      ],
      visual: <ProductShot src="assets/product/sponsor-pipeline.png" alt="Sponsor pipeline kanban with prospect, verbal acceptance, signed and invoiced, paid, and fulfilled columns" tilt={0.4} />,
    },
    {
      tag: 'Custom tiers',
      title: 'Build the packages',
      titleAccent: 'that sell.',
      body: 'Create your own sponsorship tiers, from Blue Ribbon Title down to Community Partner, each with its own price, benefits, and the count of sponsors who hold it. Spin up a new package in seconds.',
      bullets: [
        { title: 'Configurable tiers', body: 'Title, Stage, Midway, Livestock Arena, Community Partner.' },
        { title: 'Benefits per package', body: 'Spell out exactly what each tier includes.' },
        { title: 'Price & availability', body: 'Set the price and see how many are sold.' },
        { title: 'Reusable year to year', body: 'Clone prior-year packages and tweak.' },
      ],
      visual: <ProductShot src="assets/product/sponsor-tiers.png" alt="Sponsor tiers: a table of packages with price, benefits, and sponsor count, plus a create-tier action" tilt={-0.4} />,
    },
    {
      tag: 'Ticket allocation',
      title: 'Hand sponsors',
      titleAccent: 'their ticket pool.',
      body: 'Most deals come with tickets. Allocate a block of complimentary tickets to each sponsor, set the distribution rules, and track the whole pool — allocated, distributed, claimed, and remaining — without a spreadsheet.',
      bullets: [
        { title: 'Comp-ticket pools', body: 'Allocate a block of tickets to each sponsor.' },
        { title: 'Distribution rules', body: 'Control re-forwarding and profile requirements.' },
        { title: 'Allocated to claimed', body: 'Track distributed, claimed, and remaining live.' },
        { title: 'Per-sponsor view', body: 'Pools and status for everyone in one table.' },
      ],
      visual: <ProductShot src="assets/product/sponsor-allocations.png" alt="Sponsor ticket allocations: allocated, distributed, claimed, and remaining counts with per-sponsor distribution rules" tilt={0.4} />,
    },
    {
      tag: 'Invoicing & fulfillment',
      title: 'Bill it, then',
      titleAccent: 'deliver every benefit.',
      body: 'Invoice sponsors from the platform and track fulfillment so every banner, booth, shout-out, and ticket a sponsor paid for actually gets delivered, with a fulfillment percentage that tells you where you stand.',
      bullets: [
        { title: 'Built-in invoicing', body: 'Send and track sponsor invoices in one place.' },
        { title: 'Fulfillment tracking', body: 'Check off each benefit as it is delivered.' },
        { title: 'Committed vs. collected', body: 'Know the gap between signed and paid.' },
        { title: 'One source of truth', body: 'Sponsorship revenue reconciles with the rest of the fair.' },
      ],
      visual: <ProductShot src="assets/product/sponsor-invoices.png" alt="Sponsor invoices: a list of sponsor invoices with amounts, status, and collection tracking" tilt={-0.4} />,
    },
    {
      tag: 'Sponsor portal',
      title: 'Sponsors run',
      titleAccent: 'their own pool.',
      body: 'Hand over an allocation and the sponsor takes it from there. Through a dedicated portal — one-time link, no account — they distribute and forward their comp tickets, watch claims and redemptions in real time, pay invoices, and submit their assets, all without looping in your team.',
      bullets: [
        { title: 'One-time sign-in', body: 'Passwordless link — no account to manage.' },
        { title: 'Distribute tickets', body: 'Sponsors hand out and forward their own pool.' },
        { title: 'Live claim tracking', body: 'See distributed, claimed, and redeemed as it happens.' },
        { title: 'Pay & submit', body: 'Settle invoices and upload assets in one place.' },
      ],
      visual: <ProductShot src="assets/product/sponsor-portal.png" alt="Sponsor portal: a sponsor's own ticket console showing tickets distributed, claimed, and redeemed with a distribute action" tilt={-0.4} />,
    },
  ];
  return <FeaturePage moduleId="sponsors" onNav={onNav}
    heroTitle="Sponsorships,"
    heroAccent="start to finish."
    mascotLine={<>Tiers built. Deals signed.<br /><em style={{ fontStyle: 'italic', color: S.red }}>Perks delivered.</em></>}
    sections={sections} />;
}

Object.assign(window, { PageSponsorManagement });