<!doctype html>
<html lang="id">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Nathalia Sunaidi | Hipnoterapis &amp; Transformasi Diri</title>
    <meta name="description" content="Nathalia Sunaidi - Hipnoterapis profesional untuk transformasi diri, mengatasi kecemasan, trauma, dan pengembangan potensi pikiran bawah sadar. Booking sesi hipnoterapi online &amp; offline.">
    <meta name="author" content="Nathalia Sunaidi" />
    <meta name="keywords" content="hipnoterapi, hipnoterapis, Nathalia Sunaidi, terapi pikiran bawah sadar, transformasi diri, mengatasi kecemasan, trauma healing, pengembangan diri, hipnoterapis Jakarta">
    <meta name="robots" content="index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1" />
    <!-- Canonical managed dynamically by React Helmet SEO component -->

    <!-- Open Graph / Facebook -->
    <meta property="og:type" content="website" />
    <meta property="og:url" content="https://nathaliasunaidi.com" />
    
    
    <meta property="og:image" content="https://nathaliasunaidi.com/og-image.jpg">
    <meta property="og:image:width" content="1200" />
    <meta property="og:image:height" content="630" />
    <meta property="og:image:alt" content="Nathalia Sunaidi - Hipnoterapis Profesional" />
    <meta property="og:locale" content="id_ID" />
    <meta property="og:site_name" content="Nathalia Sunaidi" />

    <!-- Twitter -->
    <meta name="twitter:card" content="summary_large_image" />
    
    
    <meta name="twitter:image" content="https://nathaliasunaidi.com/og-image.jpg">

    <!-- Additional SEO -->
    <meta name="theme-color" content="#2F6F72" />
    <meta name="format-detection" content="telephone=no" />
    
    <!-- Sitemap (single file: static pages + articles + trainings) -->
    <link rel="sitemap" type="application/xml" title="Sitemap" href="https://nathaliasunaidi.com/sitemap.xml" />

    <!-- Google tag (gtag.js) - deferred to not block FCP -->
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'G-TL0MEX04M1');
      window.addEventListener('load', function() {
        var s = document.createElement('script');
        s.src = 'https://www.googletagmanager.com/gtag/js?id=G-TL0MEX04M1';
        s.async = true;
        document.head.appendChild(s);
      });
    </script>

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

    <!-- Preload LCP hero image (path hash may change after vite build; update or remove if 404) -->
    <link rel="preload" as="image" href="/assets/hero-background-JtQBuXbx.jpg" fetchpriority="high" />

    <!-- Preload critical font files directly to reduce CLS from font swap -->
    <link rel="preload" as="font" type="font/woff2" href="https://fonts.gstatic.com/s/playfairdisplay/v40/nuFiD-vYSZviVYUb_rj3ij__anPXDTzYgEM86xQ.woff2" crossorigin />
    <link rel="preload" as="font" type="font/woff2" href="https://fonts.gstatic.com/s/inter/v20/UcC73FwrK3iLTeHuS_nVMrMxCp50SjIa1ZL7W0Q5nw.woff2" crossorigin />
    <!-- Load font CSS non-blocking -->
    <link rel="preload" as="style" href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Inter:wght@300;400;500;600&display=swap" />
    <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Inter:wght@300;400;500;600&display=swap" media="print" onload="this.media='all'" />
    <noscript>
      <link rel="stylesheet" href="https://fonts.googleapis.com/css2?family=Playfair+Display:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Inter:wght@300;400;500;600&display=swap" />
    </noscript>
  <meta property="og:title" content="Nathalia Sunaidi | Hipnoterapis &amp; Transformasi Diri">
  <meta name="twitter:title" content="Nathalia Sunaidi | Hipnoterapis &amp; Transformasi Diri">
  <meta property="og:description" content="Nathalia Sunaidi - Hipnoterapis profesional untuk transformasi diri, mengatasi kecemasan, trauma, dan pengembangan potensi pikiran bawah sadar. Booking sesi hipnoterapi online &amp; offline.">
  <meta name="twitter:description" content="Nathalia Sunaidi - Hipnoterapis profesional untuk transformasi diri, mengatasi kecemasan, trauma, dan pengembangan potensi pikiran bawah sadar. Booking sesi hipnoterapi online &amp; offline.">
  <script type="module" crossorigin src="/assets/index-Dfdic6Ai.js"></script>
  <link rel="modulepreload" crossorigin href="/assets/framer-motion-Dz-xBc4Z.js">
  <link rel="modulepreload" crossorigin href="/assets/react-vendor-BZdhhUdG.js">
  <link rel="modulepreload" crossorigin href="/assets/pdf-92BIaGXA.js">
  <link rel="modulepreload" crossorigin href="/assets/supabase-MEHSyf2E.js">
  <link rel="modulepreload" crossorigin href="/assets/ui-core-MnpB_ihZ.js">
  <link rel="modulepreload" crossorigin href="/assets/ui-nav-f3Z1Jk9E.js">
  <link rel="modulepreload" crossorigin href="/assets/recharts-D8wPTDmE.js">
  <link rel="modulepreload" crossorigin href="/assets/date-fns-CBhHKPlM.js">
  <link rel="modulepreload" crossorigin href="/assets/tanstack-C8gYTOO8.js">
  <link rel="stylesheet" crossorigin href="/assets/index-DI8nx2nz.css">
