Portfolio de Lucas
Tous les projets

Cleaning Website Landing Page

A responsive single-page marketing site for a residential and commercial cleaning company, built with React, TypeScript, and Tailwind CSS v4.

La documentation de ce projet n'est disponible qu'en anglais.

  • React
  • TypeScript
  • Vite
  • Tailwind CSS

Deployment status - Netlify Status

Hosted on - https://lucaslhh-country-cleaning-service.netlify.app/

1. Description

This is a static, single-page responsive marketing website for a residential/commercial cleaning company.

Figure 1.1: Website Cover

2. Features

  • A bold hero section that puts the "Book Your Cleaning" call to action front and center
  • A showcase of the services on offer, from residential and deep cleaning to move-in/out, commercial, post-construction, and carpet & upholstery
  • A before & after section so visitors can see the results for themselves
  • Trust and guarantee signals that build confidence (insured & bonded, safety-trained staff, eco-friendly, satisfaction guarantee)
  • A coverage section showing which cities and areas are served
  • Clear, transparent pricing cards with no hidden surprises
  • Real customer testimonials with star ratings
  • A simple contact and quote request form
  • A fully responsive layout that works on any device

3. Walkthrough

Figure 3.1: Desktop Walkthrough

Figure 3.2: Mobile Walkthrough

4. Setup

Project is in Workspace/cleaning-website/ directory.

cd Workspace/cleaning-website
npm install
npm run dev       # start the dev server
npm run build     # type-check and build for production
npm run preview   # preview the production build
npm run lint      # lint with oxlint
npm run format    # format with Prettier

5. Technologies used

6. Credits

7. License

Copyright (c) 2026 Lucas (Lahiru) H.
Licensed under MIT License