/* global React, INK, CREAM, PULSE, GENS, GradText, CTAButton, Reveal, useReveal, useCountUp, SB_EASE, PA_ACCENTS */ // Post & Analyze feature page — Platforms · Analytics · Receipts · Pipeline. const { useState: paS } = React; const PABadge = ({ label, ac = '#813CED', bg = CREAM }) =>

{label}

; const PASectionShell = ({ label, ac, h1, h2, sub, note, panel, flip = false, lean = 'right', bg = '#fff' }) => (

{h1}
{h2}

{sub}

Join for free {note &&

{note}

}

{panel}

); const PACard = ({ children, pad = 18 }) =>

{children}

; // ---------- § 02 Platforms ---------- const PA_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 PlatformsPanel = () => { const [plats, setPlats] = paS(PA_PLATS); const live = plats.filter(p => p.on).length; return (

Connected platforms {live} of 6 live

{plats.map((p, i) =>

setPlats(ps => ps.map((x, j) => j === i ? { ...x, on: !x.on } : x))} style={{ display: 'flex', alignItems: 'center', gap: 10, borderRadius: 13, padding: '11px 12px', 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'}

)}

Connect once per Character — every queued post fans out to whatever’s on.

); }; // ---------- § 03 Analytics ---------- const PAKpi = ({ 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 PA_WK = [28, 44, 36, 61, 50, 84, 58]; const AnalyticsPanel = () => { const [ref, on] = useReveal(0.35); return (

Last 30 days All platforms · Scarlett

Reach by day

{PA_WK.map((h, i) => {i === 5 && Sat · 41k} )}

{['M', 'T', 'W', 'T', 'F', 'S', 'S'].map((d, i) => {d})}

Posted by Sozee · 82% Posted by you · 18%

); }; // ---------- § 04 Receipts ---------- const PA_POSTS = [ { src: 'assets/pa/post-1.png', p: 'Instagram', c: '#E1306C', t: 'Tue · 9:00 AM', likes: '12.4k', com: '312', sh: '1.8k', sz: true }, { src: 'assets/pa/post-2.png', p: 'TikTok', c: '#1C1B1B', t: 'Tue · 12:30 PM', likes: '48.1k', com: '1.1k', sh: '6.2k', sz: true }, { src: 'assets/pa/post-3.png', p: 'Fanvue', c: '#1FB85A', t: 'Mon · 6:00 PM', likes: '3.9k', com: '204', sh: '440', sz: true }, { src: 'assets/pa/post-4.png', p: 'X', c: '#5B6470', t: 'Sun · 8:00 PM', likes: '9.7k', com: '186', sh: '2.3k', sz: false }]; const PAIcon = ({ d }) => ; const ReceiptsPanel = () => (

Recent posts Per-post numbers, per platform

{PA_POSTS.map((r) =>

{r.p} · {r.t} {r.likes} {r.com} {r.sh} {r.sz ? ✦ Sozee-posted : Posted by you}

)}

The Sozee-posted split, per post — so you know exactly what the studio earned you.

); const PlatformsSection = () => } />; const AnalyticsSection = () => } />; const ReceiptsSection = () => } />; // ---------- § 05 — Before the post ---------- const PAP_PANEL = { borderRadius: '12px 12px 0 0', background: '#fff', boxShadow: '0 10px 24px rgba(28,27,27,0.10), inset 0 0 0 1px rgba(28,27,27,0.08)', padding: 10, height: '100%', boxSizing: 'border-box', display: 'flex', flexDirection: 'column' }; const PA_NEXT = [ { t: 'Create Image', d: 'The sets that fill the queue — type a scene, get the content.', kind: 'image', href: '/create-image' }, { t: 'Create Video', d: 'Reels and TikToks with her voice on the track.', kind: 'video', href: '/create-video' }, { t: 'Editing Suite', d: 'Fix the photo before it ships — nothing reshot.', kind: 'edit', href: '/editing-suite' }]; const PAPipeMedia = ({ kind }) => (

{kind === 'image' &&

{['assets/create/out-mirror.webp', 'assets/create/out-garden.webp', 'assets/create/out-gym.webp'].map((src, i) =>

)}