<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />

    <!-- Viewport & PWA -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5, user-scalable=yes, viewport-fit=cover" />
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <meta name="apple-mobile-web-app-title" content="The Tranquil Trek">
    <meta name="theme-color" content="#10b981">
    <meta name="msapplication-TileColor" content="#10b981">
    <meta name="msapplication-config" content="/browserconfig.xml">

    <!-- Title & Core Meta -->
    <title>The Tranquil Trek - Find Peaceful Places &amp; Wellness Travel Guides | Mindful Travel</title>
    <meta name="description" content="Discover peaceful travel destinations, wellness travel guides, quiet cafes, hidden temples, nature spots &amp; a built-in wellness tracker. Your mindful travel companion." />
    <meta name="keywords" content="peaceful travel destinations, mindful travel, wellness travel 2026, slow travel guide, quiet vacation spots, find quiet places near me, best quiet cafes for reading, digital detox retreats, forest bathing, shinrin-yoku, hidden temples kyoto, free peaceful parks, sleep tourism destinations, quietcation ideas, contrast therapy travel, underwater meditation experiences, travel meditation timer app, wellness score tracker vacations, track steps while traveling, nature therapy travel, wellness tourism, peaceful places near me, serene travel destinations, healing travel, restorative travel, solo peaceful travel, budget wellness travel, spiritual travel destinations, tranquil beaches, mountain retreats, peaceful gardens, parks and nature travel, travel burnout recovery, slow tourism, nervous system travel, rest and recharge travel, anti-tourism, off the beaten path quiet, mindfulness travel tips, wellness retreat guide, travel for mental health, nature bathing destinations, peaceful travel blog, calm travel destinations, travel wellbeing tracker, wearable travel wellness, travel inspiration calm, travel guide serene, destination spotlight peaceful, hidden gem travel, crowd-free destinations, wellness travel blog, travel community reviews, explore peaceful places app" />
    <meta name="robots" content="index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1" />
    <meta name="format-detection" content="telephone=no">
    <meta name="google-site-verification" content="fkmq8HRLfoTFMgSfod-G7NazZA5VNbDUBm_mLubozEM" />

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

    <!-- Open Graph -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://thetranquiltrek.com/" />
    <meta property="og:title" content="The Tranquil Trek - Find Peaceful Places &amp; Wellness Travel Guides" />
    <meta property="og:description" content="Discover peaceful travel destinations, wellness travel guides, quiet cafes, hidden temples, nature spots &amp; a built-in wellness tracker. Your mindful travel companion." />
    <meta property="og:image" content="https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=1200&h=630&fit=crop&q=80" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:image:alt" content="Serene mountain landscape - The Tranquil Trek" />
    <meta property="og:site_name" content="The Tranquil Trek" />
    <meta property="og:locale" content="en_US" />

    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:title" content="The Tranquil Trek - Find Peaceful Places &amp; Wellness Travel Guides" />
    <meta name="twitter:description" content="Discover peaceful travel destinations, wellness travel guides, quiet cafes, hidden temples, nature spots &amp; a built-in wellness tracker." />
    <meta name="twitter:image" content="https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=1200&h=630&fit=crop&q=80" />

    <!-- Favicons & Manifest -->
    <link rel="icon" type="image/svg+xml" href="/favicon.svg">
    <link rel="apple-touch-icon" sizes="180x180" href="/favicon.svg">
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon.svg">
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon.svg">
    <link rel="manifest" href="/manifest.json">

    <!-- RSS Alternate Feeds -->
    <link rel="alternate" type="application/rss+xml" title="The Tranquil Trek - Travel Articles" href="https://thetranquiltrek.com/rss/articles.xml" />
    <link rel="alternate" type="application/rss+xml" title="The Tranquil Trek - Destination Spotlights" href="https://thetranquiltrek.com/rss/spotlights.xml" />
    <link rel="alternate" type="application/rss+xml" title="The Tranquil Trek - Wellness Guides" href="https://thetranquiltrek.com/rss/wellness.xml" />

    <!-- Structured Data: Organization -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "The Tranquil Trek",
      "alternateName": "TranquilTrek",
      "url": "https://thetranquiltrek.com",
      "logo": "https://thetranquiltrek.com/favicon.svg",
      "description": "A peaceful travel directory and wellness companion helping travellers find serene destinations, track wellness, and explore mindful travel guides worldwide.",
      "foundingDate": "2024",
      "sameAs": [
        "https://www.instagram.com/thetranquiltrek",
        "https://www.pinterest.com/thetranquiltrek",
        "https://www.facebook.com/thetranquiltrek"
      ],
      "contactPoint": {
        "@type": "ContactPoint",
        "contactType": "customer support",
        "url": "https://thetranquiltrek.com/b2b-contact"
      }
    }
    </script>

    <!-- Structured Data: Website with SearchAction -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "name": "The Tranquil Trek",
      "url": "https://thetranquiltrek.com",
      "description": "Find peaceful places, wellness travel guides, and mindful travel inspiration worldwide.",
      "inLanguage": ["en","es","fr","de","it","pt","ja","zh","ar","ko","nl","sv","pl","ru","hi"],
      "potentialAction": {
        "@type": "SearchAction",
        "target": {
          "@type": "EntryPoint",
          "urlTemplate": "https://thetranquiltrek.com/discover?q={search_term_string}"
        },
        "query-input": "required name=search_term_string"
      }
    }
    </script>

    <!-- Structured Data: ItemList of Content Sections -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "ItemList",
      "name": "The Tranquil Trek Content Sections",
      "itemListElement": [
        {"@type":"ListItem","position":1,"name":"Destination Spotlights","url":"https://thetranquiltrek.com/partner-spotlights"},
        {"@type":"ListItem","position":2,"name":"Travel Guides","url":"https://thetranquiltrek.com/city-guides"},
        {"@type":"ListItem","position":3,"name":"Travel Articles","url":"https://thetranquiltrek.com/articles"},
        {"@type":"ListItem","position":4,"name":"Travel Inspiration","url":"https://thetranquiltrek.com/discover"},
        {"@type":"ListItem","position":5,"name":"Unique Experiences","url":"https://thetranquiltrek.com/events"},
        {"@type":"ListItem","position":6,"name":"Health & Wellness Tracker","url":"https://thetranquiltrek.com/health-wellness"},
        {"@type":"ListItem","position":7,"name":"Community Forum","url":"https://thetranquiltrek.com/social-itineraries"},
        {"@type":"ListItem","position":8,"name":"Peaceful Places Directory","url":"https://thetranquiltrek.com/discover"}
      ]
    }
    </script>

    <!-- Preconnect to CDNs -->
    <link rel="preconnect" href="https://images.unsplash.com" crossorigin>
    <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preconnect" href="https://pagead2.googlesyndication.com" crossorigin>
    <link rel="preconnect" href="https://googleads.g.doubleclick.net" crossorigin>
    <link rel="dns-prefetch" href="https://images.unsplash.com">
    <link rel="dns-prefetch" href="https://cdn.jsdelivr.net">
    <link rel="dns-prefetch" href="https://cdnjs.cloudflare.com">
    <link rel="dns-prefetch" href="https://pagead2.googlesyndication.com">

    <!-- Hero Image Preload (above-the-fold) -->
    <link rel="preload"
          as="image"
          href="https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=1200&q=80&fit=crop"
          imagesrcset="https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=480&q=75&fit=crop 480w, https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=768&q=75&fit=crop 768w, https://images.unsplash.com/photo-1506905925346-21bda4d32df4?w=1200&q=80&fit=crop 1200w"
          imagesizes="100vw"
          fetchpriority="high">

    <!-- Non-blocking Fonts -->
    <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;500;600&display=swap">
    <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;600&display=swap">
    <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Caveat:wght@400;600&display=swap">
    <link href="https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;500;600&display=swap" rel="stylesheet" media="print" onload="this.media='all'">
    <link href="https://fonts.googleapis.com/css2?family=Crimson+Text:wght@400;600&display=swap" rel="stylesheet" media="print" onload="this.media='all'">
    <link href="https://fonts.googleapis.com/css2?family=Caveat:wght@400;600&display=swap" rel="stylesheet" media="print" onload="this.media='all'">
    <noscript>
      <link href="https://fonts.googleapis.com/css2?family=Source+Sans+3:wght@400;500;600&family=Crimson+Text:wght@400;600&family=Caveat:wght@400;600&display=swap" rel="stylesheet">
    </noscript>

    <!-- Preload font files -->
    <link rel="preload" href="https://fonts.gstatic.com/s/sourcesans3/v18/nwpStKy2OAdR1K-IwhWudF-R3w8aZejf5Hc.woff2" as="font" type="font/woff2" crossorigin>
    <link rel="preload" href="https://fonts.gstatic.com/s/crimsontext/v19/wlp2gwHKFkZgtmSR3NB0oRJfbwhTIfFd3A.woff2" as="font" type="font/woff2" crossorigin>

    <!-- Ad Consent Mode (runs before ad script) -->
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      window.adsbygoogle = window.adsbygoogle || [];

      var _consent = 'denied';
      try { _consent = localStorage.getItem('tt_cookie_consent') || 'denied'; } catch(e){}
      gtag('consent', 'default', {
        ad_storage: _consent === 'granted' ? 'granted' : 'denied',
        analytics_storage: _consent === 'granted' ? 'granted' : 'denied',
        ad_user_data: _consent === 'granted' ? 'granted' : 'denied',
        ad_personalization: _consent === 'granted' ? 'granted' : 'denied',
        wait_for_update: 500
      });
    </script>

    <!-- AdSense (deferred via load event) -->
    <script>
      window.addEventListener('load', function() {
        var s = document.createElement('script');
        s.async = true;
        s.src = 'https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8760147333146876';
        s.crossOrigin = 'anonymous';
        document.head.appendChild(s);
      });
    </script>

    <!-- CDN Optimization Script -->
    <script src="/cdn-optimization.js" type="module" defer></script>

    <!-- Service Worker — unregister all and clear all caches (no re-register in dev) -->
    <script>
      if ('serviceWorker' in navigator) {
        navigator.serviceWorker.getRegistrations().then(function(registrations) {
          return Promise.all(registrations.map(function(r) { return r.unregister(); }));
        }).then(function() {
          return caches.keys();
        }).then(function(keys) {
          return Promise.all(keys.map(function(k) { return caches.delete(k); }));
        }).catch(function(e) {
          console.log('SW cleanup:', e);
        });
      }
    </script>

    <!-- Critical module preloads -->
    <link rel="modulepreload" href="data:application/octet-stream;base64,aW1wb3J0IHsgY3JlYXRlUm9vdCB9IGZyb20gInJlYWN0LWRvbS9jbGllbnQiOwppbXBvcnQgQXBwIGZyb20gIi4vQXBwIjsKaW1wb3J0ICIuL2luZGV4LmNzcyI7CmltcG9ydCAiLi9saWIvcGVyZm9ybWFuY2UiOwppbXBvcnQgeyBpbml0aWFsaXplQW5hbHl0aWNzIH0gZnJvbSAiLi9saWIvYW5hbHl0aWNzIjsKCi8vIERldmVsb3BtZW50IGVudmlyb25tZW50IHBvcnQgY2hlY2sgYW5kIGFwcGxpY2F0aW9uIGluaXRpYWxpemF0aW9uCmNvbnN0IGhvc3RuYW1lID0gd2luZG93LmxvY2F0aW9uLmhvc3RuYW1lOwpjb25zdCBwcm90b2NvbCA9IHdpbmRvdy5sb2NhdGlvbi5wcm90b2NvbDsKY29uc3QgcG9ydCA9IHdpbmRvdy5sb2NhdGlvbi5wb3J0OwoKLy8gUHJvZHVjdGlvbiBkb21haW4gSFRUUFMgcmVkaXJlY3QKaWYgKGhvc3RuYW1lID09PSAndGhldHJhbnF1aWx0cmVrLmNvbScgfHwgaG9zdG5hbWUgPT09ICd3d3cudGhldHJhbnF1aWx0cmVrLmNvbScpIHsKICBpZiAocHJvdG9jb2wgPT09ICdodHRwOicpIHsKICAgIGNvbnN0IGh0dHBzVXJsID0gd2luZG93LmxvY2F0aW9uLmhyZWYucmVwbGFjZSgnaHR0cDovLycsICdodHRwczovLycpOwogICAgY29uc29sZS5sb2coJ1tDTElFTlQgSFRUUFMgUkVESVJFQ1RdIEZPUkNJTkcgU0VDVVJFIENPTk5FQ1RJT046Jywgd2luZG93LmxvY2F0aW9uLmhyZWYsICctPicsIGh0dHBzVXJsKTsKICAgIHdpbmRvdy5sb2NhdGlvbi5yZXBsYWNlKGh0dHBzVXJsKTsKICAgIHRocm93IG5ldyBFcnJvcignUmVkaXJlY3RpbmcgdG8gSFRUUFMnKTsKICB9Cn0KCi8vIERldmVsb3BtZW50IGVudmlyb25tZW50IC0gZW5zdXJlIHByb3BlciBwb3J0IGFjY2VzcwppZiAoaG9zdG5hbWUuaW5jbHVkZXMoJ3JlcGxpdCcpIHx8IGhvc3RuYW1lLmluY2x1ZGVzKCdsb2NhbGhvc3QnKSkgewogIC8vIEluIFJlcGxpdCBkZXZlbG9wbWVudCwgdGhlIGFwcCBzaG91bGQgYmUgYWNjZXNzaWJsZSB0aHJvdWdoIHRoZSB3ZWJ2aWV3CiAgLy8gd2hpY2ggaGFuZGxlcyB0aGUgcG9ydCBtYXBwaW5nIGF1dG9tYXRpY2FsbHkKICBjb25zb2xlLmxvZygnW0NMSUVOVF0gRGV2ZWxvcG1lbnQgZW52aXJvbm1lbnQgZGV0ZWN0ZWQsIGluaXRpYWxpemluZyBhcHAnKTsKfQoKLy8gSW5pdGlhbGl6ZSBHb29nbGUgQW5hbHl0aWNzCmluaXRpYWxpemVBbmFseXRpY3MoKTsKCi8vIEltcG9ydCBIdWJTcG90IHV0aWxpdGllcwppbXBvcnQoJy4vbGliL2NzcC1vdmVycmlkZScpLnRoZW4oKCkgPT4gewogIGNvbnNvbGUubG9nKCdDU1Agb3ZlcnJpZGUgbG9hZGVkIGZvciBIdWJTcG90IGNvbXBhdGliaWxpdHknKTsKfSk7CgppbXBvcnQoJy4vbGliL2h1YnNwb3QtZGlyZWN0JykudGhlbigoKSA9PiB7CiAgY29uc29sZS5sb2coJ0h1YlNwb3QgZGlyZWN0IGludGVncmF0aW9uIGxvYWRlZCcpOwp9KTsKCmltcG9ydCgnLi9saWIvaHVic3BvdC12ZXJpZmljYXRpb24nKS50aGVuKG1vZHVsZSA9PiB7CiAgLy8gSHViU3BvdCB2ZXJpZmljYXRpb24gd2lsbCBhdXRvLXJ1biBvbiBwYWdlIGxvYWQKfSk7CgovLyBJbml0aWFsaXplIFJlYWN0IGFwcGxpY2F0aW9uCmNyZWF0ZVJvb3QoZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoInJvb3QiKSEpLnJlbmRlcig8QXBwIC8+KTsK">
    <link rel="modulepreload" href="/assets/App-xpfv1GBE.tsx">
    <link rel="modulepreload" href="/assets/home-B2IPoSJ4.tsx">

    <!-- HubSpot -->
    <script type="text/javascript" id="hs-script-loader" async defer src="https://js-na2.hs-scripts.com/243177420.js"></script>
    <link rel="dns-prefetch" href="https://js-na2.hs-scripts.com">
    <script type="module" crossorigin src="/assets/index-Chwmtl-5.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-DgBZ0esF.css">
  </head>
  <body>
    <!-- Inline loading skeleton shown before React hydrates -->
    <div id="root">
      <style>
        #tt-skeleton{position:fixed;inset:0;background:#f0fdf4;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;font-family:sans-serif}
        #tt-skeleton .bar{width:160px;height:6px;border-radius:3px;background:linear-gradient(90deg,#d1fae5,#6ee7b7,#d1fae5);background-size:200% 100%;animation:shimmer 1.4s infinite}
        #tt-skeleton .logo{font-size:22px;font-weight:700;color:#059669;margin-bottom:18px;letter-spacing:-0.5px}
        @keyframes shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}
      </style>
      <div id="tt-skeleton">
        <div class="logo">The Tranquil Trek</div>
        <div class="bar"></div>
      </div>
    </div>


    <!-- Speculation Rules for prefetching SPA routes -->
    <script type="speculationrules">
    {
      "prefetch": [{
        "source": "list",
        "urls": ["/discover","/city-guides","/articles","/health-wellness","/events","/trails","/itineraries","/partner-spotlights"],
        "eagerness": "moderate"
      }]
    }
    </script>

    <!-- LinkBot Support -->
    <script>
      (function() {
        var script = document.createElement('script');
        script.type = 'text/javascript';
        script.async = true;
        script.src = 'https://bot.linkbot.com/bot.js#46684-4baa5?property-id=46684-4baa5';
        var firstScript = document.getElementsByTagName('script')[0];
        firstScript.parentNode.insertBefore(script, firstScript);
      })();
    </script>

    <script type="text/javascript" src="https://replit.com/public/js/replit-dev-banner.js"></script>
  </body>
</html>
