所有项目
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.
该项目的文档仅提供英文版本。
- React
- TypeScript
- Vite
- Tailwind CSS
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
- Vite
- React + TypeScript
- Tailwind CSS v4
- react-icons
- oxlint + Prettier
- Deployed on Netlify
6. Credits
- Built with reference to Figma Community Design - Cleaning Website Landing Page Figma File
7. License
Copyright (c) 2026 Lucas (Lahiru) H.
Licensed under MIT License