<!doctype html>
<html lang="en">
  <head>
    <!-- Dynamic lang attribute: Set immediately from URL before React loads -->
    <script>
      (function() {
        var match = window.location.pathname.match(/^\/([a-z]{2})\//);
        var validLangs = ['en','nl','fr','de','fi','pl','da','hu','sv','no'];
        if (match && validLangs.indexOf(match[1]) !== -1) {
          document.documentElement.lang = match[1];
        }
      })();
    </script>
    <!-- Infrastructure tags only - SEO managed by SSG/middleware per route -->
    <meta charset="UTF-8" />
    <!-- dev-server-refresh: 2026-04-01 -->
    <meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" />
    <meta name="theme-color" content="#d4a574" />
    <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="black-translucent" />
    <link rel="icon" type="image/png" href="/favicon.png">
    <link rel="apple-touch-icon" href="/favicon.png" />
    
    <!-- Font Optimization: Preconnect and async preload -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com">
    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Lato:wght@400;700&family=Raleway:wght@400;500;600;700&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript>
      <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,600;0,700;1,400&family=Lato:wght@400;700&family=Raleway:wght@400;500;600;700&display=swap">
    </noscript>
    
    <!-- Preload LCP hero image (self-hosted) -->
    <link rel="preload" as="image" href="/assets/hero-poster.webp" type="image/webp" fetchpriority="high">
    
    <!-- DNS Prefetch for external domains -->
    <link rel="dns-prefetch" href="https://kazggnufaoicopvmwhdl.supabase.co">
    <link rel="dns-prefetch" href="https://fonts.googleapis.com">
    <link rel="dns-prefetch" href="https://fonts.gstatic.com">
    <link rel="dns-prefetch" href="https://images.unsplash.com">
    
    <!-- FALLBACK TITLE ONLY - All SEO (canonical, og, twitter, schema) injected by SSG/middleware -->
    <title>Costa del Sol Real Estate | DelSolPrimeHomes</title>
  <script type="module" crossorigin src="/assets/index-CEy3n3KF.js"></script>
  <link rel="modulepreload" crossorigin href="/assets/react-vendor-80o9O322.js">
  <link rel="modulepreload" crossorigin href="/assets/query-supabase-vendor-K4PfnLv2.js">
  <link rel="modulepreload" crossorigin href="/assets/ui-vendor-EoUuiK19.js">
  <link rel="modulepreload" crossorigin href="/assets/charts-vendor-BD7lRJy4.js">
  <link rel="modulepreload" crossorigin href="/assets/icons-vendor-B-rh59Xz.js">
  <link rel="modulepreload" crossorigin href="/assets/motion-vendor-BAuofTn1.js">
  <link rel="modulepreload" crossorigin href="/assets/forms-vendor-qgG26cO-.js">
  <link rel="modulepreload" crossorigin href="/assets/date-vendor-B2nP1brD.js">
  <link rel="stylesheet" crossorigin href="/assets/index--Py4n_Lq.css">
</head>

  <body>
    <!-- Google Tag Manager (noscript) -->
    <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-MNQLS97C"
    height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
    <!-- End Google Tag Manager (noscript) -->
    <div id="root"></div>
    <!-- Google Tag Manager (deferred to reduce TBT) -->
    <script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
    new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
    j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
    'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
    })(window,document,'script','dataLayer','GTM-MNQLS97C');</script>
    <!-- End Google Tag Manager -->
  </body>
</html>
