// Sections.jsx — All page sections for the pre-launch landing. const { useState: useSt, useEffect: useEf } = React; // ── NAVBAR (with inline countdown) ────────────────────────── window.NavBar = function NavBar({ onJoin }) { const c = window.useCountdown(); return ( ); }; // ── COUNTDOWN STRIP (subtle, below nav) ───────────────────── window.CountdownStrip = function CountdownStrip() { const c = window.useCountdown(); const Cell = ({ n, l }) => (
{String(n).padStart(2, "0")} {l}
); return (
Doors open in · · ·
); }; // ── SPECIALIST TICKER (hero-adjacent, horizontal scroll) ──── window.SpecialistTicker = function SpecialistTicker() { // Each specialist gets a tinted card with portrait + name/title. // Duplicate the list so the marquee loops seamlessly. const items = window.SPECIALISTS; const loop = [...items, ...items]; return (
{loop.map((s, i) => (
{s.title}
))}
); }; // ── HERO — variant A: one-column editorial + specialist ticker ──── window.HeroA = function HeroA({ onJoin }) { return (

Build a one-person content studio
that produces like a 10-person team.

Ten years ago, marketing a solo business meant a blog and a newsletter. Today, it's nine formats, four platforms, and a schedule that never stops.

We're building you a way out.

Join the waitlist → No spam · One email when doors open
{/* Specialist ticker */}
); }; // ── HERO — variant B: "Studio, not Team" (split) ──────────── window.HeroB = function HeroB({ onJoin }) { return (
Pre-launch · April 27

Stop being a content team of one.
Become a content studio of one.

Ten content specialists. One tool. Your brand, your voice, running forever.

Founding cohort · Limited
{window.SPECIALISTS.slice(0, 9).map((s, i) => (
{s.num} · {s.title.split(" ")[0]}
))}
); }; // ── PROBLEM ACTS ──────────────────────────────────────────── window.ProblemActs = function ProblemActs() { const options = [ { n: "01", t: "Hire freelancers", r: "You become the project manager. $2–8k/mo. You chase and review instead of creating." }, { n: "02", t: "Agency on retainer", r: "$5–15k/mo minimum. They move at their pace. It still doesn't sound like you." }, { n: "03", t: "Lean on ChatGPT", r: "Generic voice. Repeat your brand memory. Re-paste context indefinitely." }, { n: "04", t: "Do it all yourself", r: "Content always loses to \"urgent\" client work. Three months pass. Burnout cycle continues." }, ]; // Each "act" gets its own containerized card — stacked like three slides. const actCard = { borderRadius: 28, padding: "72px 56px", position: "relative", overflow: "hidden", marginBottom: 24, }; return (
{/* ── ACT 1 — The problem (cream card, paper grain) ──────── */}
{/* Soft coral bloom */}
Act 01 · The problem

You're one person with a ten-person workload.

The job is too big for one human.
The market tells solopreneurs this is a discipline problem. It isn't.
It's a volume problem.

{/* ── ACT 2 — The bad options (tinted card) ──────────────── */}
{/* subtle dot pattern */}
Act 02 · The bad options

What's a solopreneur to do?

{options.map((o) => (
Option {o.n}

{o.t}

Reality:

{o.r}

))}
{/* ── ACT 3 — the way out (dark card) ────────────────────── */}
Act 03 · The way out

The better way has arrived.

Don't outsource your content to a team and pay the price.
Build your studio. One that knows your brand, your audience, and your voice.

