Examples

Four reference builds, side-by-side.

Two live demos you can click through, and two real projects with screenshots and annotations. Each tab explains what you are looking at and why it was built that way.

Full-stack website

Halton Electrical — a landing page built to get the phone to ring

A fictional NICEIC-approved Manchester electrician. The whole page is engineered for one job: quote-form submits and tap-to-call conversions.

Next.js 16React 19Tailwind v4Framer MotionLocalBusiness JSON-LD

Open the electrician demo

What you're looking at

Tap-to-call always visible
A sticky bottom bar on mobile with Call Now + Get a Quote pinned to every viewport. Desktop gets the phone number directly in the navbar.
Three-button hero stack
Call Now (tel: link, accent fill), Request a Quote (scrolls to form), 24/7 Emergency (ghost tel: link). Never hidden behind animation.
Trust signals above the fold
NICEIC #624871, Part P, 20+ years trading, 5.0★ from 247 reviews. Desktop shows them on the hero; mobile shows them in the first scroll.
Functional-artifact cards
Three live micro-UIs: a credential shuffler, a typewriter job feed, and an animated cursor scheduler. They sell credibility without a case-study paragraph.
2G-friendly core content
Phone number, services, service area and the quote form all render without JS. Animations are progressive enhancement, and every GSAP/Framer timeline respects prefers-reduced-motion.
LocalBusiness JSON-LD in the head
Schema.org markup with address, geo, opening hours, area served and aggregate rating — non-negotiable for local SEO.

voltbuild.app/demos/halton-electrical?lite=1

open ↗

Scroll inside the frame to explore the full landing page.