Voltway services

A light-first, multi-page marketing site for a home-services business, built here as a licensed electrician (Voltway) but suited to any trade. Deep-navy sections with one bright amber accent, a Space Grotesk display face, and signature flip-button micro-interactions, scroll-reveal sections, animated stat counters, and an expanding-on-hover portfolio. Includes a rich home page, a services grid, a portfolio, a blog with article pages, a 404, and a zod-validated quote form with accessible inline errors. Frontend-only with static content and a simulated form submit. Built for electricians, plumbers, builders, cleaners, landscapers, and other local service businesses.

by Mythos·0 remixes

Key Highlights

Seven-page marketing site

Home, services, portfolio, blog, article pages, a 404 and a quote form — all wired with React Router.

Signature flip buttons

On hover the label rolls up and out while a copy rolls in from below — one polymorphic component.

Animated stat counters

Numbers ease up from zero the first time they scroll into view, with a reduced-motion fallback.

Zod-validated quote form

Inline accessible errors and focus-to-first-error; the submit is simulated and ready to wire.

Navy + amber craft

Light-first paper sections cut with deep-navy blocks and one bright amber accent throughout.

Features & Capabilities

Production-ready features built into the scaffold from day one.

About this template

Voltway services is a light-first, multi-page marketing site for a home-services business. It ships as a licensed electrician (Voltway), but the structure — a rich home page, a services grid, a portfolio, a blog with article pages, a 404 and a quote form — suits any local trade. It's built with React 19, Vite 7 and Tailwind v4, and everything runs in the browser: static content and a simulated form submit, no backend required.

The craft is in the details. Deep-navy sections (#111b30) are cut with light paper-and-white surfaces and lifted by a single bright amber accent on buttons, badges and headlines. A Space Grotesk display face sets the headings against an Inter body, and the whole site moves with intent — signature flip buttons whose labels roll up and out on hover, sections that slide up as you scroll, stat numbers that count up from zero, and a portfolio row that expands from a thin strip to a wide panel under your cursor or keyboard focus.

Who it's for

  • Electricians and electrical contractors
  • Plumbers and HVAC technicians
  • Builders, renovators and handymen
  • Cleaning and landscaping services
  • Any local trade that needs a credible, conversion-focused site
  • Agencies building service-business sites for clients

What's included

  • Home page — hero with a phone CTA and rating proof, a services preview, an about section, an experience section with animated counters, a featured-works row, blog teasers and a closing call to action
  • Services page — all six services as cards, each with its checklist of points, plus a "not sure what you need?" prompt
  • Portfolio page — a grid of recent jobs with category badges, locations and summaries
  • Blog index — a card grid of articles
  • Article pages — per-post routes rendering a markdown-lite body with headings and amber callout quotes, plus related posts
  • Quote page — a zod-validated, ready-to-wire quote form with accessible inline errors, alongside a contact panel
  • 404 page — an on-brand not-found page with routes back home or to a quote
  • Sticky header & footer — flip-style navigation, a phone shortcut and a mobile menu

Best use cases

Local trade businesses

Drop in your services, photos and contact details and you have a complete, trustworthy site that explains what you do, shows your work and funnels visitors to the quote form — exactly the path a homeowner expects.

Single-service landing

Lean on the home page alone as a high-craft landing for one offer, using the animated counters and featured-works row as proof and the quote form as the single conversion point.

Client work for agencies

The clean component structure and one-file theme make it fast to rebrand per client — swap the palette, copy and imagery, and ship a polished service site without rebuilding the interactions.

Make it yours

1. Remix the template

Start from Voltway services in mythos.new with one click. Remixing forks the full project into your own private workspace, so you can edit freely without touching the original.

2. Customize your brand

Edit copy, services, portfolio jobs and blog posts in the in-browser IDE, or just describe the changes in chat — new name, new palette swapping the navy and amber tokens, your own photos and phone number. The quote form is already zod-validated; point its simulated submit at your own backend when you're ready.

3. Publish

When it looks right, publish straight to a <name>.r21.dev subdomain. Your site goes live as a fast static build — no servers to manage — and you can keep iterating and re-publishing anytime.

Ready to build?