// Sections shared/specialized across variations // ---------------- LOGO STRIP ---------------- const LogoStrip = ({mode = "light"}) => { const dark = mode === "dark"; return (
trusted by teams at
{CLIENTS.map(n => )}
); }; // ---------------- NETWORK / LOCATIONS ---------------- const NETWORK_NODES = [ { label: "AI Training &\nAdoption", tone: "deep" }, { label: "AI Strategy &\nConsulting", tone: "deep" }, { label: "Custom AI\nSolutions", tone: "deep" }, { label: "Compliancy &\nSecurity", tone: "light" }, { label: "Data\nAnalytics", tone: "light" }, { label: "Data Team\nBuilding", tone: "light" }, { label: "Data\nEngineering", tone: "light" }, { label: "Data\nPlatforms", tone: "light" }, { label: "Engineering and\nLeadership Coaching", tone: "ink" }, { label: "Platform\nEngineering", tone: "ink" }, { label: "Developer\nExperience", tone: "ink" }, { label: "Tech\nTransformations", tone: "light" }, ]; const NetworkWheel = () => { const size = 860, cx = size/2, cy = size/2, R = 300, NODE = 52; const N = NETWORK_NODES.length; const pts = NETWORK_NODES.map((n, i) => { const a = (i / N) * Math.PI * 2 - Math.PI/2; return { ...n, x: cx + Math.cos(a)*R, y: cy + Math.sin(a)*R, a }; }); const toneFill = { deep: "#1E4FA3", light: "#5FA8F2", ink: "#0B1C3A" }; const edges = []; for (let i=0;i {edges.map(([i,j]) => { const adj = (j - i === 1) || (i === 0 && j === N-1); if (adj) return null; return ; })} `${p.x},${p.y}`).join(" ")} fill="none" stroke="#0B1C3A" strokeWidth={3.5} strokeLinejoin="round" /> powered by LEAPSTAQ // one network {pts.map((p, i) => ( ))} {pts.map((p, i) => { const lx = cx + Math.cos(p.a) * (R + NODE + 26); const ly = cy + Math.sin(p.a) * (R + NODE + 26); const cosA = Math.cos(p.a); const anchor = cosA > 0.25 ? "start" : cosA < -0.25 ? "end" : "middle"; const lines = p.label.split("\n"); return ( {lines.map((line, k) => ( {line} ))} ); })} ); }; const Network = () => (
the network

One network. Every discipline.

Boutique depth across every capability, enterprise rigour on delivery. Twelve disciplines, fully connected — so your transformation never hands off between silos.

// powered by LEAPSTAQ, AdamI, SpriteCloud — and every professional in our network.
// our hubs
{LOCATIONS.map((loc, i) => (
{loc.flag}
{loc.status==="opening"?"opening soon":"active"}
// 0{i+1} · {loc.country.toLowerCase()}

{loc.city}

{loc.role}
{loc.meta}
))}
); // ---------------- TEAM ---------------- const Team = ({compact = false}) => (
the team

Smart, human, a little bit geeky — and proud of it.

A core crew of fifteen — backed by 75+ engineers across our network. The ones who answer messages on Saturday because they genuinely care.

{TEAM.map((m) => ( ))}
); const TeamCard = ({member: m}) => { const [hover, setHover] = React.useState(false); return (
setHover(true)} onMouseLeave={()=>setHover(false)} >
{m.name}
{m.role}
// {m.role}
{m.name}
{m.hook}
); }; // ---------------- TECH WE LOVE ---------------- const TechWeLove = () => (
tech we love

The stack
we bet on.

{TECH.map(t => ( {t} ))}
); // ---------------- CTA ---------------- const CTABlock = () => (
ready to transform

Got a vision?
Let's leap forward.

We challenge, experiment, and create with one goal: turning ambitious ideas into working systems. Send us the outline — we reply within one business day.

Start your transformation info@leapstaq.com
); Object.assign(window, { LogoStrip, Network, Team, TechWeLove, CTABlock });