Revolutionizing Sustainable Building Infrastructure

Transform your roof into an energy-generating powerhouse with our revolutionary Integrated Solar Roofing System (ISRS)

Community Powering Concept
Melanized Integrated Solar Roofing System

600W

Maximum Output

Efficiency
0%

98%

Efficiency Rate

500+

Installations

2.5MW

Power Generated

1000T

CO2 Reduced

INNOVATIVE TECHNOLOGY

Advanced Solar Integration

Our proprietary ISRS technology combines innovative design with cutting-edge materials for maximum performance

400-600W Output

Industry-leading power generation for maximum energy efficiency

Smart Monitoring

Real-time performance tracking and optimization

Weather-Tight Design

Superior protection against all weather conditions

Modular System

Expandable design allows easy upgrades and maintenance. Add capacity as your energy needs grow.

25-30 Year Lifespan

Built to last with premium materials and superior engineering. Backed by comprehensive warranty.

Aesthetic Integration

Seamlessly blends with your roof design. No compromise between performance and aesthetics.

Global Energy Challenge

789 million people lack access to electricity worldwide.

£223.3B

Global Solar Market by 2026

20.5%

Annual Market Growth

789M

People Without Electricity

Be Part of the Solution

Trusted by Industry Leaders

// Add ARIA labels and keyboard support document.addEventListener('DOMContentLoaded', function() { const backToTop = document.getElementById('back-to-top'); // Add ARIA label backToTop.setAttribute('aria-label', 'Scroll to top of page'); backToTop.setAttribute('role', 'button'); // Add keyboard support backToTop.addEventListener('keypress', function(e) { if (e.key === 'Enter') { e.preventDefault(); window.scrollTo({ top: 0, behavior: 'smooth' }); } }); }); // Throttle scroll event for better performance function throttle(func, limit) { let inThrottle; return function() { const args = arguments; const context = this; if (!inThrottle) { func.apply(context, args); inThrottle = true; setTimeout(() => inThrottle = false, limit); } } } window.addEventListener('scroll', throttle(function() { // Scroll handler code here }, 100)); document.addEventListener('DOMContentLoaded', function() { // Check if we're on the calculator page if (document.querySelector('.melanized-calculator-page')) { // Initialize calculator functionality initializeCalculator(); } }); function initializeCalculator() { // Updated selectors to target separate sections const calculatorForm = document.querySelector('.melanized-calculator-form'); const resultsSection = document.querySelector('.melanized-calculator-results'); // Now targeting the separate section if (!calculatorForm || !resultsSection) { console.log('Calculator or results elements not found'); return; } calculatorForm.addEventListener('submit', function(e) { e.preventDefault(); // Show loading state const submitButton = calculatorForm.querySelector('button[type="submit"]'); submitButton.textContent = 'Calculating...'; submitButton.disabled = true; const formData = { roofArea: parseFloat(calculatorForm.querySelector('#roof-area').value), energyUsage: parseFloat(calculatorForm.querySelector('#energy-usage').value), electricityRate: parseFloat(calculatorForm.querySelector('#electricity-rate').value), propertyType: calculatorForm.querySelector('#property-type').value }; if (!validateInputs(formData)) { submitButton.textContent = 'Calculate ROI'; submitButton.disabled = false; return; } const results = calculateROI(formData); // Now passing the separate results section displayResults(results, resultsSection); submitButton.textContent = 'Calculate ROI'; submitButton.disabled = false; }); } function displayResults(results, resultsSection) { // No need to handle display:none since section is always visible const elements = { 'investment-amount': `£${Math.round(results.installationCost).toLocaleString()}`, 'annual-savings': `£${Math.round(results.annualSavings).toLocaleString()}`, 'payback-period': `${results.paybackPeriod.toFixed(1)} years`, 'total-roi': `${results.roi25Year.toFixed(1)}%`, 'energy-generation': `${Math.round(results.annualGeneration).toLocaleString()} kWh` }; // Update each result in the separate section for (const [id, value] of Object.entries(elements)) { const element = resultsSection.querySelector(`#${id}`); if (element) { element.style.opacity = '0'; element.textContent = value; fadeIn(element); } } } document.addEventListener('DOMContentLoaded', function() { // Check if the 'back-to-top' button already exists, if not, create it if (!document.getElementById('back-to-top')) { const button = document.createElement('button'); button.id = 'back-to-top'; button.innerHTML = '↑'; button.setAttribute('aria-label', 'Scroll to top of page'); button.setAttribute('role', 'button'); document.body.appendChild(button); } const backToTopButton = document.getElementById('back-to-top'); // Show/hide button based on scroll position function toggleBackToTopButton() { if (window.pageYOffset >e 300) { backToTopButton.classList.add('visible'); } else { backToTopButton.classList.remove('visible'); } } // Throttle scroll event for better performance let isScrolling = false; window.addEventListener('scroll', function() { if (!isScrolling) { window.requestAnimationFrame(function() { toggleBackToTopButton(); isScrolling = false; }); isScrolling = true; } }); // Smooth scroll to top backToTopButton.addEventListener('click', function(e) { e.preventDefault(); window.scrollTo({ top: 0, behavior: 'smooth' }); }); // Add keyboard support for 'Enter' key to trigger scroll to top backToTopButton.addEventListener('keypress', function(e) { if (e.key === 'Enter') { e.preventDefault(); window.scrollTo({ top: 0, behavior: 'smooth' }); } }); // ARIA support for accessibility backToTopButton.setAttribute('aria-hidden', 'true'); backToTopButton.addEventListener('focus', function() { backToTopButton.setAttribute('aria-hidden', 'false'); }); backToTopButton.addEventListener('blur', function() { backToTopButton.setAttribute('aria-hidden', 'true'); }); });