<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8" />
    <link rel="icon" type="image/png" href="/boathous-icon.png" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0" />
    <!-- Meta robots tag is now managed dynamically by SEOHead component -->
    <meta name="theme-color" content="#5bc1eb" />

    <!--
      Pure-CSS toggle for the static legal-links fallback.
      Default: hidden. When JS is disabled the <noscript> stylesheet overrides
      and shows it. We avoid relying on a JS-detection script because Cloudflare
      Rocket Loader (cf-cache-status: DYNAMIC on this domain) defers inline
      scripts and would cause a flash of the fallback before React mounts.
      The fallback content stays in the HTML for crawlers that don't run JS.
    -->
    <style>#static-fallback{display:none}</style>
    <noscript><style>#static-fallback{display:block!important}</style></noscript>
    
    <!-- Move page-specific SEO (title, description, canonical, OG/Twitter) to React Helmet on each route to avoid duplicates. -->

    <!-- Ahrefs Web Analytics is loaded from the React side via the
         AhrefsAnalytics component so we can skip bots/crawlers (ALH-446). -->

    <!--
      Google tag (gtag.js) — Consent Mode v2 + queue init.
      The <script src> loader is injected from src/components/GA4Analytics.jsx
      so we can skip bots/crawlers and localhost (ALH-451).
      The inline block below MUST stay in <head> so consent defaults are set
      before any deferred script runs; gtag() calls queue into dataLayer and
      flush once the loader script runs.
      send_page_view: false avoids the implicit first page_view — the SPA
      hook (usePageViewTracking) emits page_view on every route change,
      including the first one.
    -->
    <script>
      window.dataLayer = window.dataLayer || [];
      window.gtag = function(){dataLayer.push(arguments);};
      gtag('consent', 'default', {
        'analytics_storage': 'denied',
        'ad_storage': 'denied',
        'ad_user_data': 'denied',
        'ad_personalization': 'denied'
      });
      gtag('js', new Date());
      gtag('config', 'G-XTCZP6F2T5', { send_page_view: false });
    </script>
    <script type="module" crossorigin src="/assets/index-CfiUM2Qn.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/vendor-CBIcP84Y.js">
    <link rel="stylesheet" crossorigin href="/assets/index-3ezurbDZ.css">
  </head>
  <body>
    <!-- Meta Pixel Code -->
    <script>
      !function(f,b,e,v,n,t,s)
      {if(f.fbq)return;n=f.fbq=function(){n.callMethod?
      n.callMethod.apply(n,arguments):n.queue.push(arguments)};
      if(!f._fbq)f._fbq=n;n.push=n;n.loaded=!0;n.version='2.0';
      n.queue=[];t=b.createElement(e);t.async=!0;
      t.src=v;s=b.getElementsByTagName(e)[0];
      s.parentNode.insertBefore(t,s)}(window, document,'script',
      'https://connect.facebook.net/en_US/fbevents.js');
      fbq('init', '1227417472264375');
      fbq('track', 'PageView');
    </script>
    <noscript><img height="1" width="1" style="display:none"
    src="https://www.facebook.com/tr?id=1227417472264375&ev=PageView&noscript=1"
    /></noscript>
    <!-- End Meta Pixel Code -->
    
    <div id="root"></div>

    <!--
      Static fallback for crawlers, search bots, and clients without JavaScript.
      Removed by main.jsx as soon as React mounts so real users never see it.
      Required by Google's OAuth verification process which checks that the home
      page contains a discoverable link to the Privacy Policy in the initial HTML.
    -->
    <div id="static-fallback" style="font-family:system-ui,-apple-system,sans-serif;text-align:center;padding:24px 16px;color:#555;font-size:14px;background:#f7f7f7">
      <h1 style="font-size:18px;margin:0 0 8px;color:#222">Boathous</h1>
      <p style="margin:0 0 12px">The peer-to-peer boat rental marketplace. JavaScript is required to use the application.</p>
      <p style="margin:0">
        <a href="/en/privacidad" style="color:#0066cc;margin:0 6px">Privacy Policy</a>·
        <a href="/en/terminos" style="color:#0066cc;margin:0 6px">Terms of Service</a>·
        <a href="/en/cookies" style="color:#0066cc;margin:0 6px">Cookie Policy</a>·
        <a href="mailto:gerencia@boathous.com" style="color:#0066cc;margin:0 6px">Contact</a>
      </p>
    </div>
    <noscript>
      <div style="font-family:system-ui,-apple-system,sans-serif;text-align:center;padding:24px 16px;color:#a00">
        <p>Boathous requires JavaScript to function. Please enable it to access the full application.</p>
        <p>Read our <a href="/en/privacidad">Privacy Policy</a>, <a href="/en/terminos">Terms of Service</a> and <a href="/en/cookies">Cookie Policy</a>.</p>
      </div>
    </noscript>

  </body>
</html>
