<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover, maximum-scale=5.0, user-scalable=yes" />
    
    <!-- PWA Meta Tags -->
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="apple-mobile-web-app-title" content="Hope Award" />
    
    <!-- Preconnect to critical origins for faster loading -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    <link rel="preconnect" href="https://firebasestorage.googleapis.com" />
    <link rel="preconnect" href="https://www.gstatic.com" />
    
    <!-- DNS Prefetch for additional domains -->
    <link rel="dns-prefetch" href="https://firestore.googleapis.com" />
    <link rel="dns-prefetch" href="https://identitytoolkit.googleapis.com" />
    
    <!-- Preload critical fonts -->
    <link rel="preload" href="./fonts/rosehot-regular-regular.woff2" as="font" type="font/woff2" crossorigin />
    <link rel="preload" href="./fonts/rosehot-regular-bold.woff2" as="font" type="font/woff2" crossorigin />
    
    <!-- Primary Meta Tags -->
    <title>Hope Bearer Award | Born of Michèle Hajal's Lived Legacy</title>
    <meta name="title" content="Hope Bearer Award | Born of Michèle Hajal's Lived Legacy" />
    <meta name="description" content="The Hope Bearer Award honors extraordinary Lebanese individuals who embody resilience, compassion, and service to humanity. Founded by Georges El Najjar, celebrating icons of dignity at UNESCO Palace, Beirut." />
    <meta name="keywords" content="Hope Bearer Award, Lebanese Award, UNESCO Palace Beirut, Michèle Hajal, Georges El Najjar, Lebanon resilience, humanitarian award, Night of Light ceremony, Lebanese excellence, hope award Lebanon" />
    <meta name="author" content="Georges El Najjar" />
    <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="theme-color" content="#4E2A2A" />
    <meta name="msapplication-TileColor" content="#4E2A2A" />
    <meta name="application-name" content="Hope Bearer Award" />
    
    <!-- Permissions Policy -->
    <meta http-equiv="Permissions-Policy" content="unload=()" />
    
    <!-- Canonical URL -->
    <link rel="canonical" href="https://hopebearer-award.com/" />
    
    <!-- Icons -->
    <link rel="icon" type="image/png" sizes="32x32" href="https://firebasestorage.googleapis.com/v0/b/hope-bearer-award.firebasestorage.app/o/Site%20images%2Femblem.png?alt=media&token=aaf31975-19da-4303-9c6e-ceff6e420ea8" />
    <link rel="apple-touch-icon" sizes="180x180" href="https://firebasestorage.googleapis.com/v0/b/hope-bearer-award.firebasestorage.app/o/Site%20images%2Femblem.png?alt=media&token=aaf31975-19da-4303-9c6e-ceff6e420ea8" />
    <link rel="manifest" href="/manifest.webmanifest" />
    
    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://hopebearer-award.com/" />
    <meta property="og:site_name" content="Hope Bearer Award" />
    <meta property="og:title" content="Hope Bearer Award | Born of Michèle Hajal's Lived Legacy" />
    <meta property="og:description" content="The Hope Bearer Award honors extraordinary Lebanese individuals who embody resilience, compassion, and service to humanity. Founded by Georges El Najjar." />
    <meta property="og:image" content="https://firebasestorage.googleapis.com/v0/b/hope-bearer-award.firebasestorage.app/o/Site%20images%2Fog_optimized_100.png?alt=media&token=56aad11e-ace2-4ee1-820e-1d1d82f2b18d" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:image:alt" content="Hope Bearer Award - Honoring Lebanese Excellence" />
    <meta property="og:locale" content="en_US" />
    <meta property="og:locale:alternate" content="ar_LB" />
    <meta property="og:locale:alternate" content="fr_FR" />

    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:url" content="https://hopebearer-award.com/" />
    <meta name="twitter:title" content="Hope Bearer Award | Born of Michèle Hajal's Lived Legacy" />
    <meta name="twitter:description" content="The Hope Bearer Award honors extraordinary Lebanese individuals who embody resilience, compassion, and service to humanity." />
    <meta name="twitter:image" content="https://firebasestorage.googleapis.com/v0/b/hope-bearer-award.firebasestorage.app/o/Site%20images%2Fog_optimized_100.png?alt=media&token=56aad11e-ace2-4ee1-820e-1d1d82f2b18d" />
    <meta name="twitter:image:alt" content="Hope Bearer Award - Honoring Lebanese Excellence" />

    <!-- Geo Tags for Lebanon -->
    <meta name="geo.region" content="LB" />
    <meta name="geo.placename" content="Beirut, Lebanon" />
    
    <!-- Structured Data - Organization -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "Hope Bearer Award",
      "alternateName": "جائزة حامل الأمل",
      "url": "https://hopebearer-award.com",
      "logo": "https://firebasestorage.googleapis.com/v0/b/hope-bearer-award.firebasestorage.app/o/Site%20images%2Femblem.png?alt=media&token=aaf31975-19da-4303-9c6e-ceff6e420ea8",
      "description": "The Hope Bearer Award honors extraordinary Lebanese individuals who embody resilience, compassion, and service to humanity.",
      "foundingDate": "2024",
      "founder": {
        "@type": "Person",
        "name": "Georges El Najjar"
      },
      "address": {
        "@type": "PostalAddress",
        "addressLocality": "Beirut",
        "addressCountry": "LB"
      },
      "sameAs": [
        "https://www.instagram.com/hopebeareraward",
        "https://www.facebook.com/hopebeareraward"
      ]
    }
    </script>
    
    <!-- Structured Data - Event -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Event",
      "name": "Hope Bearer Award Ceremony 2026 - Night of Light",
      "description": "Annual ceremony honoring Lebanese individuals who embody resilience and service to humanity at UNESCO Palace, Beirut.",
      "startDate": "2026-02-13T19:00:00+02:00",
      "endDate": "2026-02-13T23:00:00+02:00",
      "eventStatus": "https://schema.org/EventScheduled",
      "eventAttendanceMode": "https://schema.org/OfflineEventAttendanceMode",
      "location": {
        "@type": "Place",
        "name": "UNESCO Palace",
        "address": {
          "@type": "PostalAddress",
          "streetAddress": "Beirut Central District",
          "addressLocality": "Beirut",
          "addressCountry": "LB"
        }
      },
      "organizer": {
        "@type": "Organization",
        "name": "Hope Bearer Award",
        "url": "https://hopebearer-award.com"
      },
      "image": "https://firebasestorage.googleapis.com/v0/b/hope-bearer-award.firebasestorage.app/o/Site%20images%2Fog_optimized_100.png?alt=media&token=56aad11e-ace2-4ee1-820e-1d1d82f2b18d",
      "offers": {
        "@type": "Offer",
        "url": "https://hopebearer-award.com/night-of-light",
        "availability": "https://schema.org/InStock"
      }
    }
    </script>

    <!-- Google Fonts - Async load for performance -->
    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Lato:wght@400;700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'" />
    <noscript><link href="https://fonts.googleapis.com/css2?family=Cormorant+Garamond:wght@400;500;600;700&family=Lato:wght@400;700&family=Playfair+Display:ital,wght@0,400..900;1,400..900&display=swap" rel="stylesheet" /></noscript>
    
    <!-- Critical CSS inline for faster FCP -->
    <style>
      /* Critical above-the-fold styles */
      body{margin:0;font-family:'Lato',system-ui,sans-serif;background:#F8F6F2;color:#4E2A2A}
      #root{min-height:100vh}
      .loading-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:linear-gradient(135deg,#1a0a0a 0%,#4E2A2A 50%,#1a0a1a 100%)}
      .loading-spinner{width:48px;height:48px;border:3px solid rgba(212,175,55,0.3);border-top-color:#D4AF37;border-radius:50%;animation:spin 1s linear infinite}
      @keyframes spin{to{transform:rotate(360deg)}}
    </style>
    <script type="module" crossorigin src="./assets/index-BS2LcYsZ.js"></script>
    <link rel="modulepreload" crossorigin href="./assets/vendor-react-Std7ejjz.js">
    <link rel="modulepreload" crossorigin href="./assets/vendor-pdf-BRdwZoi5.js">
    <link rel="modulepreload" crossorigin href="./assets/vendor-firebase-DlbU3Nx1.js">
    <link rel="stylesheet" crossorigin href="./assets/index-rNfHhJom.css">
  <link rel="manifest" href="./manifest.webmanifest"></head>
  <body class="bg-brand-pearl font-sans text-brand-mahogany">
    <div id="root">
      <!-- Loading placeholder for better perceived performance -->
      <div class="loading-screen" id="initial-loader">
        <div class="loading-spinner"></div>
      </div>
    </div>
    <script>
      // Remove loader once React hydrates
      window.addEventListener('load', function() {
        var loader = document.getElementById('initial-loader');
        if (loader) {
          loader.style.opacity = '0';
          loader.style.transition = 'opacity 0.3s';
          setTimeout(function() { loader.remove(); }, 300);
        }
      });
    </script>
  </body>
</html>