Steelworks

Author: Colorlib

Released: September 2026

License: CC BY 3.0

Credits: Images from Unsplash

Commercial mechanical work is researched for weeks by a facilities manager or a main contractor, never dialled, so this template has no phone pill and no emergency banner. It opens on a twelve-column grid with a prequalification summary, and its centrepiece is a capability matrix answering the real question: have you done this in my sector.

Built with Astro 7 and Tailwind CSS 4, Steelworks 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

• Capability matrix of services against sectors
• Case study pages with scope, duration and value band
• RFQ form in place of a contact page
• Certifications and prequalification summary
• No emergency banner and no phone pill, by design
• Projects driven by a content collection, one file per job

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