{"id":1671,"date":"2026-01-15T09:05:32","date_gmt":"2026-01-15T09:05:32","guid":{"rendered":"https:\/\/www.panafricatourismboard.com\/?page_id=1671"},"modified":"2026-02-27T11:53:07","modified_gmt":"2026-02-27T11:53:07","slug":"home","status":"publish","type":"page","link":"https:\/\/www.panafricatourismboard.com\/","title":{"rendered":"Home"},"content":{"rendered":"<style>.elementor-1671 .elementor-element.elementor-element-e668e8b{--display:flex;--flex-direction:column;--container-widget-width:100%;--container-widget-height:initial;--container-widget-flex-grow:0;--container-widget-align-self:initial;--flex-wrap-mobile:wrap;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-1671 .elementor-element.elementor-element-f22ec17{transition:all 400ms;}.elementor-1671 .elementor-element.elementor-element-e482410{--display:flex;}.elementor-1671 .elementor-element.elementor-element-9febf71{transition:all 400ms;}.elementor-1671 .elementor-element.elementor-element-85acd87{--display:grid;--e-con-grid-template-columns:repeat(3, 1fr);--e-con-grid-template-rows:repeat(2, 1fr);--grid-auto-flow:row;}.elementor-1671 .elementor-element.elementor-element-4b2f4d4{--display:flex;}.elementor-1671 .elementor-element.elementor-element-822ebe3{transition:all 400ms;}@media(max-width:1024px){.elementor-1671 .elementor-element.elementor-element-85acd87{--grid-auto-flow:row;}}@media(max-width:767px){.elementor-1671 .elementor-element.elementor-element-85acd87{--e-con-grid-template-columns:repeat(1, 1fr);--grid-auto-flow:row;}}<\/style>\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"1671\" class=\"elementor elementor-1671\">\n\t\t\t\t<div class=\"elementor-element elementor-element-e668e8b e-con-full e-flex e-con e-parent\" data-id=\"e668e8b\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<div class=\"elementor-element elementor-element-f22ec17 de_scroll_animation_no elementor-widget elementor-widget-html\" data-id=\"f22ec17\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t\t<section class=\"patb-home\">\r\n\r\n  <!-- HERO -->\r\n  <header class=\"home-hero home-hero--video\">\r\n\r\n    <!-- VIDEO BACKGROUND -->\r\n    <video class=\"home-hero__video\"\r\n      autoplay\r\n      muted\r\n      loop\r\n      playsinline\r\n      preload=\"metadata\"\r\n      poster=\"https:\/\/i.ibb.co\/p60S0G0M\/bride-groom-couple-bridal-portraits-portraiture-we-2026-01-09-11-54-46-utc.jpg\">\r\n      <source src=\"https:\/\/www.panafricatourismboard.com\/wp-content\/uploads\/2026\/01\/wild-beast-in-serengeti-tanzania-drone-view-of-se-2025-12-17-18-14-59-utc.mp4\" type=\"video\/mp4\" \/>\r\n    <\/video>\r\n\r\n    <!-- \u2705 PREMIUM OVERLAY -->\r\n    <div class=\"home-hero__overlay\"><\/div>\r\n\r\n    <!-- HERO CONTENT -->\r\n    <div class=\"home-hero__content\">\r\n      <h1 class=\"home-hero__title\" id=\"hero-header\">DISCOVER THE BEAUTY<br\/>OF AFRICA<\/h1>\r\n      <div class=\"home-hero__underline\"><\/div>\r\n      <div class=\"home-hero__sub\" id=\"hero-subcontent\">\r\n        One Continent, Sustainable Heritage for All\r\n      <\/div>\r\n    <\/div>\r\n\r\n  <\/header>\r\n\r\n  <!-- MAIN -->\r\n  <main class=\"home-main\">\r\n\r\n    <!-- Tourism Types -->\r\n    <section class=\"home-section home-reveal\">\r\n      <div class=\"home-container\">\r\n        <h2 class=\"home-h2\">TYPES OF TOURISM IN AFRICA<\/h2>\r\n        <div class=\"home-grid types-grid\" id=\"typesGrid\"><\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- Featured Destinations -->\r\n    <section class=\"home-section home-reveal\">\r\n      <div class=\"home-container\">\r\n        <h2 class=\"home-h2\">FEATURED DESTINATIONS TO VISIT<\/h2>\r\n        <div class=\"home-grid dest-grid\" id=\"destinationsGrid\"><\/div>\r\n      <\/div>\r\n    <\/section>\r\n\r\n    <!-- Join Section -->\r\n    <section class=\"home-joinSection home-reveal\" id=\"join\">\r\n      <div class=\"home-joinSection__overlay\"><\/div>\r\n\r\n      <div class=\"home-container home-joinSection__content\">\r\n        <h2 class=\"home-joinTitle\">JOIN THE PAN AFRICA TOURISM BOARD<\/h2>\r\n        <p class=\"home-joinText\">\r\n          Become a member and contribute to the future of African tourism.\r\n        <\/p>\r\n        <button class=\"home-btn home-btn--gold\" id=\"joinBtn\">\r\n          BECOME A MEMBER <span>\u203a<\/span>\r\n        <\/button>\r\n      <\/div>\r\n    <\/section>\r\n  <\/main>\r\n\r\n  <!-- MODAL -->\r\n  <div class=\"home-modal\" id=\"homeModal\" aria-hidden=\"true\">\r\n    <div class=\"home-modal__backdrop\"><\/div>\r\n\r\n    <div class=\"home-modal__panel\" role=\"dialog\" aria-modal=\"true\">\r\n      <button class=\"home-modal__close\" id=\"homeModalClose\" aria-label=\"Close\">\u00d7<\/button>\r\n\r\n      <div class=\"home-modal__media\">\r\n        <img id=\"homeModalImg\" alt=\"Modal Image\">\r\n        <div class=\"home-modal__mediaOverlay\"><\/div>\r\n\r\n        <div class=\"home-modal__badge\" id=\"homeModalBadge\"><\/div>\r\n        <div class=\"home-modal__titleWrap\">\r\n          <h3 id=\"homeModalTitle\"><\/h3>\r\n          <p id=\"homeModalMeta\"><\/p>\r\n        <\/div>\r\n      <\/div>\r\n\r\n      <div class=\"home-modal__body\">\r\n        <div class=\"home-modal__desc\" id=\"homeModalDesc\"><\/div>\r\n\r\n        <div class=\"home-modal__actions\">\r\n          <button class=\"home-btn home-btn--ghost\" id=\"homePrev\">\u2039 Previous<\/button>\r\n          <button class=\"home-btn home-btn--ghost\" id=\"homeNext\">Next \u203a<\/button>\r\n          <a class=\"home-btn home-btn--gold\" id=\"homeReadMore\" href=\"#\" target=\"_blank\" rel=\"noopener\">\r\n            LEARN MORE\r\n          <\/a>\r\n        <\/div>\r\n      <\/div>\r\n    <\/div>\r\n  <\/div>\r\n\r\n<\/section>\r\n\r\n<style>\r\n  \/* \u2705 PREMIUM TOURISM FONTS *\/\r\n  @import url(\"https:\/\/fonts.googleapis.com\/css2?family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:wght@600;700;800;900&display=swap\");\r\n\r\n  :root{\r\n    --navy:#0B1B2B;\r\n    --gold:#C89B3C;\r\n    --bg:#F6F2EE;\r\n    --text:#0F172A;\r\n    --muted: rgba(15,23,42,.72);\r\n    --border:#E7E2DA;\r\n    --shadow: 0 18px 46px rgba(0,0,0,.10);\r\n    --shadow2: 0 28px 88px rgba(0,0,0,.18);\r\n\r\n    --font-body: \"Manrope\", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, \"Helvetica Neue\", sans-serif;\r\n    --font-display: \"Playfair Display\", ui-serif, Georgia, \"Times New Roman\", serif;\r\n  }\r\n  \r\n  #hero-header{\r\n      color: #ffff !important;\r\n  }\r\n  \r\n  #hero-subcontent{\r\n      font-size: 24px;\r\n  }\r\n\r\n  .patb-home{\r\n    background: var(--bg);\r\n    color: var(--text);\r\n    font-family: var(--font-body);\r\n  }\r\n\r\n  .home-container{\r\n    width: min(1200px, calc(100% - 40px));\r\n    margin: 0 auto;\r\n  }\r\n\r\n  \/* \u2705 HERO VIDEO *\/\r\n  .home-hero{\r\n    position:relative;\r\n    min-height: 85vh;\r\n    display:flex;\r\n    align-items:center;\r\n    justify-content:center;\r\n    overflow:hidden;\r\n    width: 100%;\r\n    background:#000;\r\n  }\r\n\r\n  .home-hero__video{\r\n    position:absolute;\r\n    inset:0;\r\n    width:100%;\r\n    height:100%;\r\n    object-fit: cover;\r\n    object-position: center;\r\n    z-index:0;\r\n    transform: scale(1.02);\r\n    filter: contrast(1.02) saturate(1.1) brightness(1.08);\r\n  }\r\n\r\n  \/* \u2705 Better overlay for hero readability *\/\r\n \r\n\r\n  \/* HERO CONTENT *\/\r\n  .home-hero__content{\r\n    position:relative;\r\n    width: min(1200px, calc(100% - 40px));\r\n    text-align:center;\r\n    padding: 70px 0 80px;\r\n    z-index: 2;\r\n  }\r\n\r\n  .home-hero__title{\r\n  margin:0;\r\n  color:#ffffff !importanti;\r\n  font-family: var(--font-display);\r\n  font-weight:900;\r\n  letter-spacing:1px;\r\n  font-size: clamp(36px, 5vw, 62px);\r\n  line-height: 1.05;\r\n\r\n  \/* premium readability glow *\/\r\n  text-shadow:\r\n    0 4px 18px rgba(0,0,0,.75),\r\n    0 18px 60px rgba(0,0,0,.55),\r\n    0 0 30px rgba(0,0,0,.35);\r\n\r\n  opacity:0;\r\n  transform: translateY(14px);\r\n  animation: homeFadeUp .9s ease forwards .25s;\r\n}\r\n\r\n\r\n  .home-hero__underline{\r\n    width: 140px;\r\n    height: 3px;\r\n    background: var(--gold);\r\n    margin: 18px auto 0;\r\n    border-radius: 99px;\r\n    transform: scaleX(.2);\r\n    opacity:0;\r\n    animation: homeLineIn .9s ease forwards .55s;\r\n  }\r\n\r\n  .home-hero__sub{\r\n    margin-top: 18px;\r\n    color: rgba(255,255,255,.92);\r\n    font-weight:800;\r\n    letter-spacing: 2px;\r\n    font-size: 12px;\r\n    text-transform: uppercase;\r\n    text-shadow: 0 10px 24px rgba(0,0,0,.55);\r\n    opacity:0;\r\n    transform: translateY(10px);\r\n    animation: homeFadeUp .9s ease forwards .7s;\r\n  }\r\n\r\n  \/* MAIN *\/\r\n  .home-main{\r\n    padding: 64px 0 0;\r\n  }\r\n\r\n  .home-section{\r\n    padding: 40px 0;\r\n  }\r\n\r\n  .home-h2{\r\n    margin:0 0 18px 0;\r\n    font-family: var(--font-display);\r\n    font-weight:800;\r\n    color: rgba(11,27,43,.94);\r\n    letter-spacing: .4px;\r\n    font-size: clamp(20px, 2.2vw, 26px);\r\n  }\r\n\r\n  .home-grid{\r\n    display:grid;\r\n    gap: 18px;\r\n  }\r\n  .types-grid{\r\n    grid-template-columns: repeat(4, minmax(0, 1fr));\r\n  }\r\n  .dest-grid{\r\n    grid-template-columns: repeat(3, minmax(0, 1fr));\r\n  }\r\n\r\n  \/* \u2705 CARDS FIXED VISIBILITY *\/\r\n  .home-card{\r\n    border-radius: 16px;\r\n    overflow:hidden;\r\n    background:#111;\r\n    box-shadow: var(--shadow);\r\n    cursor:pointer;\r\n    position:relative;\r\n    min-height: 245px;\r\n    transition: transform .25s ease, box-shadow .25s ease;\r\n    isolation: isolate;\r\n  }\r\n\r\n  .home-card:hover{\r\n    transform: translateY(-8px);\r\n    box-shadow: var(--shadow2);\r\n  }\r\n\r\n  .home-card__img{\r\n    position:absolute;\r\n    inset:0;\r\n    background-size: cover;\r\n    background-position:center;\r\n    transform: scale(1.04);\r\n    transition: transform .9s cubic-bezier(.2,.8,.2,1);\r\n    filter: saturate(1.06) contrast(1.05);\r\n    z-index: 0;\r\n  }\r\n\r\n  .home-card:hover .home-card__img{\r\n    transform: scale(1.14);\r\n  }\r\n\r\n  \/* \u2705 Better overlay so text is clear *\/\r\n  .home-card:before{\r\n    content:\"\";\r\n    position:absolute;\r\n    inset:0;\r\n    z-index: 1;\r\n\r\n    \/* BIG FIX: stronger dark at bottom, lighter at top *\/\r\n    background: linear-gradient(\r\n      180deg,\r\n      rgba(11,27,43,.06) 0%,\r\n      rgba(11,27,43,.30) 45%,\r\n      rgba(11,27,43,.92) 100%\r\n    );\r\n  }\r\n\r\n  \/* \u2705 Extra readability layer behind text only *\/\r\n  .home-card__content{\r\n    position:absolute;\r\n    inset: 16px 16px 14px 16px;\r\n    display:flex;\r\n    flex-direction:column;\r\n    justify-content:flex-end;\r\n    gap: 8px;\r\n    z-index: 2;\r\n  }\r\n\r\n  .home-card__content:before{\r\n    content:\"\";\r\n    position:absolute;\r\n    left:-16px;\r\n    right:-16px;\r\n    bottom:-14px;\r\n    height: 70%;\r\n    z-index:-1;\r\n\r\n    \/* soft blur\/glass behind the text *\/\r\n    background: radial-gradient(circle at 50% 100%, rgba(0,0,0,.55), rgba(0,0,0,0));\r\n  }\r\n\r\n  \/* \u2705 FIXED: BADGE TEXT COLOR WHITE *\/\r\n  .home-card__badge{\r\n    color: #fffff; \/* \u2705 WHITE TEXT *\/\r\n    font-weight:900;\r\n    letter-spacing:2px;\r\n    text-transform: uppercase;\r\n    font-size: 11px;\r\n\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap: 8px;\r\n    width: fit-content;\r\n\r\n    padding: 7px 12px;\r\n    border-radius: 999px;\r\n\r\n    background: rgba(200,155,60,.92);\r\n    box-shadow: 0 12px 32px rgba(0,0,0,.18);\r\n  }\r\n\r\n  .home-card__title{\r\n    margin:0;\r\n    color:#fff !important;\r\n    font-family: var(--font-display);\r\n    font-weight:800;\r\n    font-size: 14px;\r\n    line-height:1.15;\r\n\r\n    \/* \u2705 Stronger shadow for contrast *\/\r\n    text-shadow:\r\n      0 2px 10px rgba(0,0,0,.65),\r\n      0 18px 40px rgba(0,0,0,.35);\r\n  }\r\n\r\n  .home-card__cta{\r\n    display:inline-flex;\r\n    gap: 8px;\r\n    align-items:center;\r\n\r\n    color: rgba(255,255,255,.92);\r\n    font-weight:900;\r\n    letter-spacing:1px;\r\n    font-size: 12px;\r\n    text-shadow: 0 2px 10px rgba(0,0,0,.6);\r\n  }\r\n\r\n  \/* JOIN SECTION *\/\r\n  .home-joinSection{\r\n    margin-top: 64px;\r\n    padding: 95px 0;\r\n    position:relative;\r\n    background:\r\n      url(\"https:\/\/i.ibb.co\/JWBTsrXp\/bride-groom-couple-bridal-portraits-portraiture-we-2026-01-09-10-26-10-utc.jpg\")\r\n      center\/cover no-repeat;\r\n    overflow:hidden;\r\n  }\r\n\r\n  .home-joinSection__overlay{\r\n    position:absolute; inset:0;\r\n    background: linear-gradient(115deg, rgba(11,27,43,.92), rgba(11,27,43,.62));\r\n  }\r\n\r\n  .home-joinSection__content{\r\n    position:relative;\r\n    z-index:2;\r\n    text-align:center;\r\n    color:#fff ;\r\n  }\r\n\r\n  .home-joinTitle{\r\n    margin:0;\r\n    font-family: var(--font-display);\r\n    font-weight:900;\r\n    font-size: clamp(22px, 3vw, 30px);\r\n    letter-spacing: 1px;\r\n    color: #ffff !important;\r\n  }\r\n\r\n  .home-joinText{\r\n    margin: 14px auto 24px;\r\n    max-width: 760px;\r\n    color: rgba(255,255,255,.85);\r\n    line-height: 1.75;\r\n    font-size: 14px;\r\n    font-weight: 600;\r\n  }\r\n\r\n  \/* Buttons *\/\r\n  .home-btn{\r\n    border:none;\r\n    cursor:pointer;\r\n    font-weight: 900;\r\n    letter-spacing: 1px;\r\n    font-size: 12px;\r\n    border-radius: 999px;\r\n    padding: 12px 16px;\r\n    display:inline-flex;\r\n    align-items:center;\r\n    gap: 8px;\r\n    text-decoration:none;\r\n    transition: transform .25s ease, box-shadow .25s ease;\r\n    font-family: var(--font-body);\r\n  }\r\n\r\n  .home-btn--gold{\r\n    background: var(--gold);\r\n    color: var(--navy);\r\n    box-shadow: 0 20px 44px rgba(200,155,60,.25);\r\n  }\r\n  .home-btn--gold:hover{\r\n    transform: translateY(-3px);\r\n    box-shadow: 0 30px 70px rgba(200,155,60,.28);\r\n  }\r\n\r\n  .home-btn--ghost{\r\n    background:#fff;\r\n    border: 1px solid var(--border);\r\n    color: rgba(11,27,43,.92);\r\n  }\r\n  .home-btn--ghost:hover{\r\n    transform: translateY(-2px);\r\n    box-shadow: 0 18px 36px rgba(0,0,0,.08);\r\n  }\r\n\r\n  \/* REVEAL *\/\r\n  .home-reveal{\r\n    opacity:0;\r\n    transform: translateY(18px);\r\n    transition: opacity .85s ease, transform .85s ease;\r\n  }\r\n  .home-reveal.is-in{\r\n    opacity:1;\r\n    transform: translateY(0);\r\n  }\r\n\r\n  \/* MODAL *\/\r\n  .home-modal{\r\n    position:fixed;\r\n    inset:0;\r\n    display:none;\r\n    z-index:9999;\r\n    font-family: var(--font-body);\r\n  }\r\n  .home-modal.is-open{ display:block; }\r\n\r\n  .home-modal__backdrop{\r\n    position:absolute; inset:0;\r\n    background: rgba(0,0,0,.55);\r\n    backdrop-filter: blur(6px);\r\n    opacity:0;\r\n    animation: homeFadeIn .25s ease forwards;\r\n  }\r\n  .home-modal__panel{\r\n    position:absolute;\r\n    left:50%;\r\n    top:50%;\r\n    transform: translate(-50%, -48%) scale(.98);\r\n    width: min(980px, calc(100% - 28px));\r\n    background:#fff;\r\n    border-radius:18px;\r\n    overflow:hidden;\r\n    box-shadow: 0 40px 120px rgba(0,0,0,.35);\r\n    opacity:0;\r\n    animation: homePopIn .28s ease forwards;\r\n  }\r\n  .home-modal__close{\r\n    position:absolute;\r\n    top: 14px;\r\n    right: 14px;\r\n    width: 40px;\r\n    height: 40px;\r\n    border-radius: 999px;\r\n    border: 1px solid rgba(255,255,255,.25);\r\n    background: rgba(11,27,43,.45);\r\n    color:#fff;\r\n    font-size: 22px;\r\n    cursor:pointer;\r\n    z-index: 3;\r\n  }\r\n  .home-modal__media{\r\n    position:relative;\r\n    height: 300px;\r\n    background:#111;\r\n  }\r\n  .home-modal__media img{\r\n    width:100%;\r\n    height:100%;\r\n    object-fit: cover;\r\n    display:block;\r\n  }\r\n  .home-modal__mediaOverlay{\r\n    position:absolute; inset:0;\r\n    background: linear-gradient(180deg, rgba(11,27,43,.18), rgba(11,27,43,.92));\r\n  }\r\n  .home-modal__badge{\r\n    position:absolute;\r\n    top: 18px;\r\n    left: 18px;\r\n    background: rgba(200,155,60,.98);\r\n    color: var(--navy);\r\n    font-weight:900;\r\n    padding: 8px 12px;\r\n    border-radius: 999px;\r\n    letter-spacing:1px;\r\n    font-size: 12px;\r\n    z-index:2;\r\n  }\r\n  .home-modal__titleWrap{\r\n    position:absolute;\r\n    left: 18px;\r\n    right: 18px;\r\n    bottom: 18px;\r\n    z-index:2;\r\n  }\r\n  .home-modal__titleWrap h3{\r\n    margin:0;\r\n    color:#fff;\r\n    font-family: var(--font-display);\r\n    font-weight:900;\r\n    font-size: 30px;\r\n  }\r\n  .home-modal__titleWrap p{\r\n    margin:6px 0 0;\r\n    color: rgba(255,255,255,.82);\r\n    font-weight:600;\r\n  }\r\n  .home-modal__body{ padding: 22px; }\r\n  .home-modal__desc{\r\n    color: rgba(15,23,42,.75);\r\n    line-height: 1.75;\r\n    font-size: 14px;\r\n    margin-bottom: 14px;\r\n  }\r\n  .home-modal__actions{\r\n    display:flex;\r\n    gap: 10px;\r\n    justify-content:flex-end;\r\n    flex-wrap: wrap;\r\n  }\r\n\r\n  \/* Animations *\/\r\n  @keyframes homeFadeUp{ to{ opacity:1; transform: translateY(0); } }\r\n  @keyframes homeLineIn{ to{ opacity:1; transform: scaleX(1); } }\r\n  @keyframes homeFadeIn{ to{ opacity:1; } }\r\n  @keyframes homePopIn{ to{ opacity:1; transform: translate(-50%, -50%) scale(1); } }\r\n\r\n  \/* Responsive *\/\r\n  @media (max-width: 1024px){\r\n    .types-grid{ grid-template-columns: repeat(2, 1fr); }\r\n    .dest-grid{ grid-template-columns: repeat(2, 1fr); }\r\n  }\r\n  @media (max-width: 680px){\r\n    .types-grid{ grid-template-columns: 1fr; }\r\n    .dest-grid{ grid-template-columns: 1fr; }\r\n    .home-hero{ min-height: 64vh; }\r\n    .home-hero__title{ letter-spacing: .5px; }\r\n  }\r\n<\/style>\r\n\r\n<script>\r\n(function(){\r\n  const TOURISM_TYPES = [\r\n    {\r\n      title: \"Culture & Heritage Circuits\",\r\n      badge: \"Tourism Type\",\r\n      image: \"https:\/\/images.unsplash.com\/photo-1516426122078-c23e76319801?auto=format&fit=crop&w=1800&q=80\",\r\n      desc: \"Explore kingdoms, monarchies, museums, and oral traditions.\",\r\n      link: \"https:\/\/en.wikipedia.org\/wiki\/Safari\"\r\n    },\r\n    {\r\n      title: \"Arts & Craft Circuits\",\r\n      badge: \"Tourism Type\",\r\n      image: \"https:\/\/images.unsplash.com\/photo-1500375592092-40eb2168fd21?auto=format&fit=crop&w=1800&q=80\",\r\n      desc: \"Showcase African artisanship, craft markets, and creative industries.\",\r\n      link: \"https:\/\/en.wikipedia.org\/wiki\/Coast\"\r\n    },\r\n    {\r\n      title: \"Heritage Festivals\",\r\n      badge: \"Tourism Type\",\r\n      image: \"https:\/\/images.unsplash.com\/photo-1563906267088-b029e7101114?auto=format&fit=crop&w=1800&q=80\",\r\n      desc: \"Pan-African festivals celebrating identity, unity, and cultural renaissance.\",\r\n      link: \"https:\/\/en.wikipedia.org\/wiki\/Cultural_tourism\"\r\n    },\r\n    {\r\n      title: \"Sacred Sites\",\r\n      badge: \"Tourism Type\",\r\n      image: \"https:\/\/images.unsplash.com\/photo-1505761671935-60b3a7427bad?auto=format&fit=crop&w=1800&q=80\",\r\n      desc: \"Authentic heritage routes, royal palaces, and sacred landscapes.s.\",\r\n      link: \"https:\/\/en.wikipedia.org\/wiki\/Adventure_travel\"\r\n    }, {\r\n      title: \"Religious & Faith Events\",\r\n      badge: \"Tourism Type\",\r\n      image: \"https:\/\/images.unsplash.com\/photo-1505761671935-60b3a7427bad?auto=format&fit=crop&w=1800&q=80\",\r\n      desc: \"Pilgrimage circuits, interfaith gatherings, and spiritual tourism.\",\r\n      link: \"https:\/\/en.wikipedia.org\/wiki\/Adventure_travel\"\r\n    }\r\n  ];\r\n\r\n  const FEATURED_DESTINATIONS = [\r\n    {\r\n      title: \"Kenya (Maasai Mara)\",\r\n      badge: \"East Africa\",\r\n      image: \"https:\/\/images.unsplash.com\/photo-1549366021-9f761d450615?auto=format&fit=crop&w=1800&q=80\",\r\n      desc: \"Kenya offers iconic safari experiences and wildlife migration viewing in the Maasai Mara ecosystem.\",\r\n      link: \"https:\/\/en.wikipedia.org\/wiki\/Maasai_Mara\"\r\n    },\r\n    {\r\n      title: \"Zanzibar (Tanzania)\",\r\n      badge: \"East Africa\",\r\n      image: \"https:\/\/i.ibb.co\/0pTg8HwM\/view-of-the-tropical-island-of-zanzibar-featuring-2026-01-07-07-19-08-utc.jpg\",\r\n      desc: \"Zanzibar is famous for white-sand beaches, Stone Town heritage, spice tours, and Indian Ocean relaxation.\",\r\n      link: \"https:\/\/en.wikipedia.org\/wiki\/Zanzibar\"\r\n    },\r\n    {\r\n      title: \"Marrakech (Morocco)\",\r\n      badge: \"North Africa\",\r\n      image: \"https:\/\/images.unsplash.com\/photo-1524492412937-b28074a5d7da?auto=format&fit=crop&w=1800&q=80\",\r\n      desc: \"Marrakech features historic medinas, markets, architecture, and rich Moroccan culture and hospitality.\",\r\n      link: \"https:\/\/en.wikipedia.org\/wiki\/Marrakesh\"\r\n    }\r\n  ];\r\n\r\n  const typesGrid = document.getElementById(\"typesGrid\");\r\n  const destinationsGrid = document.getElementById(\"destinationsGrid\");\r\n\r\n  const modal = document.getElementById(\"homeModal\");\r\n  const modalClose = document.getElementById(\"homeModalClose\");\r\n  const modalImg = document.getElementById(\"homeModalImg\");\r\n  const modalBadge = document.getElementById(\"homeModalBadge\");\r\n  const modalTitle = document.getElementById(\"homeModalTitle\");\r\n  const modalMeta = document.getElementById(\"homeModalMeta\");\r\n  const modalDesc = document.getElementById(\"homeModalDesc\");\r\n  const prevBtn = document.getElementById(\"homePrev\");\r\n  const nextBtn = document.getElementById(\"homeNext\");\r\n  const readMore = document.getElementById(\"homeReadMore\");\r\n\r\n  let activeGroup = \"type\";\r\n  let activeIndex = 0;\r\n\r\n  function renderCards(grid, items, group){\r\n    grid.innerHTML = items.map((x, idx) => `\r\n      <article class=\"home-card\" data-group=\"${group}\" data-index=\"${idx}\" tabindex=\"0\" role=\"button\" aria-label=\"Open ${x.title}\">\r\n        <div class=\"home-card__img\" style=\"background-image:url('${x.image}')\"><\/div>\r\n        <div class=\"home-card__content\">\r\n          <div class=\"home-card__badge\">${x.badge}<\/div>\r\n          <h3 class=\"home-card__title\">${x.title}<\/h3>\r\n          <div class=\"home-card__cta\">LEARN MORE <span>\u203a<\/span><\/div>\r\n        <\/div>\r\n      <\/article>\r\n    `).join(\"\");\r\n\r\n    const cards = Array.from(grid.querySelectorAll(\".home-card\"));\r\n    cards.forEach((card, i) => {\r\n      card.style.opacity = \"0\";\r\n      card.style.transform = \"translateY(12px)\";\r\n      setTimeout(() => {\r\n        card.style.opacity = \"1\";\r\n        card.style.transform = \"translateY(0)\";\r\n        card.style.transition = \"opacity .6s ease, transform .6s ease, box-shadow .25s ease\";\r\n      }, 70*i);\r\n    });\r\n\r\n    cards.forEach(card => {\r\n      const idx = Number(card.dataset.index);\r\n      card.addEventListener(\"click\", () => openItem(group, idx));\r\n      card.addEventListener(\"keydown\", (e) => {\r\n        if(e.key === \"Enter\" || e.key === \" \"){\r\n          e.preventDefault();\r\n          openItem(group, idx);\r\n        }\r\n      });\r\n    });\r\n  }\r\n\r\n  function getList(group){\r\n    return group === \"type\" ? TOURISM_TYPES : FEATURED_DESTINATIONS;\r\n  }\r\n\r\n  function openItem(group, index){\r\n    activeGroup = group;\r\n    activeIndex = index;\r\n\r\n    const list = getList(group);\r\n    const item = list[index];\r\n\r\n    modal.classList.add(\"is-open\");\r\n    modal.setAttribute(\"aria-hidden\",\"false\");\r\n    document.body.style.overflow = \"hidden\";\r\n\r\n    modalImg.src = item.image;\r\n    modalBadge.textContent = group === \"type\" ? \"TOURISM TYPE\" : \"DESTINATION\";\r\n    modalTitle.textContent = item.title;\r\n    modalMeta.textContent = item.badge;\r\n    modalDesc.textContent = item.desc;\r\n    readMore.href = item.link || \"#\";\r\n  }\r\n\r\n  function closeModal(){\r\n    modal.classList.remove(\"is-open\");\r\n    modal.setAttribute(\"aria-hidden\",\"true\");\r\n    document.body.style.overflow = \"\";\r\n  }\r\n\r\n  function step(delta){\r\n    const list = getList(activeGroup);\r\n    activeIndex = (activeIndex + delta + list.length) % list.length;\r\n    openItem(activeGroup, activeIndex);\r\n  }\r\n\r\n  modalClose.addEventListener(\"click\", closeModal);\r\n  modal.querySelector(\".home-modal__backdrop\").addEventListener(\"click\", closeModal);\r\n\r\n  prevBtn.addEventListener(\"click\", () => step(-1));\r\n  nextBtn.addEventListener(\"click\", () => step(1));\r\n\r\n  document.addEventListener(\"keydown\", (e) => {\r\n    if(!modal.classList.contains(\"is-open\")) return;\r\n    if(e.key === \"Escape\") closeModal();\r\n    if(e.key === \"ArrowLeft\") step(-1);\r\n    if(e.key === \"ArrowRight\") step(1);\r\n  });\r\n\r\n  document.getElementById(\"joinBtn\").addEventListener(\"click\", () => {\r\n    window.location.href = \"#join\";\r\n  });\r\n\r\n  const revealEls = Array.from(document.querySelectorAll(\".home-reveal\"));\r\n  const io = new IntersectionObserver((entries) => {\r\n    entries.forEach(entry => {\r\n      if(entry.isIntersecting){\r\n        entry.target.classList.add(\"is-in\");\r\n        io.unobserve(entry.target);\r\n      }\r\n    });\r\n  }, { threshold: 0.18 });\r\n  revealEls.forEach(el => io.observe(el));\r\n\r\n  renderCards(typesGrid, TOURISM_TYPES, \"type\");\r\n  renderCards(destinationsGrid, FEATURED_DESTINATIONS, \"destination\");\r\n\r\n})();\r\n<\/script>\r\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-e482410 e-flex e-con-boxed e-con e-parent\" data-id=\"e482410\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-9febf71 de_scroll_animation_no elementor-widget elementor-widget-wp-widget-pages\" data-id=\"9febf71\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"wp-widget-pages.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<h5>Pages<\/h5><nav aria-label=\"Pages\">\n\t\t\t<ul>\n\t\t\t\t<li class=\"page_item page-item-691\"><a href=\"https:\/\/www.panafricatourismboard.com\/index.php\/tourism\/\">About Us<\/a><\/li>\n<li class=\"page_item page-item-1396\"><a href=\"https:\/\/www.panafricatourismboard.com\/index.php\/blogs\/\">Blogs<\/a><\/li>\n<li class=\"page_item page-item-1268\"><a href=\"https:\/\/www.panafricatourismboard.com\/index.php\/contact-us-2\/\">Contact Us<\/a><\/li>\n<li class=\"page_item page-item-689\"><a href=\"https:\/\/www.panafricatourismboard.com\/index.php\/destinations\/\">Destinations<\/a><\/li>\n<li class=\"page_item page-item-1543\"><a href=\"https:\/\/www.panafricatourismboard.com\/index.php\/gallery\/\">Gallery<\/a><\/li>\n<li class=\"page_item page-item-1671\"><a href=\"https:\/\/www.panafricatourismboard.com\/\">Home<\/a><\/li>\n<li class=\"page_item page-item-2127\"><a href=\"https:\/\/www.panafricatourismboard.com\/index.php\/market-place\/\">Market Place<\/a><\/li>\n<li class=\"page_item page-item-1823\"><a href=\"https:\/\/www.panafricatourismboard.com\/index.php\/membership\/\">Membership<\/a><\/li>\n<li class=\"page_item page-item-1812\"><a href=\"https:\/\/www.panafricatourismboard.com\/index.php\/news-events\/\">News &#038; Events<\/a><\/li>\n<li class=\"page_item page-item-2186\"><a href=\"https:\/\/www.panafricatourismboard.com\/index.php\/others\/\">Others<\/a><\/li>\n<li class=\"page_item page-item-1603\"><a href=\"https:\/\/www.panafricatourismboard.com\/index.php\/resources\/\">Resources<\/a><\/li>\n<li class=\"page_item page-item-2\"><a href=\"https:\/\/www.panafricatourismboard.com\/index.php\/sample-page\/\">Sample Page<\/a><\/li>\n<li class=\"page_item page-item-1653\"><a href=\"https:\/\/www.panafricatourismboard.com\/index.php\/tourism-initiative\/\">Tourism Initiative<\/a><\/li>\n<li class=\"page_item page-item-1585\"><a href=\"https:\/\/www.panafricatourismboard.com\/index.php\/tourism-type\/\">Tourism-type<\/a><\/li>\n\t\t\t<\/ul>\n\n\t\t\t<\/nav>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-85acd87 e-grid e-con-full e-con e-child\" data-id=\"85acd87\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div class=\"elementor-element elementor-element-4b2f4d4 e-flex e-con-boxed e-con e-parent\" data-id=\"4b2f4d4\" data-element_type=\"container\" data-e-type=\"container\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t\t\t<div class=\"elementor-element elementor-element-822ebe3 de_scroll_animation_no elementor-widget elementor-widget-text-editor\" data-id=\"822ebe3\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.<\/p>\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>DISCOVER THE BEAUTYOF AFRICA One Continent, Sustainable Heritage for All TYPES OF TOURISM IN AFRICA FEATURED DESTINATIONS TO VISIT JOIN THE PAN AFRICA TOURISM BOARD Become a member and contribute to the future of African tourism. BECOME A MEMBER \u203a \u00d7 \u2039 Previous Next \u203a LEARN MORE Lorem ipsum dolor sit amet, consectetur adipiscing elit. [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"footnotes":""},"class_list":["post-1671","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/www.panafricatourismboard.com\/index.php\/wp-json\/wp\/v2\/pages\/1671","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.panafricatourismboard.com\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.panafricatourismboard.com\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.panafricatourismboard.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.panafricatourismboard.com\/index.php\/wp-json\/wp\/v2\/comments?post=1671"}],"version-history":[{"count":119,"href":"https:\/\/www.panafricatourismboard.com\/index.php\/wp-json\/wp\/v2\/pages\/1671\/revisions"}],"predecessor-version":[{"id":2385,"href":"https:\/\/www.panafricatourismboard.com\/index.php\/wp-json\/wp\/v2\/pages\/1671\/revisions\/2385"}],"wp:attachment":[{"href":"https:\/\/www.panafricatourismboard.com\/index.php\/wp-json\/wp\/v2\/media?parent=1671"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}