/* global React, INK, CREAM, PULSE, GENS, GradText, CTAButton, Reveal, useReveal, SB_EASE, MShell, MHead, UGCStatus */ // UGC Campaigns — mobile layout (skews alternate). // eyebrows are hero-only on mobile — keep the heading, drop the pill const MUGCBadgeHead = ({ title, sub }) => ; const MUGCCard = ({ lean = 'right', children, pad = 12 }) => (
{children}
); // hero const MUGC_ROWS = [ { g: GENS[0], n: 'Scarlett', p: 'IG Reel', s: 'posted' }, { g: GENS[5], n: 'Nova', p: 'TikTok', s: 'scheduled' }, { g: GENS[3], n: 'Jade', p: 'TikTok', s: 'nudged' }]; const MUGCHero = () => (
sozee
Solutions / UGC Campaigns

UGC at scale,
without the chase.

Brief once. Products land in every creator’s studio, posts verify on publish, payouts release on proof.

Launch a campaign
A Velvet Drop · live 28 / 34 posted
{MUGC_ROWS.map((r) =>
{r.n} · {r.p}
)}
“Posted” is a fact, not a screenshot.
); // § 01 materials const MUGCMaterials = () => { const [ref, on] = useReveal(0.3); const Row = ({ title, items, d0 }) => (
{title}
{items.map(([src, n], i) =>
{n}
{n}
)}
); return ( Ship pixels,
not packages.} sub="Products to the object library, wardrobe to the outfit library — synced to every accepted studio the same minute." />
Aurelle brand kit Synced · 12 studios
{['✓ No samples', '✓ No shipping', '✓ Pixel-consistent'].map(c => {c})}
); }; // § 02 posting const MUGC_TRACK = [ { g: GENS[0], n: 'Scarlett', done: 4, s: 'posted', note: 'Verified 9:02 PM' }, { g: GENS[5], n: 'Nova', done: 3, s: 'scheduled', note: 'Publishes Fri' }, { g: GENS[3], n: 'Jade', done: 1, s: 'nudged', note: '⚡ Auto-nudge sent' }]; const MUGCTracker = () => { const [ref, on] = useReveal(0.3); return ( They post.
You’ll know.} sub="Tracked brief → posted. Publishing runs through Sozee, so “posted” is verified — and slackers get auto-nudged." />
{MUGC_TRACK.map((r, i) =>
{r.n}
{['Brief', 'Created', 'Approved', 'Posted'].map((st, k) => ( {k < r.done ? '✓' : ''} {k < 3 && } ))}
{r.note}
)}
); }; // § 03 analytics const MUGCAnalytics = () => { const [ref, on] = useReveal(0.3); return ( Numbers from
the source.} sub="Views, engagement and link taps per creator and post — read from the publishing pipeline, never self-reported." />
{[['Views', '2.1M'], ['Eng.', '8.4%'], ['Taps', '31k']].map(([l, v]) =>
{l}
{v}
)}
{[['Scarlett', 100, '412k ✓'], ['Nova', 70, '287k ✓'], ['Jade', 0, '—']].map(([n, w, v], i) =>
{n} {v}
)}
); }; // § 04 payouts const MUGCPayouts = () => { const [ref, on] = useReveal(0.3); return ( Escrow in.
Receipts out.} sub="Fund once. Creators are paid the moment their post verifies; missed deadlines return to you." />
$4,800 escrowed $1,600 released
{[['Scarlett · $400', 'Paid', '#15803D', 'rgba(34,197,94,0.12)'], ['Nova · $400', 'Holds', '#4D73F2', 'rgba(77,115,242,0.1)'], ['Jade · $400', 'Escrow', 'rgba(28,27,27,0.55)', 'rgb(246,243,242)']].map(([n, s, c, bg]) =>
{n} {s}
)}
One receipt — not twelve invoices and wires.
); }; // § 05 how it runs const MUGCHow = () => ( Live in
four moves.} sub="The whole campaign runs inside one board." />
{[['01', 'Brief it'], ['02', 'Stock the kit'], ['03', 'They create & post'], ['04', 'Payouts release']].map(([n, t], i) =>
§ {n}
{t}
)}
); const MUGCPage = () => (
); Object.assign(window, { MUGCPage });