Mainline

Author: Colorlib

Released: September 2026

License: CC BY 3.0

Credits: Images from Unsplash

Plumbing is bought under pressure, and almost no plumbing site asks for the job while the visitor is still on the first screen. Mainline puts a three-field quote form beside the headline, names the towns served as text, and carries the licence above the navigation where it is read before anything else.

Built with Astro 7 and Tailwind CSS 4, Mainline delivers exceptional performance with lightning-fast page loads and a modern development experience. All content lives in simple YAML and Markdown files—edit text, reorder sections, or remove entire blocks without touching any code. The template includes a built-in blog with search and filtering, dark mode with persistent toggle, View Transitions for SPA-like navigation, and a fully responsive design that looks stunning on every device.

Construction Features

• Three-field quote form in the first screen
• Licence and insurance bar above the navigation
• Phone number and town as two separate tap targets
• 24-hour emergency band with a sticky mobile call bar
• Service areas written as searchable text
• Financing band and a full financing page

Technical Highlights

• Lightning-fast performance with Astro static generation
• Utility-first styling with Tailwind CSS 4.x
• YAML + Markdown content system — edit everything without code
• Built-in blog with search, categories, and Markdown posts
• Dark mode with persistent toggle and flash-free loading
• View Transitions for SPA-like page navigation
• Fully responsive mobile-first design
• SEO optimized with Open Graph, structured data, and sitemap