Solar Company Website Prompt — Dark, High-Converting Design with Savings Calculator
A dark-themed solar installation website prompt with interactive savings calculator, case studies, incentives section, and quote form. Built for Lovable, Bolt, and v0.
Build a high-converting solar installation company website called "Summit Solar" in Denver, CO. Tech stack: React + Vite + TypeScript + Tailwind CSS + Framer Motion. Design: deep charcoal background (#0F1117), solar orange primary (#F97316), electric yellow secondary (#FCD34D), white text. Sections: dark navbar with "Get Free Quote" CTA, full-width dark hero with animated counter ("412 homes powered"), interactive savings calculator (user enters monthly bill, JS updates annual savings + payback), 3 service cards (Residential Solar, Battery Storage, EV Charger), stats band (15-Year Warranty, 1-Day Installation, $0 Down, Local Team), 4-step timeline (Assessment > Design > Installation > Activation), 3 customer case study cards with kW + annual savings figures, federal & state incentives section (30% tax credit highlighted), 3 testimonials, certifications (NABCEP, BBB A+), quote form with monthly bill field, dark footer. Hero headline: "Go Solar. Save Money. Own Your Energy." Subline: "Denver's top-rated solar installer. $0 down, 1-day installation, 15-year warranty." Animations: hero counter counts up on load, calculator animates on input. Mobile: simplified calculator, sticky orange CTA bar.


