<!DOCTYPE html><html lang="en-GB" data-beasties-container=""><head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover">
    <meta name="color-scheme" content="light dark">
    <link rel="prefetch" href="/solar-survey" as="document" crossorigin="anonymous">
    <link rel="prefetch" href="/contact-solar" as="document" crossorigin="anonymous">
    
    <!-- Google Analytics loaded dynamically after user consent via cookieConsent.ts -->
    
    <base href="/">
    <title>Install Solar Panels | MCS Certified Solar Installation | Northwest UK</title>
    <!-- Per-page SEO titles and descriptions are injected via React Helmet to keep one canonical description per route -->
    <meta name="author" content="Install Solar Panels">
    <link rel="icon" href="/favicon.ico" sizes="any">
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
    <link rel="icon" type="image/png" sizes="48x48" href="/icons/favicon-48x48.png?v=20251206b">
    <link rel="icon" type="image/png" sizes="64x64" href="/icons/favicon-64x64.png?v=20251206b">
    <link rel="icon" type="image/png" sizes="96x96" href="/icons/favicon-96x96.png?v=20251206b">
    <link rel="icon" type="image/png" sizes="192x192" href="/icons/favicon-192x192.png?v=20251206b">
    <link rel="icon" type="image/png" sizes="256x256" href="/icons/favicon-256x256.png?v=20251206b">
    <link rel="icon" type="image/png" sizes="512x512" href="/icons/favicon-512x512.png?v=20251206b">
    <link rel="apple-touch-icon" href="/icons/apple-touch-icon-180x180.png?v=20251206b" sizes="180x180">
    <meta name="msapplication-TileImage" content="/icons/favicon-144x144.png?v=20251206b">
    <meta name="msapplication-TileColor" content="#f39c12">
    <link rel="manifest" href="/manifest.json">
    <meta name="theme-color" content="#f39c12">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <meta name="apple-mobile-web-app-title" content="Install Solar Panels">

    <!-- Generated splash screens via https://github.com/onderceylan/pwa-asset-generator -->
    <link rel="apple-touch-startup-image" href="/icons/apple-splash-2048x2732.png" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
    <link rel="apple-touch-startup-image" href="/icons/apple-splash-2732x2048.png" media="(device-width: 1024px) and (device-height: 1366px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
    <link rel="apple-touch-startup-image" href="/icons/apple-splash-1668x2224.png" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
    <link rel="apple-touch-startup-image" href="/icons/apple-splash-2224x1668.png" media="(device-width: 834px) and (device-height: 1112px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
    <link rel="apple-touch-startup-image" href="/icons/apple-splash-1536x2048.png" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
    <link rel="apple-touch-startup-image" href="/icons/apple-splash-2048x1536.png" media="(device-width: 768px) and (device-height: 1024px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
    <link rel="apple-touch-startup-image" href="/icons/apple-splash-1284x2778.png" media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)">
    <link rel="apple-touch-startup-image" href="/icons/apple-splash-2778x1284.png" media="(device-width: 428px) and (device-height: 926px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)">
    <link rel="apple-touch-startup-image" href="/icons/apple-splash-1170x2532.png" media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)">
    <link rel="apple-touch-startup-image" href="/icons/apple-splash-2532x1170.png" media="(device-width: 390px) and (device-height: 844px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)">
    <link rel="apple-touch-startup-image" href="/icons/apple-splash-1125x2436.png" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)">
    <link rel="apple-touch-startup-image" href="/icons/apple-splash-2436x1125.png" media="(device-width: 375px) and (device-height: 812px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)">
    <link rel="apple-touch-startup-image" href="/icons/apple-splash-1242x2688.png" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: portrait)">
    <link rel="apple-touch-startup-image" href="/icons/apple-splash-2688x1242.png" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 3) and (orientation: landscape)">
    <link rel="apple-touch-startup-image" href="/icons/apple-splash-828x1792.png" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
    <link rel="apple-touch-startup-image" href="/icons/apple-splash-1792x828.png" media="(device-width: 414px) and (device-height: 896px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
    <link rel="apple-touch-startup-image" href="/icons/apple-splash-750x1334.png" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
    <link rel="apple-touch-startup-image" href="/icons/apple-splash-1334x750.png" media="(device-width: 375px) and (device-height: 667px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
    <link rel="apple-touch-startup-image" href="/icons/apple-splash-640x1136.png" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: portrait)">
    <link rel="apple-touch-startup-image" href="/icons/apple-splash-1136x640.png" media="(device-width: 320px) and (device-height: 568px) and (-webkit-device-pixel-ratio: 2) and (orientation: landscape)">
    <!-- Preconnect for critical external domains (faster than dns-prefetch) -->
    <!-- Supabase backend - Highest priority for data fetching -->
    <link rel="preconnect" href="https://qhqpslufarrpazbnanod.supabase.co" crossorigin="">
    
    <!-- Critical preconnect for LCP image CDN - HIGHEST PRIORITY -->
    <link rel="preconnect" href="https://res.cloudinary.com" crossorigin="">
    <link rel="preconnect" href="https://install-solar.co.uk">
    
    <!-- Google Maps API - Critical for solar survey page -->
    <link rel="preconnect" href="https://maps.googleapis.com" crossorigin="">
    <link rel="preconnect" href="https://maps.gstatic.com" crossorigin="">
    
    <!-- DNS prefetch for deferred third-party services (lower priority) -->
    <link rel="dns-prefetch" href="https://www.googletagmanager.com">
    <link rel="dns-prefetch" href="https://region1.analytics.google.com">
    <link rel="dns-prefetch" href="https://www.google-analytics.com">
    <link rel="dns-prefetch" href="https://analytics.google.com">
    <link rel="dns-prefetch" href="https://api.postcodes.io">
    <link rel="dns-prefetch" href="https://api.getaddress.io">
    <link rel="dns-prefetch" href="//res.cloudinary.com">
    
    <!-- Preload critical above-the-fold images -->
    <link rel="preload" as="image" href="/company-logo.webp" type="image/webp" fetchpriority="high" imagesizes="32px">
    <link rel="preload" as="image" href="/company-logo.jpg" type="image/jpeg" fetchpriority="high" imagesizes="32px">
    
    <!-- AVIF Format Preloads - Optimized via Netlify Image CDN -->
    <link rel="preload" as="image" href="/.netlify/images?url=/images/hero/mobile-hero-500x750.jpg&amp;w=480&amp;h=720&amp;fit=cover&amp;fm=avif&amp;q=65" type="image/avif" fetchpriority="high" media="(max-width: 640px)">

    <link rel="preload" as="image" href="/.netlify/images?url=/images/hero/tablet-hero-1536x1024.jpg&amp;w=1024&amp;h=683&amp;fit=cover&amp;fm=avif&amp;q=65" type="image/avif" fetchpriority="high" media="(min-width: 641px) and (max-width: 1024px)">

    <link rel="preload" as="image" href="/.netlify/images?url=/images/hero/desktop-hero-1920x1080.jpg&amp;w=1920&amp;h=1080&amp;fit=cover&amp;fm=avif&amp;q=65" type="image/avif" fetchpriority="high" media="(min-width: 1025px) and (max-width: 1920px)">

    <link rel="preload" as="image" href="/.netlify/images?url=/images/hero/desktop-hero-2560x1440.jpg&amp;w=2560&amp;h=1440&amp;fit=cover&amp;fm=avif&amp;q=65" type="image/avif" fetchpriority="high" media="(min-width: 1921px)">

    <!-- WebP Format Preloads -->
    <link rel="preload" as="image" href="/.netlify/images?url=/images/hero/mobile-hero-500x750.jpg&amp;w=480&amp;h=720&amp;fit=cover&amp;fm=webp&amp;q=70" type="image/webp" fetchpriority="high" media="(max-width: 640px)">

    <link rel="preload" as="image" href="/.netlify/images?url=/images/hero/tablet-hero-1536x1024.jpg&amp;w=1024&amp;h=683&amp;fit=cover&amp;fm=webp&amp;q=70" type="image/webp" fetchpriority="high" media="(min-width: 641px) and (max-width: 1024px)">

    <link rel="preload" as="image" href="/.netlify/images?url=/images/hero/desktop-hero-1920x1080.jpg&amp;w=1920&amp;h=1080&amp;fit=cover&amp;fm=webp&amp;q=70" type="image/webp" fetchpriority="high" media="(min-width: 1025px) and (max-width: 1920px)">

    <link rel="preload" as="image" href="/.netlify/images?url=/images/hero/desktop-hero-2560x1440.jpg&amp;w=2560&amp;h=1440&amp;fit=cover&amp;fm=webp&amp;q=70" type="image/webp" fetchpriority="high" media="(min-width: 1921px)">

    <!-- JPG Format Preloads - Legacy Browsers -->
    <link rel="preload" as="image" href="/.netlify/images?url=/images/hero/mobile-hero-500x750.jpg&amp;w=480&amp;h=720&amp;fit=cover&amp;fm=jpg&amp;q=78" type="image/jpeg" fetchpriority="high" imagesizes="100vw" imagesrcset="/.netlify/images?url=/images/hero/mobile-hero-500x750.jpg&amp;w=480&amp;h=720&amp;fit=cover&amp;fm=jpg&amp;q=78 480w" media="(max-width: 640px)">

    <link rel="preload" as="image" href="/.netlify/images?url=/images/hero/tablet-hero-1536x1024.jpg&amp;w=1024&amp;h=683&amp;fit=cover&amp;fm=jpg&amp;q=78" type="image/jpeg" fetchpriority="high" media="(min-width: 641px) and (max-width: 1024px)">

    <link rel="preload" as="image" href="/.netlify/images?url=/images/hero/desktop-hero-1920x1080.jpg&amp;w=1920&amp;h=1080&amp;fit=cover&amp;fm=jpg&amp;q=78" type="image/jpeg" fetchpriority="high" media="(min-width: 1025px) and (max-width: 1920px)">

    <link rel="preload" as="image" href="/.netlify/images?url=/images/hero/desktop-hero-2560x1440.jpg&amp;w=2560&amp;h=1440&amp;fit=cover&amp;fm=jpg&amp;q=78" type="image/jpeg" fetchpriority="high" media="(min-width: 1921px)">

    <!-- Critical CSS for above-the-fold content - Inlined for immediate FCP -->
    <style>*,:after,:before{border:0 solid #e5e7eb;box-sizing:border-box}:after,:before{--tw-content:""}html{line-height:1.5;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-moz-tab-size:4;-o-tab-size:4;tab-size:4;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{line-height:inherit;margin:0;overflow-x:hidden;visibility:visible}:root{--background:0 0% 100%;--foreground:222 47% 11%;--primary:215 28% 17%;--primary-foreground:0 0% 98%;--secondary:210 40% 96%;--accent:43 74% 66%;--solar-dark:215 28% 17%;--solar-accent:43 74% 66%;--solar-text:222 47% 11%;--gradient-hero:linear-gradient(135deg,hsl(var(--solar-dark)/0.85),rgba(48,61,80,.8));--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--contact-strip-height:44px;--primary-nav-height:52px;--header-stack-height:calc(var(--contact-strip-height) + var(--primary-nav-height));--header-offset:var(--header-stack-height);--hero-aspect-ratio:2/3;--hero-intrinsic-width:500px;--hero-intrinsic-height:750px;--hero-min-height:clamp(540px,calc(100vw*var(--hero-intrinsic-height)/var(--hero-intrinsic-width)),900px);--hero-padding-top:calc(var(--header-offset) + 1.5rem);--hero-padding-bottom:3rem;--hero-horizontal-padding:clamp(1rem,4vw,1.75rem);--hero-inner-max-width:1200px;--hero-grid-gap:clamp(1.75rem,4vw,3rem);--main-content-top-gap:1.75rem}@media (min-width:641px){:root{--contact-strip-height:48px;--hero-aspect-ratio:3/2;--hero-intrinsic-width:1536px;--hero-intrinsic-height:1024px;--hero-padding-top:calc(var(--header-offset) + 2rem);--hero-padding-bottom:3.5rem;--hero-horizontal-padding:clamp(1.5rem,6vw,2.5rem);--hero-grid-gap:clamp(2rem,3vw,3rem);--main-content-top-gap:2rem}}@media (min-width:1025px){:root{--contact-strip-height:40px;--hero-aspect-ratio:16/9;--hero-intrinsic-width:1920px;--hero-intrinsic-height:1080px;--hero-padding-top:calc(var(--header-offset) + 3rem);--hero-padding-bottom:4.5rem;--hero-horizontal-padding:clamp(2rem,5vw,3rem);--hero-grid-gap:clamp(2.5rem,3vw,3.5rem);--main-content-top-gap:3rem}}body{background-color:hsl(var(--background));color:hsl(var(--foreground));font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}#root{display:flex;flex-direction:column;min-height:100vh}#root:empty{contain-intrinsic-size:100vw 100vh;content-visibility:auto}#root:empty{min-height:100vh}img{display:block;height:auto;max-width:100%}img[width][height]{aspect-ratio:attr(width)/attr(height);height:auto}picture{contain:layout;display:block}.hero-static{align-items:flex-start;background:#1f2937;display:flex;justify-content:center;min-height:100vh;overflow:hidden;position:relative}.hero-bg-img{inset:0;position:absolute;z-index:-1}.hero-bg-img img{height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%}.hero-overlay{background:linear-gradient(90deg,rgba(31,41,55,.6),rgba(31,41,55,.65),rgba(31,41,55,.6));inset:0;position:absolute}.hero-content{color:#fafafa;margin:0 auto;max-width:1280px;padding:1rem;position:relative;width:100%;z-index:10}.hero-heading{font-size:1.5rem;font-weight:700;line-height:1.25;margin-bottom:1.5rem}.hero-accent{color:#e8c468}@media (min-width:768px){.hero-static{align-items:center;min-height:80vh}.hero-content{padding-bottom:5rem;padding-top:5rem}}</style>

    <!-- Modern Image Format Detection Script -->
    <!-- Detects AVIF/WebP support and stores in sessionStorage for performance -->
    <script>
      (function() {
        'use strict';
        
        // Check if we've already detected formats in this session
        const cachedSupport = sessionStorage.getItem('imageFormatSupport');
        
        if (cachedSupport) {
          // Use cached results for instant detection
          const formats = JSON.parse(cachedSupport);
          document.documentElement.setAttribute('data-avif', formats.avif);
          document.documentElement.setAttribute('data-webp', formats.webp);
          return;
        }
        
        // Function to test image format support
        function testImageFormat(format, callback) {
          const testImages = {
            avif: 'data:image/avif;base64,AAAAIGZ0eXBhdmlmAAAAAGF2aWZtaWYxbWlhZk1BMUIAAADybWV0YQAAAAAAAAAoaGRscgAAAAAAAAAAcGljdAAAAAAAAAAAAAAAAGxpYmF2aWYAAAAADnBpdG0AAAAAAAEAAAAeaWxvYwAAAABEAAABAAEAAAABAAABGgAAAB0AAAAoaWluZgAAAAAAAQAAABppbmZlAgAAAAABAABhdjAxQ29sb3IAAAAAamlwcnAAAABLaXBjbwAAABRpc3BlAAAAAAAAAAIAAAACAAAAEHBpeGkAAAAAAwgICAAAAAxhdjFDgQ0MAAAAABNjb2xybmNseAACAAIAAYAAAAAXaXBtYQAAAAAAAAABAAEEAQKDBAAAACVtZGF0EgAKCBgANogQEAwgMg8f8D///8WfhwB8+ErK42A=',
            webp: 'data:image/webp;base64,UklGRiIAAABXRUJQVlA4IBYAAAAwAQCdASoBAAEADsD+JaQAA3AAAAAA'
          };
          
          const img = new Image();
          img.onload = function() {
            callback(img.width > 0 && img.height > 0);
          };
          img.onerror = function() {
            callback(false);
          };
          img.src = testImages[format];
        }
        
        // Detect AVIF support
        testImageFormat('avif', function(avifSupported) {
          // Detect WebP support
          testImageFormat('webp', function(webpSupported) {
            const support = {
              avif: avifSupported,
              webp: webpSupported,
              timestamp: Date.now()
            };
            
            // Store in sessionStorage for fast retrieval on subsequent page loads
            sessionStorage.setItem('imageFormatSupport', JSON.stringify(support));
            
            // Add data attributes to html element for CSS targeting
            document.documentElement.setAttribute('data-avif', avifSupported);
            document.documentElement.setAttribute('data-webp', webpSupported);

            // Track format support in Google Analytics (if available)
            if (window.dataLayer) {
              window.dataLayer.push({
                event: 'image_format_detection',
                avif_supported: avifSupported,
                webp_supported: webpSupported
              });
            }
          });
        });
      })();
    </script>
    <!-- End Image Format Detection -->
    
    <meta property="og:description" content="Cut your energy bills with certified solar panels, battery storage, and EV chargers. Installed in 1 day. No VAT until 2027.">
    <meta property="og:type" content="website">
    <meta property="og:url" content="https://www.install-solar.co.uk/">
    <meta property="og:site_name" content="Install Solar Panels">
    <meta property="og:image" content="https://install-solar.co.uk/icons/pwa-icon-512x512.png?v=20251206b">

    <meta name="twitter:card" content="summary_large_image">
    
    <meta name="twitter:description" content="Certified solar panel &amp; battery installers. Save money, go green, and take control of your energy. No VAT until 2027.">
    <meta name="twitter:image" content="https://install-solar.co.uk/icons/pwa-icon-512x512.png?v=20251206b">

    <!-- JSON-LD LocalBusiness Schema -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "LocalBusiness",
      "name": "Install Solar Panels",
      "description": "Professional solar panel installation in Chorley & Northwest UK. MCS certified, 25-year warranties, free quotes.",
      "url": "https://www.install-solar.co.uk/",
      "telephone": "+44 1772 503 222",
      "email": "info@install-solar.co.uk",
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "2 Queens Road",
        "addressLocality": "Chorley",
        "postalCode": "PR7 1JU",
        "addressRegion": "Lancashire",
        "addressCountry": "GB"
      },
      "geo": {
        "@type": "GeoCoordinates",
        "latitude": "53.6530",
        "longitude": "-2.6298"
      },
      "openingHours": "Mo-Fr 09:00-18:00",
      "sameAs": [
        "https://www.linkedin.com/company/install-solar-panels-limited/",
        "https://www.facebook.com/installsolarpanels",
        "https://x.com/InstallPanels",
        "https://uk.pinterest.com/installsolarpanelsuk/",
        "https://www.youtube.com/@installsolarpanels"
      ],
      "serviceArea": {
        "@type": "GeoCircle",
        "geoMidpoint": {
          "@type": "GeoCoordinates",
          "latitude": "53.6530",
          "longitude": "-2.6298"
        },
        "geoRadius": "50000"
      },
      "hasOfferCatalog": {
        "@type": "OfferCatalog",
        "name": "Solar Panel Installation Services",
        "itemListElement": [
          {
            "@type": "Offer",
            "itemOffered": {
              "@type": "Service",
              "name": "Residential Solar Panel Installation",
              "description": "Professional solar panel installation for UK homes with MCS certification"
            }
          },
          {
            "@type": "Offer", 
            "itemOffered": {
              "@type": "Service",
              "name": "Commercial Solar Panel Installation",
              "description": "Large-scale solar installations for businesses and commercial properties"
            }
          },
          {
            "@type": "Offer",
            "itemOffered": {
              "@type": "Service", 
              "name": "Battery Storage Systems",
              "description": "Solar battery storage solutions including Tesla Powerwall and Hanchu systems"
            }
          },
          {
            "@type": "Offer",
            "itemOffered": {
              "@type": "Service",
              "name": "EV Charging Installation", 
              "description": "Electric vehicle charging point installation for homes and businesses"
            }
          }
        ]
      },
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.9",
        "reviewCount": "500",
        "bestRating": "5"
      }
    }
    </script>
    
    <meta property="og:title" content="Install Solar Panels">
  <meta name="twitter:title" content="Install Solar Panels">
  <script type="module" crossorigin="" src="/assets/index-DcN4sMdW.js"></script>
  <link rel="modulepreload" crossorigin="" href="/assets/vendor-B4fwKB5B.js">
  <link rel="modulepreload" crossorigin="" href="/assets/vendor-helmet-x3y6nziz.js">
  <link rel="modulepreload" crossorigin="" href="/assets/vendor-router-BTvJPruT.js">
  <link rel="modulepreload" crossorigin="" href="/assets/vendor-utils-BkLtITBR.js">
  <link rel="modulepreload" crossorigin="" href="/assets/vendor-ui-C2noYFdl.js">
  <link rel="modulepreload" crossorigin="" href="/assets/vendor-cva-BxocpcK0.js">
  <link rel="modulepreload" crossorigin="" href="/assets/vendor-icons-7QkfWRFY.js">
