<!doctype html>
<html lang="en">
  <head>
    <!-- Third-party scripts will be loaded by React component for better performance -->
    <!-- Preconnect to font CDNs to speed up font loading -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Företagstvätt – restaurang, bageri, hotell, cafe & arbetskläder</title>
    <meta name="description" content="Helhetslösning för företagstvätt: billigt, snabbt och smidigt. Restaurang, bageri, hotell, café & arbetskläder – hämtning och leverans." />
    <meta name="robots" content="index,follow" />
    <meta name="theme-color" content="#111827" />
    <meta name="powered-by" content="Företagstvätt.se" />
    
    <!-- Critical CSS for above-the-fold content -->
    <style>
      /* Critical styles for LCP element */
      .hero-section { 
        font-family: 'Montserrat', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif; 
        background: #f9fafb; 
        min-height: 72vh; 
        display: flex; 
        align-items: center; 
        justify-content: center; 
        padding: 2rem 0;
      }
      
      .hero-title { 
        font-family: system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Helvetica, Arial, sans-serif; 
        font-weight: 700; 
        letter-spacing: 0.01em; 
        color: #171717; 
        line-height: 1.1;
        font-size: 1.875rem;
        margin: 0;
        padding: 0;
      }
      
      .hero-description { 
        font-family: Georgia, Cambria, "Times New Roman", Times, serif; 
        color: #525252; 
        line-height: 1.5;
        font-size: 1rem;
        margin: 0;
        padding: 0;
      }
      
      .hero-button { 
        background: #1565c0; 
        color: white; 
        font-weight: bold; 
        border-radius: 9999px; 
        transition: background-color 0.2s;
        border: none;
        cursor: pointer;
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', sans-serif;
      }
      
      .hero-button:hover { 
        background: #1f2937; 
      }
      
      /* Prevent layout shifts */
      .hero-section * {
        box-sizing: border-box;
      }
      
      /* Loading state styles */
      .loading-spinner {
        width: 40px;
        height: 40px;
        border: 4px solid #e2e8f0;
        border-top: 4px solid #6b7280;
        border-radius: 50%;
        animation: spin 1s linear infinite;
        margin: 0 auto 1rem;
      }
      
      @keyframes spin {
        0% { transform: rotate(0deg); }
        100% { transform: rotate(360deg); }
      }
    </style>
    
    <!-- Load Google Fonts stylesheet (display=optional to avoid CLS) -->
    <link rel="preload" href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600&family=Montserrat:wght@400;500;600;700;800;900&display=optional" as="style" onload="this.onload=null;this.rel='stylesheet'">
    <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Playfair+Display:wght@400;500;600;700&family=Inter:wght@300;400;500;600&family=Montserrat:wght@400;500;600;700;800;900&display=optional"></noscript>
    
    <!-- Favicon -->
    <link rel="icon" type="image/png" href="/WSHIFY.png" />
    <link rel="shortcut icon" href="/WSHIFY.png" />
    
    <!-- Web App Manifest -->
    <link rel="manifest" href="/manifest.json" />
    
    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://www.företagstvätt.se/" />
    <meta property="og:title" content="Företagstvätt – restaurang, bageri, hotell, cafe & arbetskläder" />
    <meta property="og:description" content="Helhetslösning för företagstvätt: billigt, snabbt och smidigt. Restaurang, bageri, hotell, café & arbetskläder – hämtning och leverans." />
    <meta property="og:image" content="https://www.företagstvätt.se/og-image.jpg" />

    <!-- Twitter -->
    <meta property="twitter:card" content="summary_large_image" />
    <meta property="twitter:url" content="https://www.företagstvätt.se/" />
    <meta property="twitter:title" content="Företagstvätt – restaurang, bageri, hotell, cafe & arbetskläder" />
    <meta property="twitter:description" content="Helhetslösning för företagstvätt: billigt, snabbt och smidigt. Restaurang, bageri, hotell, café & arbetskläder – hämtning och leverans." />
    <meta property="twitter:image" content="https://www.företagstvätt.se/og-image.jpg" />

    <!-- Structured Data -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "Alfred Lindsmyr",
      "url": "https://www.företagstvätt.se",
      "alternateName": ["Företagstvätt.se", "https://www.xn--fretagstvtt-t8a9t.se"],
      "logo": "https://www.företagstvätt.se/customers/Logga Företagstvätt.png",
      "description": "Företagstvätt med hämtning & leverans. Smidig tvättservice för restaurang, hotell, vård & wellness. Inga bindningstider, transparent prissättning.",
      "address": {
        "@type": "PostalAddress",
        "streetAddress": "Storgatan 64",
        "postalCode": "17152",
        "addressLocality": "Solna",
        "addressCountry": "SE"
      },
      "contactPoint": {
        "@type": "ContactPoint",
        "telephone": "+46105558631",
        "contactType": "customer service",
        "availableLanguage": ["Swedish", "English"]
      },
      "sameAs": [
        "https://www.xn--fretagstvtt-t8a9t.se"
      ]
    }
    </script>
    <script type="module" crossorigin src="/assets/index-BHrJl8Th.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/vendor-BYp_-1eU.js">
    <link rel="modulepreload" crossorigin href="/assets/react-Cj1oPftd.js">
    <link rel="modulepreload" crossorigin href="/assets/router-DQGeDF4i.js">
    <link rel="modulepreload" crossorigin href="/assets/components-DqdhTnRY.js">
    <link rel="stylesheet" crossorigin href="/assets/index-BZqyr71h.css">
  </head>
  <body>
    
    <div id="root">
      <div style="display: flex; justify-content: center; align-items: center; height: 100vh; font-family: Arial, sans-serif; background: #f8fafc; color: #64748b;">
        <div style="text-align: center;">
          <div class="loading-spinner"></div>
          <p>Laddar...</p>
        </div>
      </div>
    </div>
  </body>
</html>