PageSourceSearch

https://www.namibia-tracks-and-trails.com/en/about

html namibia-tracks-and-trails.com collected 2026-10-08 06:33:42 UTC 81,959 bytes, 677 lines download raw bytes

1<!DOCTYPE html><html lang="en" data-astro-transition-scope="astro-smooz4hq-2"> <head><meta charset="UTF-8"><meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no"><link rel="icon" type="image/ico" href="favicon.ico"><!-- Canonical URL --><link rel="canonical" href="/en/about"><meta name="google-site-verification" content="nE1xH5V8Wb_5CyWh22IR8Ro5a0rw2Q9V6L-GBRvB7IQ"><base href="https://www.namibia-tracks-and-trails.com"><title>About Us - Namibia Tracks and Trails</title><meta name="description" content="About Us - Namibia Tracks and Trails - About Namibia Tracks and Trails - Here to help you with your travel requirements throughout Namibia"><meta name="generator" content="Astro v4.16.18"><!-- Link Swiper's CSS --><link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.css"><!-- Font Google --><link rel="preload" href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&family=Poppins:wght@300;400;500;600;700&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'"><noscript><link href="https://fonts.googleapis.com/css2?family=Roboto:wght@400;500&family=Poppins:wght@300;400;500;600;700&display=swap" rel="stylesheet"></noscript><link rel="shortcut icon" href="favicon.ico" type="image/x-icon"><link rel="icon" href="favicon.ico" type="image/x-icon"><meta name="astro-view-transitions-enabled" content="true"><meta name="astro-view-transitions-fallback" content="animate"><!-- <link rel="preload" href="assets/img/circle-dotted.png" as="image" /> --><link rel="stylesheet" href="/_astro/about.BpY8QFO-.css">
2<link rel="stylesheet" href="/_astro/index.ojclyvZd.css">
3<style>@keyframes astroFadeInOut{0%{opacity:1}to{opacity:0}}@keyframes astroFadeIn{0%{opacity:0;mix-blend-mode:plus-lighter}to{opacity:1;mix-blend-mode:plus-lighter}}@keyframes astroFadeOut{0%{opacity:1;mix-blend-mode:plus-lighter}to{opacity:0;mix-blend-mode:plus-lighter}}@keyframes astroSlideFromRight{0%{transform:translate(100%)}}@keyframes astroSlideFromLeft{0%{transform:translate(-100%)}}@keyframes astroSlideToRight{to{transform:translate(100%)}}@keyframes astroSlideToLeft{to{transform:translate(-100%)}}@media (prefers-reduced-motion){::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}[data-astro-transition-scope]{animation:none!important}}
4section[data-astro-cid-qu7r3uzm].parallax,.back-parallax[data-astro-cid-qu7r3uzm]{position:relative;height:500px;display:flex;align-items:center;justify-content:center}.bg[data-astro-cid-qu7r3uzm]{position:absolute;top:0;left:0;width:100%;height:100%;z-index:-1;background-size:cover;background-position:center;background-repeat:no-repeat}.cms-content[data-astro-cid-qu7r3uzm] h1[data-astro-cid-qu7r3uzm],.cms-content[data-astro-cid-qu7r3uzm] h2[data-astro-cid-qu7r3uzm],.cms-content[data-astro-cid-qu7r3uzm] h3[data-astro-cid-qu7r3uzm],.cms-content[data-astro-cid-qu7r3uzm] h4[data-astro-cid-qu7r3uzm],.cms-content[data-astro-cid-qu7r3uzm] h5[data-astro-cid-qu7r3uzm],.cms-content[data-astro-cid-qu7r3uzm] h6[data-astro-cid-qu7r3uzm],.cms-content[data-astro-cid-qu7r3uzm] p[data-astro-cid-qu7r3uzm]{color:#fff!important}.bg[data-astro-cid-qu7r3uzm]{background-attachment:fixed}
5</style>
5<script type="module" src="/_astro/hoisted.BScVxmeO.js"></script>
vendor: 1 bytes, line 5
5
6<script>!(function(w,p,f,c){if(!window.crossOriginIsolated && !navigator.serviceWorker) return;c=w[p]=Object.assign(w[p]||{},{"lib":"/~partytown/","debug":false});c[f]=(c[f]||[]).concat(["dataLayer.push"])})(window,'partytown','forward');/* Partytown 0.10.2 - MIT builder.io */
7const t={preserveBehavior:!1},e=e=>{if("string"==typeof e)return[e,t];const[n,r=t]=e;return[n,{...t,...r}]},n=Object.freeze((t=>{const e=new Set;let n=[];do{Object.getOwnPropertyNames(n).forEach((t=>{"function"==typeof n[t]&&e.add(t)}))}while((n=Object.getPrototypeOf(n))!==Object.prototype);return Array.from(e)})());!function(t,r,o,i,a,s,c,d,l,p,u=t,f){function h(){f||(f=1,"/"==(c=(s.lib||"/~partytown/")+(s.debug?"debug/":""))[0]&&(l=r.querySelectorAll('script[type="text/partytown"]'),i!=t?i.dispatchEvent(new CustomEvent("pt1",{detail:t})):(d=setTimeout(v,1e4),r.addEventListener("pt0",w),a?y(1):o.serviceWorker?o.serviceWorker.register(c+(s.swPath||"partytown-sw.js"),{scope:c}).then((function(t){t.active?y():t.installing&&t.installing.addEventListener("statechange",(function(t){"activated"==t.target.state&&y()}))}),console.error):v())))}function y(e){p=r.createElement(e?"script":"iframe"),t._pttab=Date.now(),e||(p.style.display="block",p.style.width="0",p.style.height="0",p.style.border="0",p.style.visibility="hidden",p.setAttribute("aria-hidden",!0)),p.src=c+"partytown-"+(e?"atomics.js?v=0.10.2":"sandbox-sw.html?"+t._pttab),r.querySelector(s.sandboxParent||"body").appendChild(p)}function v(n,o){for(w(),i==t&&(s.forward||[]).map((function(n){const[r]=e(n);delete t[r.split(".")[0]]})),n=0;n<l.length;n++)(o=r.createElement("script")).innerHTML=l[n].innerHTML,o.nonce=s.nonce,r.head.appendChild(o);p&&p.parentNode.removeChild(p)}function w(){clearTimeout(d)}s=t.partytown||{},i==t&&(s.forward||[]).map((function(r){const[o,{preserveBehavior:i}]=e(r);u=t,o.split(".").map((function(e,r,o){var a;u=u[o[r]]=r+1<o.length?u[o[r]]||(a=o[r+1],n.includes(a)?[]:{}):(()=>{let e=null;if(i){const{methodOrProperty:n,thisObject:r}=((t,e)=>{let n=t;for(let t=0;t<e.length-1;t+=1)n=n[e[t]];return{thisObject:n,methodOrProperty:e.length>0?n[e[e.length-1]]:void 0}})(t,o);"function"==typeof n&&(e=(...t)=>n.apply(r,...t))}return function(){let n;return e&&(n=e(arguments)),(t._ptf=t._ptf||[]).push(o,arguments),n}})()}))})),"complete"==r.readyState?h():(t.addEventListener("DOMContentLoaded",h),t.addEventListener("load",h))}(window,document,navigator,top,window.crossOriginIsolated);;(e=>{e.addEventListener("astro:before-swap",e=>{let r=document.body.querySelector("iframe[src*='/~partytown/']");if(r)e.newDocument.body.append(r)})})(document);</script>
7<style>[data-astro-transition-scope="astro-osopz2bj-1"] { view-transition-name: astro-osopz2bj-1; }@layer astro { ::view-transition-old(astro-osopz2bj-1) { 
8	animation-duration: 90ms, 220ms;
9	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1), cubic-bezier(0.76, 0, 0.24, 1);
10	animation-fill-mode: both, both;
11	animation-name: astroFadeOut, astroSlideToLeft; }::view-transition-new(astro-osopz2bj-1) { 
12	animation-duration: 210ms, 220ms;
13	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1), cubic-bezier(0.76, 0, 0.24, 1);
14	animation-delay: 30ms;
15	animation-fill-mode: both, both;
16	animation-name: astroFadeIn, astroSlideFromRight; }[data-astro-transition=back]::view-transition-old(astro-osopz2bj-1) { 
17	animation-name: astroFadeOut, astroSlideToRight; }[data-astro-transition=back]::view-transition-new(astro-osopz2bj-1) { 
18	animation-name: astroFadeIn, astroSlideFromLeft; } }[data-astro-transition-fallback="old"] [data-astro-transition-scope="astro-osopz2bj-1"],
19			[data-astro-transition-fallback="old"][data-astro-transition-scope="astro-osopz2bj-1"] { 
20	animation-duration: 90ms, 220ms;
21	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1), cubic-bezier(0.76, 0, 0.24, 1);
22	animation-fill-mode: both, both;
23	animation-name: astroFadeOut, astroSlideToLeft; }[data-astro-transition-fallback="new"] [data-astro-transition-scope="astro-osopz2bj-1"],
24			[data-astro-transition-fallback="new"][data-astro-transition-scope="astro-osopz2bj-1"] { 
25	animation-duration: 210ms, 220ms;
26	animation-timing-function: cubic-bezier(0.76, 0, 0.24, 1), cubic-bezier(0.76, 0, 0.24, 1);
27	animation-delay: 30ms;
28	animation-fill-mode: both, both;
29	animation-name: astroFadeIn, astroSlideFromRight; }[data-astro-transition=back][data-astro-transition-fallback="old"] [data-astro-transition-scope="astro-osopz2bj-1"],
30			[data-astro-transition=back][data-astro-transition-fallback="old"][data-astro-transition-scope="astro-osopz2bj-1"] { 
31	animation-name: astroFadeOut, astroSlideToRight; }[data-astro-transition=back][data-astro-transition-fallback="new"] [data-astro-transition-scope="astro-osopz2bj-1"],
32			[data-astro-transition=back][data-astro-transition-fallback="new"][data-astro-transition-scope="astro-osopz2bj-1"] { 
33	animation-name: astroFadeIn, astroSlideFromLeft; }</style><style>[data-astro-transition-scope="astro-smooz4hq-2"] { view-transition-name: astro-smooz4hq-2; }@layer astro { ::view-transition-old(astro-smooz4hq-2) { animation: none; opacity: 0; mix-blend-mode: normal; }::view-transition-new(astro-smooz4hq-2) { animation: none; mix-blend-mode: normal; }::view-transition-group(astro-smooz4hq-2) { animation: none } }[data-astro-transition-fallback="old"] [data-astro-transition-scope="astro-smooz4hq-2"],
34			[data-astro-transition-fallback="old"][data-astro-transition-scope="astro-smooz4hq-2"] { animation: none; mix-blend-mode: normal; }[data-astro-transition-fallback="new"] [data-astro-transition-scope="astro-smooz4hq-2"],
35			[data-astro-transition-fallback="new"][data-astro-transition-scope="astro-smooz4hq-2"] { animation: none; mix-blend-mode: normal; }</style></head> <body class="dsn-effect-scroll- dsn-cursor-effect dsn-ajax"> <div class="fixed top-0 left-0 w-full h-1 z-50 hidden" id="load-indicator"> <div> <h4 class="sr-only">Status</h4> <div class="" aria-hidden="true"> <div class="overflow-hidden bg-gray-200"> <div id="load-progress" class="h-1 rounded-full bg-primary" style="width: 0%"></div> </div> <div class="mt-6 hidden grid-cols-4 text-sm font-medium text-gray-600 sm:grid"></div> </div> </div> </div>  <!-- ========== Menu ========== --><div class="site-header dsn-container dsn-load-animate"> <div class="w-full h-10 text-right flex justify-center md:justify-end max-w-7xl mx-auto" id="top-contact"> <div class="text-white  gap-x-2 text-xs h-10 mr-8 d-none d-md-block"> <a href="tel:+264812697271"> <img src="assets/img/phone.svg" alt="Phone Us" class="h-4 inline -mt-0.5">
36++264 824 416 820
37</a> </div> <div class="text-white flex gap-x-2 text-xs h-10 mr-8 d-none d-md-block"> <a href="/cdn-cgi/l/email-protection#1f767179705f717e72767d767e326b6d7e7c746c327e717b326b6d7e76736c317c7072"> <img src="assets/img/envelope.svg" alt="Email Us" class="h-4 inline -mt-0.5">
38<span class="__cf_email__" data-cfemail="a4cdcac2cbe4cac5c9cdc6cdc589d0d6c5c7cfd789c5cac089d0d6c5cdc8d78ac7cbc9">[email&#160;protected]</span>
39</a> </div> <div class="-mt-0.5 mr-2 d-none d-md-block"> <button id="lang_button" class=""> <div><svg
40                    xmlns="http://www.w3.org/2000/svg"
41                    width="24"
42                    height="24"
43                    viewBox="0 0 32 32"
44                >
45                    <rect
46                        x="1"
47                        y="4"
48                        width="30"
49                        height="24"
50                        rx="4"
51                        ry="4"
52                        fill="#071b65"
53                    ></rect>
54                    <path
55                        d="M5.101,4h-.101c-1.981,0-3.615,1.444-3.933,3.334L26.899,28h.101c1.981,0,3.615-1.444,3.933-3.334L5.101,4Z"
56                        fill="#fff"
57                    ></path>
58                    <path
59                        d="M22.25,19h-2.5l9.934,7.947c.387-.353,.704-.777,.929-1.257l-8.363-6.691Z"
60                        fill="#b92932"
61                    ></path>
62                    <path
63                        d="M1.387,6.309l8.363,6.691h2.5L2.316,5.053c-.387,.353-.704,.777-.929,1.257Z"
64                        fill="#b92932"
65                    ></path>
66                    <path
67                        d="M5,28h.101L30.933,7.334c-.318-1.891-1.952-3.334-3.933-3.334h-.101L1.067,24.666c.318,1.891,1.952,3.334,3.933,3.334Z"
68                        fill="#fff"
69                    ></path>
70                    <rect x="13" y="4" width="6" height="24" fill="#fff"></rect>
71                    <rect x="1" y="13" width="30" height="6" fill="#fff"></rect>
72                    <rect
73                        x="14"
74                        y="4"
75                        width="4"
76                        height="24"
77                        fill="#b92932"
78                    ></rect>
79                    <rect
80                        x="14"
81                        y="1"
82                        width="4"
83                        height="30"
84                        transform="translate(32) rotate(90)"
85                        fill="#b92932"
86                    ></rect>
87                    <path
88                        d="M28.222,4.21l-9.222,7.376v1.414h.75l9.943-7.94c-.419-.384-.918-.671-1.471-.85Z"
89                        fill="#b92932"
90                    ></path>
91                    <path
92                        d="M2.328,26.957c.414,.374,.904,.656,1.447,.832l9.225-7.38v-1.408h-.75L2.328,26.957Z"
93                        fill="#b92932"
94                    ></path>
95                    <path
96                        d="M27,4H5c-2.209,0-4,1.791-4,4V24c0,2.209,1.791,4,4,4H27c2.209,0,4-1.791,4-4V8c0-2.209-1.791-4-4-4Zm3,20c0,1.654-1.346,3-3,3H5c-1.654,0-3-1.346-3-3V8c0-1.654,1.346-3,3-3H27c1.654,0,3,1.346,3,3V24Z"
97                        opacity=".15"
98                    ></path>
99                    <path
100                        d="M27,5H5c-1.657,0-3,1.343-3,3v1c0-1.657,1.343-3,3-3H27c1.657,0,3,1.343,3,3v-1c0-1.657-1.343-3-3-3Z"
101                        fill="#fff"
102                        opacity=".2"
103                    ></path>
104                </svg></div> </button>
vendor: 109 bytes, line 104
104 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
104<script is="inline">(function(){const de_flag = "<svg\n                    xmlns=\"http://www.w3.org/2000/svg\"\n                    width=\"24\"\n                    height=\"24\"\n                    viewBox=\"0 0 32 32\"\n                >\n                    <rect\n                        x=\"1\"\n                        y=\"4\"\n                        width=\"30\"\n                        height=\"24\"\n                        rx=\"4\"\n                        ry=\"4\"\n                        fill=\"#071b65\"\n                    ></rect>\n                    <path\n                        d=\"M5.101,4h-.101c-1.981,0-3.615,1.444-3.933,3.334L26.899,28h.101c1.981,0,3.615-1.444,3.933-3.334L5.101,4Z\"\n                        fill=\"#fff\"\n                    ></path>\n                    <path\n                        d=\"M22.25,19h-2.5l9.934,7.947c.387-.353,.704-.777,.929-1.257l-8.363-6.691Z\"\n                        fill=\"#b92932\"\n                    ></path>\n                    <path\n                        d=\"M1.387,6.309l8.363,6.691h2.5L2.316,5.053c-.387,.353-.704,.777-.929,1.257Z\"\n                        fill=\"#b92932\"\n                    ></path>\n                    <path\n                        d=\"M5,28h.101L30.933,7.334c-.318-1.891-1.952-3.334-3.933-3.334h-.101L1.067,24.666c.318,1.891,1.952,3.334,3.933,3.334Z\"\n                        fill=\"#fff\"\n                    ></path>\n                    <rect x=\"13\" y=\"4\" width=\"6\" height=\"24\" fill=\"#fff\"></rect>\n                    <rect x=\"1\" y=\"13\" width=\"30\" height=\"6\" fill=\"#fff\"></rect>\n                    <rect\n                        x=\"14\"\n                        y=\"4\"\n                        width=\"4\"\n                        height=\"24\"\n                        fill=\"#b92932\"\n                    ></rect>\n                    <rect\n                        x=\"14\"\n                        y=\"1\"\n                        width=\"4\"\n                        height=\"30\"\n                        transform=\"translate(32) rotate(90)\"\n                        fill=\"#b92932\"\n                    ></rect>\n                    <path\n                        d=\"M28.222,4.21l-9.222,7.376v1.414h.75l9.943-7.94c-.419-.384-.918-.671-1.471-.85Z\"\n                        fill=\"#b92932\"\n                    ></path>\n                    <path\n                        d=\"M2.328,26.957c.414,.374,.904,.656,1.447,.832l9.225-7.38v-1.408h-.75L2.328,26.957Z\"\n                        fill=\"#b92932\"\n                    ></path>\n                    <path\n                        d=\"M27,4H5c-2.209,0-4,1.791-4,4V24c0,2.209,1.791,4,4,4H27c2.209,0,4-1.791,4-4V8c0-2.209-1.791-4-4-4Zm3,20c0,1.654-1.346,3-3,3H5c-1.654,0-3-1.346-3-3V8c0-1.654,1.346-3,3-3H27c1.654,0,3,1.346,3,3V24Z\"\n                        opacity=\".15\"\n                    ></path>\n                    <path\n                        d=\"M27,5H5c-1.657,0-3,1.343-3,3v1c0-1.657,1.343-3,3-3H27c1.657,0,3,1.343,3,3v-1c0-1.657-1.343-3-3-3Z\"\n                        fill=\"#fff\"\n                        opacity=\".2\"\n                    ></path>\n                </svg>";
105const en_flag = "<svg\n                xmlns=\"http://www.w3.org/2000/svg\"\n                width=\"24\"\n                height=\"24\"\n                viewB
105ox=\"0 0 32 32\"\n            >\n                <>\n                    <path fill=\"#cc2b1d\" d=\"M1 11H31V21H1z\" />\n                    <path d=\"M5,4H27c2.208,0,4,1.792,4,4v4H1v-4c0-2.208,1.792-4,4-4Z\" />\n                    <path\n                        d=\"M5,20H27c2.208,0,4,1.792,4,4v4H1v-4c0-2.208,1.792-4,4-4Z\"\n                        transform=\"rotate(180 16 24)\"\n                        fill=\"#f8d147\"\n                    />\n                    <path\n                        d=\"M27,4H5c-2.209,0-4,1.791-4,4V24c0,2.209,1.791,4,4,4H27c2.209,0,4-1.791,4-4V8c0-2.209-1.791-4-4-4Zm3,20c0,1.654-1.346,3-3,3H5c-1.654,0-3-1.346-3-3V8c0-1.654,1.346-3,3-3H27c1.654,0,3,1.346,3,3V24Z\"\n                        opacity=\".15\"\n                    />\n                    <path\n                        d=\"M27,5H5c-1.657,0-3,1.343-3,3v1c0-1.657,1.343-3,3-3H27c1.657,0,3,1.343,3,3v-1c0-1.657-1.343-3-3-3Z\"\n                        fill=\"#fff\"\n                        opacity=\".2\"\n                    />\n                </>\n            </svg>";
106
107    document.addEventListener("astro:page-load", function () {
108        init_languauge();
109    });
110
111    // Function to check if localStorage is available
112    function is_storage_available() {
113        try {
114            const test = "__test__";
115            localStorage.setItem(test, test);
116            localStorage.removeItem(test);
117            return true;
118        } catch (error) {
119            console.error("LocalStorage is not available.");
120            return false;
121        }
122    }
123
124    // Function to initialize language selection
125    function init_languauge() {
126        const languageButton = document.getElementById("lang_button");
127
128        //Get current URL
129        const url = window.location.href;
130        //Get current path
131        const path = window.location.pathname.substring(1);
132        const pathArray = path.split("/");
133
134        // Check if localStorage is available
135        // if (!is_storage_available()) {
136        //     console.warn("localStorage not available, using default language.");
137        //     return;
138        // }
139
140        // Retrieve saved language from localStorage or default to English (en)
141        const savedLanguage = localStorage.getItem("lang") || "en";
142
143        //Check if Match
144        if (pathArray[0] !== savedLanguage) {
145            //CHeck if dynamic path or home
146            if (path.split("/").length > 1) {
147                //window.location.href = `/${savedLanguage}/${path}`;
148            } else {
149                //window.location.href = `/${savedLanguage}`;
150            }
151        }
152
153        set_language(savedLanguage);
154        //language = savedLanguage;
155        // Add click event listener to toggle language between "en" and "fr"
156        languageButton.addEventListener("click", function () {
157            const currentLanguage = localStorage.getItem("lang") || "en";
158
159            // Toggle language between English ('en') and German ('de')
160            const newLanguage = currentLanguage === "en" ? "de" : "en";
161
162            // Store the new language in localStorage
163            localStorage.setItem("lang", newLanguage);
164            set_language(newLanguage);
165            //language = newLanguage;
166            //console.log(`Language changed to: ${newLanguage}`);
167            window.location.href = `/${newLanguage}`;
168        });
169    }
170
171    function set_language(savedLanguage) {
172        const languageButton = document.getElementById("lang_button");
173        // Set the button text based on saved language
174        if (savedLanguage === "en") {
175            languageButton.innerHTML = en_flag;
176        } else {
177            languageButton.innerHTML = de_flag;
178        }
179    }
180})();</script>
180 </div> </div> <div class="extend-container d-flex w-100 align-items-top justify-content-between align-middle max-w-7xl mx-auto  px-2"> <div class="inner-header p-relative"> <div class="main-logo"> <a href="/en" data-dsn="parallax" data-astro-rerun> <img src="/_image?href=%2F_astro%2Flogo_dark.J_OxEFOF.svg&#38;f=svg" id="logo" alt="Namibia Tracks and Trails" class="dark-light- dark-logo" width="1024" height="380" loading="lazy" decoding="async"> <img src="/_image?href=%2F_astro%2Flogo_dark.J_OxEFOF.svg&#38;f=svg" id="logo" alt="Namibia Tracks and Trails" class="dark-light- light-logo" width="1024" height="380" loading="lazy" decoding="async"> </a> </div> </div> <div class=" flex-col align-middle justify-center z-10 w-full xs:hidden sm:flex md:flex nav-bar-main"> <ul class="flex justify-end align-middle gap-x-8 mr-14"> <li><a href="https://www.namibia-tracks-and-trails.com/en/packages" class="menu-link">Tour Packages</a></li><li><a href="en/fleet" class="menu-link">Fleet</a></li><li><a href="en/camps" class="menu-link">Camps</a></li><li><a href="en/team" class="menu-link">Team</a></li><li><a href="en/about" class="menu-link">About Us</a></li><li><a href="en/contact" class="menu-link">Contact Us</a></li><li><a href="en/news" class="menu-link">News</a></li> </ul> </div> <div class="flex"> <button class="hover:cursor-pointer  mr-6 pt-2 theme-toggle" id="theme-toggle" style="cursor:pointer"> <svg id="theme-toggle-dark-icon" class="w-6 h-6 top-menu-link text-white" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"> <path d="M17.293 13.293A8 8 0 016.707 2.707a8.001 8.001 0 1010.586 10.586z"></path> </svg> </button> <div class="menu-icon d-flex justify-center pt-8 -mt-1"> <div class="text-menu p-relative font-heading text-transform-upper" id="menu-button"> <div class="p-absolute text-button  text-white top-menu-link -mt-0.5">
181Menu
182</div> <div class="p-absolute text-open text-white top-menu-link -mt-0.5">
183Open
184</div> <div class="p-absolute text-close text-white top-menu-link -mt-0.5">
185Close
186</div> </div> <div class="icon-m -mt-5" data-dsn="parallax" data-dsn-move="10"> <span class="menu-icon-line p-relative d-inline-block icon-top"></span> <span class="menu-icon-line p-relative d-inline-block icon-center"></span> <span class="menu-icon-line p-relative d-block icon-bottom"></span> </div> </div> </div> <nav class="accent-menu dsn-container main-navigation p-absolute w-100 d-flex align-items-baseline"> <div class="menu-cover-title">Menu</div> <ul class="extend-container p-relative d-flex flex-column justify-content-center h-100"> <li> <a class="toplevel" href="#"> <span class="dsn-title-menu"> Home </span> <span class="dsn-meta-menu">01</span> <span class="dsn-bg-arrow"></span> </a> </li><li class="dsn-drop-down"> <a href="#" class="user-no-selection"> <span class="dsn-title-menu"> Our Camps </span> <span class="dsn-meta-menu">02</span> <span class="dsn-bg-arrow"></span> </a> <ul> <li class="dsn-back-menu"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-dsn-src="assets/img/left-chevron.svg" alt=""> <span class="dsn-title-menu">Our Camps</span> </li>
187                                                    <li> <a class="alink" href="en/camps"> <span class="dsn-title-menu"> All Camps </span> <span class="dsn-meta-menu">02</span> </a> </li><li> <a class="alink" href="en/camps/desert-hills-glamping"> <span class="dsn-title-menu"> Desert Hills Glamping </span> <span class="dsn-meta-menu">02</span> </a> </li><li> <a class="alink" href="en/camps/ozondjou-trails-camp"> <span class="dsn-title-menu"> Ozondjou Trails Camp </span> <span class="dsn-meta-menu">03</span> </a> </li><li> <a class="alink" href="en/camps/malansrus"> <span class="dsn-title-menu"> Malansrus Tented Camp </span> <span class="dsn-meta-menu">04</span> </a> </li> </ul> </li><li> <a class="toplevel" href="en/fleet"> <span class="dsn-title-menu"> Our Fleet </span> <span class="dsn-meta-menu">03</span> <span class="dsn-bg-arrow"></span> </a> </li><li class="dsn-drop-down"> <a href="#" class="user-no-selection"> <span class="dsn-title-menu"> About Us </span> <span class="dsn-meta-menu">04</span> <span class="dsn-bg-arrow"></span> </a> <ul> <li class="dsn-back-menu"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-dsn-src="assets/img/left-chevron.svg" alt=""> <span class="dsn-title-menu">About Us</span> </li>
188                                                    <li> <a class="alink" href="en/about"> <span class="dsn-title-menu"> About Us </span> <span class="dsn-meta-menu">02</span> </a> </li><li> <a class="alink" href="en/team"> <span class="dsn-title-menu"> Our Team </span> <span class="dsn-meta-menu">02</span> </a> </li> </ul> </li><li> <a class="toplevel" href="en/travel-info"> <span class="dsn-title-menu"> Travel info </span> <span class="dsn-meta-menu">05</span> <span class="dsn-bg-arrow"></span> </a> </li><li> <a class="toplevel" href="en/contact"> <span class="dsn-title-menu"> Contact Us </span> <span class="dsn-meta-menu">06</span> <span class="dsn-bg-arrow"></span> </a> </li><li class="dsn-drop-down"> <a href="#" class="user-no-selection"> <span class="dsn-title-menu"> Packages </span> <span class="dsn-meta-menu">07</span> <span class="dsn-bg-arrow"></span> </a> <ul> <li class="dsn-back-menu"> <img src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-dsn-src="assets/img/left-chevron.svg" alt=""> <span class="dsn-title-menu">Packages</span> </li>
189                                                    <li> <a class="alink" href="en/packages"> <span class="dsn-title-menu"> All Packages </span> <span class="dsn-meta-menu">02</span> </a> </li><li> <a class="alink" href="en/packages/guided-camping-safari-426"> <span class="dsn-title-menu"> Guided Camping Safaris </span> <span class="dsn-meta-menu">02</span> </a> </li><li> <a class="alink" href="en/packages/guided-lodge-tour-425"> <span class="dsn-title-menu"> Guided Lodge Tours </span> <span class="dsn-meta-menu">03</span> </a> </li><li> <a class="alink" href="en/packages/self-drive-flying-combo-427"> <span class="dsn-title-menu"> Self Drive Flying Combo </span> <span class="dsn-meta-menu">04</span> </a> </li><li> <a class="alink" href="en/packages/self-drive-428"> <span class="dsn-title-menu"> Self Drive </span> <span class="dsn-meta-menu">05</span> </a> </li><li> <a class="alink" href="en/packages/flying-safari-429"> <span class="dsn-title-menu"> Flying Safaris </span> <span class="dsn-meta-menu">06</span> </a> </li> </ul> </li> </ul> <div class="container-content p-absolute h-100 left-60 d-flex flex-column justify-content-center"> <div class="nav__info"> <div class="nav-content"> <p class="title-line">Swakopmund</p> <p>
190C/O Bohr & Einstein Street, <br>
191Swakopmund, Namibia
192</p> <p class="links over-hidden"> <a href="tel:+26464416820" data-hover-text="+264 64 416820" class="link-hover">+264 64 416820</a> </p> <p class="links over-hidden"> <a href="tel:+264812697271" data-hover-text="+264 81 269 7271" class="link-hover">+264 81 269 7271</a> </p> </div> <div class="nav-content"> <p class="title-line">Windhoek</p> <p>
193Unit 1 Philadelphia House, 6 Newton Street, <br>
194Windhoek, Namibia
195</p> <p class="links over-hidden"> <a href="tel:+26461252197" data-hover-text="+264 61 252 197" class="link-hover">+264 61 252 197</a> </p> <p class="links over-hidden"> <a href="tel:+264811251359" data-hover-text="+264 81 125 1359" class="link-hover">+264 81 125 1359</a> </p> <p class="links over-hidden"> <a href="/cdn-cgi/l/email-protection#51383f373e113f303c383338307c252330323a227c303f357c252330383d227f323e3c" data-hover-text="[email protected]" class="link-hover"><span class="__cf_email__" data-cfemail="640d0a020b240a05090d060d0549101605070f1749050a00491016050d08174a070b09">[email&#160;protected]</span></a> </p> </div> </div> <div class="nav-social nav-content"> <div class="nav-social-inner p-relative"> <p class="title-line">Follow us</p> <ul> <li> <a href="#" target="_blank" rel="nofollow">Facebook.
196<div class="icon-circle"></div> </a> </li> <li> <a href="#" target="_blank" rel="nofollow">Instagram.
197<div class="icon-circle"></div> </a> </li> <li> <a href="#" target="_blank" rel="nofollow">Linkedin.
198<div class="icon-circle"></div> </a> </li> </ul> </div> </div> </div> </nav> </div> </div>
vendor: 109 bytes, line 198
198 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
198<script type="module" data-astro-rerun>
199    
200    function navMenu() {
201        const siteHeader = document.querySelector(".site-header");
202        //if (!siteHeader) return;
203        
204        return {
205            init: function () {
206                //if (!siteHeader.length) return;
207                this.cutterText();
208                this.hamburgerOpen();
209            },
210            cutterText: function () {
211                const textMenu = siteHeader.querySelector(
212                    ".menu-icon .text-menu"
213                );
214                if (!textMenu) return;
215
216                const textButton = textMenu.querySelector(".text-button");
217                const textOpen = textMenu.querySelector(".text-open");
218                const textClose = textMenu.querySelector(".text-close");
219
220                if (textButton) dsnGrid.convertTextLine(textButton);
221                if (textOpen) dsnGrid.convertTextLine(textOpen);
222                if (textClose) dsnGrid.convertTextLine(textClose);
223            },
224            hamburgerOpen: function () {
225                console.log("init hamburger");
226                const mainIcon = siteHeader.querySelector(".menu-icon");
227                const mainNav = siteHeader.querySelector(".main-navigation");
228
229                const tl = gsap.timeline({
230                    paused: true,
231                    onReverseComplete: () => {
232                        setTimeout(() => {
233                            const icons = mainIcon.querySelectorAll(
234                                ".icon-top, .icon-bottom"
235                            );
236                            icons.forEach((icon) => {
237                                icon.style.transform = "";
238                                icon.style.display = "";
239                            });
240                        }, 50);
241                        console.log("onReverseComplete : tl");
242                    },
243                });
244
245                let menuClick = gsap.timeline({
246                    onReverseComplete: () => {
247                        menuClick = gsap.timeline();
248                        console.log("onReverseComplete : menuClick");
249                    },
250                });
251                const ease = Power3.easeOut;
252
253                // Open Menu
254                tl.set(mainIcon.querySelector(".icon-center"), {
255                    display: "none",
256                });
257
258                tl.to(mainIcon.querySelector(".icon-top"), {
259                    duration: 0.5,
260                    width: 23,
261                    rotation: 45,
262                    top: 0,
263                    ease,
264                });
265                tl.to(
266                    mainIcon.querySelector(".icon-bottom"),
267                    {
268                        duration: 0.5,
269                        width: 23,
270                        rotation: -45,
271                        top: 0,
272                        ease,
273                    },
274                    0
275                );
276
277                tl.call(() => {
278                    mainIcon.classList.toggle("nav-active");
279                });
280
281                tl.to(
282                    mainNav,
283                    {
284                        duration: 0.5,
285                        y: "0%",
286                        autoAlpha: 1,
287                        ease,
288                    },
289                    0
290                );
291
292                tl.fromTo(
293                    mainNav,
294                    {
295                        duration: 0.5,
296                        y: "-100%",
297                        autoAlpha: 0,
298                    },
299                    {
300                        y: "0%",
301                        autoAlpha: 1,
302                        ease: Expo.easeInOut,
303                    },
304                    0
305                );
306
307                tl.to("ul.extend-container > li > a .dsn-title-menu", {
308                    duration: 0.5,
309                    autoAlpha: 1,
310                    y: 0,
311                    ease: Back.easeOut.config(1.7),
312                    stagger: 0.05,
313                });
314
315                tl.set(
316                    mainNav.querySelectorAll(
317                        "ul.extend-container > li > a .dsn-meta-menu"
318                    ),
319                    {
320                        autoAlpha: 1,
321                        ease,
322                    }
323                );
324                tl.to(
325                    mainNav.querySelector(".container-content"),
326                    {
327                        duration: 1,
328                        autoAlpha: 1,
329                    },
330                    "-=1"
331                );
332
333                tl.reverse();
334
335                mainNav
336                    .querySelectorAll("ul.extend-container > li.dsn-drop-down")
337                    .forEach((dropDown) => {
338                        dropDown.addEventListener("click", (e) => {
339                            e.stopPropagation();
340                            e.preventDefault();
341                            if (menuClick._tDur > 0) return;
342
343
344                            let subLinks =
345                            dropDown.querySelectorAll("ul li a.alink");
346                            // //console.log("subLinks", subLinks);
347                            subLinks.forEach((li) => {
348                                //console.log("FOUND Link", li.href);
349                                li.addEventListener("click", (e) => {
350                                    //console.log("Click link");
351                                    window.location = li.href;
352                                    //navigate(li.href);
353                                });
354                            });
355
356                            menuClick = gsap.timeline({
357                                onReverseComplete: () => {
358                                    menuClick = gsap.timeline();
359                                },
360                            });
361                            menuClick.set(dropDown.querySelector("ul"), {
362                                display: "flex",
363                            });
364                            menuClick.to(
365                                mainNav.querySelectorAll(
366                                    "ul.extend-container > li > a .dsn-title-menu, .dsn-meta-menu"
367                                ),
368                                {
369                                    duration: 0.5,
370                                    y: -30,
371                                    autoAlpha: 0,
372                                    ease: Back.easeIn.config(1.7),
373                                }
374                            );
375                            menuClick.set(
376                                ".site-header .extend-container .main-navigation ul.extend-container li",
377                                {
378                                    overflow: "hidden",
379                                }
380                            );
381                            menuClick.staggerFromTo(
382                                dropDown.querySelectorAll("ul li"),
383                                0.5,
384                                {
385                                    duration: 0.5,
386                                    x: 50,
387                                    autoAlpha: 0,
388                                },
389                                {
390                                    x: 0,
391                                    autoAlpha: 1,
392                                    ease: Back.easeOut.config(1.7),
393                                },
394                                0.1
395                            );
396                        });
397                    });
398
399                mainIcon.removeEventListener("click", function () {});
400                mainIcon.addEventListener("click", function () {
401                    if (!tl.isActive()) {
402                        menuClick.reverse(-1);
403                        tl.reversed(!tl.reversed());
404                        menuClick = gsap.timeline();
405                    }
406                });
407
408                const backMenu = document.querySelectorAll(".dsn-back-menu");
409                backMenu.forEach((menu) => {
410                    menu.removeEventListener("click", function () {});
411                    menu.addEventListener("click", function (e) {
412                        //console.log("backMenu:click");
413                        e.stopPropagation();
414                        menuClick.reverse();
415                    });
416                });
417            },
418        };
419    }
420
421    navMenu().init();
422
423
424
425</script>
425 <!-- ========== End Menu ========== --> <main class="main-root" data-astro-transition-scope="astro-osopz2bj-1"> <div id="dsn-scrollbar"> <div class="main-content"> <div class="wrapper"> <header class="main-slider has-horizontal p-relative w-100 h-100-v dsn-header-animation"> <div class="content-slider p-relative w-100 h-100 over-hidden v-dark-head"> <div class="bg-container dsn-hero-parallax-img p-relative w-100 h-100"> <div class="slide-inner h-100"> <div class="swiper-wrapper"> <div class="slide-item swiper-slide over-hidden"> <div class="image-bg cover-bg w-100 h-100" data-overlay="5" data-swiper-parallax="50%" data-swiper-parallax-scale="1.5"> <img src="/_image?href=%2F_astro%2Fspitzkoppe_landscape_namibia.7KQJLruH.jpg&#38;w=1800&#38;h=920&#38;f=webp" alt="About Us" id="cover-image" class="cover-bg-img ken-burns" width="1800" height="920" loading="lazy" decoding="async">  </div> <div class="slide-contents z-40 border border-black -mt-96 ml-10 md:ml-24 flex justify-center"> <div class="content p-relative"> <div class="d-block"></div> <h1 class="title user-no-selection d-inline-block dsn-up"> <a class="effect-ajaxs text-white" data-dsn-ajax="slider"> About Us </a> </h1> <p class="max-w570 mt-20 description text-white dsn-up"> Here to help you with your travel requirements throughout Namibia. Fueled by Nature </p> <hr class="mt-20"> <div class="max-w570 mt-20 description text-white dsn-up"><p>Namibia Tracks &amp; Trails was founded by Karl-Heinz Grüttemeyer in 1986 with the construction of Palmwag Lodge. The company was known as Desert Adventure Safaris in those days and owned only 2 safari vehicles offering guided adventure safaris in Damaraland and Kaokoland.<br></p></div> </div> </div> </div> </div> </div> <div class="dsn-slider-content p-absolute h-100 w-100 -mt-10"> <div class="dsn-container d-flex align-items-end"></div> </div> </div> </div> 
425<script type="module" data-astro-rerun>
426        document.addEventListener("astro:page-load", (event) => {
427            init_page_header();
428        });
429        function init_page_header() {
430            //All heading
431            const headings = document.querySelectorAll(".main-slider .dsn-up");
432            //Heading FadeOut animation
433            var tweenHeadingFade = gsap
434                .timeline({yoyo: true})
435                .fromTo(
436                    headings,
437                    {y: -50, opacity: 0, top: 50, yoyo: true},
438                    {y: 0, opacity: 1, top: 0},
439                    0
440                )
441                .fromTo(headings, {y: 0, yoyo: true}, {y: 0}, 0);
442            //Scen for header fade
443            // new ScrollMagic.Scene({
444            //     //triggerElement: "#about-img",
445            //     duration: 500,
446            //     offset: 0,
447            // })
448            //     .setTween(tweenHeadingFade)
449            //     //.setPin("#about-img")
450            //     .addTo($controller);
451
452            // gsap.fromTo(
453            //     headings,
454            //     {
455            //         y: 20,
456            //         opacity: 0,
457            //     },
458            //     {
459            //         duration: 1,
460            //         stagger: 0.1,
461            //         y: 0,
462            //         opacity: 1,
463            //         ease: Back.easeOut.config(1.7),
464            //         scrollTrigger: {
465            //             trigger: ".dsn-up",
466            //             start: "top +=400px",
467            //             //markers: true,
468            //         },
469            //     }
470            // );
471        }
472    </script>
472 </header> <div class="main-content mt-40"> <div class="container mb-70 d-flex text-center flex-column align-items-center"> <p class="sub-heading line-shap line-shap-before mb-15"> <span class="line-bg-right"> About Us </span> </p> <h2 class="section-title title-cap"> Here to help you with your travel requirements throughout Namibia. Fueled by Nature </h2> </div> <div class="max-w-5xl mx-auto"> <div> <h3 class="text-md text-center drop-shadow-lg dsn-text-shadow dsn-up my-10"> Activities at the coast </h3> <div class="justify-center flex flex-wrap"> <a class="mt-1 mr-1 dsn-button" data-dsn="parallax" data-astro-reload> <span class="dsn-border border-color-reverse-color"></span> Quadbiking </a><a class="mt-1 mr-1 dsn-button" data-dsn="parallax" data-astro-reload> <span class="dsn-border border-color-reverse-color"></span> Sandboarding </a><a class="mt-1 mr-1 dsn-button" data-dsn="parallax" data-astro-reload> <span class="dsn-border border-color-reverse-color"></span> Tandem Skydiving </a><a class="mt-1 mr-1 dsn-button" data-dsn="parallax" data-astro-reload> <span class="dsn-border border-color-reverse-color"></span> Dolphin Cruises </a><a class="mt-1 mr-1 dsn-button" data-dsn="parallax" data-astro-reload> <span class="dsn-border border-color-reverse-color"></span> Desert Tours </a><a class="mt-1 mr-1 dsn-button" data-dsn="parallax" data-astro-reload> <span class="dsn-border border-color-reverse-color"></span> Cape Cross Tours </a><a class="mt-1 mr-1 dsn-button" data-dsn="parallax" data-astro-reload> <span class="dsn-border border-color-reverse-color"></span> Bird Inspection Tours </a><a class="mt-1 mr-1 dsn-button" data-dsn="parallax" data-astro-reload> <span class="dsn-border border-color-reverse-color"></span> Scenic Flights </a><a class="mt-1 mr-1 dsn-button" data-dsn="parallax" data-astro-reload> <span class="dsn-border border-color-reverse-color"></span> Sandwich Harbour Tours </a> </div> </div> <div> <h3 class="text-md text-center drop-shadow-lg dsn-text-shadow dsn-up my-10"> What we offer </h3> <div class="justify-center flex flex-wrap"> <a class="mt-1 mr-1 dsn-button" data-dsn="parallax" data-astro-reload> <span class="dsn-border border-color-reverse-color"></span> Guided Lodging Tours </a><a class="mt-1 mr-1 dsn-button" data-dsn="parallax" data-astro-reload> <span class="dsn-border border-color-reverse-color"></span> Camping Tours </a><a class="mt-1 mr-1 dsn-button" data-dsn="parallax" data-astro-reload> <span class="dsn-border border-color-reverse-color"></span> Accommodation reservations </a><a class="mt-1 mr-1 dsn-button" data-dsn="parallax" data-astro-reload> <span class="dsn-border border-color-reverse-color"></span> Exclusive Fly-ins </a><a class="mt-1 mr-1 dsn-button" data-dsn="parallax" data-astro-reload> <span class="dsn-border border-color-reverse-color"></span> Selfdrives </a><a class="mt-1 mr-1 dsn-button" data-dsn="parallax" data-astro-reload> <span class="dsn-border border-color-reverse-color"></span> Car rentals </a><a class="mt-1 mr-1 dsn-button" data-dsn="parallax" data-astro-reload> <span class="dsn-border border-color-reverse-color"></span> Incentives / Special Events </a> </div> </div> </div> <div class="my-20"> <div class="container mb-70 d-flex text-center flex-column align-items-center"> <p class="sub-heading line-shap line-shap-before mb-15"> <span class="line-bg-right"> Company History </span> </p> <h2 class="section-title title-cap"> The Story of Namibia Tracks and Trails </h2> </div> </div> <div class="max-w-3xl mx-auto my-20"> <div class="flex bg-gray-50 justify-center border border-gray-200"> <iframe width="100%" height="500" src="//www.youtube.com/embed/JHcYfsTmAN8" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </div> </div> <div class="max-w-5xl mx-auto p-10 mt-20"><div class="dsn-up  mt-2"><p>Namibia Tracks &amp; Trails was founded by Karl-Heinz Grüttemeyer in 1986 with the construction of Palmwag Lodge. The company was known as Desert Adventure Safaris in those days and owned only 2 safari vehicles offering guided adventure safaris 
472in Damaraland and Kaokoland.</p></div></div><div class="max-w-5xl mx-auto p-10 mt-20"><section class="brand-client mt-10 gallery"> <!-- Slider main container --> <div class="w-full"> <div class="flex  dsn-up gap-x-2 gap-y-2"> <div class="logo-box slide full p-10 bg-gray-150 border border-black max-w-xs "> <div class="box-img overflow-clip"> <a class="overflow-clip" href="https://img.ihms.co/unsafe/1280x720/images/1729103393770_4x4_safari_4.jpg" data-caption="" data-fancybox="gallery"> <img src="https://img.ihms.co/unsafe/400x450/images/1729103393770_4x4_safari_4.jpg" class="cover-bg-img hover:scale-105 transition-all duration-500 cursor-pointer" alt="" width="400" height="450" loading="lazy" decoding="async"> </a> </div> </div><div class="logo-box slide full p-10 bg-gray-150 border border-black max-w-xs "> <div class="box-img overflow-clip"> <a class="overflow-clip" href="https://img.ihms.co/unsafe/1280x720/images/1729103396818_mobile_tented_camp_2.jpg" data-caption="" data-fancybox="gallery"> <img src="https://img.ihms.co/unsafe/400x450/images/1729103396818_mobile_tented_camp_2.jpg" class="cover-bg-img hover:scale-105 transition-all duration-500 cursor-pointer" alt="" width="400" height="450" loading="lazy" decoding="async"> </a> </div> </div><div class="logo-box slide full p-10 bg-gray-150 border border-black max-w-xs "> <div class="box-img overflow-clip"> <a class="overflow-clip" href="https://img.ihms.co/unsafe/1280x720/images/1729103399507_mountain_zebra_1.jpg" data-caption="" data-fancybox="gallery"> <img src="https://img.ihms.co/unsafe/400x450/images/1729103399507_mountain_zebra_1.jpg" class="cover-bg-img hover:scale-105 transition-all duration-500 cursor-pointer" alt="" width="400" height="450" loading="lazy" decoding="async"> </a> </div> </div> </div> </div> </section> 
472<script src="https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/fancybox/fancybox.umd.js"></script>
472 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/fancybox/fancybox.css"> 
472<script data-astro-rerun>
473    document.addEventListener("astro:page-load", function () {
474        init_brands();
475        Fancybox.bind("[data-fancybox]", {
476            // Your custom options
477        });
478    });
479    function init_brands() {
480        gsap.fromTo(
481            document.querySelectorAll(".brand-client .logo-box"),
482            {
483                y: 20,
484                opacity: 0,
485            },
486            {
487                duration: 1,
488                stagger: 0.2,
489                y: 0,
490                opacity: 1,
491                ease: Back.easeOut.config(1.7),
492                scrollTrigger: {
493                    trigger: ".brand-client",
494                    start: "top +=200px",
495                    //markers: true,
496                },
497            }
498        );
499    }
500</script>
500</div><div class="max-w-5xl mx-auto p-10 mt-20"><div class="dsn-up  mt-2"><p>In 1990, Karl-Heinz’ eldest son, Jockel, joined the business and Jockel’s wife, Monica, shortly thereafter. Together, the family ran the daily operations of Palmwag Lodge and Desert Adventure Safaris, which was later re-branded to Palmwag Lodge &amp; Travel Shop, as the inbound tour and safari operation was further developed. A further name change occurred in 2010 when Palmwag Lodge was sold and the focus was is now only on inbound services and travel arrangements within Namibia and neighbouring countries and the company is now known as Namibia Tracks &amp; Trails. In 2015, Jockel and Monica’s first-born daughter, Wiebke, joined the team as the next generation within the family. Today, the Namibia Tracks &amp; Trails family comprises of 90 permanent staff and a fleet of around 39 vehicles ranging from transfer vehicles, SUVs and specialized safari vehicles.<br></p></div></div><div class="max-w-5xl mx-auto p-10 mt-20"><div class="dsn-up  mt-2"><p>Our team are fully trained to give you experienced advice regarding all aspects of your holiday in Namibia, whether exclusive fly-in’s, guided lodge tours, tented safaris or mapping out a personal itinerary for a self-drive tour. With friendly and efficient service we aim to ensure that every visit to Namibia results in a memorable experience.<br></p></div></div><div class="mx-auto mt-20"><section class="brand-client mt-10" data-astro-cid-qu7r3uzm> <!-- Slider main container --> <div class="w-full back-parallax" data-astro-cid-qu7r3uzm> <div class="absolute w-full h-100 bg-black opacity-50" data-astro-cid-qu7r3uzm></div> <div class="bg" style="background-image: url(https://img.ihms.co/unsafe/1280x720/images/1729173035882_footer_l.jpg" data-astro-cid-qu7r3uzm></div> <div class="w-full h-full z-20 top-0 left-0 right-0 bottom-0 align-middle flex justify-center flex-col max-w-3xl mx-auto" data-astro-cid-qu7r3uzm> <div data-astro-cid-qu7r3uzm> <h2 class="text-3xl md:text-2xl drop-shadow-lg dsn-text-shadow dsn-up text-white mx-auto text-left" data-astro-cid-qu7r3uzm>  </h2> <h3 class="text-xl md:text-md drop-shadow-lg dsn-text-shadow dsn-up text-white mx-auto" data-astro-cid-qu7r3uzm>  </h3> <div class="dsn-up  mt-2 text-white cms-content p-4 md:p-0" data-astro-cid-qu7r3uzm><h3><font color="#ffffff">I hope you have an experience that alters the course of your life, </font></h3><h3><font color="#ffffff">because after Africa, nothing has ever been the same </font></h3><p><i><font color="#ffffff">- Suzanne Evans</font></i><br></p></div> </div> </div> </div> </section>  
500<script src="https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/fancybox/fancybox.umd.js"></script>
500 <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@fancyapps/[email protected]/dist/fancybox/fancybox.css"> 
500<script data-astro-rerun>
501    document.addEventListener("astro:page-load", function () {
502        init_section();
503        Fancybox.bind("[data-fancybox]", {
504            // Your custom options
505        });
506    });
507    function init_section() {
508        gsap.registerPlugin(ScrollTrigger);
509
510        let getRatio = (el) =>
511            window.innerHeight / (window.innerHeight + el.offsetHeight);
512        let trigger = document.querySelector(".back-parallax");
513        let section = document.querySelector(".bg");
514        console.log("sectionBG ", section);
515        // the first image (i === 0) should be handled differently because it should start at the very top.
516        // use function-based values in order to keep things responsive
517        let i = 0;
518        // gsap.fromTo(
519        //     section,
520        //     {
521        //         backgroundPosition: () =>
522        //             `50% ${-window.innerHeight * getRatio(section)}px`,
523        //     },
524        //     {
525        //         backgroundPosition: () =>
526        //             `50% ${window.innerHeight * (1 - getRatio(section))}px`,
527        //         ease: "none",
528        //         scrollTrigger: {
529        //             trigger: trigger,
530        //             start: () => "bottom bottom",
531        //             end: "bottom top",
532        //             scrub: true,
533        //             //markers: true,
534        //             invalidateOnRefresh: true, // to make it responsive
535        //         },
536        //     }
537        // );
538
539        //All heading
540        const headings = document.querySelectorAll(".brand-client .dsn-up");
541        gsap.fromTo(
542            headings,
543            {
544                y: 20,
545                opacity: 0,
546            },
547            {
548                duration: 1,
549                delay: 0.8,
550                stagger: 0.2,
551                y: 0,
552                opacity: 1,
553                ease: Back.easeOut.config(1.7),
554                scrollTrigger: {
555                    trigger: ".dsn-up",
556                    start: "top +=200px",
557                    //markers: true,
558                },
559            }
560        );
561    }
562</script>
562</div><div class="max-w-5xl mx-auto p-10 mt-20"><div class="dsn-up  mt-2"><p>For over 30 years, the Namibia Tracks and Trails team has been unbelievably lucky to share our home and serve  as leaders in sustainable tourism across Namibia. Our humble beginnings can be traced back to the construction  of the Palmwag Lodge in 1986, spearheaded by Namibia Tracks and Trails founder, Karl-Heinz Grüttemeyer. Just  like his children and grandchildren who came after him, Karl-Heinz was an avid conservationist who believed  that sustainable tourism offers a bright future for remote African communities, while also providing a strong  incentive for ongoing cultural and natural conservation.</p><p><br></p><p>Working in the safari industry is a deeply rewarding experience for all of us at Namibia Tracks and Trails. It gives  us the cherished opportunity to introduce to the world what we hold most dear: our home.</p><p><br></p><p>Namibia is — in our opinion — the best place on earth. We are home to unbelievably vast open spaces, the most  pristine nature, amazing fauna and flora, the friendliest people, and unmatched diversity in landscape and  scenery.</p><p><br></p><p>To top it all off, we get to share these treasures with our guests. We offer guests the opportunity to visit cultural  and conservation projects across Namibia, providing both an enriching and educational experience about what  conservation challenges are being faced by our country, and how sustainable tourism can help create a brighter  future for the next generation of humans and animals alike.</p><p><br></p><p>There is no better detox from modern life than watching the sunset over Namibia, witnessing wildlife drinking  at the waterhole, and absorbing the incredible “nothing-ness” and silence of being in one of the most remote  areas on earth.</p><p><br></p><blockquote>Our vision is to help our clients disconnect from day-to-day stress and reconnect with themselves by offering  unforgettable wildlife encounters and cultural experiences across Namibia.</blockquote><p><br></p><p>Our mission is to support local conservation efforts, to change guests’ lives, and to ensure a brighter future for  Namibia’s people and wildlife by providing educational, enriching, and sustainable African safari tours.</p><p><br></p><p>Our priority is to communicate the value and conservational importance of our offerings to encourage our guests  to immerse themselves in an once-in-a-lifetime safari experience. We want to be passionate about our cause  while still focusing on the comforts and experiences the guest is seeking on their holiday.<br></p><p><br></p></div></div> <!-- ========== blog Section ========== --> <section class="our-blog section-margin p-relative dsn-swiper" data-dsn-animate="section" data-dsn-option="{&quot;slidesPerView&quot;:1.5  }" data-dsn-title="Latest News"> <div class="container mb-70 d-flex text-center flex-column align-items-center"> <p class="sub-heading line-shap line-shap-before mb-15"> <span class="line-bg-right"> Latest News </span> </p> <h2 class="section-title title-cap"> The Latest Travel News </h2> </div> <div class="dsn-container"> <div class="swiper-container" id="news_swiper"> <div class="swiper-wrapper"> <div class="swiper-slide blog-classic-item"> <div class="blog-item p-relative d-flex align-items-center h-100 w-100" data-swiper-parallax-scale="0.85"> <div class="box-meta"> <div class="entry-date"> <span class="author">NTT</span> <a href="en/news/ozondjou-local-residents-special"> Wed, 5 Aug 2026 </a> </div> </div> <div class="box-img over-hidden"> <img class="cover-bg-img" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-dsn-src="https://img.ihms.co/unsafe/500x400/images/1785937641291_OzondjouLocalResidentsSpecial1.png" alt="Ozondjou Local Residents Special"> </div> <div class="box-content p-relative"> <div class="box-content-body"> <div class="metas">  </div> <h4 class="title-block mb-20"> <a href="en/news/ozondjou-local-residents-special"> Ozondjou Local Residents Special </a> </h4> <p>&lt;p&gt;&lt;br&gt;&lt;/p&gt;</p> <a href="en/news/ozondjou-local-residents-special" class="link-vist p-relative mt-2
5620"> <span class="link-vist-text">
563Load More
564</span> <div class="link-vist-arrow"> <svg viewBox="0 0 80 80"> <polyline points="19.89 15.25 64.03 15.25 64.03 59.33"></polyline> <line x1="64.03" y1="15.25" x2="14.03" y2="65.18"></line> </svg> </div> </a> </div> </div> </div> </div><div class="swiper-slide blog-classic-item"> <div class="blog-item p-relative d-flex align-items-center h-100 w-100" data-swiper-parallax-scale="0.85"> <div class="box-meta"> <div class="entry-date"> <span class="author">NTT</span> <a href="en/news/namibia-tracks-and-trails-joins-tosco"> Thu, 19 Jun 2025 </a> </div> </div> <div class="box-img over-hidden"> <img class="cover-bg-img" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-dsn-src="https://img.ihms.co/unsafe/500x400/images/1750346677553_SocialMedia_Lion2.png" alt="Namibia Tracks and Trails Joins TOSCO"> </div> <div class="box-content p-relative"> <div class="box-content-body"> <div class="metas"> <span class="mb-5"> <a href="#"> Conservation </a> </span> </div> <h4 class="title-block mb-20"> <a href="en/news/namibia-tracks-and-trails-joins-tosco"> Namibia Tracks and Trails Joins TOSCO </a> </h4> <p></p> <a href="en/news/namibia-tracks-and-trails-joins-tosco" class="link-vist p-relative mt-20"> <span class="link-vist-text">
565Load More
566</span> <div class="link-vist-arrow"> <svg viewBox="0 0 80 80"> <polyline points="19.89 15.25 64.03 15.25 64.03 59.33"></polyline> <line x1="64.03" y1="15.25" x2="14.03" y2="65.18"></line> </svg> </div> </a> </div> </div> </div> </div><div class="swiper-slide blog-classic-item"> <div class="blog-item p-relative d-flex align-items-center h-100 w-100" data-swiper-parallax-scale="0.85"> <div class="box-meta"> <div class="entry-date"> <span class="author">NTT</span> <a href="en/news/latest-namibian-visa-requirements"> Mon, 14 Apr 2025 </a> </div> </div> <div class="box-img over-hidden"> <img class="cover-bg-img" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-dsn-src="https://img.ihms.co/unsafe/500x400/images/1744629970855_Namibia_VIsa_requirementsmin.png" alt="Latest Namibian VISA Requirements"> </div> <div class="box-content p-relative"> <div class="box-content-body"> <div class="metas">  </div> <h4 class="title-block mb-20"> <a href="en/news/latest-namibian-visa-requirements"> Latest Namibian VISA Requirements </a> </h4> <p>Effective from 1 April 2025, Namibia has implemented updated visa regulations requiring travellers from specific countries to obtain a visa before arrival or upon entry.</p> <a href="en/news/latest-namibian-visa-requirements" class="link-vist p-relative mt-20"> <span class="link-vist-text">
567Load More
568</span> <div class="link-vist-arrow"> <svg viewBox="0 0 80 80"> <polyline points="19.89 15.25 64.03 15.25 64.03 59.33"></polyline> <line x1="64.03" y1="15.25" x2="14.03" y2="65.18"></line> </svg> </div> </a> </div> </div> </div> </div><div class="swiper-slide blog-classic-item"> <div class="blog-item p-relative d-flex align-items-center h-100 w-100" data-swiper-parallax-scale="0.85"> <div class="box-meta"> <div class="entry-date"> <span class="author">NTT</span> <a href="en/news/celebrating-vulture-day"> Thu, 1 Oct 2020 </a> </div> </div> <div class="box-img over-hidden"> <img class="cover-bg-img" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-dsn-src="https://img.ihms.co/unsafe/500x400/images/1727793610341_Onguma102.jpg" alt="Celebrating Vulture Day"> </div> <div class="box-content p-relative"> <div class="box-content-body"> <div class="metas"> <span class="mb-5"> <a href="#"> Conservation </a> </span> </div> <h4 class="title-block mb-20"> <a href="en/news/celebrating-vulture-day"> Celebrating Vulture Day </a> </h4> <p></p> <a href="en/news/celebrating-vulture-day" class="link-vist p-relative mt-20"> <span class="link-vist-text">
569Load More
570</span> <div class="link-vist-arrow"> <svg viewBox="0 0 80 80"> <polyline points="19.89 15.25 64.03 15.25 64.03 59.33"></polyline> <line x1="64.03" y1="15.25" x2="14.03" y2="65.18"></line> </svg> </div> </a> </div> </div> </div> </div><div class="swiper-slide blog-classic-item"> <div class="blog-item p-relative d-flex align-items-center h-100 w-100" data-swiper-parallax-scale="0.85"> <div class="box-meta"> <div class="entry-date"> <span class="author">NTT</span> <a href="en/news/confession-of-an-african-prey"> Sun, 20 Sept 2020 </a> </div> </div> <div class="box-img over-hidden"> <img class="cover-bg-img" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-dsn-src="https://img.ihms.co/unsafe/500x400/images/1726844770524_BYQC7989.jpg" alt="Confession of an African prey"> </div> <div class="box-content p-relative"> <div class="box-content-body"> <div class="metas"> <span class="mb-5"> <a href="#"> Travel </a> </span> </div> <h4 class="title-block mb-20"> <a href="en/news/confession-of-an-african-prey"> Confession of an African prey </a> </h4> <p></p> <a href="en/news/confession-of-an-african-prey" class="link-vist p-relative mt-2
5700"> <span class="link-vist-text">
571Load More
572</span> <div class="link-vist-arrow"> <svg viewBox="0 0 80 80"> <polyline points="19.89 15.25 64.03 15.25 64.03 59.33"></polyline> <line x1="64.03" y1="15.25" x2="14.03" y2="65.18"></line> </svg> </div> </a> </div> </div> </div> </div><div class="swiper-slide blog-classic-item"> <div class="blog-item p-relative d-flex align-items-center h-100 w-100" data-swiper-parallax-scale="0.85"> <div class="box-meta"> <div class="entry-date"> <span class="author">NTT</span> <a href="en/news/keeping-rhinos-safe"> Sat, 1 Aug 2020 </a> </div> </div> <div class="box-img over-hidden"> <img class="cover-bg-img" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-dsn-src="https://img.ihms.co/unsafe/500x400/images/1727794293182_DSCN2341.jpg" alt="Keeping Rhinos Safe"> </div> <div class="box-content p-relative"> <div class="box-content-body"> <div class="metas"> <span class="mb-5"> <a href="#"> Conservation </a> </span> </div> <h4 class="title-block mb-20"> <a href="en/news/keeping-rhinos-safe"> Keeping Rhinos Safe </a> </h4> <p></p> <a href="en/news/keeping-rhinos-safe" class="link-vist p-relative mt-20"> <span class="link-vist-text">
573Load More
574</span> <div class="link-vist-arrow"> <svg viewBox="0 0 80 80"> <polyline points="19.89 15.25 64.03 15.25 64.03 59.33"></polyline> <line x1="64.03" y1="15.25" x2="14.03" y2="65.18"></line> </svg> </div> </a> </div> </div> </div> </div><div class="swiper-slide blog-classic-item"> <div class="blog-item p-relative d-flex align-items-center h-100 w-100" data-swiper-parallax-scale="0.85"> <div class="box-meta"> <div class="entry-date"> <span class="author">NTT</span> <a href="en/news/photography-heaven"> Sat, 16 May 2020 </a> </div> </div> <div class="box-img over-hidden"> <img class="cover-bg-img" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-dsn-src="https://img.ihms.co/unsafe/500x400/images/1727790655209_NTT0055BreathtakingNamibiaBotswanaLocationsEveryPhotographerMustSee.jpg" alt="Photography Heaven"> </div> <div class="box-content p-relative"> <div class="box-content-body"> <div class="metas"> <span class="mb-5"> <a href="#"> Photography </a> </span> </div> <h4 class="title-block mb-20"> <a href="en/news/photography-heaven"> Photography Heaven </a> </h4> <p></p> <a href="en/news/photography-heaven" class="link-vist p-relative mt-20"> <span class="link-vist-text">
575Load More
576</span> <div class="link-vist-arrow"> <svg viewBox="0 0 80 80"> <polyline points="19.89 15.25 64.03 15.25 64.03 59.33"></polyline> <line x1="64.03" y1="15.25" x2="14.03" y2="65.18"></line> </svg> </div> </a> </div> </div> </div> </div><div class="swiper-slide blog-classic-item"> <div class="blog-item p-relative d-flex align-items-center h-100 w-100" data-swiper-parallax-scale="0.85"> <div class="box-meta"> <div class="entry-date"> <span class="author">NTT</span> <a href="en/news/favorite-animals"> Sat, 1 Feb 2020 </a> </div> </div> <div class="box-img over-hidden"> <img class="cover-bg-img" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-dsn-src="https://img.ihms.co/unsafe/500x400/images/1727790055849_NTT002SeasonalityGuidetoSeeingYourFavoriteAnimalsAcrossNamibia.jpg" alt="Favorite Animals"> </div> <div class="box-content p-relative"> <div class="box-content-body"> <div class="metas"> <span class="mb-5"> <a href="#"> Travel </a> </span> </div> <h4 class="title-block mb-20"> <a href="en/news/favorite-animals"> Favorite Animals </a> </h4> <p></p> <a href="en/news/favorite-animals" class="link-vist p-relative mt-20"> <span class="link-vist-text">
577Load More
578</span> <div class="link-vist-arrow"> <svg viewBox="0 0 80 80"> <polyline points="19.89 15.25 64.03 15.25 64.03 59.33"></polyline> <line x1="64.03" y1="15.25" x2="14.03" y2="65.18"></line> </svg> </div> </a> </div> </div> </div> </div><div class="swiper-slide blog-classic-item"> <div class="blog-item p-relative d-flex align-items-center h-100 w-100" data-swiper-parallax-scale="0.85"> <div class="box-meta"> <div class="entry-date"> <span class="author">NTT</span> <a href="en/news/packing-for-a-safari"> Fri, 17 Jan 2020 </a> </div> </div> <div class="box-img over-hidden"> <img class="cover-bg-img" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-dsn-src="https://img.ihms.co/unsafe/500x400/images/1727789374944_NTT003WhattoPackonYourFirstSafari.jpg" alt="Packing for a Safari"> </div> <div class="box-content p-relative"> <div class="box-content-body"> <div class="metas"> <span class="mb-5"> <a href="#"> Safari </a> </span> </div> <h4 class="title-block mb-20"> <a href="en/news/packing-for-a-safari"> Packing for a Safari </a> </h4> <p></p> <a href="en/news/packing-for-a-safari" class="link-vist p-relative mt-2
5780"> <span class="link-vist-text">
579Load More
580</span> <div class="link-vist-arrow"> <svg viewBox="0 0 80 80"> <polyline points="19.89 15.25 64.03 15.25 64.03 59.33"></polyline> <line x1="64.03" y1="15.25" x2="14.03" y2="65.18"></line> </svg> </div> </a> </div> </div> </div> </div><div class="swiper-slide blog-classic-item"> <div class="blog-item p-relative d-flex align-items-center h-100 w-100" data-swiper-parallax-scale="0.85"> <div class="box-meta"> <div class="entry-date"> <span class="author">NTT</span> <a href="en/news/glamping-in-namibia"> Tue, 26 Nov 2019 </a> </div> </div> <div class="box-img over-hidden"> <img class="cover-bg-img" src="data:image/gif;base64,R0lGODlhAQABAAAAACH5BAEKAAEALAAAAAABAAEAAAICTAEAOw==" data-dsn-src="https://img.ihms.co/unsafe/500x400/images/1727787054414_ntt.png" alt="Glamping in Namibia?"> </div> <div class="box-content p-relative"> <div class="box-content-body"> <div class="metas"> <span class="mb-5"> <a href="#"> Glamping </a> </span> </div> <h4 class="title-block mb-20"> <a href="en/news/glamping-in-namibia"> Glamping in Namibia? </a> </h4> <p></p> <a href="en/news/glamping-in-namibia" class="link-vist p-relative mt-20"> <span class="link-vist-text">
581Load More
582</span> <div class="link-vist-arrow"> <svg viewBox="0 0 80 80"> <polyline points="19.89 15.25 64.03 15.25 64.03 59.33"></polyline> <line x1="64.03" y1="15.25" x2="14.03" y2="65.18"></line> </svg> </div> </a> </div> </div> </div> </div> </div> <div class="dsn-pagination mt-30 dsn-container d-flex justify-content-between"> <div class="swiper-next"> <div class="next-container"> <div class="container-inner"> <div class="triangle"></div> <svg class="circle" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"> <g class="circle-wrap" fill="none" stroke-width="1" stroke-linejoin="round" stroke-miterlimit="10"> <circle cx="12" cy="12" r="10.5"></circle> </g> </svg> </div> </div> </div> <div class="swiper-pagination"></div> <div class="swiper-prev"> <div class="prev-container"> <div class="container-inner"> <div class="triangle"></div> <svg class="circle" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"> <g class="circle-wrap" fill="none" stroke-width="1" stroke-linejoin="round" stroke-miterlimit="10"> <circle cx="12" cy="12" r="10.5"></circle> </g> </svg> </div> </div> </div> </div> </div> <div class="text-center"> <a href="en/news" class="mt-30 dsn-button" data-dsn="parallax" data-astro-reload> <span class="dsn-border border-color-reverse-color"></span> All News <span>⟶</span> </a> </div> </div> </section> 
582<script type="module" data-astro-rerun>
583    let s = new Swiper("#news_swiper", {
584        slidesPerView: 1,
585        centeredSlides: true,
586        spaceBetween: 0,
587        grabCursor: true,
588        speed: 1000,
589        parallax: true,
590        loop: true,
591        slideToClickedSlide: true,
592        pagination: {
593            el: document.querySelector("#news_swiper .swiper-pagination"),
594            clickable: true,
595        },
596        navigation: {
597            nextEl: document.querySelector("#news_swiper .swiper-next"),
598            prevEl: document.querySelector("#news_swiper .swiper-prev"),
599        },
600        breakpoints: {
601            575: {
602                slidesPerView: 1,
603                spaceBetween: 0,
604            },
605            768: {
606                slidesPerView: 1.3,
607                spaceBetween: 20,
608            },
609            992: {
610                slidesPerView: 1.5,
611                spaceBetween: 50,
612            },
613        },
614    });
615</script>
615 <!-- ========== End blog Section ========== --> <footer class="footer p-relative background-section"> <div class="container"> <div class="footer-container"> <div class="d-flex align-items-center h-100"> <div class="column-left"> <div class="footer-social p-relative"> <ul> <li class="over-hidden"> <a href="https://www.facebook.com/namtracksandtrails/" data-dsn="parallax" target="_blank" rel="nofollow">Facebook.</a> </li> <li class="over-hidden"> <a href="https://na.linkedin.com/company/namibia-tracks-and-trails" data-dsn="parallax" target="_blank" rel="nofollow">Linkedin.</a> </li> <li class="over-hidden"> <a href="https://www.instagram.com/namibiatracksntrails/?hl=en" data-dsn="parallax" target="_blank" rel="nofollow">Instagram.</a> </li> </ul> </div> </div> <div class="scroll-top animation-rotate" data-dsn="parallax"> <img src="assets/img/scroll_top.svg" alt=""> <i class="fa fa-angle-up"></i> </div> <div class="column-right"> <h5> 2026 © Made in Swakopmund
616<img src="/_image?href=%2F_astro%2Fna.D79ffb4Z.svg&#38;w=15&#38;f=svg" alt="Tourism Namibia" class="inline" width="15" height="11" loading="lazy" decoding="async"> All Rights Reserved
617</h5> </div> </div> </div> </div> </footer> 
617<script>
618    // Scroll to top
619    const scroll = document.querySelector(".scroll-top");
620    scroll.addEventListener("click", () => {
621        window.scrollTo({
622            top: 0,
623            behavior: "smooth",
624        });
625    });
626</script>
626 </div> </div> </div> <!-- ========== Scroll Right Page To Top Page ========== --> <div class="scroll-to-top"> <img src="assets/img/scroll_top.svg" alt=""> <div class="box-numper"> <span>10%</span> </div> </div> <!-- ========== End Scroll Right Page To Top Page ========== --> </div> </main>  <!-- ========== Contact Form Model ========== --> <div class="contact-btn"> <div class="contact-btn-txt">Contact</div> </div> <div class="contact-modal background-section"> <div class="contact-container h-100 w-100 border-right"> <div class="box-contact-inner section-padding"> <div class="row align-items-center"> <div class="col-lg-7"> <div class="form-box"> <div class="line line-top"></div> <div class="line line-bottom"></div> <div class="line line-left"></div> <div class="line line-right"></div> <div class="mb-30 d-flex text-left flex-column align-items-start"> <p class="sub-heading line-shap line-shap-before mb-15"> <span class="line-bg-right">Have a Question?</span> </p> <h2 class="section-title title-cap"> Get in Touch </h2> </div> <p class="mb-30"> Let our team assist you with your Namibian travel requirements. </p> <style>astro-island,astro-slot,astro-static-slot{display:contents}</style>
626<script>(()=>{var e=async t=>{await(await t())()};(self.Astro||(self.Astro={})).only=e;window.dispatchEvent(new Event("astro:only"));})();;(()=>{var A=Object.defineProperty;var g=(i,o,a)=>o in i?A(i,o,{enumerable:!0,configurable:!0,writable:!0,value:a}):i[o]=a;var d=(i,o,a)=>g(i,typeof o!="symbol"?o+"":o,a);{let i={0:t=>m(t),1:t=>a(t),2:t=>new RegExp(t),3:t=>new Date(t),4:t=>new Map(a(t)),5:t=>new Set(a(t)),6:t=>BigInt(t),7:t=>new URL(t),8:t=>new Uint8Array(t),9:t=>new Uint16Array(t),10:t=>new Uint32Array(t),11:t=>1/0*t},o=t=>{let[l,e]=t;return l in i?i[l](e):void 0},a=t=>t.map(o),m=t=>typeof t!="object"||t===null?t:Object.fromEntries(Object.entries(t).map(([l,e])=>[l,o(e)]));class y extends HTMLElement{constructor(){super(...arguments);d(this,"Component");d(this,"hydrator");d(this,"hydrate",async()=>{var b;if(!this.hydrator||!this.isConnected)return;let e=(b=this.parentElement)==null?void 0:b.closest("astro-island[ssr]");if(e){e.addEventListener("astro:hydrate",this.hydrate,{once:!0});return}let c=this.querySelectorAll("astro-slot"),n={},h=this.querySelectorAll("template[data-astro-template]");for(let r of h){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("data-astro-template")||"default"]=r.innerHTML,r.remove())}for(let r of c){let s=r.closest(this.tagName);s!=null&&s.isSameNode(this)&&(n[r.getAttribute("name")||"default"]=r.innerHTML)}let p;try{p=this.hasAttribute("props")?m(JSON.parse(this.getAttribute("props"))):{}}catch(r){let s=this.getAttribute("component-url")||"<unknown>",v=this.getAttribute("component-export");throw v&&(s+=` (export ${v})`),console.error(`[hydrate] Error parsing props for component ${s}`,this.getAttribute("props"),r),r}let u;await this.hydrator(this)(this.Component,p,n,{client:this.getAttribute("client")}),this.removeAttribute("ssr"),this.dispatchEvent(new CustomEvent("astro:hydrate"))});d(this,"unmount",()=>{this.isConnected||this.dispatchEvent(new CustomEvent("astro:unmount"))})}disconnectedCallback(){document.removeEventListener("astro:after-swap",this.unmount),document.addEventListener("astro:after-swap",this.unmount,{once:!0})}connectedCallback(){if(!this.hasAttribute("await-children")||document.readyState==="interactive"||document.readyState==="complete")this.childrenConnectedCallback();else{let e=()=>{document.removeEventListener("DOMContentLoaded",e),c.disconnect(),this.childrenConnectedCallback()},c=new MutationObserver(()=>{var n;((n=this.lastChild)==null?void 0:n.nodeType)===Node.COMMENT_NODE&&this.lastChild.nodeValue==="astro:end"&&(this.lastChild.remove(),e())});c.observe(this,{childList:!0}),document.addEventListener("DOMContentLoaded",e)}}async childrenConnectedCallback(){let e=this.getAttribute("before-hydration-url");e&&await import(e),this.start()}async start(){let e=JSON.parse(this.getAttribute("opts")),c=this.getAttribute("client");if(Astro[c]===void 0){window.addEventListener(`astro:${c}`,()=>this.start(),{once:!0});return}try{await Astro[c](async()=>{let n=this.getAttribute("renderer-url"),[h,{default:p}]=await Promise.all([import(this.getAttribute("component-url")),n?import(n):()=>()=>{}]),u=this.getAttribute("component-export")||"default";if(!u.includes("."))this.Component=h[u];else{this.Component=h;for(let f of u.split("."))this.Component=this.Component[f]}return this.hydrator=p,this.hydrate},e,this)}catch(n){console.error(`[astro-island] Error hydrating ${this.getAttribute("component-url")}`,n)}}attributeChangedCallback(){this.hydrate()}}d(y,"observedAttributes",["props"]),customElements.get("astro-island")||customElements.define("astro-island",y)}})();</script>
626<astro-island uid="UhQ3J" component-url="/_astro/ContactFormReact.CfT9s6t4.js" component-export="default" renderer-url="/_astro/client.DrE9CFQR.js" props="{&quot;locale&quot;:[0,&quot;en&quot;]}" ssr="" client="only" opts="{&quot;name&quot;:&quot;ContactFormReact&quot;,&quot;value&quot;:true}"></astro-island> </div> </div> <div class="col-lg-5 contact-page"> <div class="box-info-contact container-content"> <div class="nav__info"> <div class="nav-content"> <p class="title-line">Swakopmund</p> <p>
627C/O Bohr & Einstein Street, <br>
628Swakopmund, Namibia
629</p> <p class="links over-hidden"> <a href="tel:+26464416820" data-hover-text="+264 64 416820" class="link-hover">+264 64 416820</a> </p> <p class="links over-hidden"> <a href="tel:+264812697271" data-hover-text="+264 81 269 7271" class="link-hover">+264 81 269 7271</a> </p> </div> <div class="nav-content"> <p class="title-line">Windhoek</p> <p>
630Unit 1 Philadelphia House, 6 Newton Street, <br>
631Windhoek, Namibia
632</p> <p class="links over-hidden"> <a href="tel:+26461252197" data-hover-text="+264 61 252 197" class="link-hover">+264 61 252 197</a> </p> <p class="links over-hidden"> <a href="tel:+264811251359" data-hover-text="+264 81 125 1359" class="link-hover">+264 81 125 1359</a> </p> <p class="links over-hidden"> <a href="/cdn-cgi/l/email-protection#751c1b131a351b14181c171c1458010714161e0658141b11580107141c19065b161a18" data-hover-text="[email protected]" class="link-hover"><span class="__cf_email__" data-cfemail="325b5c545d725c535f5b505b531f4640535159411f535c561f4640535b5e411c515d5f">[email&#160;protected]</span></a> </p> </div> </div> </div> </div> </div> </div> </div> </div> <!-- ========== End Contact Form Model ========== -->
vendor: 109 bytes, line 632
632 <script data-cfasync="false" src="/cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script>
632<script src="assets/js/plugins.min.js"></script>
632 
632<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js" integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
632 
632<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/ScrollTrigger.min.js" integrity="sha512-onMTRKJBKz8M1TnqqDuGBlowlH0ohFzMXYRNebz+yOcc5TQr/zAKsthzhuv0hiyUKEiQEQXEynnXCvNTOk50dg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
632 
632<script src="assets/js/scrollmagic.min.js"></script>
632 <!-- 
632<script src="assets/js/three.min.js" is:inline></script>
632 --> 
632<script src="assets/js/swiper.min.js"></script>
632 <!-- Swiper JS --> <!-- 
632<script
633        src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"
634        is:inline></script>
634 --> 
634<script src="assets/js/dsn-grid-plain.min.js"></script>
634 
634<script src="assets/js/custom.app.js" data-astro-rerun></script>
vendor: 112 bytes, line 634
634 <script type="text/partytown" async defer fetchpriority="low" src="https://www.googletagmanager.com/gtag/js?id=
634G-J9RBNXN9Y4
vendor: 12 bytes, line 634
634"></script> 
634<script type="text/partytown">
635        
vendor: 174 bytes, lines 635-640
635window.dataLayer = window.dataLayer || [];
636        function gtag() {
637            dataLayer.push(arguments);
638        }
639        gtag("js", new Date());
640        gtag("config", "
640G-J9RBNXN9Y4
vendor: 8 bytes, lines 640-641
640");
641    
641</script>
641 
641<script>
642        let interval = null;
643        document.addEventListener("astro:before-preparation", function () {
644            document.body.style.cursor = "wait";
645            document
646                .getElementById("load-indicator")
647                .classList.remove("hidden");
648            interval = setInterval(() => {
649                document.getElementById("load-progress").style.width =
650                    parseFloat(
651                        document.getElementById("load-progress").style.width
652                    ) +
653                    0.5 +
654                    "%";
655            }, 10);
656        });
657        document.addEventListener("astro:after-swap", function () {
658            interval && clearInterval(interval);
659            document.getElementById("load-indicator").classList.add("hidden");
660            document.getElementById("load-progress").style.width = "0%";
661        });
662    </script>
662 <!-- 
662<script src="https://unpkg.com/[email protected]/dist/lenis.min.js" is:inline
663></script>
663 --> <!--
vendor: 152 bytes, lines 663-668
663 <script
664        type="text/partytown"
665        async
666        defer
667        fetchpriority="low"
668        src="https://www.googletagmanager.com/gtag/js?id=
668G-928K7MQWCG
vendor: 16 bytes, lines 668-669
668"></script>
669    
669<script type="text/partytown">
670        
vendor: 174 bytes, lines 670-675
670window.dataLayer = window.dataLayer || [];
671        function gtag() {
672            dataLayer.push(arguments);
673        }
674        gtag("js", new Date());
675        gtag("config", "
675G-928K7MQWCG
vendor: 8 bytes, lines 675-676
675");
676    
676</script>
676 --> 
676<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v4bc70e2c01a94c73b74392e4234840661791215815920" integrity="sha512-L0ha0OXavK/8okipN9F8BtP84dg9DUhPERbBXzwI6dgTA55d2+yweo3pn5CSFYs45/r8md2+xvUPtTdvTNRfjA==" data-cf-beacon='{"version":"2024.11.0","token":"35dffbd3b94e4485929a19500be835fe","r":1,"spa":2}' crossorigin="anonymous"></script>
676
677</body><!-- Optional JavaScript --></html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.