> about // how we built this
This site is
the demo.
We could tell you we build fast, modern sites and AI-powered experiences on Cloudflare. Instead, you’re standing in one. Here’s how jezweb.com is put together, and why every piece of it is something we can build for you.
// Under the bonnet
What it’s made of
Astro on Cloudflare
Static-first Astro, deployed to Cloudflare Workers and served from the edge. Pages are plain HTML: fast everywhere, cheap to run, nothing to patch at 2am.
A navigator you can talk to
Ask the Grid by voice or text and it pilots the site for you: navigating, recolouring, narrating, answering questions about us. Cloudflare Agents and Workers AI for the ears (speech-to-text on a Durable Object), an ElevenLabs voice for the reply. It is our AgentFlow product, pointed at our own site.
Tailwind v4 + a design system
A token-driven TRON: Ares look: true black, program colours, CRT scanlines. One set of CSS variables drives the whole site, so each division (red, cyan, amber) and every glow, line and grid recolours from a single value.
View Transitions
Pages swap in place like an app instead of reloading, which is also how the soundtrack keeps playing and the navigator stays open as you move around.
An album, not a loop
Twenty original instrumentals generated with Google Lyria: section themes, a shuffling album, ambient beds, all at 117 BPM so the visuals stay in time. The glow you see breathe is the Web Audio API reading the actual bassline; the music ducks when the navigator speaks, like phone nav over a track.
the full soundtrack →It remembers you
A lightweight, privacy-friendly trail in your browser notes where you have been, so the gate greets you with "pick up where you were" and the navigator biases what it suggests to what you have looked at. No server, no tracking pixels.
Enquiries with an AI in the loop
Tell the navigator you want a quote and it takes your details in chat and drops them into our sales channel. Prefer a form? The contact and quote pages run every submission through an AI pass — category, urgency, spam likelihood, one-line summary — before it lands in our helpdesk. Lead capture as an agent, the way we build it for clients.
the quote page →One Worker in front of it all
A hand-written Cloudflare Worker serves the static site and hosts the voice agent and endpoints, with rate limits and same-origin guards. The perspective grid under everything is one fixed layer the whole site floats on.
Command palette
Press / or Cmd-K anywhere. A client-side search index over every page and product: the deep nav for a site that keeps growing.
Built in Claude Code
Designed and built in conversation with Claude, deployed live to Cloudflare as we went, across many iterations, all in the open. The same AI-assisted way we build for clients.
// the build log
The first 72 hours
Mined straight from the commit history: 101 commits across the first three days, nothing dramatised. The same way we publish the making of AgentPress.
Four directions, one winner
Foundation in the morning; by lunch, three distinct design directions built as real pages, then a fourth, the Grid. It won on sight. By midnight: the boot gate, a beat-synced soundtrack at 117 BPM, the command palette, a blog, and SEO plumbing.
The honesty reset, and a voice
The commit reads, word for word: “Reset Work: remove placeholder case studies (not real outcomes).” Fictional portfolio pieces went in the bin; /work stayed empty until real, measured ones existed. Same day: the navigator went from a typed contract to a full voice agent, and the soundtrack became an album.
The content explosion
Twenty-four industry pages, ninety location pages and seventy-four MCP server pages shipped in a day, every example site verified live before listing (nine dead ones culled). Plus an arcade, a 301 map for every old URL, and the share cards.
Also in the log: a hero visualiser built and deleted the same day (restraint), a vocal track cut for instrumentals, and an agent name dropped because it didn’t earn its place. The discipline is the feature. Launch came on a Sunday night, six days of polish later: DNS cut over, and all 75 pages of the old site verified to land on their new homes before anyone was told. That last part is the job.
// the reference material
Required viewing
The look is an open love letter to one universe in particular: three films, forty-three years apart, all belonging to Disney. We just grew up inside them. Official trailers, plus the soundtracks that scored the building of this site:
TRON
A programmer gets digitised into the machine. Vector graphics, light cycles, and the idea this whole site rests on.
official trailer ↗ the Wendy Carlos score ↗TRON: Legacy
The film that defined how the grid should glow, and the Daft Punk score every dev has coded to at 2am.
official trailer ↗ the Daft Punk score ↗TRON: Ares
Programs crossing into the real world, which, given what we build all day, felt uncomfortably on the nose. The red is theirs; ours arrived honestly.
official trailer ↗ the Nine Inch Nails score ↗TRON and everything in it belongs to Disney. Our soundtrack is original, scored fresh for this site, but the debt is obvious and gladly owed.
Why we made it like this
Most agency websites are quietly embarrassed about being websites. They’re templates with a logo dropped in. We wanted ours to do the one thing a portfolio can’t: show you the feeling of working with us, ambitious, a bit playful, and genuinely fast.
The look is a love letter to growing up in the era of the home computer (TRON, glowing grids, a soundtrack with some grit to it) built with tools that didn’t exist a few years ago. That tension is the whole point: the future arrived, and we build the half of it that’s real.
None of it is a gimmick you can’t have. The speed, the edge hosting, the AI, the search, the polish: they’re the same parts we assemble for client projects. If something here made you think “I want that,” that’s the idea. Tell us what you’re imagining.