Industries/ Home services
HVAC contractor website components for React
Heating and cooling traffic is seasonal and urgent. An announcement bar carries the same-day message, the service area answers the coverage question and the guided quote funnel qualifies system replacements before the first call.
One command for the whole set
npx shadcn@latest add @facade/hero-local-business @facade/announcement-bar @facade/stats-band @facade/process-steps @facade/service-area @facade/testimonials-wall @facade/faq-section @facade/multi-step-lead-form @facade/cta-section @facade/footer-big3 of these 10 blocks are Pro and install with a license key; the other 7 are free and MIT licensed. The @facade registry is set up once in components.json. Setup guide.
The page, block by block.
Every preview is the real block running at desktop width. Click a name to open its docs, props and source.
- Announcement barFree
- Stats bandFree
- Process stepsFree
- Service areaPro
- FAQ sectionFree
- CTA sectionFree
Two ways to open the page.
Example hero copy for HVAC contractors. Each one answers the question the visitor actually has.
Headline
My AC died, how fast can you come?
Why it works
A rotating announcement bar for same-day service and seasonal tune-up offers, dismissible and remembered.
Headline
Which system fits my house?
Why it works
The guided quote funnel asks for home size and system age before it asks for contact details.
Blocks on this page
- Hero, local businessFreeHome services hero with live rating, rotating service words and floating appointment, review and ETA cards.
- Announcement barFreeSlim top bar that rotates promo messages with a link and collapses smoothly when dismissed.
- Stats bandFreeBand of four big animated numbers with labels, trends and hairlines that draw in on view.
- Process stepsFreeHow it works section with a line that draws on scroll and steps that light up as you pass them.
- Service areaProZone map with numbered service areas, city and ZIP lists, and a ZIP code checker with arrival windows.
- Testimonials wallProMasonry wall of Google and Yelp style reviews with a featured quote and aggregate rating header.
- FAQ sectionFreeTwo-column FAQ with an animated accordion, contact prompt and FAQPage JSON-LD for rich results.
- Multi-step lead formProThree step quote request with option cards, validation, progress bar and direction-aware transitions.
- CTA sectionFreeClosing CTA panel with headline, two actions and a reassurance line. Dark on light pages, light on dark.
- Footer, bigFreeLarge local business footer with animated newsletter, link columns, NAP, hours, socials and a giant wordmark.
Questions about HVAC contractor sites
Something else? Email hello@facadeui.com.
How do I change the announcement bar for each season?
The bar takes an array of messages with a link each. Swap the array in spring and fall, or build it from a CMS field. Dismissals are stored per message so a new message shows again.
Can the quote funnel ask technical questions?
Yes. The option cards in step one and two are plain data: label, description and an icon. Use them for home size, system type and system age, then collect contact details in step three.
Should the HVAC site have a service area block?
Yes. Install and repair calls depend on drive time. The zone map with city and ZIP lists shows coverage at a glance and the checker gives a yes or no before the visitor calls.
How do financing offers fit in?
Use the stats band for a line like 0% financing available, and the FAQ section for the details. The FAQ block emits FAQPage JSON-LD, so those answers can show as rich results.
Related industries
- Plumber10 blocks: local business hero, stats band, process steps
- Electrician10 blocks: local business hero, stats band, features bento
- Roofer10 blocks: local business hero, before / after slider, stats band
Read the HVAC contractor template, section by section or see all industries.