
CoolCare Davao
A lead-generation website for a fictional air-conditioning service business in Davao City, Philippines. The site's job is to turn visitors into service requests — booked online, by phone, or by message — while clearly marking all business claims and imagery as editable demo content.
- Next.js
- TypeScript
- Tailwind CSS
Problem
CoolCare Davao is a fictional air-conditioning service business (cleaning, repair, installation, maintenance) in Davao City, Philippines. It has no online presence. Potential Customers — homeowners and businesses across Davao City and its surrounding Service Areas — can't find it, can't learn what it offers, and have no way to reach it. The business needs a website that turns visitors into Service Requests: bookings, quote inquiries, and phone calls. Because the business is fictional, every claim the site makes must be clearly swappable Demo Content, and no placeholder business information may ever be presented to a live visitor as real.
Role & Approach
I build a premium, conversion-focused marketing website for CoolCare Davao. The site presents the business's Services and Service Areas, explains the customer problems it solves, and captures Service Requests through a validated request form with a single primary conversion action (Book an Aircon Service) repeated throughout the site, a phone CTA as the constant secondary, and a sticky bottom action bar on mobile. All business information lives in typed configuration modules so it can be swapped before launch, and all business claims are deliberately generic Demo Content. Form submission runs through a Server Action behind a QuoteRequestService interface — a mock today, swappable for a future backend without touching the UI.
Technologies
Next.js, TypeScript, Shadcn UI, Tailwind CSS, React Bits
Outcome
A complete, premium website for service businesses designed to generate qualified leads through high-intent service requests, quote inquiries, and phone calls. It provides a scalable foundation with configurable services, service areas, and lead capture flows that can be connected to booking, CRM, or backend systems.
Project Screenshots
Click an image to view it at full size.





