<!doctype html>
<html lang="en" prefix="og: https://ogp.me/ns#" style="background-color: #f9fafb;">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />

    <title>SESRP - Somali Electricity Sector Recovery Project | Transforming Energy Infrastructure</title>
    <meta name="description" content="Somali Electricity Sector Recovery Project (SESRP) is a World Bank-funded initiative transforming the electricity sector through infrastructure development, policy reform, and capacity building for sustainable energy access." />
    <meta name="keywords" content="Somali electricity, SESRP, energy development, World Bank Somalia, power infrastructure, renewable energy, Somaliland energy, electricity sector, energy access, sustainable development, solar power Somalia" />
    <meta name="author" content="Somali Electricity Sector Recovery Project (SESRP)" />
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
    <meta name="googlebot" content="index, follow" />
    <meta name="bingbot" content="index, follow" />

    <link rel="canonical" href="https://sesrpsomaliland.org/" />
    <link rel="icon" type="image/png" href="/sesrp_logo_-final.png" />
    <link rel="apple-touch-icon" href="/sesrp_logo_-final.png" />

    <!-- Performance Optimization: Preconnect to critical origins -->
    <link rel="preconnect" href="https://rmgmzwjflhjlhufqvprc.supabase.co" crossorigin />
    <link rel="dns-prefetch" href="https://rmgmzwjflhjlhufqvprc.supabase.co" />

    <!-- Prefetch DNS for critical resources -->
    <link rel="dns-prefetch" href="https://unpkg.com" />

    <!-- Preload critical CSS -->

    <!-- Font Optimization: System fonts with fallbacks -->
    <style>
      @font-face {
        font-family: 'InterVariable';
        font-style: normal;
        font-weight: 100 900;
        font-display: swap;
        src: local('Inter'), local('Arial');
      }

      body {
        font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
        -webkit-font-smoothing: antialiased;
        -moz-osx-font-smoothing: grayscale;
      }
    </style>

    <meta property="og:title" content="SESRP - Somali Electricity Sector Recovery Project" />
    <meta property="og:description" content="Transforming the electricity sector through infrastructure development, institutional strengthening, and capacity building for sustainable energy access." />
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://sesrpsomaliland.org/" />
    <meta property="og:image" content="https://sesrpsomaliland.org/sesrp_logo_-final.png" />
    <meta property="og:image:secure_url" content="https://sesrpsomaliland.org/sesrp_logo_-final.png" />
    <meta property="og:image:type" content="image/png" />
    <meta property="og:image:alt" content="SESRP Logo - Somali Electricity Sector Recovery Project" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:site_name" content="SESRP" />
    <meta property="og:locale" content="en_US" />

    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="SESRP - Somali Electricity Sector Recovery Project" />
    <meta name="twitter:description" content="Transforming the electricity sector through infrastructure development and capacity building." />
    <meta name="twitter:image" content="https://sesrpsomaliland.org/sesrp_logo_-final.png" />
    <meta name="twitter:image:alt" content="SESRP Logo" />
    <meta name="twitter:site" content="@SESRP" />
    <meta name="twitter:creator" content="@SESRP" />

    <meta itemprop="name" content="SESRP - Somali Electricity Sector Recovery Project" />
    <meta itemprop="description" content="Transforming the electricity sector through infrastructure development and capacity building." />
    <meta itemprop="image" content="https://sesrpsomaliland.org/sesrp_logo_-final.png" />

    <meta property="fb:app_id" content="" />

    <link rel="image_src" href="https://sesrpsomaliland.org/sesrp_logo_-final.png" />

    <meta name="geo.region" content="SO" />
    <meta name="geo.placename" content="Somalia" />
    <meta name="theme-color" content="#1A345F" />
    <meta name="msapplication-TileColor" content="#1A345F" />

    <meta name="application-name" content="SESRP Portal" />
    <meta name="apple-mobile-web-app-capable" content="no" />
    <meta name="mobile-web-app-capable" content="no" />
    <meta name="format-detection" content="telephone=no" />

    <link rel="alternate" hreflang="en" href="https://sesrpsomaliland.org/" />
    <link rel="alternate" hreflang="x-default" href="https://sesrpsomaliland.org/" />

    <!-- Google tag (gtag.js) -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-GB4X3G70YK"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());

      gtag('config', 'G-GB4X3G70YK');
    </script>

    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "Somali Electricity Sector Recovery Project (SESRP)",
      "alternateName": "SESRP",
      "url": "https://sesrpsomaliland.org",
      "logo": "https://sesrpsomaliland.org/sesrp_logo_-final.png",
      "description": "The Somali Electricity Sector Recovery Project (SESRP) is a comprehensive World Bank-funded initiative aimed at transforming the electricity sector through infrastructure development, policy reform, and capacity building.",
      "address": {
        "@type": "PostalAddress",
        "addressCountry": "Somalia",
        "addressRegion": "Somaliland"
      },
      "contactPoint": {
        "@type": "ContactPoint",
        "contactType": "Customer Service",
        "availableLanguage": ["English", "Somali"]
      },
      "foundingDate": "2020",
      "keywords": "electricity, energy, Somalia, infrastructure, development, World Bank, renewable energy, power sector"
    }
    </script>

    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "name": "SESRP Portal",
      "url": "https://sesrpsomaliland.org",
      "description": "Official website of the Somali Electricity Sector Recovery Project (SESRP)",
      "publisher": {
        "@type": "Organization",
        "name": "Somali Electricity Sector Recovery Project (SESRP)"
      },
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https://sesrpsomaliland.org/?s={search_term_string}",
        "query-input": "required name=search_term_string"
      }
    }
    </script>
    <style>
      * {
        margin: 0;
        padding: 0;
        box-sizing: border-box;
      }

      html {
        font-size: 16px;
        -webkit-text-size-adjust: 100%;
      }

      #loading-screen {
        position: fixed;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-color: #f9fafb;
        display: flex;
        align-items: center;
        justify-content: center;
        z-index: 9999;
        transition: opacity 0.3s ease-out;
      }

      #loading-screen.fade-out {
        opacity: 0;
        pointer-events: none;
      }

      .loader {
        width: 48px;
        height: 48px;
        border: 4px solid #188542;
        border-top-color: transparent;
        border-radius: 50%;
        animation: spin 0.8s linear infinite;
        will-change: transform;
      }

      @keyframes spin {
        to { transform: rotate(360deg); }
      }

      #root {
        min-height: 100vh;
        isolation: isolate;
        background-color: #f9fafb;
      }

      img {
        max-width: 100%;
        height: auto;
        display: block;
      }
    </style>
    <script type="module" crossorigin src="/assets/js/index-tFQrI5Rz.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/js/leaflet-vendor-CYIrKdYH.js">
    <link rel="modulepreload" crossorigin href="/assets/js/vendor-CeHYiLul.js">
    <link rel="modulepreload" crossorigin href="/assets/js/react-vendor-CsDrvnaG.js">
    <link rel="modulepreload" crossorigin href="/assets/js/supabase-vendor-TCF1Pgzt.js">
    <link rel="stylesheet" crossorigin href="/assets/leaflet-vendor-Dgihpmma.css">
    <link rel="stylesheet" crossorigin href="/assets/index-C-fCxEQ_.css">
  </head>
  <body style="background-color: #f9fafb; margin: 0; padding: 0;">
    <noscript>
      <div style="position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: white; display: flex; align-items: center; justify-content: center; padding: 20px; font-family: Arial, sans-serif;">
        <div style="max-width: 600px; text-align: center;">
          <h1 style="color: #1A345F; margin-bottom: 20px;">JavaScript Required</h1>
          <p style="color: #666; line-height: 1.6; margin-bottom: 20px;">
            This website requires JavaScript to function properly. Please enable JavaScript in your browser settings and reload the page.
          </p>
          <p style="color: #666; line-height: 1.6; margin-bottom: 20px;">
            Alternatively, you can use our basic HTML version:
          </p>
          <p>
            <a href="/basic.html" style="display: inline-block; background: #1A345F; color: white; padding: 12px 24px; text-decoration: none; border-radius: 6px; margin: 10px;">Access Basic Version</a>
          </p>
          <p style="color: #666; line-height: 1.6; margin-top: 20px; font-size: 14px;">
            If you continue to have issues, please try updating your browser to the latest version.
          </p>
        </div>
      </div>
    </noscript>
    <div id="loading-screen">
      <div class="loader"></div>
    </div>
    <div id="root"></div>
    <div id="browser-error" style="display: none; position: fixed; top: 0; left: 0; right: 0; bottom: 0; background: white; z-index: 99999; padding: 20px; font-family: Arial, sans-serif;">
      <div style="max-width: 600px; margin: 100px auto; text-align: center;">
        <h1 style="color: #dc3545; margin-bottom: 20px;">Browser Not Supported</h1>
        <p style="color: #666; line-height: 1.6; margin-bottom: 20px;">
          Your browser is too old to display this website. Please update to a modern browser:
        </p>
        <ul style="list-style: none; padding: 0; margin: 20px 0;">
          <li style="margin: 10px 0;"><a href="https://www.google.com/chrome/" style="color: #1A345F;">Google Chrome (Recommended)</a></li>
          <li style="margin: 10px 0;"><a href="https://www.mozilla.org/firefox/" style="color: #1A345F;">Mozilla Firefox</a></li>
          <li style="margin: 10px 0;"><a href="https://www.microsoft.com/edge" style="color: #1A345F;">Microsoft Edge</a></li>
          <li style="margin: 10px 0;"><a href="https://www.apple.com/safari/" style="color: #1A345F;">Safari (for Mac)</a></li>
        </ul>
        <p style="color: #666; font-size: 14px; margin-top: 30px;">
          Minimum requirements: Chrome 87+, Firefox 78+, Safari 13+, Edge 88+
        </p>
      </div>
    </div>
    <script>
      document.addEventListener('DOMContentLoaded', function() {
        var timer = setTimeout(function() {
          var loader = document.getElementById('loading-screen');
          if (loader && loader.style.display !== 'none') {
            loader.classList.add('fade-out');
            setTimeout(function() { loader.style.display = 'none'; }, 300);
          }
        }, 8000);
        window.__loadingTimer = timer;
      });
    </script>
  </body>
</html>
