Suryodaya Solar
A rooftop solar website where you watch one day on one roof: install, inside a panel, power flowing, and a house that stays lit in a power cut.
The home page is one day over an Indian bungalow, told as a scroll film. At dawn a raised frame grows on the terrace and panels drop into place. One panel lifts off and splits into its seven real layers, with labels that follow each layer in 3D. At noon, glowing energy lines run from the roof to the inverter, battery, net meter and grid pole while a live readout ticks. Then a top-down view with a savings calculator: slide your bill and the roof fills with exactly the panels you need, showing the PM Surya Ghar subsidy, net cost, payback and 25-year savings, ready to send on WhatsApp. At night the street's lights flicker out in a power cut while this house stays lit from its battery. It's a full template: solutions with a comparison table, a subsidy guide, a detailed calculator, projects drawn as engineer-style roof plans with generation charts, process, about, FAQ, survey booking with webhook + WhatsApp, and policies. Everything is built in code, with no model files or photos.
# Suryodaya — rooftop solar website Build a clean, professional, cinematic website for a rooftop solar installer in Pune called Suryodaya, using Next.js 16, raw three.js, GSAP ScrollTrigger and Lenis. Paper and slate palette with one sun-amber accent. Schibsted Grotesk with IBM Plex Mono for numbers and labels. The home page is one day over one house, as a continuous scroll film: 1. Dawn: a G+1 Indian bungalow with a flat RCC terrace, parapet, stair room and black water tank, in a street of plain pastel houses. 2. Install day: a raised galvanised frame grows on the terrace and the panels drop into place at 18° to the south. 3. Inside one panel: a module lifts off the roof and splits into its seven real layers (glass, EVA, DCR cells, EVA, backsheet, frame, junction box). HTML labels track each layer in 3D, and the copy highlights them one by one. 4. Peak sun: glowing energy lines run from panels to inverter, battery, down the wall to the net meter and out to the pole, with a live kW readout and a net-meter LCD that counts exports. 5. Your roof: a top-down view with a savings calculator. Slide your bill and the roof shows exactly the number of panels you need, with PM Surya Ghar subsidy, net cost, payback and 25-year savings, sent to WhatsApp. 6. Power cut: dusk to night, the street's windows flicker and go dark while this house stays lit from its battery. 7. Tomorrow: stars, a pull-back, and a free site-survey call to action. Inner pages: solutions with a comparison table, a PM Surya Ghar subsidy guide, a detailed calculator, projects drawn as engineer-style SVG roof plans with monthly generation charts, process, about, FAQ with FAQ schema, survey booking (webhook + WhatsApp), privacy and terms. No model files or photos: the house, street, panels, sky and roof plans are all built in code.