<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5, user-scalable=yes, viewport-fit=cover" />
    <title>TranquilTrek - Discover Your Perfect Peaceful Escape</title>
    <meta name="description" content="Discover peaceful places and create meaningful connections with your environment. Find tranquil cafes, serene parks, meditation spots, and peaceful retreats.">
    <meta name="google-site-verification" content="fkmq8HRLfoTFMgSfod-G7NazZA5VNbDUBm_mLubozEM" />
    
    <!-- Mobile-specific optimizations -->
    <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="TranquilTrek">
    <meta name="mobile-web-app-capable" content="yes">
    <meta name="theme-color" content="#10b981">
    <meta name="msapplication-TileColor" content="#10b981">
    <meta name="msapplication-config" content="/browserconfig.xml">
    
    <!-- Critical Performance Optimizations for PageSpeed -->
    <meta name="format-detection" content="telephone=no">
    <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">
    
    <!-- Enhanced CDN and Resource Optimization -->
    <link rel="preconnect" href="https://images.unsplash.com" crossorigin>
    <link rel="preconnect" href="https://api.unsplash.com" crossorigin>
    <link rel="preconnect" href="https://cdn.jsdelivr.net" crossorigin>
    <link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin>
    <link rel="preconnect" href="https://fonts.googleapis.com" crossorigin>
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    
    <!-- DNS prefetch for faster domain resolution -->
    <link rel="dns-prefetch" href="https://images.unsplash.com">
    <link rel="dns-prefetch" href="https://api.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://fonts.googleapis.com">
    <link rel="dns-prefetch" href="https://fonts.gstatic.com">
    
    <!-- Preload critical resources for faster page rendering -->
    <link rel="preload" href="/public/favicon.svg" as="image" type="image/svg+xml">
    <link rel="modulepreload" href="data:application/octet-stream;base64,aW1wb3J0IHsgY3JlYXRlUm9vdCB9IGZyb20gInJlYWN0LWRvbS9jbGllbnQiOwppbXBvcnQgQXBwIGZyb20gIi4vQXBwIjsKaW1wb3J0ICIuL2luZGV4LmNzcyI7CmltcG9ydCAiLi9saWIvcGVyZm9ybWFuY2UiOwppbXBvcnQgeyBpbml0aWFsaXplQW5hbHl0aWNzIH0gZnJvbSAiLi9saWIvYW5hbHl0aWNzIjsKCi8vIERldmVsb3BtZW50IGVudmlyb25tZW50IHBvcnQgY2hlY2sgYW5kIGFwcGxpY2F0aW9uIGluaXRpYWxpemF0aW9uCmNvbnN0IGhvc3RuYW1lID0gd2luZG93LmxvY2F0aW9uLmhvc3RuYW1lOwpjb25zdCBwcm90b2NvbCA9IHdpbmRvdy5sb2NhdGlvbi5wcm90b2NvbDsKY29uc3QgcG9ydCA9IHdpbmRvdy5sb2NhdGlvbi5wb3J0OwoKLy8gUHJvZHVjdGlvbiBkb21haW4gSFRUUFMgcmVkaXJlY3QKaWYgKGhvc3RuYW1lID09PSAndGhldHJhbnF1aWx0cmVrLmNvbScgfHwgaG9zdG5hbWUgPT09ICd3d3cudGhldHJhbnF1aWx0cmVrLmNvbScpIHsKICBpZiAocHJvdG9jb2wgPT09ICdodHRwOicpIHsKICAgIGNvbnN0IGh0dHBzVXJsID0gd2luZG93LmxvY2F0aW9uLmhyZWYucmVwbGFjZSgnaHR0cDovLycsICdodHRwczovLycpOwogICAgY29uc29sZS5sb2coJ1tDTElFTlQgSFRUUFMgUkVESVJFQ1RdIEZPUkNJTkcgU0VDVVJFIENPTk5FQ1RJT046Jywgd2luZG93LmxvY2F0aW9uLmhyZWYsICctPicsIGh0dHBzVXJsKTsKICAgIHdpbmRvdy5sb2NhdGlvbi5yZXBsYWNlKGh0dHBzVXJsKTsKICAgIHRocm93IG5ldyBFcnJvcignUmVkaXJlY3RpbmcgdG8gSFRUUFMnKTsKICB9Cn0KCi8vIERldmVsb3BtZW50IGVudmlyb25tZW50IC0gZW5zdXJlIHByb3BlciBwb3J0IGFjY2VzcwppZiAoaG9zdG5hbWUuaW5jbHVkZXMoJ3JlcGxpdCcpIHx8IGhvc3RuYW1lLmluY2x1ZGVzKCdsb2NhbGhvc3QnKSkgewogIC8vIEluIFJlcGxpdCBkZXZlbG9wbWVudCwgdGhlIGFwcCBzaG91bGQgYmUgYWNjZXNzaWJsZSB0aHJvdWdoIHRoZSB3ZWJ2aWV3CiAgLy8gd2hpY2ggaGFuZGxlcyB0aGUgcG9ydCBtYXBwaW5nIGF1dG9tYXRpY2FsbHkKICBjb25zb2xlLmxvZygnW0NMSUVOVF0gRGV2ZWxvcG1lbnQgZW52aXJvbm1lbnQgZGV0ZWN0ZWQsIGluaXRpYWxpemluZyBhcHAnKTsKfQoKLy8gSW5pdGlhbGl6ZSBHb29nbGUgQW5hbHl0aWNzCmluaXRpYWxpemVBbmFseXRpY3MoKTsKCi8vIEltcG9ydCBIdWJTcG90IHV0aWxpdGllcwppbXBvcnQoJy4vbGliL2NzcC1vdmVycmlkZScpLnRoZW4oKCkgPT4gewogIGNvbnNvbGUubG9nKCdDU1Agb3ZlcnJpZGUgbG9hZGVkIGZvciBIdWJTcG90IGNvbXBhdGliaWxpdHknKTsKfSk7CgppbXBvcnQoJy4vbGliL2h1YnNwb3QtZGlyZWN0JykudGhlbigoKSA9PiB7CiAgY29uc29sZS5sb2coJ0h1YlNwb3QgZGlyZWN0IGludGVncmF0aW9uIGxvYWRlZCcpOwp9KTsKCmltcG9ydCgnLi9saWIvaHVic3BvdC12ZXJpZmljYXRpb24nKS50aGVuKG1vZHVsZSA9PiB7CiAgLy8gSHViU3BvdCB2ZXJpZmljYXRpb24gd2lsbCBhdXRvLXJ1biBvbiBwYWdlIGxvYWQKfSk7CgovLyBJbml0aWFsaXplIFJlYWN0IGFwcGxpY2F0aW9uCmNyZWF0ZVJvb3QoZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoInJvb3QiKSEpLnJlbmRlcig8QXBwIC8+KTsK">
    
    <!-- Resource hints for CDN optimization -->
    <meta name="x-cdn-optimized" content="true">
    <meta name="x-cdn-provider" content="Replit-Edge">
    <meta name="x-cdn-region" content="US-CANADA">
    
    <!-- CDN Optimization Script -->
    
    <!-- Service Worker Registration for Advanced CDN Caching -->
    <script>
      if ('serviceWorker' in navigator) {
        window.addEventListener('load', () => {
          navigator.serviceWorker.register('/public/sw-cdn.js')
            .then(registration => {
              console.log('CDN Service Worker registered:', registration);
            })
            .catch(error => {
              console.log('CDN Service Worker registration failed:', error);
            });
        });
      }
    </script>
    
    <!-- Preload critical CSS and JS resources -->
    <link rel="modulepreload" href="data:application/octet-stream;base64,aW1wb3J0IHsgY3JlYXRlUm9vdCB9IGZyb20gInJlYWN0LWRvbS9jbGllbnQiOwppbXBvcnQgQXBwIGZyb20gIi4vQXBwIjsKaW1wb3J0ICIuL2luZGV4LmNzcyI7CmltcG9ydCAiLi9saWIvcGVyZm9ybWFuY2UiOwppbXBvcnQgeyBpbml0aWFsaXplQW5hbHl0aWNzIH0gZnJvbSAiLi9saWIvYW5hbHl0aWNzIjsKCi8vIERldmVsb3BtZW50IGVudmlyb25tZW50IHBvcnQgY2hlY2sgYW5kIGFwcGxpY2F0aW9uIGluaXRpYWxpemF0aW9uCmNvbnN0IGhvc3RuYW1lID0gd2luZG93LmxvY2F0aW9uLmhvc3RuYW1lOwpjb25zdCBwcm90b2NvbCA9IHdpbmRvdy5sb2NhdGlvbi5wcm90b2NvbDsKY29uc3QgcG9ydCA9IHdpbmRvdy5sb2NhdGlvbi5wb3J0OwoKLy8gUHJvZHVjdGlvbiBkb21haW4gSFRUUFMgcmVkaXJlY3QKaWYgKGhvc3RuYW1lID09PSAndGhldHJhbnF1aWx0cmVrLmNvbScgfHwgaG9zdG5hbWUgPT09ICd3d3cudGhldHJhbnF1aWx0cmVrLmNvbScpIHsKICBpZiAocHJvdG9jb2wgPT09ICdodHRwOicpIHsKICAgIGNvbnN0IGh0dHBzVXJsID0gd2luZG93LmxvY2F0aW9uLmhyZWYucmVwbGFjZSgnaHR0cDovLycsICdodHRwczovLycpOwogICAgY29uc29sZS5sb2coJ1tDTElFTlQgSFRUUFMgUkVESVJFQ1RdIEZPUkNJTkcgU0VDVVJFIENPTk5FQ1RJT046Jywgd2luZG93LmxvY2F0aW9uLmhyZWYsICctPicsIGh0dHBzVXJsKTsKICAgIHdpbmRvdy5sb2NhdGlvbi5yZXBsYWNlKGh0dHBzVXJsKTsKICAgIHRocm93IG5ldyBFcnJvcignUmVkaXJlY3RpbmcgdG8gSFRUUFMnKTsKICB9Cn0KCi8vIERldmVsb3BtZW50IGVudmlyb25tZW50IC0gZW5zdXJlIHByb3BlciBwb3J0IGFjY2VzcwppZiAoaG9zdG5hbWUuaW5jbHVkZXMoJ3JlcGxpdCcpIHx8IGhvc3RuYW1lLmluY2x1ZGVzKCdsb2NhbGhvc3QnKSkgewogIC8vIEluIFJlcGxpdCBkZXZlbG9wbWVudCwgdGhlIGFwcCBzaG91bGQgYmUgYWNjZXNzaWJsZSB0aHJvdWdoIHRoZSB3ZWJ2aWV3CiAgLy8gd2hpY2ggaGFuZGxlcyB0aGUgcG9ydCBtYXBwaW5nIGF1dG9tYXRpY2FsbHkKICBjb25zb2xlLmxvZygnW0NMSUVOVF0gRGV2ZWxvcG1lbnQgZW52aXJvbm1lbnQgZGV0ZWN0ZWQsIGluaXRpYWxpemluZyBhcHAnKTsKfQoKLy8gSW5pdGlhbGl6ZSBHb29nbGUgQW5hbHl0aWNzCmluaXRpYWxpemVBbmFseXRpY3MoKTsKCi8vIEltcG9ydCBIdWJTcG90IHV0aWxpdGllcwppbXBvcnQoJy4vbGliL2NzcC1vdmVycmlkZScpLnRoZW4oKCkgPT4gewogIGNvbnNvbGUubG9nKCdDU1Agb3ZlcnJpZGUgbG9hZGVkIGZvciBIdWJTcG90IGNvbXBhdGliaWxpdHknKTsKfSk7CgppbXBvcnQoJy4vbGliL2h1YnNwb3QtZGlyZWN0JykudGhlbigoKSA9PiB7CiAgY29uc29sZS5sb2coJ0h1YlNwb3QgZGlyZWN0IGludGVncmF0aW9uIGxvYWRlZCcpOwp9KTsKCmltcG9ydCgnLi9saWIvaHVic3BvdC12ZXJpZmljYXRpb24nKS50aGVuKG1vZHVsZSA9PiB7CiAgLy8gSHViU3BvdCB2ZXJpZmljYXRpb24gd2lsbCBhdXRvLXJ1biBvbiBwYWdlIGxvYWQKfSk7CgovLyBJbml0aWFsaXplIFJlYWN0IGFwcGxpY2F0aW9uCmNyZWF0ZVJvb3QoZG9jdW1lbnQuZ2V0RWxlbWVudEJ5SWQoInJvb3QiKSEpLnJlbmRlcig8QXBwIC8+KTsK">
    <link rel="modulepreload" href="/assets/App-ytAo8Nnn.tsx">
    <link rel="modulepreload" href="/assets/home-CDUk1BXU.tsx">
    
    <!-- Critical image preload for hero section -->
    <link rel="preload" 
          as="image" 
          href="https://images.unsplash.com/photo-1506905925346-21bda4d32df4?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&h=600&q=75"
          fetchpriority="high">
    
    <!-- Google Analytics will be initialized by analytics.ts -->

    <!-- HubSpot Embed Code for Marketing Automation -->
    <script type="text/javascript" id="hs-script-loader" async defer src="https://js-na2.hs-scripts.com/243177420.js"></script>

    <!-- Google AdSense -->
    <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-8760147333146876"
         crossorigin="anonymous"></script>
    
    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website">
    <meta property="og:title" content="TranquilTrek - Discover Your Perfect Peaceful Escape">
    <meta property="og:description" content="Find tranquil cafes, serene parks, meditation spots, and peaceful retreats near you.">
    <meta property="og:image" content="https://images.unsplash.com/photo-1506905925346-21bda4d32df4?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&h=630">

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image">
    <meta property="twitter:title" content="TranquilTrek - Discover Your Perfect Peaceful Escape">
    <meta property="twitter:description" content="Find tranquil cafes, serene parks, meditation spots, and peaceful retreats near you.">
    <meta property="twitter:image" content="https://images.unsplash.com/photo-1506905925346-21bda4d32df4?ixlib=rb-4.0.3&auto=format&fit=crop&w=1200&h=630">

    <!-- Critical Performance Optimizations for PageSpeed -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link rel="preconnect" href="https://images.unsplash.com">
    <link rel="dns-prefetch" href="https://cdnjs.cloudflare.com">
    <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://pagead2.googlesyndication.com">
    <link rel="preconnect" href="https://bot.linkbot.com" crossorigin>
    <link rel="dns-prefetch" href="https://vnre89xgm1.execute-api.us-east-1.amazonaws.com">
    
    <!-- HubSpot Performance Optimization -->
    <link rel="dns-prefetch" href="https://js-na2.hs-scripts.com">
    <link rel="dns-prefetch" href="https://js-na2.hs-banner.com">
    <link rel="dns-prefetch" href="https://js-na2.hscollectedforms.net">
    <link rel="dns-prefetch" href="https://js-na2.hs-analytics.net">
    
    <!-- Preload critical fonts with font-display swap -->
    <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>
    
    <!-- Optimized font loading with reduced render blocking -->
    <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'">
    
    <!-- Critical CSS fallback removed for performance optimization -->
    
    <!-- Critical image preloading with priority hint -->
    <link rel="preload" as="image" href="https://images.unsplash.com/photo-1506905925346-21bda4d32df4?ixlib=rb-4.0.3&auto=format&fit=crop&w=1920&h=1080&q=75&fm=webp&dpr=1" fetchpriority="high">
    
    <!-- Resource hints for better loading -->
    <link rel="prefetch" href="/assets/landing-DMb9OiNz.js">
    <link rel="modulepreload" href="/assets/index-Dszmzchl.js">
    <script type="module" crossorigin src="/assets/index-Bfu112vN.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-DUoFW1fO.css">
  </head>
  <body>
    <div id="root"></div>
    <!-- LinkBot Customer Support Chatbot -->
    <script>
      // Initialize LinkBot with proper configuration
      (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';
        script.onload = function() {
          console.log('LinkBot script loaded successfully');
          // Force show widget after script loads
          if (typeof window.showLinkbotWidget !== 'undefined') {
            window.showLinkbotWidget = true;
          }
          if (typeof window.initApplication === 'function') {
            setTimeout(function() {
              window.initApplication();
            }, 1000);
          }
        };
        var firstScript = document.getElementsByTagName('script')[0];
        firstScript.parentNode.insertBefore(script, firstScript);
      })();
    </script>
    
    <!-- This is a replit script which adds a banner on the top of the page when opened in development mode outside the replit environment -->
    <script type="text/javascript" src="https://replit.com/public/js/replit-dev-banner.js"></script>
  </body>
</html>
