/* Pages: Home, About, Services, Work Tasks lives in tasks.jsx (more complex). */ const { useState, useMemo } = React; /* ────────────────────────────────────────────── HOME ────────────────────────────────────────────── */ function HomePage({ setRoute }) { return (
{/* HERO */}
AI-powered marketing studio Taking 2 clients · June

by DELANEY¹

Marketing for small businesses, built on AI and run by a human. I write the copy, design the systems, and ship the tools — websites, campaigns, and the AI products that make them work.

{/* MANIFESTO STRIP */}
01 · The thesis

Small businesses can't afford an agency and shouldn't have to settle for a template. So I built a stack of AI tools that do agency work at studio pace — and I run them, in person, for one client at a time.

{/* PRODUCTS — placeholder tiles for her AI tools */}
{/* SERVICE TEASER */}
03 · What I do

A short list, done well.

    {[ ["Website copy", "Homepage, About, Services, the email signup line."], ["Social captions", "Monthly packs that don't sound like every other small business."], ["Brand voice", "A short guide your team can actually use."], ["Landing pages", "One-page sites that convert without shouting."], ["Email writing", "Welcome series, newsletters, the occasional sale."], ].map(([name, desc], i) => (
  • 0{i + 1} {name} {desc}
    • ))}
{/* SELECTED WORK STRIP */}
04 · Recently

A few things that shipped.

{[ { kind: "Website", client: "Manzanita Mercantile", when: "Apr '26" }, { kind: "Email", client: "Salt Air Studio", when: "Mar '26" }, { kind: "Voice", client: "Tide & Pine Candles", when: "May '26" }, ].map((p, i) => ( ))}
{/* CONTACT STRIP */}
Have something in mind?
Write me a paragraph about your business.
I'll write you back within a day.
hi@bydelaney.com
); } /* ────────────────────────────────────────────── ABOUT — minimal real bio; rest is hers to write ────────────────────────────────────────────── */ function AboutPage() { return (
About

DELANEY¹

Marketer, builder, student.
San Diego raised, Chico based.

For her photo
The bio

Grew up in San Diego.
Now in Northern California, going to Chico State.

¹
Delaney writes this part herself

This is where her real bio goes — in her own voice, at her own pace. The first task on the board is going to be writing it. Anything I put here would be fiction, and fiction's not the brand.

Based
Chico, CA · remote-first
Working with
Small businesses, anywhere in the U.S.
Reach
); } /* ────────────────────────────────────────────── SERVICES ────────────────────────────────────────────── */ const SERVICES = [ { num: "01", name: "Website copy", price: 400, blurb: "A homepage, About, and Services page that sounds like you on a good day. Includes one round of revisions and a 1-page voice cheat-sheet so anyone on your team can write in the same tone.", bullets: ["3 pages of copy", "Voice cheat-sheet", "1 revision", "2-week turnaround"], }, { num: "02", name: "Social captions", price: 250, unit: "/ month", blurb: "8 captions a month, delivered the last week of the month, scheduled and ready. Written in your voice from a 30-minute kickoff call. No hashtag fluff.", bullets: ["8 captions / month", "Quarterly voice check-in", "Built around your real calendar", "Cancel any time"], }, { num: "03", name: "Brand voice guide", price: 600, blurb: "One page. Three do's, three don'ts, five example sentences in your voice. Enough that the next person you hire to write something already knows how.", bullets: ["1-page guide", "Sample lines", "Voice training call", "Forever yours"], }, { num: "04", name: "Landing page", price: 800, blurb: "Copy + a clean Webflow or Framer page. For a launch, a new service, or the one product that's actually paying the bills. Mobile-first, fast, no template-y bullshit.", bullets: ["Full page copy", "Webflow / Framer build", "1 revision", "Goes live in 2 weeks"], }, { num: "05", name: "Email writing", price: 200, blurb: "A welcome series, a monthly newsletter, or that one launch email that's been a draft for three weeks. Reads like a note, not a campaign.", bullets: ["1 sequence (3–5 emails)", "Or 1 month of newsletters", "1 revision", "Subject lines included"], }, ]; function ServicesPage({ setRoute }) { return (
Services

Five things,
done well.

Prices below are starting points. Most projects land within 10% of them. Quotes are flat — no hourly billing, no surprise invoices.

{SERVICES.map((s) => (
{s.num}

{s.name}

{s.blurb}

    {s.bullets.map((b) => (
  • → {b}
    • ))}
Starts at
${s.price.toLocaleString()} {s.unit && {s.unit}}
Start a project
))}
FAQ

A few things people ask.

{[ ["Can I bundle services?", "Yes. A website + voice guide + first month of emails is the most common ask. We just price it as one project."], ["Do you work outside California?", "Yes — most of my clients aren't in California. I just take meetings on Pacific time."], ["What if I don't love the first draft?", "We do one revision built in. Most projects don't need it. The ones that do, it's because the brief was unclear, which is my fault."], ["Do you do logos / design / dev?", "No. I write. I can hand off to a designer or developer I trust if you need one."], ].map(([q, a]) => (
{q}
{a}
))}

Tell me about your business.

A paragraph is enough. I'll write back within a day.

hi@bydelaney.com
); } /* ────────────────────────────────────────────── WORK / PORTFOLIO ────────────────────────────────────────────── */ function WorkPage({ tasks, setRoute }) { const [view, setView] = useState("filled"); // 'filled' or 'empty' // Approved+paid+public tasks become portfolio entries const portfolioFromTasks = useMemo(() => { return tasks .filter((t) => t.is_public && (t.status === "approved" || t.status === "paid")) .map((t) => ({ id: t.id, title: t.title, kind: inferKind(t.title), summary: t.brief, when: fmtDate(t.approved_at || t.submitted_at), deliverable_url: t.deliverable_url, })); }, [tasks]); const allWork = view === "empty" ? [] : [...portfolioFromTasks, ...PORTFOLIO_EXTRA]; return (
Work

Every project,
once it's out the door.

This feed builds itself. Every task that ships and is marked public lands here automatically. No curation, no polishing — just what actually happened.

Preview
{allWork.length === 0 ? (
¹

First project ships soon.

The portfolio is built on a feed — every project that wraps lands here on its own. On launch day it's empty. By the end of the month, it shouldn't be.

) : (
{allWork.map((p, i) => (
{p.kind || "Project"} · {p.when || "Recently"}

{p.title}

{p.summary}

{p.deliverable_url && ( Read it )}
))}
)}
); } function inferKind(title) { const t = title.toLowerCase(); if (t.includes("instagram") || t.includes("caption") || t.includes("social")) return "Social"; if (t.includes("email") || t.includes("welcome")) return "Email"; if (t.includes("about") || t.includes("rewrite") || t.includes("website") || t.includes("landing")) return "Website"; if (t.includes("voice") || t.includes("brand")) return "Voice"; return "Project"; } /* ────────────────────────────────────────────── PRODUCTS — tile grid for Delaney's AI products Six placeholder tiles she can fill in later. ────────────────────────────────────────────── */ const PLACEHOLDER_PRODUCTS = [ { id: "p1", num: "01", status: "LIVE", name: "Schedule My Haircut", tagline: "An AI front desk for the salon of one. Emily fills your openings, sends reminders, charges late fees, collects tips.", cta: "Open schedulemyhaircut.com", href: "https://schedulemyhaircut.com", image: "https://images.unsplash.com/photo-1585747860715-2ba37e788b70?w=800&q=80&auto=format&fit=crop", }, { id: "p2", num: "02", status: "LIVE", name: "Speak Your Idea", tagline: "Talk to AI. It remembers everything. Logos, sites, designs — vibed into existence.", cta: "Open speakyouridea.com", href: "https://speakyouridea.com", image: "https://images.unsplash.com/photo-1589903308904-1010c2294adc?w=800&q=80&auto=format&fit=crop", }, { id: "p3", num: "03", status: "LIVE", name: "Dragon Drop", tagline: "Drop any document. Understand everything. Contracts, leases, medical bills — instant AI analysis, free.", cta: "Open mydragondrop.com", href: "https://mydragondrop.com", image: "https://images.unsplash.com/photo-1568667256549-094345857637?w=800&q=80&auto=format&fit=crop", }, { id: "p4", num: "04", status: "SOON", name: "Laney Mae Apparel", tagline: "A women's clothing shop blooming this spring. Sunflower fabrics, denim love, the right clothes for the right moments.", cta: "Notify me", href: "https://laneymae.com", image: "https://images.unsplash.com/photo-1597848212624-a19eb35e2651?w=800&q=80&auto=format&fit=crop", }, ]; function ProductsSection() { return (
02 · The stack

AI built for marketing,
not the other way around.

Small AI tools I've built to do the unglamorous parts of marketing — fast, consistently, in voice. Drop them into your stack, or hire me and they come free.

04 total tools
03 live
01 shipping soon
{PLACEHOLDER_PRODUCTS.map((p) => (
{p.image ? ( {p.name} ) : ( )}
{p.num} {p.status}

{p.name}

{p.tagline}

{p.cta}
))}
Want to white-label one? Talk to me
); } Object.assign(window, { HomePage, AboutPage, ServicesPage, WorkPage, ProductsSection });