A modern, responsive, and accessible landing page for Squeaky Kleen, a professional cleaning service in Nigeria. This project is built with HTML, Tailwind CSS, and vanilla JavaScript, and is ready for deployment on any static hosting platform (Vercel, Netlify, GitHub Pages, etc.).
- Responsive design for desktop and mobile
- Sticky navigation with smooth scroll and mobile menu
- Rotating hero image (configurable interval)
- Services, testimonials (with Swiper slider), FAQ, and gallery sections
- Accessible forms with validation and spam protection
- NDPA-compliant privacy policy modal
- SEO meta tags and structured data (JSON-LD)
- Social media and WhatsApp integration
- Newsletter signup (Formcarry-ready)
- Node.js (optional, for Tailwind production build)
index.html
main.css
main.js
img/
favicon.jpg
Squeaky Logomark_vector.svg
qrcode.png
hero-cleaning.jpg
stock/
... (gallery/hero images)
- Clone the repo:
git clone https://github.com/yourusername/squeaky-kleen.git cd squeaky-kleen
- Open
index.html
in your browser.
- Install dependencies:
npm install
- Build CSS:
npm run build:css
- Deploy the contents to your static host.
- Deploy to Vercel, Netlify, or GitHub Pages.
- No backend required for basic operation.
- Contact and newsletter forms are ready for Formcarry or similar services. Replace the
action
attribute with your endpoint.
- Update images in the
img/
andimg/stock/
folders. - Edit hero image rotation interval in
main.js
(TIMER_HOURS
). - Add or update FAQ, gallery, and testimonials in
index.html
. - Update social media links in the footer.
- Keyboard navigation and focus management
- Color contrast and ARIA labels
- NDPA-compliant privacy policy
MIT
- [Warren] (https://github.com/Olabomi) — Lead Developer
Thanks to everyone who contributed!
Squeaky Kleen — Professional Cleaning Services in Nigeria