// HOME / OVERVIEW — hero + live dashboard, plus a "what's underneath" peek into the system.
function HomeHero() {
const [tick, setTick] = React.useState(0);
const [pinned, setPinned] = React.useState(null); // user-clicked node index
const [vw, setVw] = React.useState(() => typeof window !== 'undefined' ? window.innerWidth : 1440);
React.useEffect(() => {
const id = setInterval(() => setTick(t => t + 1), 1200);
const onResize = () => setVw(window.innerWidth);
window.addEventListener('resize', onResize);
return () => { clearInterval(id); window.removeEventListener('resize', onResize); };
}, []);
// Slow node rotation — pause for 6s per node
const [nodeIdx, setNodeIdx] = React.useState(0);
React.useEffect(() => {
if (pinned !== null) return; // user is steering
const id = setInterval(() => setNodeIdx(i => (i + 1) % 8), 6000);
return () => clearInterval(id);
}, [pinned]);
const activeNode = pinned !== null ? pinned : nodeIdx;
const isNarrow = vw < 960;
const isPhone = vw < 640;
const series = React.useMemo(() => {
const arr = [];
for (let i = 0; i < 60; i++) {
const v = 0.5 + Math.sin(i * 0.32 + tick * 0.18) * 0.18 + Math.sin(i * 0.11) * 0.12;
arr.push(v);
}
return arr;
}, [tick]);
const nodes = [
{ name: 'TEAM & LEADERSHIP', accent: A.terracotta, blurb: 'Hiring, scaling, and managing culturally diverse teams across geographies — remote and onsite. Last team built: 0 → 5, time-to-hire 6w → 2w.' },
{ name: 'OPS & DELIVERY', accent: A.signal, blurb: 'The engine room. Throughput, reliability, the unglamorous handoffs that decide whether the company actually ships.' },
{ name: 'HR & PEOPLE OPS', accent: A.ochre, blurb: 'Policy, performance, on/offboarding, HRMS rollouts. The boring parts kept boring on purpose.' },
{ name: 'SYSTEMS DESIGN', accent: A.olive, blurb: 'Building the operating system the company can grow into. Org shape, decision rights, rituals, reporting that holds at double the headcount.' },
{ name: 'PROGRAMME MANAGEMENT', accent: A.terracotta, blurb: 'Many streams, one cadence. 5+ critical initiatives run concurrently at any time, prioritised by impact and unblocked end-to-end.' },
{ name: 'PROJECT MANAGEMENT', accent: A.signal, blurb: 'End-to-end ownership of concurrent projects. Scope, cost, timeline, the tradeoffs, and the unpopular call on when to say no.' },
{ name: 'PRODUCT STRATEGY', accent: A.ochre, blurb: 'Market reality translated into product decisions. Roadmaps that serve the customer and the P&L on the same page.' },
{ name: 'BUSINESS DEVELOPMENT', accent: A.olive, blurb: 'Revenue growth the durable way. Pipeline, partners, client relationships that outlast the quarter. 200% client base expansion is the number I come back to.' },
];
return (
<>
{/* LEFT — name + brief */}
Andrea
Ordonez{isPhone ? : ' '}Cardenas
BRIEF
I'm hired onto executive teams when strategy and delivery have drifted apart. I contribute to one and build the other — the rhythms, ownership lines, and reporting that turn decisions into outcomes.