/* global React, Icons, Badge, Btn, Pill, Meter, Score, Stat, Eyebrow, PhoneFrame, PlugBot */ const { useState } = React; /* ========================================================================= MOBILE COMPANION VIEWS — what each page looks like on a phone. Lightweight, hand-tuned per page. Surfaced in side-by-side mode. ========================================================================= */ const MobileTopbar = ({ title }) => (
{title}
); const MobileHome = ({ onNav }) => (
2026 EDITION

Streaming,
tested in the real world.

Home studios, backpack rigs, bonded uplinks, platform strategy — for streamers everywhere.

onNav?.('build')} iconRight={}>Configure my build
LIVE · BP-04
12.8 ↑
{[['VZW', 92, ''], ['T-MO', 78, ''], ['ATT', 55, 'warn'], ['VZW-B', 28, 'bad']].map(([n, v, t], i) => (
{n}
{v}%
))}
{/* Category list */}
FIELD GUIDES
{[ { i: Icons.backpack, t: 'Builds', s: '6 build tiers', nav: 'build' }, { i: Icons.camera, t: 'Gear Lab', s: '184 reviewed', nav: 'gear' }, { i: Icons.wifi, t: 'Data plans', s: '34 carriers · 78 plans', nav: 'data' }, { i: Icons.router, t: 'Cell Bonding', s: 'LiveU · Peplink · BELABOX', nav: 'bonding' }, { i: Icons.play, t: 'Platforms', s: 'Twitch · YT · TT · Kick', nav: 'platforms' }, { i: Icons.shield, t: 'Safety & Legal', s: 'Independent · monthly', nav: 'safety' }, { i: Icons.tool, t: 'Toolkit', s: 'Calculators · checklists', nav: 'toolkit' }, { i: Icons.tag, t: 'Deals', s: 'Weekly verified', nav: 'deals' }, ].map((c, i) => ( ))}
); const MobileBuild = () => { const [sl, setSl] = useState(50); return (
CONFIGURATOR

Pro Backpack

For Pro · Backpack
{/* live spec */}
SPEC · LIVE
$4,395
{[['Runtime', '5.8h'], ['Weight', '3.74 kg'], ['Avg score', '9.1'], ['Setup', '12 min']].map(([l, v], i) => (
{l}
{v}
))}
{/* slots */}
BOM · 5 PARTS
{[ ['CAM', 'Osmo Pocket 3', 519], ['MIC', 'Rode Wireless GO 3', 349], ['RTR', 'Peplink BR1 5G', 1499], ['PWR', 'Omnicharge 20+', 199], ['BAG', 'Gunrun Mark V', 749], ].map(([k, n, p], i) => (
{k}
{n}
${p}
))}
}>Add to cart · 5 items
); }; const MobileGearLab = () => { const [cat, setCat] = useState('All'); return (

The Gear Lab.

184 items, six axes, all lab-tested.

{['All', 'Camera', 'Audio', 'Router'].map(c => ( setCat(c)}>{c} ))}
{[ ['Osmo Pocket 3', 'Camera · Pro', 519, 9.1], ['Peplink BR1 5G', 'Router · Pro', 1499, 9.4], ['Rode Wireless GO 3', 'Audio · Pro', 349, 9.0], ['Anker 737 PowerCore', 'Power · Mid', 149, 9.1], ].map(([n, c, p, s], i) => (
{n}
{c}
${p}
))}
); }; const MobileData = () => { const [usage, setUsage] = useState(120); const [budget, setBudget] = useState(200); return (

Plan finder.

USAGE {usage} GB
setUsage(parseInt(e.target.value, 10))} min="20" max="500" />
BUDGET ${budget}
setBudget(parseInt(e.target.value, 10))} min="20" max="400" />
{[ { n: 'T-Mobile · 5G Adv', p: 70, s: 9.2, top: true }, { n: 'Verizon · 5G Plus', p: 70, s: 9.0 }, { n: 'US Mobile · Premium', p: 50, s: 8.4 }, ].map((r, i) => (
{r.top && Top pick}
{r.n}
${r.p}/mo
))}
); }; const MobileBonding = () => (

LiveU · Peplink · BELABOX · Speedify.

{[ { n: 'Peplink BR1', t: 'Hardware', up: 1499, mo: 25, s: 9.4, pick: true }, { n: 'LiveU Solo Pro', t: 'Hardware', up: 1499, mo: 79, s: 9.2 }, { n: 'BELABOX BEE', t: 'DIY', up: 580, mo: 10, s: 8.9 }, { n: 'Speedify VPN', t: 'Software', up: 0, mo: 15, s: 7.8 }, ].map((b, i) => (
{b.t}
{b.n}
UP ${b.up} MO ${b.mo}
))}
); const MobilePlatforms = () => (

Q1 ’26 momentum.
Streams Charts QoQ

{[ ['Twitch', '+4.46%', 'good'], ['Kick', '+9.10%', 'good'], ['YouTube Live', '+1.20%', 'good'], ['TikTok Live', '−11.92%', 'warn'], ].map(([n, d, t], i) => (
{n} {d}
))}
{[ { n: 'Twitch', c: '#9146FF', i: Icons.twitch, s: 9.4 }, { n: 'YouTube Live', c: '#FF0033', i: Icons.youtube, s: 8.6 }, { n: 'TikTok Live', c: '#FF2D6F', i: Icons.tiktok, s: 7.6 }, { n: 'Kick', c: '#53FC18', i: Icons.kick, s: 8.2 }, ].map((p, i) => (
{p.n}
))}
); const MobileStreamer = () => (
PROFILE · #14

StreamerHouse / LA

ActivePro
STEAL THIS SETUP
$8,420
}>Add to my builds
PLATFORM MIX
{[['Twitch', 68, '#9146FF'], ['YouTube', 18, '#FF0033'], ['TikTok', 10, '#FF2D6F'], ['Kick', 4, '#53FC18']].map(([n, v, c], i) => (
{n}{v}%
))}
); const MobileDeals = () => (

Deals of the week.

6 active · refresh in 4d 12h
{[ { n: 'DJI Osmo Pocket 3', c: 'Camera', was: 519, now: 469, off: 10 }, { n: 'Anker 737', c: 'Power', was: 149, now: 119, off: 20 }, { n: 'Rode WGo 3', c: 'Audio', was: 349, now: 299, off: 14 }, ].map((d, i) => (
-{d.off}%
{d.n}
{d.c}
${d.was}
${d.now}
Get it
))}
); /* ========================================================================= Mobile views for the new pages ========================================================================= */ const MobileSafety = () => (
INDEPENDENT · MONTHLY

IRL safety
& legal.

Filming rights, harassment, theft, travel, insurance. The beat no vendor blog will run.

Non-affiliated
{[ { i: Icons.mic, t: 'Filming & audio consent', sev: 'High' }, { i: Icons.shield, t: 'Permits & venue rules', sev: 'Mid' }, { i: Icons.user, t: 'Bystander privacy & GDPR', sev: 'High' }, { i: Icons.zap, t: 'Doxxing, sniping, swatting',sev: 'High' }, { i: Icons.backpack, t: 'Theft & personal safety', sev: 'Mid' }, { i: Icons.globe, t: 'International travel', sev: 'Mid' }, { i: Icons.book, t: 'Platform policy diff', sev: 'High' }, ].map((g, i) => (
{g.t}
{g.sev}
))}
NOT LEGAL ADVICE — INFORMATIONAL ONLY
); const MobileToolkit = () => { const [hours, setHours] = useState(3); const perStream = (5.5 * 0.45 * hours); const perMonth = perStream * 20; return (
9 TOOLS · LIVE

The Toolkit.

Calculators and checklists for every decision that should be math.

Data calculator · 1080p
HRS / STREAM {hours}h
setHours(parseFloat(e.target.value))} />
PER MONTH (20×)
{perMonth.toFixed(0)} GB
}>Match a plan
{[ { i: Icons.battery, t: 'Battery runtime' }, { i: Icons.zap, t: 'Bitrate calc' }, { i: Icons.check, t: 'Eligibility tracker' }, { i: Icons.tool, t: 'Stream checklist' }, { i: Icons.book, t: 'AI prompt packs' }, ].map((g, i) => (
{g.t}
))}
); }; const MOBILE_VIEWS = { home: MobileHome, build: MobileBuild, gear: MobileGearLab, data: MobileData, bonding: MobileBonding, platforms: MobilePlatforms, safety: MobileSafety, streamer: MobileStreamer, toolkit: MobileToolkit, deals: MobileDeals, }; window.MOBILE_VIEWS = MOBILE_VIEWS;