<?php
if (!isset($pageTitle)) $pageTitle = SITE_NAME;
if (!isset($pageDesc))  $pageDesc  = 'The 20th Kenya Expo 2026 — East Africa\'s premier international trade exhibition. November 19-22, 2026 at KICC, Nairobi. 200+ exhibitors from 16+ countries.';
$csrfToken = generateCSRF();
?><!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="<?php echo htmlspecialchars($pageDesc); ?>">
<meta name="keywords" content="Kenya Expo, Kenya Expo 2026, Kenya Expo Nairobi, Kenya trade fair, Kenya trade exhibition, Nairobi trade fair, East Africa trade expo, KICC exhibition, Inexpo Group, Kenya International Trade Fair, Kenya business expo, Kenya exhibitors, trade show Kenya, B2B expo Kenya, Kenya manufacturing expo, Kenya agriculture expo, Kenya technology expo, exhibit in Kenya, East Africa business exhibition">
<meta name="author" content="Inexpo Group">
<meta name="robots" content="index, follow">
<meta name="geo.region" content="KE-30">
<meta name="geo.placename" content="Nairobi, Kenya">
<link rel="canonical" href="<?php echo SITE_URL . strtok($_SERVER['REQUEST_URI'], '?'); ?>">

<!-- Open Graph -->
<meta property="og:title" content="<?php echo htmlspecialchars($pageTitle); ?>">
<meta property="og:description" content="<?php echo htmlspecialchars($pageDesc); ?>">
<meta property="og:type" content="website">
<meta property="og:url" content="<?php echo SITE_URL . strtok($_SERVER['REQUEST_URI'], '?'); ?>">
<meta property="og:image" content="<?php echo htmlspecialchars($images['hero_bg'] ?? (SITE_URL . '/uploads/gallery/kicc.jpg')); ?>">
<meta property="og:site_name" content="Kenya Expo">
<meta property="og:locale" content="en_KE">

<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image">
<meta name="twitter:title" content="<?php echo htmlspecialchars($pageTitle); ?>">
<meta name="twitter:description" content="<?php echo htmlspecialchars($pageDesc); ?>">
<meta name="twitter:image" content="<?php echo htmlspecialchars($images['hero_bg'] ?? (SITE_URL . '/uploads/gallery/kicc.jpg')); ?>">

<meta name="csrf-token" content="<?php echo $csrfToken; ?>">
<title><?php echo htmlspecialchars($pageTitle); ?></title>

<!-- Structured Data: Organization -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "Organization",
  "name": "Kenya Expo",
  "alternateName": "Kenya Expo by Inexpo Group",
  "url": "<?php echo SITE_URL; ?>",
  "logo": "<?php echo htmlspecialchars($images['hero_bg'] ?? (SITE_URL . '/uploads/gallery/kicc.jpg')); ?>",
  "sameAs": []
}
</script>

<!-- Structured Data: Event -->
<script type="application/ld+json">
{
  "@context": "https://schema.org",
  "@type": "ExhibitionEvent",
  "name": "20th Kenya Expo 2026",
  "description": "East Africa's premier international trade exhibition, connecting exhibitors and buyers across manufacturing, agriculture, and technology sectors.",
  "startDate": "2026-11-19",
  "endDate": "2026-11-22",
  "eventAttendanceMode": "https://schema.org/OfflineEventAttendanceMode",
  "eventStatus": "https://schema.org/EventScheduled",
  "location": {
    "@type": "Place",
    "name": "Kenyatta International Convention Centre (KICC)",
    "address": {
      "@type": "PostalAddress",
      "addressLocality": "Nairobi",
      "addressCountry": "KE"
    }
  },
  "image": "<?php echo htmlspecialchars($images['hero_bg'] ?? (SITE_URL . '/uploads/gallery/kicc.jpg')); ?>",
  "organizer": {
    "@type": "Organization",
    "name": "Inexpo Group",
    "url": "<?php echo SITE_URL; ?>"
  },
  "offers": {
    "@type": "Offer",
    "url": "<?php echo SITE_URL; ?>/register",
    "price": "0",
    "priceCurrency": "USD",
    "availability": "https://schema.org/InStock"
  }
}
</script>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Lexend:wght@300;400;500;600;700;800;900&display=swap" rel="stylesheet">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet">
<link href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.0/css/all.min.css" rel="stylesheet">
<link rel="stylesheet" href="/assets/css/style.css">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js" defer></script>
</head>
<body>

