Nightshift

Author: Colorlib

Released: September 2026

License: CC BY 3.0

Credits: Images from Unsplash

Across 49 commercial cleaning sites, 23 lead with “get a quote” and not one shows a price, so a facilities manager holding three bids has no way to rank them. Nightshift puts an estimator in the first screen: building type, cleanable square footage and frequency in, an indicative monthly range out, then a written proposal request carrying the same values.

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

Business Features

• Square-footage estimator with a live monthly range
• Rates are per square foot per month, and frequency scales sub-linearly
• The scope document published with a frequency against every task
• A pricing page naming the six things that move the number
• A staffing page, because only 2 of 49 sites say if cleaners are employees
• Specification values set in mono so three bids line up

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