/* brenn studio — homepage sections (React components) */ const { useEffect, useRef, useState } = React; // ---------- Scroll motion hook ---------- function useReveal() { const ref = useRef(null); useEffect(() => { const el = ref.current; if (!el) return; const io = new IntersectionObserver( (entries) => { entries.forEach((e) => { if (e.isIntersecting) { e.target.classList.add('in'); io.unobserve(e.target); } }); }, { threshold: 0.16, rootMargin: '0px 0px -8% 0px' } ); el.querySelectorAll('.fade-up, .split-line').forEach((n, i) => { n.style.setProperty('--d', `${i % 6 * 80}ms`); io.observe(n); }); return () => io.disconnect(); }, []); return ref; } // ---------- Top Nav ---------- function TopNav() { return ( ); } // ---------- Single thin geometric mark ---------- function Mark() { // A sovereign-architect mark: hairline circle (the landscape) with a single off-axis vertical (the architect's line) and one orange tick. return ( ); } // ---------- Hero (Section 01) ---------- function Hero() { const ref = useReveal(); return (

01 — Operational Intelligence

You built your business
to serve.

And you do — brilliantly, relentlessly, with more care than most people will ever understand. But somewhere along the way, your vision outpaced your systems.

There's a version of your business where everything hums. Where AI handles the complexity underneath, and your team's intelligence rises to the surface. Elevated, not replaced.

brenn studio designs the systems that make that possible.

Find out if you're ready Take the AI Readiness Quiz → ~30 MINUTES · ACTIONABLE RESULTS

); } // ---------- Section 02 — The Question Nobody Asks ---------- function QuestionSection() { const ref = useReveal(); return (

02 — The Question Nobody Asks

Most businesses have processes. Very few have decisions.

There's a difference. A process tells you what to do. A decision determines what happens next — who owns it, what information it needs, how fast it moves, and whether it actually creates the outcome you intended.

When decisions live in people's heads, businesses stall. When AI is asked to make decisions it doesn't have the context for, businesses break. When the right decision logic is designed into your systems — that's when everything starts to move.

At brenn studio, decisions are where we begin.

How are decisions made here?

Who owns them?

Where do they live?

What does the system need to know to make them well?

Those four questions change everything.

); } // ---------- Section 03 — Bolt-On vs. Built-In ---------- function ContrastSection() { const ref = useReveal(); const rows = [ ['Automations built on broken processes', 'Systems designed around outcomes'], ['Decisions still living in people\u2019s heads', 'Decisions that are clear, owned, and fast'], ['AI acting without context or guardrails', 'AI that knows when to act and when to escalate'], ['Teams adapting around the tools', 'Teams elevated by the tools around them'], ['Inconsistent client experiences', 'Clients experiencing the full depth of what\u2019s possible'], ['Expensive complexity that creates new problems', 'Intelligent complexity that compounds over time'], ['The founder still at the center of everything', 'The founder leading instead of managing']]; return (

03 — Architecture

Bolt-on, or built-in.

Adding AI to a broken operation produces expensive chaos. Designing decision logic into the system itself produces clarity that compounds. The difference is architecture.

When AI is bolted on

{rows.map(([l], i) =>

{l}

)}

When AI is built in

{rows.map(([, r], i) =>

{r}

)}

); } // ---------- Section 04 — Offer Entry / Quiz ---------- function OfferSection() { const ref = useReveal(); const dims = [ ['01', 'Data & information flow', '01 of 05'], ['02', 'Workflow design', '02 of 05'], ['03', 'Documentation', '03 of 05'], ['04', 'Decision logic', '04 of 05'], ['05', 'Tool architecture', '05 of 05']]; return (

04 — Where it starts

This is where it starts.

Not with a proposal. Not with a sales call. With an honest look at where your business actually stands.

The brenn studio AI Readiness Quiz evaluates your business across five dimensions. In 30 minutes, you'll know exactly where your foundation is strong, where the gaps are hiding, and what your smartest next move is.

No jargon. No pressure. Just clarity.

Take the AI Readiness Quiz →

{n} {name} {meta}

); } // ---------- Section 05 — Social Proof ---------- function ProofSection() { const ref = useReveal(); return (

05 — OUR ETHOS

"One quote that captures the exhale moment — the moment they saw the whole landscape for the first time."

— ANGELICA MARTINEZ · FOUNDER OF BRENN STUDIO

[ placeholder — to be populated with first client story ]
structure: client & practice → core tension on arrival → what their team now experiences → what their clients now experience.

); } // ---------- Section 06 — Who This Is For ---------- function WhoSection() { const ref = useReveal(); return (

Who this is for.

brenn studio works with health and service business owners who are already good at what they do and know it. You're not looking for someone to hand you a tool and walk away. You're looking for a strategic partner who will look at your entire operation, tell you the truth about what they see, and build something that actually fits how you work and where you're going.

If you're ready to stop adapting around your systems and start operating above them — this is for you.

); } // ---------- Section 07 — Final CTA ---------- function FinalCTA() { const ref = useReveal(); return (

07 — Build for what's next

The gap between your vision and your clients' experience has a name.

It's called operational readiness. And it's measurable.

Take the brenn studio AI Readiness Quiz and find out exactly where your business stands — and what to build next.

Take the Quiz · Build for what's next →