/* RCC AI Holdings — v2: editorial-serif, story-driven, minimal copy */
/* ============ NAV ============ */
const Nav2 = () => (
);
/* ============ HERO — kinetic story walkthrough ============ */
const STORY = [
{ eyebrow: '§ 01 · TODAY', text: ['Your HR team is', 'drowning in', 'repeat work.'], emph: 2 },
{ eyebrow: '§ 02 · THE GAP', text: ['Vendors sell', 'demos.', 'You need leverage.'], emph: 2 },
{ eyebrow: '§ 03 · WHAT CHANGED', text: ['Agents now', 'learn from', 'every loop.'], emph: 1 },
{ eyebrow: '§ 04 · THE OPPORTUNITY', text: ['One operator', 'can do the work', 'of a team of twenty.'], emph: 2 },
{ eyebrow: '§ 05 · WHO WE ARE', text: ['We build the', 'agents.', 'We train your people.'], emph: 1 },
];
const HeroStory = ({ rotateMs = 4200 }) => {
const [i, setI] = React.useState(0);
const [paused, setPaused] = React.useState(false);
React.useEffect(() => {
if (paused) return;
const t = setInterval(() => setI((x) => (x + 1) % STORY.length), rotateMs);
return () => clearInterval(t);
}, [paused, rotateMs]);
const cur = STORY[i];
return (
setPaused(true)} onMouseLeave={() => setPaused(false)}>
{cur.eyebrow}
{cur.text.map((line, li) => (
{line}
))}
RCC.AI · 26.04
{paused ? 'PAUSED' : `AUTO · ${(rotateMs / 1000).toFixed(1)}s`}
);
};
/* ============ WHAT — three crisp tiles ============ */
const What = () => (
§ WHAT
We build the AI your
people function needs.
01
STRATEGY
A roadmap you can ship.
Two weeks. We diagnose your stack, rank the leverage, and hand you a buildable 30/60/90.
02
PRODUCTS
A working agent.
Thirty days. We write the code, frontend and backend, on your data. You keep it.
03
UPSKILLING
A team that uses it.
Workshops for HRBPs, recruiters, and managers. Real workflows. Adoption is the deliverable.
);
/* ============ WHY — data-led ============ */
const Why = ({ loopSpeed = 1800, loopAccent = '#E8553A', showBars = true }) => (
§ WHY NOW
Agents now learn
from every loop.
The math has changed. Static automation is over. The new generation closes a loop (act, observe, adjust) and gets measurably better the more it runs.
"
The leaders are pulling away. The companies pulling ahead are two times more likely to use AI in autonomous, self-optimising ways.
PwC AI Performance Study · April 2026
);
const StatCard = ({ value, suffix = '', prefix = '', label, cite }) => {
const ref = React.useRef(null);
const [shown, setShown] = React.useState(0);
React.useEffect(() => {
const obs = new IntersectionObserver(([e]) => {
if (e.isIntersecting) {
const target = parseFloat(value);
const start = performance.now();
const dur = 1400;
const tick = (t) => {
const p = Math.min(1, (t - start) / dur);
const eased = 1 - Math.pow(1 - p, 3);
setShown(target * eased);
if (p < 1) requestAnimationFrame(tick);
};
requestAnimationFrame(tick);
obs.disconnect();
}
}, { threshold: 0.4 });
if (ref.current) obs.observe(ref.current);
return () => obs.disconnect();
}, [value]);
const decimals = String(value).includes('.') ? 1 : 0;
return (
{prefix}{decimals > 0 ? shown.toFixed(decimals) : Math.round(shown)}{suffix}
{label}
{cite}
);
};
/* Self-improving loop infographic */
const SelfImprovingLoop = ({ speed = 1800, accent = '#E8553A', showBars = true }) => {
const [step, setStep] = React.useState(0);
React.useEffect(() => {
const t = setInterval(() => setStep((s) => (s + 1) % 4), speed);
return () => clearInterval(t);
}, [speed]);
const stages = [
{ label: 'ACT', sub: 'agent runs the task', detail: 'plan · tool-call · execute' },
{ label: 'OBSERVE', sub: 'outcome is scored', detail: 'eval · trace · diagnose' },
{ label: 'LEARN', sub: 'lesson is stored', detail: 'memory · pattern · prompt' },
{ label: 'ADJUST', sub: 'next run is better', detail: 'route · refine · promote' },
];
// Layout: 4 stations on a circle, generous padding so nothing clips
const cx = 480, cy = 320;
const R = 200;
const positions = stages.map((_, i) => {
const a = -Math.PI / 2 + i * (Math.PI / 2);
return { x: cx + R * Math.cos(a), y: cy + R * Math.sin(a), a };
});
const ink = '#0E0E0C';
const cream = '#EFE9DD';
return (
§ FIG. 01 — CLOSED-LOOP AGENT
Each cycle teaches the next. An agent built today becomes measurably more useful next quarter.
);
};
/* ============ HOW — 3 steps ============ */
const How = () => (
§ HOW
Three meetings.
Then we build.
i.
Diagnose
One call. Where's the leverage in your people stack? We tell you in 30 minutes.
~30 min · free
ii.
Design
A scoped, fixed-fee plan. What we'll build, in what order, paid against outcomes.
1 week · 1-page proposal
iii.
Deploy
We build the agent on your data, train your team to run it, and stay until it sticks.
30–90 days · in production
);
/* ============ ABOUT (compact) ============ */
const About2 = () => (
§ WHO
We build it. We implement it. You enjoy the business outcomes.
);
/* ============ BOOK A MEETING ============ */
const Book = () => {
const [form, setForm] = React.useState({ name: '', email: '', company: '', whats_broken: '', website: '' });
const [sent, setSent] = React.useState(false);
const [sending, setSending] = React.useState(false);
const [error, setError] = React.useState(null);
const upd = (k) => (e) => setForm({ ...form, [k]: e.target.value });
const submit = async (e) => {
e.preventDefault();
setSending(true);
setError(null);
try {
const res = await fetch('/api/contact', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify(form),
});
const data = await res.json().catch(() => ({}));
if (!res.ok) throw new Error(data.error || 'Something went wrong. Please try again.');
setSent(true);
} catch (err) {
setError(err.message);
} finally {
setSending(false);
}
};
return (
§ BOOK
Tell us what's broken.
We'll tell you what's buildable.
30-minute call. No deck, no pitch. Just a real conversation about your people stack and where AI fits.
- REPLYwithin 48 hours
- CALL30 min · free
- EMAILhello@rccai.ai
);
};
/* ============ FOOTER ============ */
const Footer2 = ({ showCTA = true }) => (
);
Object.assign(window, { Nav2, HeroStory, What, Why, How, About2, Book, Footer2, SelfImprovingLoop });