Plumber is a Plumbing, HVAC & Electrical services website template designed for home service companies, independent contractors, and multi-trade businesses that need a professional and conversion-focused online presence. Whether you run a single-trade operation or a full-service home services company, Plumber provides a polished platform built to turn website visitors into booked appointments from the first interaction.
This Theme Supports Astro Version 6.x.x 🎉
Designed for homeowners searching for trusted service professionals, Plumber covers every essential website need: clearly structured service pages with pricing and FAQs, a careers section for team hiring, an SEO-friendly trade blog, verified customer reviews, a complete service booking flow, and a contact section with business hours and direct phone access. Every section is built to establish trust, communicate credibility, and guide visitors toward taking action.
🚀 Template Features
- 18 pre-built pages: Home, About, Services (listing + detail with 16 services), Blog (listing + paginated pages + category pages + post detail), Reviews, FAQs, Careers, Booking, Contact, Documentation, Privacy Policy, Terms of Service, and a custom 404 page
- Service pages across Plumbing, HVAC, and Electrical — each with service overview, key benefits grid, image gallery with thumbnail switcher, inline FAQ accordion, pricing range, and quick-book sidebar
- Full careers section with department filter, expandable job listings, perks display, and apply modal — all powered by Alpine.js with data from a TypeScript data file
- FAQ system with 31 questions across 6 categories, live search, category filter, result count, and sticky sidebar with "Most Asked" shortcuts
- Review system with featured review cards, a full review grid, platform attribution (Google, Yelp, BBB, Angi), and a leave-a-review form
- Full blog system with categories, pagination, related posts, author info, reading time, tags, and social share buttons
- Booking form with service type selection, contact fields, address, date picker, and success state, works as a plain HTML form
- GLightbox integration for gallery images
- 50+ reusable Astro components including ServiceItem, BlogCard, ReviewCard, JobOpening, FaqSection, StatsCard, ProcessCard, and more
- Fully responsive and mobile-first design
- Sticky navigation with desktop nav and mobile drawer powered by Alpine.js
- Hero sections with trust badge marquee and animated scroll indicators
- SEO-ready structure with meta tags, Open Graph, and semantic HTML
- Performance optimized with minimal JavaScript and fully static output
📝 Content (MDX)
In the Astro version, all content is managed using MDX files inside the src/content/ directory. Content types include blog posts, service pages, and static legal/documentation pages — each validated with Zod schemas to ensure data integrity.
Editing is straightforward: update frontmatter fields (title, cover image, price, category, icon, benefits, FAQs, tags, author) and write rich content using Markdown. No database or admin panel required. New blog posts are automatically routed with pagination, category filtering, and dynamic slug pages. New services appear instantly in the services index and are sorted by category.
⚙️ Quick Setup
plaintext
# Install dependencies npm install # Start development server npm run dev # Build for production npm run build
📦 Tech Stack
- Astro 6 — Static site framework with content collections
- Tailwind CSS v4 — Utility-first styling system
- MDX — Markdown with component support
- Alpine.js — Lightweight JavaScript for interactive UI (tabs, accordions, modals, filters)
- Astro Icon — SVG icon integration with Bootstrap Icons
- GLightbox — Accessible image lightbox
Summary: Plumber is a complete, high-quality website template for home service businesses, combining a trust-driven design, powerful content management, and strong performance to help you build a credible and appointment-generating online presence for plumbing, HVAC, and electrical services.
🆓 Free Updates & Support
Plumber includes free lifetime updates to ensure compatibility with future Astro releases and ongoing performance improvements.
