Heating and cooling firms that want to sell units online and take service enquiries can start from Erza, a Tailwind CSS HVAC company template written for Tailwind CSS 4. It targets air conditioning contractors, installation and repair crews, ventilation specialists and freelancers who build sites for them.

A Tailwind CSS HVAC Company Template With a Unit Shop

This Tailwind CSS HVAC company template pairs a shop with a blog, so one site can sell equipment and also explain how to run it. In total you get 12 pages. Two of them are home layouts, and the rest cover the shop, the blog, the company story and contact.

Home Page Layouts for HVAC Services

Visitors usually land on the home page first, so Erza gives you two versions. Each one arranges the hero and the HVAC service sections differently. Because both are ready to use, you can compare them with your own service list and keep the one that reads better.

• Two home pages: each has its own hero style and service arrangement.
• About Us: a place for your company story and the area you serve.
• Contact Us: a contact form plus company details, which is where most service calls start.

Air Conditioner Shop, Cart, Checkout and Wishlist

For a contractor who sells Central A/C, Split A/C and outdoor units, the shop pages matter most. A buyer compares units on the Shop page, then opens Product Single to read images, specs and details. After that, the Cart shows an order summary and Checkout handles billing. The Wishlist lets a visitor keep units to review later, which suits a purchase that people rarely rush.

• Shop with filtering and sorting
• Product Single for one unit
• Cart, Checkout and Wishlist

Slick carousels present featured units and promotions, while Magnific Popup opens product images full screen.

HVAC Tips and Energy-Saving Blog

The blog comes in three formats: Blog Grid with cards, Blog List in full width, and Blog Single for a complete article. Energy-saving guides and maintenance tips fit here, and they give a service company a reason to publish regularly.

What Tailwind CSS 4 Changes on These Pages

Styling lives in utility classes inside the HTML, which means the look of the Shop grid or the Contact form can be checked and edited in the same spot. Mobile-first breakpoint prefixes make the layouts adapt to screen size, which matters for customers who check units on a phone. Classes that no page uses are left out, so the compiled stylesheet stays limited to what the markup needs.

The download holds ready pages that you can open directly. The Tailwind source sits alongside them, for editing and rebuilding the styles when needed. The preview photos are not part of the download, and neutral placeholders mark where your own pictures of units and installations belong. The icons are FontAwesome, the typefaces come from Google Fonts, and step-by-step documentation covers setup and customisation. Erza works in Chrome, Firefox, Safari, Edge and Opera.