Plumbing & heating website template
Brightline Plumbing & Heating
A bold, high-contrast template for plumbers, HVAC and home service companies. Safety orange on deep navy, a chunky grotesk and a utility header with the phone number always in reach. Inside: emergency-first hero, upfront price list, maintenance plan tiers, a four-step service process, rated reviews and a blog for seasonal homeowner tips.
$19$49
one-time, no subscription
Instant download · 7-day refund before first download
Every page, finished
9 pages · 38 sections · 18 photos
Design system
- Display face
- Bricolage Grotesque
- Body face
- Inter
- Header · footer · images
- utility · columns · rounded
- paper
#FFFFFF - surface
#F2F5F8 - ink
#0B1B2B - muted
#566475 - line
#E1E7EE - brand
#FF6B00 - brandInk
#0B1B2B - accent
#0B3A66
What’s inside
- Next.js 16 project — App Router, static export, TypeScript
- Astro 7 project — same components as .astro files
- Plain HTML — compiled Tailwind CSS, open index.html
- 18 photos as WebP at 1600px and 800px, plus the prompts
- All copy in one site.json — names, prices, hours, posts
- Working contact form markup (Formspree-ready) and thank-you page
- SEO titles, descriptions and Open Graph tags on every page
Sections used
- Split hero
- Info bar
- Service cards
- Process steps
- Stats
- Testimonials
- FAQ
- Call to action
- Page header
- Image + text
- Team
- Feature grid
- Service list
- Price list / menu
- Pricing tiers
- Contact form + details
- Article grid
- Newsletter
- Article layout
Next.js 16
App Router · static export
Astro 7
Components + content JSON
Tailwind 4
Theme as CSS variables
HTML
Compiled CSS, no build
About the plumbing & heating template
Can I show my licence and insurance details?
Yes. The info bar and about page have room for licence numbers, insurance and certifications like NATE.
Does it work for an HVAC-only company?
Yes. Swap the service cards and price groups for heating and cooling work; the layout stays the same.
How do I list my service area?
Use the FAQ, info bar and contact page to name the towns and counties you cover, which also helps local search.
Can I use it for a client?
Yes — unlimited personal and client projects. You just can’t resell the template itself.
How do I change the business name, colours and photos?
Edit site.json for words and images; change the eight colour variables and two font names at the top of global.css. Every page follows.
Building for this industry? Read the plumber website template guide.