<script defer src="/~flock.js" data-proxy-url="/~api/analytics"></script><script defer src="/__l5e/events.js" data-artifact-kind="preview_commit_sha" data-artifact-id="b3d09175bbb81ff6de348c9351a03ff7e8921c53" data-commit-sha="b3d09175bbb81ff6de348c9351a03ff7e8921c53" data-context-token="v1.eyJwcm9qZWN0X2lkIjoiYjA2MGFiNTQtM2RkZS00MGI0LWI4ZmYtYzc1NWVmYzMyM2Q5IiwiYXJ0aWZhY3Rfa2luZCI6InByZXZpZXdfY29tbWl0X3NoYSIsImFydGlmYWN0X2lkIjoiYjNkMDkxNzViYmI4MWZmNmRlMzQ4YzkzNTFhMDNmZjdlODkyMWM1MyIsImNvbW1pdF9zaGEiOiJiM2QwOTE3NWJiYjgxZmY2ZGUzNDhjOTM1MWEwM2ZmN2U4OTIxYzUzIiwiZXhwIjoxNzgxMTUyMjQ1fQ.W6wp5RpSate8feMKHUG5MX0D7avHoXvL20Lr2DYIUwc" data-replay="rrweb" data-replay-sample-rate="0.001" data-replay-url="/__l5e/replay" data-replay-script-url="/__l5e/rrweb-record.js?__l5e_v=0.1.2-error-event-hardening"></script></head>

  <body>
    <div id="root">
      <!-- Inline skeleton for instant FCP before React hydrates -->
      <div style="min-height:100vh;background:#f8f7f5;display:flex;flex-direction:column">
        <header style="height:64px;background:#fff;box-shadow:0 1px 3px rgba(0,0,0,.08);display:flex;align-items:center;padding:0 1rem">
          <div style="width:120px;height:28px;background:#e5e5e5;border-radius:4px"></div>
        </header>
        <main style="flex:1;display:flex;align-items:center;justify-content:center">
          <div style="text-align:center;padding:2rem">
            <div style="width:280px;height:36px;background:#e5e5e5;border-radius:6px;margin:0 auto 12px"></div>
            <div style="width:200px;height:20px;background:#e5e5e5;border-radius:4px;margin:0 auto"></div>
          </div>
        </main>
      </div>
    </div>
    <!-- Noscript fallback: meaningful content for bots when JS/prerender fails -->
    <noscript>
      <div style="font-family:sans-serif;max-width:800px;margin:0 auto;padding:2rem;color:#333">
        <h1>Nathalia Sunaidi — Hipnoterapis &amp; Transformasi Diri</h1>
        <p>Hipnoterapis profesional untuk transformasi diri, mengatasi kecemasan, trauma, dan pengembangan potensi pikiran bawah sadar. Sesi hipnoterapi online &amp; offline di Jakarta.</p>
        <h2>Layanan</h2>
        <p>Konsultasi awal, sesi hipnoterapi individual, dan pendampingan proses refleksi diri dengan pendekatan trauma-informed yang aman dan empatik.</p>
        <h2>Untuk Siapa?</h2>
        <ul>
          <li>Orang tua yang merasa kelelahan secara emosional</li>
          <li>Dewasa dengan pengalaman masa lalu yang belum terproses</li>
          <li>Individu dengan kecemasan &amp; overthinking</li>
        </ul>
        <h2>Navigasi</h2>
        <nav>
          <ul>
            <li><a href="/">Beranda</a></li>
            <li><a href="/layanan">Layanan Hipnoterapi</a></li>
            <li><a href="/metode">Metode &amp; Pendekatan</a></li>
            <li><a href="/tentang">Tentang Nathalia</a></li>
            <li><a href="/artikel">Artikel &amp; Insight</a></li>
            <li><a href="/myheal">Myheal App</a></li>
            <li><a href="/training">Training Hipnoterapi</a></li>
            <li><a href="/booking">Jadwalkan Sesi</a></li>
            <li><a href="/kontak">Kontak</a></li>
          </ul>
        </nav>
        <p>&copy; 2025 Nathalia Sunaidi — Clinical Hypnotherapist, Jakarta, Indonesia</p>
      </div>
    </noscript>
  </body>
</html>
