Devleaps is a Netherlands-based engineering studio. We build platforms, lead transformations, and embed senior leaders in the orgs that need them. Boutique depth, enterprise rigour. Gone when you no longer need us.
);
};
// What we hear — the recurring pressures, voiced from the customer's seat.
// Two anonymised composites; between them they cover all four: reliability &
// compliance, cost & efficiency, time-to-value, and scaling innovation + teams.
const QUOTES = [
{
who: "CFO",
sector: "Retail",
quote: "Our cloud bill climbs every year, and I can't see what it's actually getting us. The yearly audits eat up months. I want fewer surprises, more value for the money, and to know our systems are safe before I put my name on them.",
},
{
who: "Engineering manager",
sector: "Energy",
quote: "Buying the tools was the easy part. Getting them live, and getting the team to actually use them, is the hard part. Other companies are racing ahead with AI while we're still waiting days just to ship a small change.",
},
];
// How we answer: the five principles that make us different and let us deliver.
const ANSWERS = [
{ n: "01", k: "Integrated, not isolated", short: "One connected network, with the right specialist for each layer. No finger-pointing." },
{ n: "02", k: "End to end", short: "From first sketch to production to a clean handover. We don't build and leave." },
{ n: "03", k: "Engineering excellence", short: "We grow your team's skills, not a dependency on us. Best people, best practices." },
{ n: "04", k: "Boutique meets enterprise", short: "Small-team depth with big-company rigour. Local hubs, one network." },
{ n: "05", k: "We've lived it", short: "We've built these platforms, scaled them, and fixed them in production with our teams for our clients." },
];
const QuoteCard = ({ q }) => (
"
{q.quote}
{q.who}// {q.sector}
);
const DisciplineTile = ({ a, idx, total }) => {
const [hover, setHover] = React.useState(false);
return (
Different industries, different roles and yet familiar patterns keep showing up. Working side by side with our clients, we come back to five disciplines that consistently create momentum.
{/* WHAT WE HEAR — two voices, side by side */}
// what we heardifferent roles · same story
{QUOTES.map((q) => )}
{/* BRIDGE — the turn from problem to response */}
{/* HOW WE ANSWER — the five disciplines, as a strip */}
// how we answer · what makes us differentone network
setHover(true)}
onMouseLeave={() => setHover(false)}
style={{
position: "relative", overflow: "hidden", background: "var(--bg-dark)",
gridColumn: layout.col, gridRow: layout.row,
cursor: "default",
}}>
{/* Photo */}
{/* Tonal wash — keeps the family of all tiles consistent */}
{/* Accent rule along the bottom, animates in on hover */}
{/* Pixel hash corner — Devleaps brand DNA */}
{[0,1,2,3,4,5].map(i => (
))}
{/* Mono tag — top-left */}
{p.tag}
{/* Caption — always visible, sits on the dark gradient foot */}
{p.cap}
);
};
const LifeGallery = () =>
life at devleaps
A look behind the scenes.
Hackathons. Whiteboards. Monthly outings. A ping-pong table that gets more use than it should.
This is what showing up looks like when you actually like the people you work with.
{LIFE_PHOTOS.map((p, i) => )}
;
// =============================================================
// QUICK START — low-commitment on-ramps: hackathons, knowledge
// sessions, meetups. The fast way to start solving before the big bet.
// =============================================================
const QUICKSTART_FORMATS = [
{
icon: "zap",
tag: "// 2-5 days",
title: "Hackathons",
body: "Your team and ours, one real problem, a hard deadline. Together we build something that runs, plus the momentum to keep going.",
outcome: "a working prototype, not a slide deck",
},
{
icon: "terminal",
tag: "// half-day → series",
title: "Knowledge sessions",
body: "Hands-on deep dives with your engineers. We transfer the how, not just the what: patterns, tooling, and the reasoning behind them.",
outcome: "your team levels up, in-house",
},
{
icon: "users",
tag: "// 1 session",
title: "Meetups & workshops",
body: "Discovery workshops and community sessions to surface the real opportunity, align the room, and shape the brief together.",
outcome: "a sharp, shared starting point",
},
];
const QuickStartCard = ({ f, idx, total }) => {
const [hover, setHover] = React.useState(false);
return (
Not every leap needs a six month program. Often the fastest way to reduce the risk of a decision is to build something real, together, in days. We run focused formats to kick start solving the problem, or pressure test the opportunity, before anyone commits to the big bet.
{QUICKSTART_FORMATS.map((f, i) =>
)}
// pick a format, or we'll design one around your problem.