// InnerPages.jsx — For Brands, For Sports, For Apps, How It Works const { useState: useStateIP } = React; // ── Shared hero for inner pages ────────────────────────────── function PageHero({ pre, line1, line2, body, cta1, cta2, onCta1, onCta2, bg = '#0D1B3E', kanji = '善', light = true }) { const [entered, setEntered] = React.useState(false); React.useEffect(() => { setTimeout(() => setEntered(true), 60); }, []); return (
ゼンコ プロトコル
{pre}
{line1}
{line2 &&
{line2}
}

{body}

{cta1 && {cta1}} {cta2 && {cta2}}
); } // ── FOR BRANDS ─────────────────────────────────────────────── function ForBrandsPage({ onNavigate }) { const steps = [ { n: '01', title: 'Set your engagement action', body: 'Webinar attendance. Content download. Lead form completion. Product demo booking. You define what "engaging" means for your campaign.' }, { n: '02', title: 'Set the reward', body: 'Zenko configures the incentive and redemption journey against the campaign rules. The exact reward mechanics are confirmed before a campaign goes live.' }, { n: '03', title: 'Give people a meaningful choice', body: 'Participants can be offered personal reward, impact options, or both. Zenko calls this Gold or Good.' }, { n: '04', title: 'Link activity to evidence', body: 'Campaign reporting can connect participation, allocated rewards and supporting delivery evidence so partners can see what was funded and who delivered it.' }, ]; const usecases = [ { title: 'Lead Generation', body: 'Zenko-powered lead gen trades an action — genuine engagement with your content — for a reward that creates impact. Leads arrive knowing your brand and associate you with something good.' }, { title: 'Webinars & Virtual Events', body: 'Add a meaningful reward to attendance, participation or follow-up. Zenko can make the action and the intended outcome clear without relying on another generic giveaway.' }, { title: 'Content Campaigns', body: 'Gate your premium content behind a Zenko action. The audience spends focused attention. You get a genuinely engaged lead. The content actually gets read.' }, { title: 'Account-Based Marketing', body: "For enterprise ABM, Zenko creates a differentiated touch that cuts through. You're not offering a coffee voucher — you're offering proof of impact." }, ]; return ( <> onNavigate('Contact')} onCta2={() => onNavigate('For Marketers')} /> {/* Steps */}
The Mechanics
{steps.map((s, i) => (
{s.n}
{s.title}

{s.body}

 ))}
{/* Use cases */}
Use Cases in Depth
{usecases.map((u, i) => { const [hover, setStateHov] = useStateIP(false); return (
setStateHov(true)} onMouseLeave={() => setStateHov(false)} style={{ background: hover ? '#fff' : '#EDE8D8', padding: '36px 32px', borderLeft: hover ? '4px solid #C94A1A' : '4px solid transparent', transition: 'all 0.25s', height: '100%' }}>
{u.title}

{u.body}

 ); })}
{/* ESG section */}
Impact reporting

Purpose claims need more than a headline. Partners need to be able to explain what was funded, when it happened and where the evidence lives.

Zenko is designed to link campaign activity to a traceable record and supporting evidence from the delivery partner. That makes the outcome easier to report and review.

onNavigate('Contact')}>Book a strategy call →
); } // ── FOR MARKETERS ─────────────────────────────────────────── function ForMarketersPage({ onNavigate }) { const applications = [ { title: 'Reward useful actions', body: 'Build around the action you value: registering, learning, attending, contributing a review or joining a community activity. The campaign rules define what earns a reward.' }, { title: 'Create a better reason to engage', body: 'Offer Gold, Good or a combination. Rather than a generic incentive, participants can understand the reward and the outcome their action is intended to support.' }, { title: 'Keep the evidence connected', body: 'Link campaign activity, reward allocation and delivery-partner evidence in one reporting journey. It is a stronger basis for explaining impact than a vague purpose claim.' }, ]; return ( <> onNavigate('Contact')} onCta2={() => onNavigate('How It Works')} />
Promotional tools for participation
{applications.map((application, i) => (
{application.title}

{application.body}

 ))}
Evidence-led impact

Zenko connects a campaign record with supporting delivery evidence. It does not turn an unsupported claim into proof.

