HVAKO β Next.js Website Template for HVAC Businesses
- website template
- hvac
Get the HVAKO template
Launch a professional website for your heating, cooling or refrigeration business with HVAKO, a fast, clean and fully responsive template built with Next.js, TypeScript and Tailwind CSS 4. Service pages, a project gallery, a contact page with a map, legal pages and complete SEO are all ready to go, so all you need to do is add your own name, photos and text.
Why choose HVAKO?
- Made for HVAC businesses: Ready-made pages for air conditioning, heat pumps and commercial refrigeration, plus a project gallery and a contact page.
- Modern web technologies: Built with Next.js 16 (App Router), React 19, TypeScript and Tailwind CSS 4.
- Fast by design: Statically generated pages, optimized images and self-hosted fonts, with no heavy dependencies and no database.
- SEO-ready: Per-page metadata, Open Graph and Twitter cards, canonical URLs, HVACBusiness structured data (JSON-LD), a sitemap and robots.txt.
- Fully responsive & accessible: Mobile-first layout, keyboard-friendly navigation, a skip link, labelled landmarks and reduced-motion support.
- Project gallery with lightbox: Photo grid with full-screen viewing, swipe gestures and keyboard navigation.
- Google Maps location: A lazy-loaded map embed on the contact page and in the footer. No API key required.
- Easy to customize: Company details, contact info, map location and navigation live in one config file, page copy in a JSON file, and brand colors are defined as design tokens in one place.
- Free hosting on Vercel: Deploy in minutes. There is no backend to set up.
Pages included
- Home
- Air conditioning, Heat pumps and Commercial refrigeration
- Our projects (photo gallery)
- Contact (details and map)
- Terms of use, Cookie policy and Privacy policy
- Custom 404 page
Whatβs included?
- Full source code for the HVAKO template.
- A placeholder wordmark logo, generated favicon and app icons, and a social preview image.
- 14 project photos, plus hero and section images.
- A README with setup and customization instructions.
Quick start
- Unzip the download and run
npm install. - Start the dev server with
npm run dev. - Replace the placeholder details in
src/lib/site.tsand the copy insrc/content/site-content.json. - Deploy to Vercel.
All company names, addresses, phone numbers and copy in the template are placeholders. The site is set to noindex by default so an unfinished site stays out of search results. Remove it when you are ready to launch.
License terms
- Use on unlimited projects
- Can be resold as part of a larger project (not standalone)
- Cannot be resold as-is
For full details, please review our Terms of Service.