</head>

  <body>
    <!-- Accessibility: Skip to main content -->
    <a href="#main-content" class="sr-only focus:not-sr-only focus:absolute focus:top-4 focus:left-4 focus:z-[100] focus:px-4 focus:py-2 focus:bg-primary focus:text-primary-foreground focus:rounded-md focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2">
      Skip to main content
    </a>
    
    <div id="root"></div>
    
    <!-- Critical above-fold HTML for immediate LCP - prevents 1.79s render delay -->
    <noscript id="hero-fallback">
      
      <section class="hero-static">
        <div class="hero-bg-img">
          <picture>
            <source srcset="/images/hero/mobile-hero-500x750.avif?v=2" type="image/avif" media="(max-width: 640px)">
            <source srcset="/images/hero/mobile-hero-500x750.webp?v=2" type="image/webp" media="(max-width: 640px)">
            <source srcset="/images/hero/tablet-hero-1536x1024.avif?v=2" type="image/avif" media="(min-width: 641px) and (max-width: 1024px)">
            <source srcset="/images/hero/tablet-hero-1536x1024.webp?v=2" type="image/webp" media="(min-width: 641px) and (max-width: 1024px)">
            <source srcset="/images/hero/desktop-hero-1920x1080.avif?v=2" type="image/avif" media="(min-width: 1025px)">
            <source srcset="/images/hero/desktop-hero-1920x1080.webp?v=2" type="image/webp" media="(min-width: 1025px)">
            <img src="https://res.cloudinary.com/du9zccuwy/image/fetch/f_auto,q_auto/https://install-solar.co.uk/images/hero/mobile-hero-500x750.jpg%3Fv%3D2?_a=BBFAAAAA0" alt="Professional solar panel installation on UK home" width="500" height="750" fetchpriority="high" loading="lazy">
          </picture>
        </div>
        <div class="hero-overlay"></div>
        <div class="hero-content">
          <h1 class="hero-heading">
            Install Solar Panels in the UK – <span class="hero-accent">Start Saving Today</span>
          </h1>
        </div>
      </section>
    </noscript>
    
    <!-- Performance monitoring script - Inline and minimal -->
    <script>
      // Mark the start of the page load for performance monitoring
      if (window.performance && window.performance.mark) {
        window.performance.mark('app-init-start');
      }
    </script>
    
    <!-- Application entrypoint -->
    
    
  


<script async id="netlify-rum-container" src="/.netlify/scripts/rum" data-netlify-rum-site-id="2554f0ec-04ae-42fe-9582-741ea784c9fb" data-netlify-deploy-branch="main" data-netlify-deploy-context="production" data-netlify-cwv-token="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzaXRlX2lkIjoiMjU1NGYwZWMtMDRhZS00MmZlLTk1ODItNzQxZWE3ODRjOWZiIiwiYWNjb3VudF9pZCI6IjY4ZjE5OTA2NjNlZWM0NDIwY2MwODA2YSIsImRlcGxveV9pZCI6IjY5NjcyZWI3OWU5ZGVmMDAwODUzZmZiMyIsImlzc3VlciI6Im5mc2VydmVyIn0.kuvhZ3RR829WgJgWfMc62ULPNP7FWILeWRov6sgi8qY"></script></body></html>