<!doctype html>
<html lang="en">

<head>
  <meta charset="UTF-8" />

  <!-- Updated viewport with mobile fixes -->
  <meta name="viewport"
    content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=yes, viewport-fit=cover" />

  <!-- SEO -->
  <meta name="description"
    content="Zikara Safaris offers premium safari experiences in Kenya. Book wildlife adventures, luxury tours, and cultural experiences with local experts." />
  <meta name="author" content="Zikara Safaris" />
  <meta name="robots" content="index, follow" />
  <meta name="keywords" content="safari, Kenya, Zikara, wildlife, travel, Masai Mara, Amboseli, Nairobi" />

  <!-- Social Sharing (Open Graph) -->
  <meta property="og:title" content="Zikara Safaris - Premium Safari Experiences" />
  <meta property="og:description" content="Book unforgettable safari adventures in Kenya with trusted local experts." />
  <meta property="og:image" content="https://zikarasafaris.com/og-image.jpg" />
  <meta property="og:url" content="https://zikarasafaris.com" />
  <meta property="og:type" content="website" />
  <meta property="og:site_name" content="Zikara Safaris" />

  <!-- Twitter Card -->
  <meta name="twitter:card" content="summary_large_image" />
  <meta name="twitter:title" content="Zikara Safaris" />
  <meta name="twitter:description" content="Premium safari experiences in Kenya." />
  <meta name="twitter:image" content="https://zikarasafaris.com/twitter-card.jpg" />

  <!-- Theme & Browser Styling -->
  <meta name="theme-color" content="#ff7a00" />
  <meta name="apple-mobile-web-app-capable" content="yes" />
  <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
  <meta name="msapplication-TileColor" content="#ff7a00" />

  <!-- Regional Targeting -->
  <meta name="geo.region" content="KE" />
  <meta name="geo.placename" content="Nairobi" />

  <!-- Canonical URL -->
  <link rel="canonical" href="https://zikarasafaris.com" />

  <title>Zikara Safaris - Premium Safari Experiences</title>

  <!-- Favicon -->
  <link rel="icon" type="image/x-icon" href="/favicon.ico" />
  <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="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png" />

  <!-- Preload critical images -->
  <link rel="preload" as="image" href="/hero-image.png" fetchpriority="high" />
  <link rel="preload" as="image" href="/zikaralogo.png" fetchpriority="high" />

  <!-- Preconnect to important origins -->
  <link rel="preconnect" href="https://fonts.googleapis.com" />
  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
  <link rel="preconnect" href="https://api.paystack.co" />
  <link rel="dns-prefetch" href="https://www.google-analytics.com" />
  <script type="module" crossorigin src="/assets/index-BA1HhwJQ.js"></script>
  <link rel="stylesheet" crossorigin href="/assets/index-DzOjw6k_.css">
</head>

<body>
  <div id="root"></div>

  <!-- Fallback for users without JavaScript -->
  <noscript>
    <div
      style="background: #ff7a00; color: white; text-align: center; padding: 1rem; position: fixed; bottom: 0; left: 0; right: 0; z-index: 9999; font-family: sans-serif;">
      ⚠️ JavaScript is required to use Zikara Safaris. Please enable it in your browser settings.
    </div>
  </noscript>

</body>

</html>