
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
    <title>Fanlinka - Empowering South African Artists</title>
    <meta name="description" content="The direct-to-fan platform for South African independent music artists. Build your fanbase, sell music, and connect directly with your audience." />
    <meta name="author" content="Fanlinka" />
    <meta name="keywords" content="South African music, independent artists, direct-to-fan, music platform, artist marketing" />

    <!-- Preconnect to external domains for performance -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>

    <!-- PWA Meta Tags -->
    <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="Fanlinka" />
    <meta name="mobile-web-app-capable" content="yes" />
    <meta name="theme-color" content="#00796B" />
    
    <!-- PWA Manifest -->
    <link rel="manifest" href="/manifest.json" />
    
    <!-- Apple Touch Icons -->
    <link rel="apple-touch-icon" href="/lovable-uploads/2edf70b5-a1c9-40ef-ad0a-f6bc0c08145b.png" />
    <link rel="apple-touch-icon" sizes="152x152" href="/lovable-uploads/2edf70b5-a1c9-40ef-ad0a-f6bc0c08145b.png" />
    <link rel="apple-touch-icon" sizes="180x180" href="/lovable-uploads/2edf70b5-a1c9-40ef-ad0a-f6bc0c08145b.png" />
    <link rel="apple-touch-icon" sizes="167x167" href="/lovable-uploads/2edf70b5-a1c9-40ef-ad0a-f6bc0c08145b.png" />

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://www.fanlinka.com/" />
    <meta property="og:title" content="Fanlinka - Empowering South African Artists" />
    <meta property="og:description" content="The direct-to-fan platform for South African independent music artists. Build your fanbase, sell music, and connect directly with your audience." />
    <meta property="og:image" content="https://www.fanlinka.com/fanlinka-og-image-new.jpg" />
    <meta property="og:image:secure_url" content="https://www.fanlinka.com/fanlinka-og-image-new.jpg" />
    <meta property="og:image:type" content="image/jpeg" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:image:alt" content="Fanlinka – Your music, your terms" />
    <meta property="og:site_name" content="Fanlinka" />
    <meta property="og:locale" content="en_ZA" />

    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:url" content="https://www.fanlinka.com/" />
    <meta name="twitter:title" content="Fanlinka - Empowering South African Artists" />
    <meta name="twitter:description" content="The direct-to-fan platform for South African independent music artists. Build your fanbase, sell music, and connect directly with your audience." />
    <meta name="twitter:image" content="https://www.fanlinka.com/fanlinka-og-image-new.jpg" />
    <meta name="twitter:image:alt" content="Fanlinka – Your music, your terms" />
    <meta name="twitter:site" content="@fanlinka" />
    
    <!-- Canonical URL -->
    <link rel="canonical" href="https://www.fanlinka.com/" />
    
    <!-- Robots -->
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
    
    <!-- Google Fonts -->
    <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Poppins:wght@400;500;600;700&family=Urbanist:wght@400;500;600;700&display=swap" rel="stylesheet">
    
    <!-- Structured Data -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "Fanlinka",
      "url": "https://www.fanlinka.com",
      "logo": "https://www.fanlinka.com/logo.png",
      "description": "The direct-to-fan platform for South African independent music artists",
      "foundingDate": "2024",
      "foundingLocation": {
        "@type": "Place",
        "name": "South Africa"
      },
      "sameAs": [
        "https://twitter.com/fanlinka",
        "https://facebook.com/fanlinka",
        "https://instagram.com/fanlinka"
      ],
      "contactPoint": {
        "@type": "ContactPoint",
        "contactType": "customer service",
        "areaServed": "ZA",
        "availableLanguage": ["en", "af", "zu"]
      }
    }
    </script>

    <!-- PostHog Analytics -->
    <script>
      window.posthogConfig = {
        apiKey: '',
        apiHost: 'https://app.posthog.com',
        loaded: function(posthog) {
          console.log('PostHog loaded');
        }
      };
      
      if (typeof window !== 'undefined') {
        console.log('PostHog script loaded');
      }
    </script>

    <!-- Amplitude Analytics -->
    <script>
      window.amplitudeConfig = {
        apiKey: '',
        loaded: function() {
          console.log('Amplitude script loaded');
        }
      };
      
      if (typeof window !== 'undefined') {
        console.log('Amplitude script loaded');
      }
    </script>

    <!-- Sentry Error Tracking -->
    <script>
      window.sentryConfig = {
        dsn: '',
        loaded: function() {
          console.log('Sentry script loaded');
        }
      };
      
      if (typeof window !== 'undefined') {
        console.log('Sentry script loaded');
      }
    </script>
    <script type="module" crossorigin src="/assets/index-Eae1satn.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/chunk-Cm__pNde.js">
    <link rel="modulepreload" crossorigin href="/assets/chunk-BIuTMZi2.js">
    <link rel="modulepreload" crossorigin href="/assets/chunk-BcdKuah3.js">
    <link rel="modulepreload" crossorigin href="/assets/chunk-D2BOeYIl.js">
    <link rel="stylesheet" crossorigin href="/assets/styles/index-0E0W1W5l.css">
  </head>

  <body class="bg-fanbase-light font-inter">
    <div id="root"></div>
    
    <!-- Service Worker Registration -->
    <script>
      if ('serviceWorker' in navigator) {
        window.addEventListener('load', function() {
          navigator.serviceWorker.register('/sw.js')
            .then(function(registration) {
              console.log('SW registered: ', registration);
            })
            .catch(function(registrationError) {
              console.log('SW registration failed: ', registrationError);
            });
        });
      }
    </script>
    
    <!-- IMPORTANT: DO NOT REMOVE THIS SCRIPT TAG OR THIS VERY COMMENT! -->
    <script src="https://cdn.gpteng.co/gptengineer.js" type="module"></script>
  </body>
</html>
