<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
    <title>Educafric - African Educational Technology Platform</title>
    <meta name="description" content="Africa's leading educational technology platform, empowering schools, teachers, parents, and students across the continent with comprehensive digital learning solutions." />
    <!-- Standard favicon -->
    <link rel="icon" href="/favicon.ico" />
    <link rel="icon" type="image/png" sizes="32x32" href="/educafric-logo-128.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/educafric-logo-128.png" />
    
    <!-- Apple Touch Icons -->
    <link rel="apple-touch-icon" href="/apple-touch-icon.png" />
    <link rel="apple-touch-icon" sizes="180x180" href="/educafric-logo-512.png" />
    <link rel="apple-touch-icon" sizes="152x152" href="/educafric-logo-512.png" />
    <link rel="apple-touch-icon" sizes="144x144" href="/educafric-logo-512.png" />
    <link rel="apple-touch-icon" sizes="120x120" href="/educafric-logo-128.png" />
    <link rel="apple-touch-icon" sizes="114x114" href="/educafric-logo-128.png" />
    <link rel="apple-touch-icon" sizes="76x76" href="/educafric-logo-128.png" />
    <link rel="apple-touch-icon" sizes="72x72" href="/educafric-logo-128.png" />
    <link rel="apple-touch-icon" sizes="60x60" href="/educafric-logo-128.png" />
    <link rel="apple-touch-icon" sizes="57x57" href="/educafric-logo-128.png" />
    
    <!-- PWA Manifest -->
    <link rel="manifest" href="/manifest.json" />
    
    <!-- PWA Theme Color -->
    <meta name="theme-color" content="#0079F2" />
    <meta name="apple-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="Educafric" />
    
    <!-- Android Chrome -->
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="application-name" content="Educafric" />
    <link rel="icon" type="image/png" sizes="192x192" href="/educafric-logo-128.png" />
    <link rel="icon" type="image/png" sizes="512x512" href="/educafric-logo-512.png" />
    
    <!-- Android Homescreen -->
    <link rel="shortcut icon" href="/educafric-logo-512.png" />
    <link rel="bookmark" href="/educafric-logo-512.png" />
    
    <!-- Microsoft Tiles -->
    <meta name="msapplication-TileColor" content="#0079F2" />
    <meta name="msapplication-TileImage" content="/educafric-logo-512.png" />

    <!-- Meta Pixel Code -->
    <script>
      !function(f,b,e,v,n,t,s)
      {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
      n.callMethod.apply(n,arguments):n.queue.push(arguments)};
      if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
      n.queue=[];t=b.createElement(e);t.async=!0;
      t.src=v;s=b.getElementsByTagName(e)[0];
      s.parentNode.insertBefore(t,s)}(window, document,'script',
      'https://connect.facebook.net/en_US/fbevents.js');
      fbq('init', '1286298423160052');
      fbq('track', 'PageView');
    </script>
    <!-- End Meta Pixel Code -->

    <!-- Facebook SDK for JavaScript -->
    <script>
      window.fbAsyncInit = function() {
        FB.init({
          appId      : '1286298423160052', // Using existing Facebook App ID
          cookie     : true,
          xfbml      : true,
          version    : 'v18.0'
        });
          
        FB.AppEvents.logPageView();   
          
      };

      (function(d, s, id){
         var js, fjs = d.getElementsByTagName(s)[0];
         if (d.getElementById(id)) {return;}
         js = d.createElement(s); js.id = id;
         js.src = "https://connect.facebook.net/en_US/sdk.js";
         fjs.parentNode.insertBefore(js, fjs);
       }(document, 'script', 'facebook-jssdk'));
    </script>
    
    <!-- Service Worker Registration disabled for development -->
    <script>
      // Service Worker registration disabled to avoid errors during development
      console.log('Service Worker registration disabled for development');
    </script>
    <script type="module" crossorigin src="/assets/index-CIg-mSfi.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-C5DGllQj.css">
  </head>
  <body>
    <!-- Meta Pixel NoScript -->
    <noscript><img height="1" width="1" style="display:none"
      src="https://www.facebook.com/tr?id=1286298423160052&ev=PageView&noscript=1"
    /></noscript>
    
    <div id="root"></div>
    <!-- This is a replit script which adds a banner on the top of the page when opened in development mode outside the replit environment -->
    <script type="text/javascript" src="https://replit.com/public/js/replit-dev-banner.js"></script>
  </body>
</html>