// CLOUDEX — section components const { useState, useEffect, useRef, useMemo } = React; /* ============ Small primitives ============ */ const ArrowUR = ({ size = 16 }) => ( ); const Plus = () => ( ); /* Channel glyphs — simple original geometric marks (NOT brand logos) */ const PinGlyph = () => ( ); const GoogleGlyph = () => ( ); const MetaGlyph = () => ( ); const MediabuyGlyph = () => ( ); /* ============ NAV ============ */ function NavLogo({ size = 20 }) { // Inline-styled lockup matching CloudexWord, sized for the nav. const slashH = Math.max(1.5, Math.round(size * 0.07)); const dotSize = Math.round(size * 0.42); return ( CLOUDE X ); } function Nav() { return (
Book a call
); } /* ============ HERO ============ */ function useCount(target, duration = 1600, decimals = 0) { const [v, setV] = useState(0); useEffect(() => { let raf, start; const tick = (t) => { if (!start) start = t; const p = Math.min(1, (t - start) / duration); const eased = 1 - Math.pow(1 - p, 3); setV(target * eased); if (p < 1) raf = requestAnimationFrame(tick); }; raf = requestAnimationFrame(tick); return () => cancelAnimationFrame(raf); }, [target, duration]); return decimals ? v.toFixed(decimals) : Math.round(v).toLocaleString(); } function HeroStat({ value, unit, label, decimals }) { const c = useCount(value, 1800, decimals); return (
{c}{unit}
{label}
); } function Hero() { return (
Paid media studio · DTC e-commerce

A paid media
studio for considered
DTC brands.

CLOUDEX runs paid media for ambitious DTC brands. Pinterest, Google, Meta — done with the care of an in-house team and the leverage of specialists.

); } /* ============ MARQUEE ============ */ function Marquee() { const items = [ "Pinterest", "Google", "Meta", "Media buying", "Creative strategy", "Studio approach", "Senior hands", "DTC focused", "Pinterest", "Google", "Meta", "Media buying" ]; return (
{items.concat(items).map((t,i) => ( ✦{t} ))}
); } /* ============ SERVICES ============ */ function Service({ tag, glyph, title, desc, deliverables }) { return (
{glyph}
{tag}

{title}

{desc}

{deliverables.map((d,i)=>({d}))}
); } function Services() { return (
01 · What we do

Four channels.
Run with care.

We don't bolt on services we can't deliver. CLOUDEX runs deep on the four channels where DTC brands compound — owned end to end, from creative brief to channel strategy.

} title="Pinterest Ads" desc="The most underrated paid channel in DTC. We treat Pinterest as a demand engine — pin-native creative, intent-rich keyword targeting, and conversion campaigns built around how people actually shop there." deliverables={["Pin-native creative", "Keyword strategy", "Catalog feeds", "Idea ads"]} /> } title="Google Ads" desc="Search, Shopping, PMax, YouTube — built around a framework that respects margin, not just headline revenue. We win the queries that already want your product, and balance brand and non-brand with care." deliverables={["Performance Max", "Shopping feeds", "Search & YouTube", "Server-side tracking"]} /> } title="Meta Ads" desc="Facebook and Instagram, run like a creative testing lab. New angles each week, evidence-led winners, and account structures that scale calmly through platform shifts." deliverables={["Creative testing", "Advantage+ campaigns", "Retargeting", "Conversions API"]} /> } title="Mediabuying" desc="A senior buyer on every account — not an account manager. Daily pacing, weekly notes, monthly reviews. You'll know what changed, why it changed, and what's next. No agency-jargon dashboards." deliverables={["Daily pacing", "Weekly notes", "Monthly reviews", "Slack channel"]} />
); } /* ============ WHY (BENTO) ============ */ function Why() { return (
02 · Why brands choose us

Built for compounding.

Accounts per buyer
4/max

Each CLOUDEX buyer takes on four brands, no more. Your account is the work — not a side quest. It's why our partnerships compound, year on year.

Plain-english reporting

Weekly notes from your buyer. What we changed, what's working, what's next. No dashboard archaeology.

Creative as a system

A library of fresh concepts each month, briefed off winning angles — never vibes.

Channel-agnostic budget

Spend follows performance, not internal politics. We reallocate without ego.

Slack-native

Direct line to your buyer. No tickets, no 48-hour SLAs, no "let me loop in your AM."

); } /* ============ PROCESS ============ */ function Process() { const steps = [ { n: "Step 01", t: "Audit", d: "Free, no-strings teardown of your current ad accounts. We surface what's actually broken — tracking, creative, structure, or strategy — and tell you straight." }, { n: "Step 02", t: "Plan", d: "A 30-day kickoff sprint: tracking rebuild, creative brief library, channel-mix model, and a target CAC tied to your real margin — not last year's." }, { n: "Step 03", t: "Launch", d: "Campaigns live in week two. We run lean and learn fast: 5–10 fresh creative tests weekly, ruthless winner harvesting, daily pacing." }, { n: "Step 04", t: "Scale", d: "Once we hit the CAC target, we open the throttle. New channels, lookalike geos, and creative scale-out — all gated on margin, not vanity ROAS." }, ]; return (
03 · How we work

A short, honest
way of working.

No 90-day "onboarding." No senior pitch, junior execute. You'll meet your buyer in week one and they'll still be on your account in year two.

{steps.map((s,i)=>(
{s.n}

{s.t}

{s.d}

))}
); } /* ============ CASE STUDIES ============ */ function Case({ logo, industry, headline, results, big }) { return (
{logo}
{industry}
{headline}
{results.map((r,i)=>(
{r.n}{r.u}
{r.l}
))}
); } function CaseStudies() { return (
04 · Selected work

Recent partnerships.

All case studies
); } /* ============ CALCULATOR ============ */ function Calculator() { const [spend, setSpend] = useState(50000); const [aov, setAov] = useState(85); const [currentRoas, setCurrentRoas] = useState(2.2); // assume we improve ROAS by 60% on average (capped sensibly) const targetRoas = Math.min(currentRoas * 1.6, 7.5); const currentRev = spend * currentRoas; const targetRev = spend * targetRoas; const lift = targetRev - currentRev; const newCustomers = Math.round((targetRev * 0.62) / aov); const fmt = (n) => Math.round(n).toLocaleString(); return (
05 · ROAS calculator

What could we do
with your spend?

Drag the sliders. We'll show you what a typical CLOUDEX engagement looks like on your numbers. Conservative — based on our portfolio average, not the top deciles.

${fmt(spend)}/mo
setSpend(+e.target.value)} />
${fmt(aov)}
setAov(+e.target.value)} />
{currentRoas.toFixed(1)}x
setCurrentRoas(+e.target.value)} />