{[ { num: "→ 01", t: <>A studio of
ten specialists, d: "Purpose-built craftsmen for every format you create. One for newsletters, one for sales pages, one for reels. Each pre-loaded with the best practices for their craft.", icon: "/illustrations-icons/ten-specialists.png", }, { num: "→ 02", t: <>Trained once on
your business, d: "Business, brand, voice, audience, captured once in the context layers and used by every specialist. Never re-explain yourself again. Update in one place as your business evolves.", icon: "/illustrations-icons/knows-you.png", }, { num: "→ 03", t: <>Running
itself, d: "Set your cadence and The Studio fills the queue. Content drafts arrive on schedule, ready for your human touch. You share on all your platforms.", icon: "/illustrations-icons/runs-for-you.png", }, ].map((p, i, arr) => (
{p.num}

{p.t}

{p.d}

{i < arr.length - 1 && (
); }; // ── OUTPUT SHOWCASE — "One place. Everything you ship." ───── window.OutputShowcase = function OutputShowcase() { // Mapped to specialists; each format shows the specialist's accent color + animal dot. const formats = [ { cat: "Written", items: [ { title: "Newsletters", sub: "Weekly or evergreen", accent: "coral", spec: "Hedgehog · Newsletter Editor" }, { title: "Blog posts", sub: "SEO-aware long-form", accent: "ice", spec: "Deer · Blog Writer" }, { title: "Sales pages", sub: "Long-form conversion", accent: "iris", spec: "Raccoon · Sales Page Builder" }, { title: "Email sequences", sub: "Welcome & nurture", accent: "sage", spec: "Owl · Email Strategist" }, ]}, { cat: "Social", items: [ { title: "Text posts", sub: "Twitter · LinkedIn · Threads", accent: "pink", spec: "Parrot · Social Director" }, { title: "Carousels", sub: "Instagram · LinkedIn", accent: "pink", spec: "Magpie · Slide Designer" }, { title: "Short-form video", sub: "Reels · TikTok · Shorts", accent: "ice", spec: "Otter · Video Producer" }, { title: "Long-form scripts",sub: "YouTube · webinars", accent: "ice", spec: "Otter · Video Producer" }, ]}, { cat: "Spoken", items: [ { title: "Podcast outlines", sub: "Solo or interview", accent: "gold", spec: "Bear · Podcast Producer" }, { title: "Show notes", sub: "Timestamps & pull-quotes", accent: "gold", spec: "Bear · Podcast Producer" }, ]}, { cat: "Visual", items: [ { title: "Slide decks", sub: "Talks & keynotes", accent: "pink", spec: "Magpie · Slide Designer" }, { title: "Brand & design system", sub: "Voice, tone, guardrails", accent: "gold", spec: "Badger · Chief Brand Officer" }, ]}, { cat: "Remix", items: [ { title: "Content repurposer", sub: "One asset → ten formats", accent: "lime", spec: "Octopus · Content Repurposer" }, ]}, ]; return (
One place · Everything you ship

Your whole content operation.
One window. One voice.

Newsletters. Text posts. Short-form video. Carousels. Sales pages. Podcasts. Long-form scripts. Email sequences. Slide decks. Every format solopreneurs ship in 2026, in your voice, to your audience, from one place.

{/* "Platforms served" mono ribbon */}
{["Newsletter", "Twitter / X", "LinkedIn", "Threads", "Instagram", "TikTok", "YouTube", "YouTube Shorts", "Podcast", "Blog", "Email", "Sales", "Slides"].map(p => ( {p} ))}
{/* Format grid grouped by category */}
{formats.map(group => (
{group.cat}.
{group.items.map(it => (

{it.title}

{it.sub}
· {it.spec}
))}
))}
{/* Footer line — voice & preferences */}
The connective tissue
A single brand-context layer. Every specialist reads from it.
{["Voice profile", "Audience", "Offers", "Content pillars", "Preferences"].map(l => ( {l} ))}
); }; // ── THE TEN (roster with real character portraits) ────────── window.TheTen = function TheTen() { return (
Meet the studio · Currently in training

Ten specialists.
On staff. Forever.

Each one knows a format cold. Each one knows your brand. None of them will quit on a Tuesday.

{window.SPECIALISTS.map((s) => (
{s.animal}
No. {s.num}
{s.title}
{s.animal}
))}
); }; // ── THE TEN — Meet the studio ─────────────────────────────── window.TheTen = function TheTen() { // Role → { image filename, content-type pills, optional bg override to de-dupe accents } const TEAM = { "Newsletter Editor": { img: "newsletter-editor.png", pills: ["Newsletters"] }, "Chief Brand Officer": { img: "brand-keeper.png", pills: ["Voice guide", "Style rules", "Brand guardrails"] }, "Social Director": { img: "social-director.png", pills: ["Text posts", "Carousels", "Short-form video"] }, // Podcast is also gold — shift warmer (toward apricot) so it doesn't read as brand-officer. "Podcast Producer": { img: "podcast-producer.png", pills: ["Episode outlines", "Show notes", "Pull-quotes"], bg: "hsl(34, 70%, 92%)" }, "Sales Page Builder": { img: "sales-page-copywriter.png", pills: ["Sales pages", "Landing pages"] }, "Email Strategist": { img: "sequence-strategist.png", pills: ["Email sequences"] }, "Blog Writer": { img: "blog-writer.png", pills: ["Long-form articles"] }, // Slide is also pink — shift slightly cooler (toward mauve). "Slide Designer": { img: "slide-designer.png", pills: ["Slide decks"], bg: "hsl(320, 45%, 93%)" }, // Video is also ice — shift toward a dustier sky tone. "Video Producer": { img: "video-producer.png", pills: ["YouTube scripts"], bg: "hsl(215, 45%, 93%)" }, "Content Repurposer": { img: "content-repurposer.png", pills: ["Cross-platform remix"] }, }; return (
The specialists in your studio · currently in training

