<!doctype html>
<html lang="en">

<head>
  <meta charset="UTF-8" />
  
  <!-- Google Analytics 4 -->
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-VYPPNGNTMT" type="5b36e6ea244180f51bd7a913-text/javascript"></script>
  <script type="5b36e6ea244180f51bd7a913-text/javascript">
    window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-VYPPNGNTMT', {
      page_title: document.title,
      page_location: window.location.href,
      send_page_view: true
    });
  </script>

  <!-- Ahrefs Analytics -->
  <script src="https://analytics.ahrefs.com/analytics.js" data-key="ze2NuuZ4mVfVfSBME2kJhg" async type="5b36e6ea244180f51bd7a913-text/javascript"></script>

  <!-- Favicon -->
  <link rel="apple-touch-icon" sizes="180x180" href="/favicon/apple-touch-icon.png">
  <link rel="icon" type="image/png" sizes="32x32" href="/favicon/favicon-32x32.png">
  <link rel="icon" type="image/png" sizes="16x16" href="/favicon/favicon-16x16.png">
  <link rel="manifest" href="/favicon/site.webmanifest">
  <link rel="mask-icon" href="/favicon/safari-pinned-tab.svg" color="#5bbad5">
  <meta name="msapplication-TileColor" content="#da532c">
  <meta name="theme-color" content="#ffffff">

  <meta name="viewport" content="width=device-width, initial-scale=1.0" />

  <!-- Enhanced Security Headers -->
  <meta http-equiv="X-Content-Type-Options" content="nosniff">
  <meta http-equiv="Referrer-Policy" content="strict-origin-when-cross-origin">
  <meta http-equiv="Strict-Transport-Security" content="max-age=31536000; includeSubDomains; preload">
  
  <!-- Chrome CORS Support -->
  <meta name="referrer" content="strict-origin-when-cross-origin">
  
  <!-- Content Security Policy - Chrome-compatible with S3 buckets and Cloudflare -->
  <meta http-equiv="Content-Security-Policy" content="
    default-src 'self' https:;
    script-src 'self' 'unsafe-inline' 'unsafe-eval' https://www.googletagmanager.com https://www.google-analytics.com https://analytics.ahrefs.com https://static.cloudflareinsights.com https://challenges.cloudflare.com https://*.cloudflareinsights.com;
    style-src 'self' 'unsafe-inline' https://fonts.cdnfonts.com https://cdnjs.cloudflare.com;
    img-src 'self' data: https: blob: https://modelfriends-bucket.s3.eu-north-1.amazonaws.com https://verification-docs-bucket.s3.eu-north-1.amazonaws.com;
    font-src 'self' https://fonts.cdnfonts.com https://cdnjs.cloudflare.com;
    connect-src 'self' https: wss: ws: http://localhost:* https://modelfriends-bucket.s3.eu-north-1.amazonaws.com https://verification-docs-bucket.s3.eu-north-1.amazonaws.com https://analytics.ahrefs.com https://cloudflareinsights.com https://*.cloudflareinsights.com https://challenges.cloudflare.com;
    frame-src 'self' https://challenges.cloudflare.com;
    media-src 'self' https: blob: https://modelfriends-bucket.s3.eu-north-1.amazonaws.com;
    object-src 'none';
    base-uri 'self';
    form-action 'self';
    upgrade-insecure-requests;
  ">
  
  <!-- Cache Control Headers -->
  <meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate">
  <meta http-equiv="Pragma" content="no-cache">
  <meta http-equiv="Expires" content="0">
  
  <!-- Comprehensive Cloudflare Service Blocking -->
  <script type="5b36e6ea244180f51bd7a913-text/javascript">
    // Block Cloudflare Insights and RUM completely
    window.__cfRocketLoaderDisabled = true;
    window.CloudflareRocketLoader = { disabled: true };
    window.__CF$cv$params = { blocked: true };
    window.__cfBeacon = { disabled: true };
    
    // Block Cloudflare Web Analytics
    if (typeof window !== 'undefined') {
      Object.defineProperty(window, 'cf_beacon', {
        value: function() { return false; },
        writable: false,
        configurable: false
      });
      
      // Block script injection
      const originalCreateElement = document.createElement.bind(document);
      document.createElement = function(tagName) {
        const element = originalCreateElement(tagName);
        if (tagName.toLowerCase() === 'script') {
          const originalSrc = Object.getOwnPropertyDescriptor(HTMLScriptElement.prototype, 'src');
          Object.defineProperty(element, 'src', {
            get: originalSrc.get,
            set: function(value) {
              if (value && value.includes('cloudflareinsights.com')) {
                console.log('🚫 Blocked Cloudflare Insights script injection');
                return;
              }
              return originalSrc.set.call(this, value);
            }
          });
        }
        return element;
      };
    }
  </script>
  
  <!-- Cloudflare Service Blocking Meta Tags -->
  <meta name="cf-beacon" content="{'token': null}">
  <meta name="cloudflare-beacon" content="off">
  <meta name="cf-ray" content="off">
  <meta name="cf-visitor" content="off">
  <meta http-equiv="Permissions-Policy" content="camera=(), microphone=(), geolocation=(), payment=(), usb=(), magnetometer=(), accelerometer=(), gyroscope=(), bluetooth=(), ambient-light-sensor=()">

  <!-- Primary Meta Tags -->
  <title>ModelFriends | Premium Adult Content Creator Platform</title>
  <meta name="title" content="ModelFriends | Premium Adult Content Creator Platform">
  <meta name="description"
    content="Join the fastest growing adult content creator platform. Share premium content, build your fanbase, and maximize your earnings with subscriptions, tips, and PPV content.">
  <meta name="keywords"
    content="adult content platform, adult creator platform, premium adult content, adult subscription platform, adult content monetization, ModelFriends network, adult fan platform, adult content marketplace, OnlyFans alternative, adult content creators, adult entertainment platform, premium adult streaming, adult social network">
  <meta name="robots" content="index, follow">
  <meta name="language" content="English">
  <meta name="revisit-after" content="7 days">
  <meta name="author" content="ModelFriends">
  <meta name="rating" content="adult">
  <meta http-equiv="Strict-Transport-Security" content="max-age=31536000">
  <meta name="format-detection" content="telephone=no">

  <!-- Open Graph / Facebook -->
  <meta property="og:type" content="website">
  <meta property="og:url" content="https://modelfriends.org">
  <meta property="og:title" content="ModelFriends | Premium Adult Content Creator Platform">
  <meta property="og:description"
    content="Join the fastest growing adult content creator platform. Share premium content, build your fanbase, and maximize your earnings.">
  <meta property="og:image" content="https://modelfriends.org/og-image.jpg">
  <meta property="og:image:width" content="1200">
  <meta property="og:image:height" content="630">
  <meta property="og:image:alt" content="ModelFriends Platform Logo">
  <meta property="og:site_name" content="ModelFriends">
  <meta property="og:locale" content="en_US">

  <!-- Twitter -->
  <meta property="twitter:card" content="summary_large_image">
  <meta property="twitter:url" content="https://modelfriends.org/">
  <meta property="twitter:title" content="ModelFriends | Premium Adult Content Creator Platform">
  <meta property="twitter:description"
    content="Join the fastest growing adult content creator platform. Share premium content, build your fanbase, and maximize your earnings.">
  <meta property="twitter:image" content="https://modelfriends.org/og-image.jpg">
  <meta property="twitter:image:alt" content="ModelFriends Platform Logo">

  <!-- PWA Meta Tags -->
  <meta name="application-name" content="ModelFriends">
  <meta name="apple-mobile-web-app-capable" content="yes">
  <meta name="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="ModelFriends">

  <!-- Critical Performance Hints -->
  <link rel="preconnect" href="https://res.cloudinary.com" crossorigin>
  <link rel="dns-prefetch" href="https://res.cloudinary.com">
  <link rel="preconnect" href="https://cdnjs.cloudflare.com" crossorigin>
  <link rel="dns-prefetch" href="https://cdnjs.cloudflare.com">
  <link rel="preconnect" href="https://www.googletagmanager.com" crossorigin>
  <link rel="dns-prefetch" href="https://www.googletagmanager.com">
  <link rel="preconnect" href="https://fonts.cdnfonts.com" crossorigin>
  <link rel="dns-prefetch" href="https://fonts.cdnfonts.com">
  
  <!-- API and WebSocket origins to reduce DNS/TLS handshake latency -->
  <link rel="preconnect" href="https://api.modelfriends.org" crossorigin>
  <link rel="dns-prefetch" href="https://api.modelfriends.org">
  <!-- If a dedicated websocket domain is used, add it here via env at build time -->
  <link rel="preconnect" href="https://api.modelfriends.org" crossorigin>
  
  <!-- Optimized Font Loading - FIXED: Using font-display: swap to prevent layout shift -->
  <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="5b36e6ea244180f51bd7a913-|49"></script><link rel="preload" href="https://fonts.cdnfonts.com/css/satoshi" as="style" onload="this.onload=null;this.rel='stylesheet'">
  <noscript><link rel="stylesheet" href="https://fonts.cdnfonts.com/css/satoshi"></noscript>
  
  <!-- Only preload images that will be used immediately on landing page -->
  <link rel="preload" href="/images/logo.webp" as="image" type="image/webp">
  
  <!-- S3 CDN Connection for Images -->
  <link rel="preconnect" href="https://modelfriends-bucket.s3.eu-north-1.amazonaws.com" crossorigin>
  <link rel="dns-prefetch" href="https://modelfriends-bucket.s3.eu-north-1.amazonaws.com">

  <!-- Font Awesome - preloaded and deferred -->
  <script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="5b36e6ea244180f51bd7a913-|49"></script><link rel="preload" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" as="style" onload="this.onload=null;this.rel='stylesheet'">
  <noscript><link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css"></noscript>

  <!-- Canonical URL -->
  <link rel="canonical" href="https://modelfriends.org" />

  <!-- Sitemap -->
  <link rel="sitemap" type="application/xml" href="/sitemap.xml" />

  <!-- Age Verification Meta Tags -->
  <meta name="rating" content="RTA-5042-1996-1400-1577-RTA">
  <meta name="RATING" content="Adult">
  <meta name="age" content="18+">

  <!-- Additional SEO Meta Tags -->
  <meta name="classification" content="Adult Entertainment">
  <meta name="distribution" content="global">
  <meta name="category" content="Adult Content Platform">
  <meta name="coverage" content="Worldwide">
  <meta name="target" content="all">
  <meta name="HandheldFriendly" content="True">
  <meta name="MobileOptimized" content="320">

  <!-- Schema.org markup for Google -->
  <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebSite",
      "url": "https://modelfriends.org",
      "name": "ModelFriends",
      "description": "Premium adult content creator platform for content creators and fans",
      "inLanguage": "en-US",
      "potentialAction": {
        "@type": "SearchAction",
        "target": "https://modelfriends.org/search?q={search_term_string}",
        "query-input": "required name=search_term_string"
      },
      "sameAs": [
        "https://x.com/ModelFriends_25",
        "https://www.instagram.com/modelfriends_org/",
        "https://www.facebook.com/profile.php?id=61577549644002"
      ]
    }
    </script>

  <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "Organization",
      "name": "ModelFriends",
      "url": "https://modelfriends.org",
      "logo": {
        "@type": "ImageObject",
        "url": "https://modelfriends.org/images/logo.webp",
        "width": 800,
        "height": 600
      },
      "sameAs": [
        "https://x.com/ModelFriends_25",
        "https://www.instagram.com/modelfriends_org/",
        "https://www.facebook.com/profile.php?id=61577549644002"
      ],
      "contactPoint": {
        "@type": "ContactPoint",
        "telephone": "",
        "contactType": "customer service",
        "areaServed": "Worldwide",
        "availableLanguage": "English"
      },
      "foundingDate": "2024",
      "description": "Premium adult content creator platform enabling creators to monetize their content through subscriptions, tips, and pay-per-view messages"
    }
    </script>

  <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebApplication",
      "name": "ModelFriends Platform",
      "description": "Premium adult content creator platform for content monetization",
      "url": "https://modelfriends.org",
      "applicationCategory": "SocialNetworkingApplication",
      "operatingSystem": "Web Browser",
      "browserRequirements": "Requires JavaScript. Compatible with all modern browsers.",
      "offers": {
        "@type": "Offer",
        "category": "Subscription Service",
        "price": "0",
        "priceCurrency": "USD",
        "description": "Free to join with premium subscription options"
      },
      "featureList": [
        "Content Creation Tools",
        "Subscription Management", 
        "Direct Messaging",
        "Tip System",
        "Analytics Dashboard",
        "Creator Verification"
      ]
    }
    </script>

  <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "WebPage",
      "name": "ModelFriends | Premium Adult Content Creator Platform",
      "description": "Join the fastest growing adult content creator platform. Share premium content, build your fanbase, and maximize your earnings.",
      "url": "https://modelfriends.org",
      "inLanguage": "en-US",
      "isPartOf": {
        "@type": "WebSite",
        "name": "ModelFriends",
        "url": "https://modelfriends.org"
      },
      "publisher": {
        "@type": "Organization",
        "name": "ModelFriends"
      },
      "license": "https://modelfriends.org/terms-of-service",
      "audience": {
        "@type": "Audience",
        "audienceType": "Adults Only (18+)"
      },
      "mainEntity": {
        "@type": "WebApplication",
        "name": "ModelFriends Platform",
        "applicationCategory": "Social Media Application",
        "operatingSystem": "All",
        "offers": {
          "@type": "Offer",
          "category": "Subscription"
        }
      }
    }
    </script>

  <!-- Critical CSS inlined to prevent render blocking - FIXED: Added font-display fallback -->
  <style>
    /* Critical above-the-fold styles with font fallback */
    body { 
      margin: 0; 
      font-family: 'Satoshi', -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;
      font-display: swap;
    }
    
    /* Prevent layout shift with font loading */
    @font-face {
      font-family: 'Satoshi';
      font-display: swap;
      font-weight: 400;
      src: url('https://fonts.cdnfonts.com/s/85546/Satoshi-Regular.woff') format('woff');
    }
    
    .min-h-screen { min-height: 100vh; }
    .flex { display: flex; }
    .items-center { align-items: center; }
    .justify-center { justify-content: center; }
    .text-center { text-align: center; }
    .relative { position: relative; }
    .absolute { position: absolute; }
    .inset-0 { inset: 0; }
    
    /* Prevent layout shift for hero section */
    .hero-container { 
      height: 100vh; 
      width: 100%; 
      display: flex; 
      align-items: center; 
      justify-content: center; 
    }
    
    /* Skeleton loading styles to prevent layout shift */
    .skeleton {
      animation: skeleton-loading 1s linear infinite alternate;
      background: linear-gradient(90deg, #f0f0f0 25%, transparent 37%, #f0f0f0 63%);
      background-size: 400% 100%;
    }
    
    @keyframes skeleton-loading {
      0% { background-position: 100% 0; }
      100% { background-position: -100% 0; }
    }
  </style>
  <script type="5b36e6ea244180f51bd7a913-module" crossorigin src="/assets/index-5z9O_SnS.js"></script>
  <link rel="stylesheet" crossorigin href="/assets/index-CAC_xVGu.css">
</head>

<body>
  <div id="root"></div>
<script src="/cdn-cgi/scripts/7d0fa10a/cloudflare-static/rocket-loader.min.js" data-cf-settings="5b36e6ea244180f51bd7a913-|49" defer></script></body>

</html>