onNavigate('Causes')}>Explore outcomes →
); } // ── FOR SPORTS ─────────────────────────────────────────────── function ForSportsPage({ onNavigate }) { const deployments = [ { title: 'Shirt & Merchandise', body: 'Embed Zenko rewards into every purchase in your club shop. Every shirt bought funds a cause. The MK Dons campaign distributed 2,000 meals through three schools in the Milton Keynes City area. ITV covered it.' }, { title: 'Match Attendance', body: 'Reward fans for showing up. Season ticket holders earn $ZENKO per match attended. Away fans earn bonus tokens. Attendance becomes participation in something bigger.' }, { title: 'Digital Engagement', body: 'App opens, content views, quiz completions, pre-match video watches — all rewardable through Zenko. Every interaction creates impact and reinforces the habit.' }, { title: 'Community Campaigns', body: 'Run purpose-driven campaigns tied to local causes. Partner with a food bank. Plant trees in your city. Zenko handles token rewards, on-chain proof, and impact reporting.' }, { title: 'Sponsor Activation', body: 'Give sponsors a Zenko-powered activation package with verified ESG impact tied directly to their logo. A shirt sponsor running a Zenko campaign gets real-world good they can report.' }, ]; return ( <> onNavigate('Contact')} onCta2={() => {}} /> {/* Problem */}
The Problem

Most fan engagement platforms offer points for purchases that can be redeemed for... more purchases. It creates no emotional depth and no story worth telling.

Zenko is different. When a fan earns $ZENKO for attending a match or buying the shirt — and that $ZENKO funds meals for kids in your city — the engagement stops being transactional and starts being meaningful.

That's a story. Sponsors want to be part of it. Media want to cover it. Fans feel proud.
{/* Deployments */}
How Clubs Use Zenko
{deployments.map((d, i) => { const [open, setOpen] = useStateIP(i === 0); return (
setOpen(!open)} style={{ padding: '24px 28px', cursor: 'pointer', display: 'flex', justifyContent: 'space-between', alignItems: 'center' }}>
{d.title}
+
{open &&
{d.body}
}
); })}
{/* Case study */}
Case Study
MK Dons × Zenko
"Buy a shirt. Feed a child."

The MK Dons campaign funded 2,000 meals, distributed through three schools in the Milton Keynes City area. ITV covered it. The EFL featured it. Fans who bought the shirt didn't just buy kit — they made a measurable contribution to their local community.

window.open('https://fast.wistia.net/embed/iframe/e2v6u9e97h', '_blank', 'noopener,noreferrer')}>Watch the ITV coverage →
{[{ num: '2,000', label: 'Meals Distributed' }, { num: '3', label: 'Local Schools' }, { num: 'ITV', label: 'National Coverage' }, { num: 'EFL', label: 'League Feature' }].map((s, i) => (
{s.num}
{s.label}
))}
{/* Commercial case */}
The Commercial Case
{['Charge sponsors a premium for purpose-driven activations with verifiable ESG outcomes', 'Open new conversations with brands that have sustainability mandates', 'Generate media coverage that a standard sponsor deal never produces', 'Build fan data through engagement mechanics traditional loyalty schemes can\'t match'].map((item, i) => (

{item}

))}
onNavigate('Contact')}>Talk to our sports team →
); } // ── ZENKO APPS ─────────────────────────────────────────────── function ZenkoAppsPage({ onNavigate }) { const apps = [ { name: 'Learn', mark: '学', proposition: 'Turn knowledge into action.', action: 'Quizzes, education, onboarding and knowledge campaigns.', commercial: 'Increase completion, recall and qualified participation.', good: 'Support meals, education and local programmes.', color: '#C94A1A' }, { name: 'Move', mark: '動', proposition: 'Turn movement into momentum.', action: 'Steps, activity, wellbeing and sponsored challenges.', commercial: 'Build repeat engagement, healthier habits and sponsor value.', good: 'Support meals, trees and carbon reduction.', color: '#1B6370' }, { name: 'Shop', mark: '買', proposition: 'Turn purchases into proof.', action: 'Retail, merchandise and purchase-linked impact.', commercial: 'Increase conversion, basket value and repeat purchase.', good: 'Support community and environmental outcomes.', color: '#4A5C2A' }, { name: 'Play', mark: '遊', proposition: 'Turn attention into participation.', action: 'Games, predictions, missions and fan engagement.', commercial: 'Create richer fan data, longer attention and sponsor inventory.', good: 'Support club causes and verified climate action.', color: '#0D1B3E' }, { name: 'Explore', mark: '旅', proposition: 'Turn discovery into footfall.', action: 'Visits, trails, events and place-based campaigns.', commercial: 'Increase visits, event participation and local discovery.', good: 'Support place-based community projects.', color: '#8B3F24' }, ]; return ( <> onNavigate('Contact')} onCta2={() => onNavigate('How It Works')} />
Ready-made products
{apps.map((app, i) => (
{app.mark}

{app.name}

{app.proposition}
The action

{app.action}

Commercial outcome

{app.commercial}

Good it can fund

{app.good}

 ))}
