<!doctype html>
<html lang="tr">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    
    <!-- Primary Meta Tags (will be overridden by React Helmet on specific pages) -->
    <title>Portfolyo ✨ Mentor - UX Case Study Oluşturma ve Portfolyo Mentoru</title>
    <meta name="title" content="Portfolyo ✨Mentor - UX Case Study Oluşturma ve Portfolyo Mentoru" />
    <meta name="description" content="Portfolyo Mentor, tasarımcılar için yapay zeka destekli case study mentoru. Projelerini anlat, akıllı sorularla hikayeni netleştir ve 15 dakikada portfolyoya hazır case study oluştur." />
    <meta name="keywords" content="portfolyo ai, ux case study, ui case study, tasarım case study aracı, portfolyo mentoru, tasarımcı mentoru, ux portfolyo, ürün tasarımı, product design case study, tasarım portfolyosu, ai portfolyo asistan, uxfolio, portfolio,ux portfolio, uxfolio mentor, portfolio mentor, ux portfolio mentor, portfolio mentor, ux portfolio asistan, portfolio asistan, ux portfolio mentor, portfolio mentor, ux portfolio asistan, portfolio asistan " />
    <meta name="author" content="Portfolyo" />
    <meta name="robots" content="index, follow" />
    <meta name="language" content="Turkish" />
    <meta name="theme-color" content="#0A2BFF" />
    
    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://beta.portfolyo.com/" />
    <meta property="og:title" content="Portfolyo Mentor - UX Case Study Oluşturma ve Portfolyo Mentoru" />
    <meta property="og:description" content="Portfolyo Mentor, tasarımcılar için yapay zeka destekli case study mentoru. Projelerini anlat, akıllı sorularla hikayeni netleştir ve 15 dakikada portfolyoya hazır case study oluştur." />
    <meta property="og:image" content="https://beta.portfolyo.com/og-image.png" />
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:image:alt" content="Portfolyo AI Mentror tasarımcının projelerini anlattığı modern arayüz" />
    <meta property="og:site_name" content="Portfolyo Mentor" />
    <meta property="og:locale" content="tr_TR" />
    
    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image" />
    <meta name="twitter:url" content="https://beta.portfolyo.com/" />
    <meta name="twitter:title" content="Portfolyo Mentor - UX Case Study Oluşturma ve Portfolyo Mentoru" />
    <meta name="twitter:description" content="Tasarımcılar için yapay zeka destekli case study mentoru. Projelerini anlat, akıllı sorularla hikayeni netleştir ve portfolyona hazır case study çıktısı al." />
    <meta name="twitter:image" content="https://beta.portfolyo.com/og-image.png" />
    <meta name="twitter:image:alt" content="Portfolyo AI ile UX case study hazırlayan tasarımcı ekran görüntüsü" />
    
    <!-- Canonical URL -->
    <link rel="canonical" href="https://beta.portfolyo.com/" />
    
    <!-- Performance: DNS Prefetch & Preconnect -->
    <link rel="dns-prefetch" href="https://fonts.googleapis.com">
    <link rel="dns-prefetch" href="https://fonts.gstatic.com">
    
    <!-- Favicons -->
    <link rel="icon" type="image/svg+xml" href="/favicons/tr/favicon.svg" />
    <link rel="icon" type="image/x-icon" href="/favicons/tr/favicon.ico" />
    <link rel="apple-touch-icon" href="/favicons/tr/apple-touch-icon.png" />
    <link rel="manifest" href="/favicons/tr/site.webmanifest" />

    <!-- Structured Data -->
    <script type="application/ld+json">
    {
      "@context": "https://schema.org",
      "@type": "SoftwareApplication",
      "name": "Portfolyo AI",
      "applicationCategory": "BusinessApplication",
      "operatingSystem": "Web",
      "url": "https://beta.portfolyo.com/",
      "description": "Portfolyo AI Mentor, tasarımcılar için yapay zeka destekli case study mentoru. Projelerini anlat, akıllı sorularla hikayeni netleştir ve 15 dakikada portfolyoya hazır case study oluştur.",
      "inLanguage": "tr-TR",
      "creator": {
        "@type": "Organization",
        "name": "Portfolyo"
      }
    }
    </script>
    
    <!-- Google Analytics 4 — Pageview acquisition only, events via PostHog -->
    <!-- MEASUREMENT_ID: Ömer'den alınacak (G-E9SNQC6PF9 formatında) -->
    <!-- TODO: Replace G-E9SNQC6PF9 with real Measurement ID before production deploy -->
    <script async src="https://www.googletagmanager.com/gtag/js?id=G-E9SNQC6PF9"></script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'G-E9SNQC6PF9');
    </script>

    <!-- Fonts - Optimized for Performance -->
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <!-- Only load weights we actually use: 400, 500, 600, 700 -->
    <!-- Latin subset only for faster loading -->
    <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&family=Onest:wght@400;500;600;700&display=swap&subset=latin">
    <link href="https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&family=Onest:wght@400;500;600;700&display=swap&subset=latin" rel="stylesheet" media="print" onload="this.media='all'">
    <noscript><link href="https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&family=Onest:wght@400;500;600;700&display=swap&subset=latin" rel="stylesheet"></noscript>
    <script type="module" crossorigin src="/assets/index-DmFcHWmg.js"></script>
    <link rel="modulepreload" crossorigin href="/assets/react-vendor--MX9FfYP.js">
    <link rel="modulepreload" crossorigin href="/assets/ui-CoPLot0F.js">
    <link rel="modulepreload" crossorigin href="/assets/supabase-9uKtxs7Y.js">
    <link rel="modulepreload" crossorigin href="/assets/analytics-p8o8oL2u.js">
    <link rel="stylesheet" crossorigin href="/assets/index-b9VhshVM.css">
  </head>
  <body>
    <div id="root"></div>
    <!-- Lemon Squeezy Overlay SDK — enables checkout & billing portal as in-page modal -->
    <script src="https://assets.lemonsqueezy.com/lemon.js" defer></script>
  </body>
</html>