<!-- Announcement Ribbon (hidden — remove style="display:none" below to show it again) -->
<div id="announcementRibbon" class="announcement-ribbon" style="display:none;">
  <div class="container d-flex align-items-center justify-content-center">
    <span class="ribbon-text">
      <i class="fas fa-bullhorn me-2"></i>
      20th Kenya Expo 2026 &nbsp;|&nbsp; November 19–22 &nbsp;|&nbsp; KICC, Nairobi &nbsp;|&nbsp;
      <a href="/register" class="ribbon-link">Register Free <i class="fas fa-arrow-right ms-1"></i></a>
    </span>
    <button class="ribbon-close ms-3" onclick="document.getElementById('announcementRibbon').style.display='none'" aria-label="Close">
      <i class="fas fa-times"></i>
    </button>
  </div>
</div>

<!-- Sticky Navbar -->
<nav id="mainNav" class="navbar navbar-expand-lg">
  <div class="container">
    <a class="navbar-brand" href="/index">
      <div class="logo-wrap">
        <div class="logo-text">
          <span class="logo-main">KENYA EXPO</span>
          <span class="logo-sub">20th Edition &middot; by Inexpo Group</span>
        </div>
      </div>
    </a>
    <button class="navbar-toggler" type="button" onclick="toggleMobileMenu()" aria-label="Toggle navigation">
      <span class="navbar-toggler-icon"><i class="fas fa-bars"></i></span>
    </button>
    <div class="collapse navbar-collapse d-none d-lg-flex" id="mainNavbar">
      <ul class="navbar-nav ms-auto align-items-center">
        <li class="nav-item"><a class="nav-link" href="/index">Home</a></li>
        <li class="nav-item"><a class="nav-link" href="/about">About</a></li>
        <li class="nav-item"><a class="nav-link" href="/exhibitors">Exhibitors</a></li>
        <li class="nav-item"><a class="nav-link" href="/visitors">Visitors</a></li>
        <!-- <li class="nav-item"><a class="nav-link" href="/programme">Programme</a></li> -->
        <li class="nav-item"><a class="nav-link" href="/packages">Packages</a></li>
        <li class="nav-item"><a class="nav-link" href="/sponsorship">Sponsorship</a></li>
        <li class="nav-item"><a class="nav-link" href="/gallery">Gallery</a></li>
        <li class="nav-item"><a class="nav-link" href="/contact">Contact</a></li>
        <li class="nav-item ms-lg-2">
          <a class="btn btn-gold" href="/register">Register Now</a>
        </li>
      </ul>
    </div>
  </div>
</nav>

<!-- Mobile Menu Overlay -->
<div id="mobileMenuOverlay" class="mobile-menu-overlay">
  <div class="mobile-menu-header">
    <a class="navbar-brand" href="/index" onclick="toggleMobileMenu()">
      <div class="logo-wrap">
        <div class="logo-text">
          <span class="logo-main">KENYA <span class="logo-divider">/</span> EXPO</span>
        </div>
      </div>
    </a>
    <button class="mobile-menu-close" onclick="toggleMobileMenu()" aria-label="Close menu">
      <i class="fas fa-times"></i>
    </button>
  </div>
  <ul class="mobile-nav-list">
    <li><a href="/index" onclick="toggleMobileMenu()"><i class="fas fa-home me-3"></i>Home</a></li>
    <li><a href="/about" onclick="toggleMobileMenu()"><i class="fas fa-info-circle me-3"></i>About</a></li>
    <li><a href="/exhibitors" onclick="toggleMobileMenu()"><i class="fas fa-store me-3"></i>Exhibitors</a></li>
    <li><a href="/visitors" onclick="toggleMobileMenu()"><i class="fas fa-users me-3"></i>Visitors</a></li>
    <!--  <li><a href="/programme" onclick="toggleMobileMenu()"><i class="fas fa-calendar-alt me-3"></i>Programme</a></li> -->
    <li><a href="/packages" onclick="toggleMobileMenu()"><i class="fas fa-box-open me-3"></i>Packages</a></li>
    <li><a href="/sponsorship" onclick="toggleMobileMenu()"><i class="fas fa-crown me-3"></i>Sponsorship</a></li>
    <li><a href="/gallery" onclick="toggleMobileMenu()"><i class="fas fa-images me-3"></i>Gallery</a></li>
    <li><a href="/contact" onclick="toggleMobileMenu()"><i class="fas fa-envelope me-3"></i>Contact</a></li>
    <li class="mt-4"><a href="/register" class="btn btn-gold w-100" onclick="toggleMobileMenu()">Register Now</a></li>
  </ul>
  <div class="mobile-menu-footer">
    <div class="kenya-flag-stripe mb-3" style="height:4px;"></div>
    <p class="mb-1" style="font-size:0.75rem;color:var(--text-muted);">20th Kenya Expo 2026</p>
    <p style="font-size:0.7rem;color:var(--text-muted);">November 19-22 &middot; KICC, Nairobi</p>
  </div>
</div>