Clean Air Sri Lanka
HVAC Solutions & Booking Platform
Next.js 14 App Router commercial marketing and service dispatch portal for air conditioning engineering in Sri Lanka.
Overview
Clean Air is a production-grade commercial platform built for a premier Sri Lankan HVAC solutions provider. Engineered for rapid conversion and high organic search performance, the site features detailed service catalogs (residential split-type, VRV/VRF central systems, duct cleaning), commercial venue maintenance packages, an interactive booking wizard, and seamless WhatsApp dispatch.
Design decisions
The choices that shaped the system, and why.
- 1
Centralized Single Source of Truth (`data/data.ts`)
Structured the entire application so that non-technical office staff can update pricing, service packages, phone numbers, and holiday announcements in a single file without risking build errors.
- 2
Frictionless WhatsApp Lead Funnel
In Sri Lanka, email inquiries have a 90% abandonment rate. Engineered an interactive quoting calculator that compiles an instant, pre-formatted WhatsApp booking payload with service type and location.
Architecture
Single Source of Truth (`data/data.ts`)
Content architecture allowing non-technical staff to update service tiers, prices, contact info, and team profiles in one central file.
Next.js 14 App Router Optimization
Server-side rendering (SSR) and static generation (SSG) for sub-second page loads and perfect Google Lighthouse scores.
Direct Customer Conversion Funnel
Interactive quotation calculator with instantaneous WhatsApp message payload compilation.
Rich Media Asset Gallery
Showcases actual client installations, team photos, and customer testimonials.
DevOps & deployment
Deployed on Vercel Edge Network with Cloudflare DNS proxying, or containerized via Docker for deployment on AWS ECS or GCP Cloud Run.
Features
- Service selection wizard covering residential, corporate, and industrial HVAC maintenance.
- Instant WhatsApp quoting with pre-populated service requirements and address coordinates.
- Mobile-optimized responsive design with interactive service checklists.
- Comprehensive SEO metadata and OpenGraph social preview integration.
Screenshots
Related writing
More in Client Websites
Client Web
Mahesh Travellers
Next.js dynamic tourism booking portal showcasing bespoke Sri Lankan tour packages, Ella hiking, cultural heritage, and private driver services.
Client Web
Keshara Ayurvedic Hospital
TanStack Start and Vite modern wellness platform for traditional Sri Lankan Ayurvedic healing, doctor consultations, and herbal remedies.
Client Web
Ceyora Labs
Next.js creative studio showcasing AI engineering, software consultancy, and high-performance bespoke digital solutions.