<!DOCTYPE html>
<html lang="en" style="background-color: #000000;">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1" />
    
    <!-- Primary Meta Tags -->
    <title>Side Hustle - Find Your Perfect Side Income Opportunity | Expert Coaching | sidehustle.co.uk</title>
    <meta name="title" content="Side Hustle - Find Your Perfect Side Income Opportunity | Expert Coaching | sidehustle.co.uk" />
    <meta name="description" content="Smart matching technology finds side hustle opportunities perfectly suited to your skills, schedule, and income goals. Get expert coaching to launch successfully and earn £2,000+ monthly in the UK." />
    <meta name="keywords" content="side hustle UK, side income, freelancing, work from home, extra income, coaching, remote work, flexible jobs, earn money online, second income, part time work" />
    <meta name="author" content="Side Hustle" />
    <meta name="robots" content="index, follow" />
    <meta name="language" content="English" />
    <meta name="geo.region" content="GB" />
    <meta name="geo.country" content="United Kingdom" />
    <link rel="canonical" href="https://sidehustle.co.uk" />
    
    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://sidehustle.co.uk" />
    <meta property="og:site_name" content="Side Hustle" />
    <meta property="og:title" content="Side Hustle - Find Your Perfect Side Income Opportunity | Expert Coaching" />
    <meta property="og:description" content="Smart matching technology finds side hustle opportunities perfectly suited to your skills, schedule, and income goals. Get expert coaching to launch successfully and earn £2,000+ monthly." />
    <meta property="og:image" content="https://sidehustle.co.uk/favicon.png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:image:alt" content="Side Hustle - Smart matching for side income opportunities" />
    <meta property="og:locale" content="en_GB" />
    
    <!-- Twitter Card -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:site" content="@sidehustleuk" />
    <meta name="twitter:creator" content="@sidehustleuk" />
    <meta name="twitter:title" content="Side Hustle - Find Your Perfect Side Income Opportunity" />
    <meta name="twitter:description" content="Smart matching technology finds side hustle opportunities perfectly suited to your skills, schedule, and income goals. Get expert coaching to launch successfully." />
    <meta name="twitter:image" content="https://sidehustle.co.uk/favicon.png" />
    <meta name="twitter:image:alt" content="Side Hustle platform showing personalized recommendations" />
    
    <!-- Mobile & PWA Meta Tags -->
    <meta name="theme-color" content="#1f2937" />
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="apple-mobile-web-app-title" content="Side Hustle" />
    <meta name="application-name" content="Side Hustle" />
    <meta name="msapplication-TileColor" content="#1f2937" />
    
    <!-- Favicon -->
    <link rel="icon" type="image/png" sizes="32x32" href="/favicon.png" />
    <link rel="icon" type="image/png" sizes="16x16" href="/favicon.png" />
    <link rel="shortcut icon" href="/favicon.png" />
    
    <!-- PWA Manifest -->
    <link rel="manifest" href="/manifest.json" />
    
    <!-- iOS Meta Tags -->
    <meta name="apple-mobile-web-app-capable" content="yes" />
    <meta name="apple-mobile-web-app-status-bar-style" content="black-translucent" />
    <meta name="apple-mobile-web-app-title" content="Side Hustle" />
    <link rel="apple-touch-icon" href="/favicon.png" />
    
    <!-- Preconnect for Performance -->
    <link rel="preconnect" href="https://fonts.googleapis.com" />
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin />
    
    <!-- Resource Hints -->
    <link rel="dns-prefetch" href="//api.openai.com" />
    
    <!-- Block Replit dev banner in production -->
    <script>
      // Prevent Replit dev banner from loading in production
      if (window.location.hostname === 'sidehustle.co.uk' || !window.location.hostname.includes('replit')) {
        // Block any scripts trying to inject the Replit banner
        const originalAppendChild = document.head.appendChild;
        document.head.appendChild = function(node) {
          if (node && node.src && node.src.includes('replit-dev-banner')) {
            console.debug('Blocked Replit dev banner in production');
            return node;
          }
          return originalAppendChild.call(this, node);
        };
      }
    </script>
    
    <!-- Critical CSS inline for faster loading -->
    <style>
      /* Critical CSS for initial page load */
      body { 
        font-family: 'Inter', -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
        margin: 0;
        background-color: #000000;
        color: #ffffff;
      }
      .loading-skeleton {
        background: linear-gradient(90deg, rgba(255,255,255,0.1) 25%, rgba(255,255,255,0.2) 50%, rgba(255,255,255,0.1) 75%);
        background-size: 200% 100%;
        animation: loading 1.5s infinite;
      }
      @keyframes loading {
        0% { background-position: 200% 0; }
        100% { background-position: -200% 0; }
      }
    </style>
    
    <!-- Structured Data for SEO -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebApplication",
      "name": "Side Hustle",
      "description": "Smart matching technology finds side hustle opportunities perfectly suited to your skills, schedule, and income goals.",
      "url": "https://sidehustle.co.uk",
      "applicationCategory": "BusinessApplication",
      "operatingSystem": "All",
      "offers": {
        "@type": "Offer",
        "price": "0",
        "priceCurrency": "GBP",
        "description": "Free smart matching with premium coaching options"
      },
      "author": {
        "@type": "Organization",
        "name": "Side Hustle",
        "url": "https://sidehustle.co.uk"
      },
      "publisher": {
        "@type": "Organization",
        "name": "Side Hustle",
        "url": "https://sidehustle.co.uk",
        "logo": {
          "@type": "ImageObject",
          "url": "https://sidehustle.co.uk/logo.png",
          "width": 300,
          "height": 300
        }
      },
      "aggregateRating": {
        "@type": "AggregateRating",
        "ratingValue": "4.8",
        "ratingCount": "2000",
        "bestRating": "5",
        "worstRating": "1"
      }
    }
    </script>

    <!-- Business Organization Schema -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "Side Hustle",
      "url": "https://sidehustle.co.uk",
      "logo": "https://sidehustle.co.uk/logo.png",
      "description": "Expert coaching and smart matching for side income opportunities",
      "address": {
        "@type": "PostalAddress",
        "addressCountry": "GB"
      },
      "contactPoint": {
        "@type": "ContactPoint",
        "contactType": "customer service",
        "url": "https://sidehustle.co.uk/contact"
      },
      "sameAs": [
        "https://twitter.com/sidehustleuk",
        "https://linkedin.com/company/sidehustle"
      ]
    }
    </script>

    <!-- FAQ Schema -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "FAQPage",
      "mainEntity": [
        {
          "@type": "Question",
          "name": "How does Side Hustle matching work?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Our smart matching technology analyzes your skills, schedule, and income goals to recommend personalized side hustle opportunities that fit your lifestyle."
          }
        },
        {
          "@type": "Question", 
          "name": "How much can I earn with a side hustle?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "Our users typically earn £1,000-£3,000+ monthly, depending on their chosen opportunity and time commitment. Many achieve £2,000+ with consistent effort."
          }
        },
        {
          "@type": "Question",
          "name": "Do I need experience to start?",
          "acceptedAnswer": {
            "@type": "Answer",
            "text": "No! Our expert coaching helps complete beginners launch successful side hustles. We match opportunities to your existing skills and provide guidance every step of the way."
          }
        }
      ]
    }
    </script>

    <!-- 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', '1303117938141303');
    fbq('track', 'PageView');
    </script>
    <!-- End Meta Pixel Code -->
    <script type="module" crossorigin src="/assets/index-qCf5V1we.js"></script>
    <link rel="stylesheet" crossorigin href="/assets/index-BUod7sDY.css">
  </head>
  <body>
    <!-- Meta Pixel Code (noscript) -->
    <noscript><img height="1" width="1" style="display:none"
    src="https://www.facebook.com/tr?id=1303117938141303&ev=PageView&noscript=1"
    /></noscript>
    <!-- End Meta Pixel Code (noscript) -->
    <div id="root" style="min-height: 100vh; background: linear-gradient(to bottom, #111827, #000000);"></div>
    <!-- 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>