/* global React, INK, CREAM, PULSE, GENS, GradText, CTAButton, Reveal, useReveal, useCountUp, SB_EASE, PA_ACCENTS, MShell, MHead */ // Post & Analyze feature page — mobile layout (skews alternate right → left → right …). const { useState: pmS } = React; // eyebrows are hero-only on mobile — keep the heading, drop the pill const MPABadgeHead = ({ title, sub }) => ; const MPACard = ({ lean = 'right', children, pad = 12 }) => (
{children}
); // hero const MPA_QUEUE = [ { src: GENS[7].src, p: 'Instagram', c: '#E1306C', time: 'Today · 9:00 AM', st: 'Queued' }, { src: GENS[1].src, p: 'TikTok', c: '#1C1B1B', time: 'Today · 12:30 PM', st: 'Queued' }, { src: GENS[3].src, p: 'Fanvue', c: '#1FB85A', time: 'Yesterday · 6:00 PM', st: 'Posted' }]; const MPA_BARS = [34, 52, 41, 68, 55, 88, 62]; const MPAHero = () => { const [ref, on] = useReveal(0.25); return (
sozee
Features / Post & Analyze

Queue it once.
Watch it work.

One queue posts to six platforms while you make the next set — and every post comes back with numbers attached.

Start posting
This week · Scarlett 6 platforms
{MPA_QUEUE.map((r, i) =>
{r.p} {r.time} {r.st}
)}
Reach · 7 days 2.4M ▲ 18%
{MPA_BARS.map((h, i) => )}
); }; // § 02 Platforms const MPA_PLATS = [ { n: 'Instagram', c: '#E1306C', h: '@scarlett.day', on: true }, { n: 'TikTok', c: '#1C1B1B', h: '@scarlettday', on: true }, { n: 'Fanvue', c: '#1FB85A', h: '@scarlett', on: true }, { n: 'Fansly', c: '#2699F7', h: '@scarlettday', on: false }, { n: 'X', c: '#5B6470', h: '@scarlett_day', on: true }, { n: 'Reddit', c: '#FF4500', h: 'u/scarlettday', on: false }]; const MPAPlatforms = () => { const [plats, setPlats] = pmS(MPA_PLATS); return ( Six platforms.
One queue.} sub="Connect each platform once per Character — one queued post fans out to everything that's on." />
{plats.map((p, i) =>
setPlats(ps => ps.map((x, j) => j === i ? { ...x, on: !x.on } : x))} style={{ display: 'flex', alignItems: 'center', gap: 7, borderRadius: 11, padding: '9px 9px', cursor: 'pointer', transition: 'all 0.2s', background: p.on ? '#fff' : 'rgb(250,247,247)', boxShadow: p.on ? `inset 0 0 0 1.5px ${p.c}` : 'inset 0 0 0 1px rgba(28,27,27,0.1)' }}> {p.n[0]} {p.n} {p.on ? p.h : 'Tap to connect'}
)}
); }; // § 03 Analytics const MPAKpi = ({ label, value, suffix = '', on, sub, div = 1 }) => { const raw = useCountUp(value, on); const v = raw / div; return (
{label}
{v >= 1000000 ? (v / 1000000).toFixed(1) + 'M' : v >= 1000 ? (v / 1000).toFixed(v >= 100000 ? 0 : 1) + 'k' : div > 1 ? v.toFixed(1) : v}{suffix} {sub && {sub}}
); }; const MPA_WK = [28, 44, 36, 61, 50, 84, 58]; const MPAAnalytics = () => { const [ref, on] = useReveal(0.35); return ( Proof,
not vibes.} sub="Reach, followers, engagement and posts shipped — one dashboard across every platform." />
Reach by day
{MPA_WK.map((h, i) => )}
{['M', 'T', 'W', 'T', 'F', 'S', 'S'].map((d, i) => {d})}
Sozee · 82% You · 18%
); }; // § 04 Receipts const MPA_POSTS = [ { src: 'assets/pa/post-1.png', p: 'Instagram', c: '#E1306C', t: 'Tue · 9:00', likes: '12.4k', sz: true }, { src: 'assets/pa/post-2.png', p: 'TikTok', c: '#1C1B1B', t: 'Tue · 12:30', likes: '48.1k', sz: true }, { src: 'assets/pa/post-4.png', p: 'X', c: '#5B6470', t: 'Sun · 8:00', likes: '9.7k', sz: false }]; const MPAReceipts = () => ( Every post,
receipts attached.} sub="Each post comes back with its own numbers — and a tag for who shipped it." />
{MPA_POSTS.map((r) =>
{r.p} · {r.t} ♥ {r.likes} {r.sz ? ✦ Sozee-posted : By you}
)}
); // § 05 pipeline const MPA_NEXT = [ { t: 'Create Image', d: 'The sets that fill the queue.', kind: 'image', href: '/create-image' }, { t: 'Create Video', d: 'Reels and TikToks with her voice.', kind: 'video', href: '/create-video' }, { t: 'Editing Suite', d: 'Fix the photo before it ships.', kind: 'edit', href: '/editing-suite' }]; const MPAPipeMedia = ({ kind }) => (
{kind === 'image' &&
{['assets/create/out-mirror.webp', 'assets/create/out-garden.webp'].map((src, i) => )}
GENERATE ✦ } {kind === 'video' && } {kind === 'edit' && }
); const MPAPipeline = () => ( The queue eats
what the studio makes.} sub="Everything upstream lands on the board, ready to schedule." />
{MPA_NEXT.map((c, i) =>
{c.t}
{c.d}
 )}
See the full tour → ); const MPAPage = () => (
); Object.assign(window, { MPAPage });