```html SolarHub - Empowering Homes with Solar Energy tailwind.config = { theme: { extend: { colors: { primary: { 50: '#ecfdf5', 500: '#10b981', 600: '#059669', 700: '#047857', 900: '#065f46' }, secondary: { 50: '#fffbeb', 500: '#eab308', 600: '#ca8a04', 700: '#a16207', 900: '#713f12' }, accent: { 50: '#eff6ff', 500: '#3b82f6', 600: '#2563eb', 700: '#1d4ed8', 900: '#1e3a8a' }, background: { 900: '#0f172a', 950: '#020617' }, text: { 50: '#f8fafc', 900: '#0f172a' }, success: { 500: '#22c55e' }, error: { 500: '#ef4444' } }, fontFamily: { serif: ['Playfair Display', 'serif'], sans: ['Inter', 'sans-serif'] }, backdropBlur: { xs: '2px' } } } } / Subtle noise texture for film look / .noise-overlay { position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; pointer-events: none; z-index: 9999; opacity: 0.05; background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.05'%3E%3Ccircle cx='30' cy='30' r='1'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E"); background-repeat: repeat; } / Glassmorphism / .glass { background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); border: 1px solid rgba(255, 255, 255, 0.2); } / Custom line reveal animation class / .line-reveal span { opacity: 0; transform: translateY(20px); }

Empower Your Home with Solar

Discover sustainable energy solutions tailored for modern living. Seamless shopping, expert installation, and educational tools at your fingertips.

Sustainable
Energy
Simplified

SolarHub is your gateway to a greener future. Browse our curated catalog of high-efficiency solar panels, batteries, and accessories. Manage your cart, account, and bookings with ease.

Easy Online Purchasing

Professional Installation

Educational Resources

Our Solar Collection

High-Efficiency Panels

Premium monocrystalline panels for maximum output.

$299

Energy Storage

Reliable lithium-ion batteries for off-grid power.

$1,499

Smart Inverters

Efficient conversion for seamless integration.

$799

Learn & Decide

Our interactive solar calculator and guides help you understand ROI, installation costs, and environmental impact. Make informed choices for your home.

Interactive Tool Preview

Book Installation

Schedule certified professionals to install your solar system. Seamless from quote to completion.

// GSAP Animations gsap.registerPlugin(ScrollTrigger); // Hero parallax gsap.to("#hero-bg", { yPercent: -50, ease: "none", scrollTrigger: { trigger: "#hero", start: "top bottom", end: "bottom top", scrub: true } }); // Text line-by-line reveal document.querySelectorAll('.line-reveal').forEach(el => { const spans = el.querySelectorAll('span'); gsap.from(spans, { opacity: 0, y: 30, duration: 1, stagger: 0.2, ease: "power3.out", scrollTrigger: { trigger: el, start: "top 80%", toggleActions: "play none none reverse" } }); }); // Image unmasking (scale from 0) gsap.utils.toArray('#about-img, #prod1-img img, #prod2-img img, #prod3-img img').forEach(img => { gsap.from(img, { scale: 1.5, duration: 1.5, ease: "back.out(1.7)", scrollTrigger: { trigger: img.parentElement, start: "top 85%", toggleActions: "play none none reverse" } }); }); // Sticky education element ScrollTrigger.create({ trigger: "#education", start: "top top", end: "bottom top", pin: "#sticky-edu", pinSpacing: true }); // Parallax on products section gsap.to(".glass", { yPercent: -20, ease: "none", scrollTrigger: { trigger: "#products", start: "top bottom", end: "bottom top", scrub: true } }); ```