Ten specialists. Highly trained.
Creating content for you.

{window.SPECIALISTS.map((s, i) => { const team = TEAM[s.title] || {}; return (
{/* Isometric studio scene */} {s.title} {/* № */}
№ {s.num}
{/* Role */}
{s.title}
{/* Content-type pills */}
{(team.pills || []).map(fmt => ( {fmt} ))}
); })}
); }; // ── PEEK SECTION ──────────────────────────────────────────── window.PeekSection = function PeekSection() { return (
A look inside

Your studio is waiting for you.
Available soon.

We're not ready to show the full thing. But here's a glimpse of what's coming.

); }; // ── REACTIONS (real screenshots — "genius" word keeps coming back) ─ window.Reactions = function Reactions() { // Real screenshots from DMs / messages (avatars pre-masked in source PNGs). const shots = [ { src: "assets/reactions/reaction-2-story-reply-v2_final.png", platform: "Instagram DM", pull: "ANOTHER GENIUS IDEA", tilt: -1.6, ratio: "1206 / 805", }, { src: "assets/reactions/reaction-1-story-reply-v2_final.png", platform: "Instagram · Story reply", pull: "This is genius.", tilt: 1.2, ratio: "655 / 732", }, { src: "assets/reactions/reaction-3-whatsapp.png", platform: "WhatsApp", pull: "Where do I pay?", tilt: -0.8, ratio: "866 / 344", }, ]; return (
{/* warm bloom behind the headline */}
Early reactions · From people we've quietly shown

They keep using
the same word: genius.

{/* Screenshot grid */}
{shots.map((s, i) => (
{/* The actual screenshot — contained inside a subtle frame */}
{`Reaction
{/* Pull-quote under the screenshot */}
"{s.pull}"
))}
); }; // ── CTA / WAITLIST ────────────────────────────────────────── window.WaitlistCTA = function WaitlistCTA({ formRef }) { const c = window.useCountdown(); return (
{/* Countdown — moved above headline as urgency cue */}
Doors open in {[["D", c.days], ["H", c.hours], ["M", c.mins], ["S", c.secs]].map(([l, n]) => (
{String(n).padStart(2, "0")} {l}
))}

Be first through the door.

Join the founding cohort. One email the moment doors open, plus early-access perks you only get by being on this list.

No spam · Unsubscribe any time
); }; // ── FOOTER ────────────────────────────────────────────────── window.SCSFooter = function SCSFooter() { return ( ); };