sunhearth solar

A warm, confident template for solar and home-battery installers that want their website to feel like what they sell: calm, safety and a home that never goes dark. Cream and ink tones, an orange call to action, soft asymmetric shapes, one friendly grotesk, and a cover video that opens into the hero as you scroll.

Sunhearth is built around one goal: turn a homeowner into a booked free design. Every call to action leads to a quote form that captures monthly bill, ZIP and priority, then sends visitors to a thank-you page. Five system levels, from Backup Essentials to Off-Grid Estate, and customer reviews live in the CMS, so updating your offer never means touching the layout.

Key features

• 6 pages: Home, System detail, Thank you, Privacy, Terms and 404, with a shared navigation and footer

• 2 CMS collections: Solutions (5 levels with price, specs, accent colour and an independence meter) and Reviews

• Cover hero: the same video fills the screen with a slogan, then settles into the hero card as you scroll

• System pages with a specs bar, at-a-glance table, previous/next navigation and a full-screen call to action

• Custom cursor on system cards that grows into an "Explore the system" label

• Interlude component: full-screen photo and quote breaks with editable image, quote, author, buttons and shade

• Worked example of one home's numbers: system size, yearly output, bill savings, CO₂ and payback

• Reviews carousel with snap scrolling and arrows, process steps, team, specs table and FAQ accordion

• Header that hides as you scroll down and returns as you scroll up, with a mobile menu

• Privacy and Terms drafted for US installers (CCPA/CPRA, TCPA), with placeholders to fill in

• Cookie banner, favicon and social image

• Responsive layouts for desktop, tablet and phone

• Shared colour and text styles, including an On Orange token for text on your accent colour

Feel free to reach out with any questions — demidov.alexandr@gmail.com