Show customers what is included, how pricing works and what to do next. Shine is a premium Astro template for home, office, window and post-renovation cleaning businesses. Its quick estimate interface, before-and-after comparison and clear service sections help visitors assess the offer before making an enquiry.
A turquoise accent, deep navy typography and a spacious layout give the site a distinctive cleaning-service identity. Start with a focused business website instead of assembling service pages and enquiry sections from unrelated components.
Explore Shine on WebScale for the interactive preview, package details and current purchase options.
Who is Shine for?
Freelancers and developers building websites for cleaning companies.
Residential, commercial, window and post-renovation cleaning businesses that want to explain scope and indicative prices clearly.
Developers using AI coding tools who want source code, editable content files and a documented project structure.
What is included?
A homepage with a quick estimate interface for cleaning type and approximate area.
A before-and-after comparison for presenting your own genuine cleaning work.
Service sections and service detail pages for explaining what each type of cleaning includes.
Indicative prices per square metre, work process, testimonials, FAQ and enquiry sections.
Project, about and contact pages, plus sample privacy, terms and cookie pages to adapt.
English and Polish content, language navigation and responsive desktop, tablet and mobile layouts.
Full source code, design tokens, editable content and setup, customization and deployment documentation.
Make the enquiry easier
The estimate interface gives visitors a starting point for understanding the offer, while service descriptions explain what the company actually does. Pricing, process and FAQ sections give you space to answer common questions before someone fills out the form.
Use the before-and-after component with authentic photos of your own work. The calculator displays an indicative estimate from configured values; it is not an online payment system, a confirmed booking or a guarantee of the final quote.
Customize with code or AI coding tools
Shine uses Astro 7, Tailwind CSS 4 and TypeScript. Copy, service information and pricing content live in data files, and documented design tokens help keep visual changes consistent. AI-QUICKSTART.md and docs/ai guide tools such as Cursor, Claude Code and Codex to the relevant files.
You need Node.js 22.12 or newer. Install with npm ci, preview with npm run dev, validate changes with npm run ai:check and create the static production build with npm run build.
Purchase and launch
Shine is a paid source-code template. Check the current package, price and licence on the Shine product page before purchasing. Customization and implementation are separate services. Connect the enquiry form to a submission service before collecting messages.
Company names, reviews, figures, prices, insurance claims and before-and-after images in the demo are examples. Replace them with verified business information and your own suitable assets, and adapt legal pages to the actual website.
Want a finished website instead of editing the code? See the Shine website implementation offer for help applying your branding, services, content and images.
Explore the WebScale Astro template collection for other designs and bundle options, or contact WebScale to discuss a client project.