One ecosystem

Each app can run as a focused campaign or connect through GoZenko as part of a longer customer journey. The same participant can learn, move, shop, play and explore, with every action contributing to one measurable view of engagement and impact.

onNavigate('Contact')}>Plan your activation →
); } // ── FOR PLATFORMS ─────────────────────────────────────────── function ForPlatformsPage({ onNavigate }) { const steps = [ { n: '01', title: 'Integrate the Zenko SDK', body: 'A lightweight integration into your existing app infrastructure. You define the actions that trigger Zenko rewards — sessions, streaks, completions, milestones.' }, { n: '02', title: 'Your users earn for doing what they already do', body: 'Every qualifying action earns $ZENKO, delivered gaslessly to a wallet we provision automatically. Your users don\'t need to know anything about crypto.' }, { n: '03', title: 'You become a climate-positive product', body: 'Every user action creates on-chain verified environmental or social impact. Your app\'s aggregate impact is trackable, reportable, and real.' }, ]; const options = [ { title: 'White-label', body: 'Fully branded to your product. Users see your cause, your impact, your story.', color: '#C94A1A' }, { title: 'Co-branded', body: 'Zenko visible, your brand prominent. Shared PR opportunity.', color: '#1B6370' }, { title: 'API', body: 'Raw integration for teams who want full control.', color: '#4A5C2A' }, ]; return ( <> onNavigate('Contact')} onCta2={() => onNavigate('Contact')} /> {/* Steps */}
How It Works for Platforms
{steps.map((s, i) => (
{s.n}
{s.title}

{s.body}

 ))}
{/* Why now */}
Why Now

App store algorithms, enterprise procurement teams, and Gen Z users are all starting to weight purpose. "We plant trees when you use us" is a slide-worthy claim — if you can prove it. Zenko gives you the proof layer and handles the token infrastructure so you don't have to build it.

{/* Integration options */}
Integration Options
{options.map((o, i) => (
{o.title}

{o.body}

onNavigate('Contact')}>Request brief →
))}
); } // ── HOW IT WORKS ───────────────────────────────────────────── function HowItWorksPage({ onNavigate }) { const flywheelNodes = [ { n: '1', text: 'Brand sets up a campaign in the Zenko dashboard' }, { n: '2', text: 'Audience completes the action (attends webinar, downloads guide)' }, { n: '3', text: 'Smart contract auto-purchases $ZENKO from open market' }, { n: '4', text: '$ZENKO delivered to the user\'s wallet — gasless, no crypto knowledge needed' }, { n: '5', text: 'User directs tokens to their chosen cause' }, { n: '6', text: 'Impact created, verified, and recorded on-chain permanently' }, { n: '7', text: 'Brand receives engagement data + ESG proof report' }, { n: '8', text: 'Brand reinvests in next campaign — flywheel grows' }, ]; const tech = [ { title: 'On-chain verification', body: 'Every cause action is recorded permanently on Base. The impact is verifiable, auditable, and immutable. Not a claim — a record.' }, { title: 'Gasless wallets', body: 'Your audience doesn\'t need a crypto wallet or Web3 knowledge. We provision wallets automatically when someone earns their first reward.' }, { title: 'Smart contract automation', body: 'When someone completes a qualifying action, the smart contract triggers automatically. No manual processing. No delay. No admin.' }, { title: 'Dashboard', body: 'Brands get a real-time dashboard showing engagement metrics, $ZENKO distributed, and verified impact created.' }, ]; return ( <> onNavigate('Contact')} /> {/* Flywheel */}
The Flywheel
{flywheelNodes.map((n, i) => (
{n.n}

{n.text}

 ))}
"Brand marketing budgets are what fund both the rewards and the impact. No charitable overhead. No grant dependency. Every campaign is self-sustaining."
{/* Tech */}
The Technical Bit
{tech.map((t, i) => (
{t.title}

{t.body}

 ))}
); } Object.assign(window, { ForBrandsPage, ForSportsPage, ZenkoAppsPage, ForPlatformsPage, HowItWorksPage });