/* Compound — sections.jsx (Swiss/technical redesign) */
/* ============================================================
META STRIP — runs at the very top, before nav.
Live clock, coordinates, session, version.
============================================================ */
function MetaStrip() {
return (
);
}
/* ============================================================
HERO
Animated wordreveal headline + animated coordinate mark.
Parallax-shifted background grid.
============================================================ */
const HEADLINES = {
ship: { line1: "We build the AI systems", line2: "our own businesses run on.", label: "Ship", em: "our own businesses run on." },
own: { line1: "Operator-built AI", line2: "for the work that pays.", label: "Own", em: "for the work that pays." },
run: { line1: "AI that lives inside", line2: "the work it runs.", label: "Run", em: "the work it runs." }
};
function Hero({ headline = "ship" }) {
const h = HEADLINES[headline] || HEADLINES.ship;
return (
{/* Eyebrow */}
AI SYSTEMS STUDIO
{/* Headline — centered */}
{/* Subhead — centered, restrained */}
A small studio designing AI systems for companies whose operations have outgrown spreadsheets, teams, and templates.
{[
{ k: "01.02", lbl: "OPERATORS", body: "We are operators first. Compound exists because the systems we built for our own portfolio companies turned out to be valuable to other operators too." },
{ k: "01.03", lbl: "SYSTEMS", body: "Configurators, quote builders, claim engines, dispatch layers. Each one designed for a specific workflow, integrated with your stack, owned by you on delivery." },
{ k: "01.04", lbl: "CADENCE", body: "We sit alongside your team through adoption, not just delivery, monitoring, refining, training, until the system is just how the work gets done." }].
map((c, i) =>
// {c.k}
{c.lbl}
{c.body}
)}
);
}
/* ============================================================
WHAT WE BUILD — 4 numbered offerings
============================================================ */
const CAPS = [
{ n: "01", cat: "DIAGNOSTIC", t: "AI Opportunity Audit", d: "A paid diagnostic. We map your workflows, identify the highest-ROI automation targets, and deliver a written report with build estimates and projected impact. Most clients start here.", typical: "1–2 WEEKS" },
{ n: "02", cat: "BUILD", t: "Custom AI Systems", d: "End-to-end build of a specific system: configurators, quote builders, AI support agents, sales automation, document processing, internal tools. Designed for your workflow, integrated with your stack, owned by you on delivery.", typical: "4 — 12 WEEKS" },
{ n: "03", cat: "MARKET ENTRY", t: "US Market-Entry Systems", d: "For international brands launching in the US. A complete operational stack — storefront, configurator, automated support, marketing, analytics — so a small founder-led team can run a credible US business from day one.", typical: "4 — 12 WEEKS" },
{ n: "04", cat: "PARTNERSHIP", t: "Ongoing Partnership", d: "For clients who want continuous access after a build. New systems, optimization, strategic advisory. We take on a limited number of these.", typical: "MONTHLY" }];
function WhatWeBuild() {
return (
Start with a question. End with a system.
Most engagements start with the audit and shape from there. Pricing is quoted per brief. Timelines below are typical, not contractual.
{CAPS.map((c, i) =>
{c.n}
// {c.cat}
{c.t}
{c.d}
TYPICAL
{c.typical}
)}
);
}
/* ============================================================
SELECTED WORK — case studies with blueprint diagrams
============================================================ */
const WORK = [
{
idx: "I",
name: "Appealio",
descriptor: "A vertical AI platform for healthcare insurance denial management.",
problem: "Medical practices lose millions per year to denied insurance claims. The appeal process is manual, slow, and requires deep knowledge of payer-specific rules — so most denials are never appealed at all.",
built: "A system that ingests denied claims (835/ERA files), identifies the denial reason, pulls the relevant clinical evidence and coverage policies, and generates a complete appeal letter in under sixty seconds. Used daily by medical billing teams.",
outcomes: [
["38", "s", "median draft time"],
["~$1,800", "", "avg. claim value recovered"],
["4.2", "×", "faster than manual draft"]],
url: "https://appealio.co",
urlLabel: "appealio.co",
tag: "VERTICAL SaaS · HEALTHCARE",
year: "2025",
Diagram: DiagramAppealio
},
{
idx: "II",
name: "Helmet Hygiene",
descriptor: "An automated quote-and-configuration engine for a custom-manufactured product.",
problem: "Selling custom products at scale is a logistics problem. Every quote requires manual back-and-forth — sizing, customization options, shipping calculations, lead times. Sales reps burn hours on quotes that may never close.",
built: "A configurator that handles the entire quoting process automatically: customer specs in, complete quote with shipping and timeline out. The same system handles customer follow-up and order coordination after the sale.",
outcomes: [
["Automated", "", "sales system"],
["0", " sales reps", "needed per quote"],
["100", "%", "quotes automated"]],
url: "https://helmethygiene.com",
urlLabel: "helmethygiene.com",
tag: "DTC · MANUFACTURING",
year: "2026",
Diagram: DiagramHelmet
},
{
idx: "III",
name: "FieldLayer",
descriptor: "A property operations platform for single-family rental and property-management companies.",
problem: "Property managers run inspections, work orders, and unit turnovers manually across spreadsheets and disconnected tools. Critical issues fall through the cracks, and labor costs spiral as portfolios grow.",
built: "An automated layer that coordinates field work end-to-end — inspections, task assignment, vendor coordination, reporting — built on top of an established field inspection network spanning all fifty states and Canada.",
outcomes: [
["<24", "hr", "avg. dispatch + turnaround"],
["500", "K+", "field network"],
["End-to-end", "", "reporting"]],
url: "https://fieldlayer.io",
urlLabel: "fieldlayer.io",
tag: "WORKFORCE API · REAL ESTATE",
year: "2026",
Diagram: DiagramField
}];
function SelectedWork() {
return (
);
}
/* ============================================================
PROCESS — system map (4 nodes)
============================================================ */
const STEPS = [
{ kind: "DISCOVER", t: "Discover", duration: "2 WEEKS", d: "A paid two-week diagnostic. We map the workflow, identify the highest-ROI build, and deliver a written plan with estimates and projected impact." },
{ kind: "DESIGN", t: "Design", duration: "1 WEEK", d: "We define the system, integrations, and success metrics in writing. You see the brief before we touch the keyboard." },
{ kind: "BUILD", t: "Build", duration: "6—12 WK", d: "Phased delivery, demos every two weeks. Real data, real environment, short iterations. You own everything on delivery." },
{ kind: "OPERATE", t: "Operate", duration: "MONTHLY", d: "Optional ongoing partnership. We sit alongside your team for optimization, new builds, and strategic advisory." }];
function Process() {
return (
{[
{
code: "US",
region: "UNITED STATES",
title: "Manufacturers, ecommerce brands, professional services, and SMBs.",
body: "Operations that have outgrown manual processes. Common signs: you've hired your way to a ceiling, your team is buried in tools, or you're losing deals to slow execution. We build the system that takes the workflow off the floor without breaking what already works.",
tags: ["MANUFACTURING", "DTC", "PRO SERVICES", "HEALTHCARE", "REAL ESTATE"]
},
{
code: "INTL",
region: "ENTERING THE US",
title: "International brands launching stateside.",
body: "Proven products that need credible US-facing infrastructure to sell. We build the operational stack — storefront, configurator, support, marketing automation — so a small founder-led team can run a serious US business from day one.",
tags: ["EU → US", "ASIA → US", "LATAM → US", "FOUNDER-LED"]
}].
map((a, i) =>
{a.code}
// {a.region}
{a.title}
{a.body}
{a.tags.map((t) =>
{t}
)}
)}
);
}
/* ============================================================
STUDIO
============================================================ */
function Studio() {
return (
// 06.01 / CARTER DEMORE, FOUNDER
I'm an entrepreneur running a portfolio of operating companies. Compound is where I bring the AI systems we've built for ourselves to other operators working on problems worth shipping.
— Compound Studio
FOUNDER
Founded
2024
Studio
Irvine, CA
);
}
/* ============================================================
FAQ
============================================================ */
const FAQS = [
{ q: "How is Compound different from other AI shops?",
a: "We are operators first. Every system we offer to outside clients has already been deployed inside one of our own companies. By the time it reaches you, it's been on call inside a real P&L for a quarter." },
{ q: "How do you know we're ready for AI?",
a: "You're ready if there's a workflow somebody has been hand-running for two or three years: a quote, a claim, an onboarding packet, a second draft of the same email. That's where AI earns its keep." },
{ q: "What happens after you ship?",
a: "We don't hand off and vanish. We sit alongside your team, monitor how the system is actually used, and refine it until it runs smoothly without us." },
{ q: "How much internal time will this take?",
a: "You hired us to take work off the floor, not add to it. We keep your team's involvement focused: enough to capture what matters, and we handle the rest." },
{ q: "How long until we see real results?",
a: "A working pilot inside weeks, not months. We move fast, test early on real data, and scale only once it's proven." },
{ q: "We've already tried AI and it didn't work. Why would this be different?",
a: "Most teams fail because they start with the wrong use cases, or stop at the prototype. We only pick up briefs worth building, and we stay through adoption so the work actually ships." }];
function Faq() {
return (
Questions worth answering.
{FAQS.map((f, i) =>
0{i + 1}
{f.q}
+
{f.a}
)}
);
}
/* ============================================================
CONTACT
============================================================ */
function Contact() {
const [form, setForm] = React.useState({ name: "", email: "", building: "", website: "" });
const [sent, setSent] = React.useState(false);
const [errors, setErrors] = React.useState({});
const [submitting, setSubmitting] = React.useState(false);
const [serverError, setServerError] = React.useState("");
const onSubmit = async (e) => {
e.preventDefault();
if (submitting) return;
const next = {};
if (!form.name.trim()) next.name = "REQUIRED";
if (!form.email.trim() || !/^\S+@\S+\.\S+$/.test(form.email)) next.email = "INVALID EMAIL";
if (!form.building.trim() || form.building.trim().length < 12) next.building = "A SENTENCE OR TWO";
setErrors(next);
if (Object.keys(next).length > 0) return;
setSubmitting(true);
setServerError("");
try {
const r = await fetch("/api/contact", {
method: "POST",
headers: { "Content-Type": "application/json" },
body: JSON.stringify({
name: form.name.trim(),
email: form.email.trim(),
building: form.building.trim(),
website: form.website
})
});
if (!r.ok) {
const data = await r.json().catch(() => ({}));
throw new Error(data.error || "SEND_FAILED");
}
setSent(true);
} catch (err) {
setServerError("Couldn't send your note. Please try again in a moment.");
} finally {
setSubmitting(false);
}
};
return (
Start a conversation.
We take on a limited number of engagements each quarter. Tell us what you're working on — a few sentences is enough. We read every note personally and reply within two business days.
Reply
≤ 2 business days
Location
Irvine, California
{sent ?
● RECEIVED · {new Date().toLocaleDateString()}
Thanks, {form.name.split(" ")[0] || "operator"}. We'll be in touch within two business days.
Replies come from a real inbox, not an automation.
