Ringmain is a ready-made website for electricians. It tells visitors whether you cover
them, whether their problem is an emergency, and how to book you, so the calls you get
are about real work.
1 Areas · 2 Emergency · 3 Services · 4 Our work · 5 FAQs · 6 Booking
Brightline Electrical · Croydon · sample data
MISSED CALLS, MONDAY
Half your calls are questions a website could answer.
SSarah, 8:12
"Do you come out to Purley?"
Ringmain: They type CR8 into your area checker and get a
straight yes or no, before they ever ring.
DDev, 9:40
"Half my sockets have gone off. Is that dangerous?"
Ringmain: The emergency guide walks them to the fuse
box, has them reset the tripped switch, and tells them to call you only if it trips again.
MOMrs Okafor, 11:05
"Are you actually registered?"
Ringmain: Your scheme memberships, registration numbers
and insurance sit on the About page, with a link to check them on the scheme's own site.
HOW IT WORKS
Wired in an afternoon.
1
Fill in your details.
Your name, number, hours, services and prices go in a handful of plain files in one
folder. Each file starts with a note on how to edit it.
2
List the places you cover.
Postcode districts like CR0, whole areas like BR, and town names. If you make a typo, the
site reports it and carries on working.
3
Put it online.
It builds to a folder of static files you can host anywhere. There's no server, no
database and no monthly bill.
WHAT'S ON THE BOARD
Six circuits. Each one does one job.
01
Do you cover me? Answered in one box.
Customers type a postcode or a town, in any case, with or without the space. The checker
says yes and names the area, says no and invites them to ring anyway, or tells them
exactly what to fix. It reads from a list you edit.
Example: someone types cr0 2ab and is told "Good news, we cover CR0 2AB. That's in our
Croydon area."
Postcode or town
cr0 2ab
Check
Good news, we cover CR0 2AB.
That's in our Croydon area.
02
Is this an emergency? Six questions, one clear answer.
A short guide asks about smoke, sparks and shocks first, then talks people through the
fuse box. It ends on one of four answers: call 999, call you now, check the fuse box
first, or book a visit. It sends power cuts to 105, not to you.
"Is there smoke, fire, sparking or a burning smell, or has anyone had an electric
shock?"
YesNo
Call 999 now
Call us now
Check your fuse box first
Book a visit
03
Every service, with a "from" price.
One page, a section per service, an optional starting price and a 24/7 badge for call-outs.
EICRfrom £150
Consumer unitfrom £450
EV chargerfrom £850
04
Show the jobs you're proud of.
A gallery filtered by type, newest first, opened large with arrow keys. No photos yet?
Each job gets a tidy placeholder tile.
05
Answers before they ask.
Questions grouped by topic, with a search that keeps only answers matching every word you type.
rcd trip
2 answers
06
A booking form that lands in your inbox.
Customers describe the job and leave their details. The site opens a ready-written email
to you, and warns them, politely, when their postcode is outside your area.
Job: Fuse box upgrade
Postcode: CR7 8HJ
Best time: Weekday mornings
Plus a "Call now" bar on every phone screen, light and dark themes that follow the device, and
buttons big enough for a thumb in a work glove.
THE SAMPLE SITE
Meet Brightline Electrical.
This is the whole template filled in for a made-up Croydon firm. Swap in your details and it's
yours.
brightline-electrical.example/
The first screen: who you are, your number, and the area checker straight away.
The first screen: who you are, your number, and the area checker straight away.Someone in Croydon types their postcode and gets an answer in a second.Three answers in, the guide is talking them through resetting the tripped switch.Filter by job type. Jobs without photos still look finished.
Your business details, services, areas, jobs, certificates, FAQs and even the emergency
questions are plain typed files in src/content/. Change a line,
save, and the site updates. If something's wrong, a checker says exactly what and where, and
the rest of the site keeps working.
Typed with TypeScript, so your editor flags mistakes as you type.
Tested: the area checker, emergency guide, gallery, FAQ search and booking form all have their own tests.
Accessible: works with a keyboard and a screen reader, with 44 px tap targets throughout.
No tracking, no cookies, no accounts.
src/content/serviceAreas.ts
// Each area has a name, the postcodes you cover and the towns in it.// A postcode entry is a district like "CR0" or a whole area like "BR".export const serviceAreas =[{
name:"Croydon",
postcodes:["CR0","CR2","CR7"],
towns:["Croydon","Thornton Heath","South Croydon","Addiscombe"],},{
name:"Bromley",
postcodes:["BR"],
towns:["Bromley","Beckenham","Orpington"],},];
MAIN123456
Switch it on.
Open the Brightline demo, click around, try your own postcode. Then make it yours.