Projection based on the median CLOUDEX engagement after 90 days. Your mileage will vary — we'll tell you honestly in the audit.

Projected monthly revenue with CLOUDEX
${fmt(targetRev/1000)}k
↑ ${fmt(lift/1000)}k lift / month vs. current
{targetRoas.toFixed(1)}x
Target ROAS
{fmt(newCustomers).toLocaleString()}
New customers/mo
${fmt((targetRev - spend)/1000)}k
Net contribution
Get this audit free
); } /* ============ TESTIMONIALS ============ */ function Testimonials() { const items = [ { q: "We'd been through three agencies before CLOUDEX. The difference is they actually care about our margin, not just topline. Our blended ROAS went from 2.4 to 4.8 in five months.", n: "Mira Vance", r: "Founder, Harlow & Pine", a: "MV" }, { q: "Our buyer is in our Slack daily. Reports come with opinions, not just charts. Feels like an in-house team that happens to be very, very good at Pinterest.", n: "Daniel Okafor", r: "Head of Growth, Northform", a: "DO" }, { q: "They told us to cut 30% of our spend on day one and we got nervous. Two months later we were doing more revenue on less spend. That's the whole story.", n: "Sarah Lindqvist", r: "CMO, Oakwell", a: "SL" }, ]; return (
06 · Words from partners

Working partnerships.

{items.map((t,i)=>(
★★★★★
"{t.q}"
{t.a}
{t.n}
{t.r}
))}
); } /* ============ FAQ ============ */ function FAQ() { const items = [ { q: "What size brand do you typically work with?", a: "Sweet spot is DTC e-commerce brands spending between $30k and $500k per month on paid ads. We've taken brands from $0 to seven figures, but our process really sings when there's existing data to optimize against." }, { q: "Do you require long contracts?", a: "No. CLOUDEX works on rolling 90-day terms after an initial 60-day setup commitment. If we're not earning our keep, you should be able to leave — and we want to keep proving it." }, { q: "Who actually runs my account?", a: "A senior media buyer with at least five years on DTC accounts. No juniors, no offshoring, no \"account managers\" in between. You'll be in a Slack channel with the human running the spend." }, { q: "What's the typical onboarding timeline?", a: "Audit and signed proposal in week one. Tracking, pixel and CAPI rebuild in week two. First campaigns live by day 14. First strategy review at day 30, full P&L review at day 60." }, { q: "Do you make the creative?", a: "We brief, direct, and run creative testing — and we work with your in-house team or our preferred creative partners for production. Concepts come from the channel data, not a moodboard." }, { q: "How is pricing structured?", a: "A flat monthly retainer scaled to your ad spend, with a small performance kicker above an agreed target. No setup fees, no percent-of-spend surprises, no \"strategy hours\" billed by the quarter." }, ]; const [open, setOpen] = useState(0); return (
07 · FAQ

Common questions.
Direct answers.

{items.map((it, i) => (
setOpen(open === i ? -1 : i)}> {it.q}
{it.a}
))}
); } /* ============ CTA ============ */ function CTA() { return (
08 · Let's talk

Let's see if we're a fit.

A 45-minute call. We'll talk through your accounts, your goals and your numbers. You'll leave with three things to action — even if we never work together.

Book an intro call contact@cloudexmedia.com
Replying within the working day.
); } /* ============ FOOTER ============ */ function Footer() { return ( ); } /* ============ LIVE TICKER ============ */ function Ticker() { const events = [ { msg: "Northform · Pinterest ROAS hit ", h: "6.4x", tail: " — new portfolio high.", t: "2m ago" }, { msg: "Harlow & Pine · scaled Meta to ", h: "$48k/day", tail: " profitably.", t: "11m ago" }, { msg: "Oakwell · Google PMax CAC down ", h: "−18%", tail: " week-over-week.", t: "26m ago" }, { msg: "Solenne · new creative concept ", h: "+72%", tail: " CTR vs control.", t: "1h ago" }, { msg: "Brightwave · added Pinterest, ", h: "ROAS 5.1x", tail: " first 14 days.", t: "3h ago" }, ]; const [i, setI] = useState(0); const [vis, setVis] = useState(false); useEffect(() => { const show = setTimeout(()=>setVis(true), 1800); const id = setInterval(() => setI(p => (p+1) % events.length), 6000); return () => { clearTimeout(show); clearInterval(id); }; }, []); const e = events[i]; return (
Live · {e.t}
{e.msg}{e.h}{e.tail}
); } /* ============ IMAGE BAND (after hero) ============ */ function ImageBand() { return (
Studio · 2026
); } /* ============ ATMOSPHERIC PULL-QUOTE ============ */ function Atmosphere() { return (
A note from the studio

"We're not chasing virality, screenshots or trophy ROAS. We're trying to build paid-media programs that compound — quietly, every month, for the kind of brands we'd buy from ourselves."

A note from the studio
CLOUDEX · CHEYENNE, WY
); } /* ============ STUDIO (replaces calculator) ============ */ function Studio() { return (
05 · Inside the studio

Small team.
Senior hands.

CLOUDEX isn't an agency in the traditional sense. We're a small studio of senior media buyers, creative strategists and analysts who only take on brands we're genuinely excited about — and we keep it that way on purpose.

01The studio
02The team
03The work
); } /* expose */ Object.assign(window, { Nav, NavLogo, Hero, Marquee, Services, Why, Process, CaseStudies, Calculator, Testimonials, FAQ, CTA, Footer, Ticker, ImageBand, Atmosphere, Studio });