<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<!-- Basic Meta Tags -->
<title>NiceStory - Interactive AI Storytelling Platform</title>
<meta name="description" content="Create and explore interactive AI-powered stories. Your choices shape the narrative in unique, personalized adventures." />
<meta name="keywords" content="interactive stories, AI storytelling, personalized narratives, story creation, choose your adventure" />
<meta name="author" content="NiceStory.app" />
<!-- PWA & Mobile -->
<meta name="theme-color" content="#1A1F2C" />
<meta name="mobile-web-app-capable" content="yes" />
<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="NiceStory" />
<link rel="manifest" href="/manifest.json" />
<!-- Icons - Local files for better performance and PWA -->
<link rel="icon" type="image/x-icon" href="/favicon.ico" />
<link rel="icon" type="image/png" sizes="192x192" href="/pwa-192x192.png" />
<link rel="icon" type="image/png" sizes="512x512" href="/pwa-512x512.png" />
<link rel="apple-touch-icon" sizes="192x192" href="/pwa-192x192.png" />
<!-- Performance -->
<link rel="preconnect" href="https://api.nicestory.app" />
<link rel="dns-prefetch" href="https://api.nicestory.app" />
<link rel="dns-prefetch" href="https://www.googletagmanager.com" />
<link rel="dns-prefetch" href="https://www.google-analytics.com" />
<!-- RSS & JSON Feeds -->
<link rel="alternate" type="application/rss+xml" title="NiceStory RSS Feed" href="https://nicestory.app/api/feeds/rss" />
<link rel="alternate" type="application/feed+json" title="NiceStory JSON Feed" href="https://nicestory.app/api/feeds/json" />
<!-- Preload critical fonts if using custom fonts -->
<!-- <link rel="preload" href="/fonts/inter-var.woff2" as="font" type="font/woff2" crossorigin /> -->
<!-- GTM will be loaded conditionally after user consent in App.tsx -->
<!-- Open Graph -->
<meta property="og:type" content="website" />
<meta property="og:url" content="https://nicestory.app" />
<meta property="og:title" content="NiceStory - Your Story, Your Choices" />
<meta property="og:description" content="Create and explore interactive AI-powered stories. Your choices shape the narrative." />
<meta property="og:image" content="https://api.nicestory.app/storage/v1/object/public/thumbnails/_Logo/og-image.png" />
<!-- Twitter Card -->
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:title" content="NiceStory - Interactive AI Storytelling" />
<meta name="twitter:description" content="Create and explore interactive AI-powered stories. Your choices shape the narrative." />
<meta name="twitter:image" content="https://api.nicestory.app/storage/v1/object/public/thumbnails/_Logo/og-image.png" />
<script type="module" crossorigin src="/assets/index-Ci7LroiL.js"></script>
<link rel="modulepreload" crossorigin href="/assets/vendor-C3tPuC-g.js">
<link rel="modulepreload" crossorigin href="/assets/utils-DAYQqZA1.js">
<link rel="modulepreload" crossorigin href="/assets/ui-WKvDIGIS.js">
<link rel="stylesheet" crossorigin href="/assets/index-DbegqYsO.css">
<link rel="manifest" href="/manifest.webmanifest"></head>
<body>
<!-- GTM noscript will be added conditionally after user consent -->
<div id="root"></div>
<script async id="netlify-rum-container" src="/.netlify/scripts/rum" data-netlify-rum-site-id="5cb4c8cc-24de-4858-97d7-8f300a4b3446" data-netlify-deploy-branch="main" data-netlify-deploy-context="production" data-netlify-cwv-token="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzaXRlX2lkIjoiNWNiNGM4Y2MtMjRkZS00ODU4LTk3ZDctOGYzMDBhNGIzNDQ2IiwiYWNjb3VudF9pZCI6IjY3YjQ0ZWU5NzlhYTQ5YWJkMWM3NTJjOCIsImRlcGxveV9pZCI6IjY4YjViYzhkOWEyYTQwMDAwOGIyZmM5OCIsImlzc3VlciI6Im5mc2VydmVyIn0.zlAdh_vLOT6pYoKz8xc3IzjR8dRoUlGkLyuskGVtR6E"></script><!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-DD9NB6LVK7"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'G-DD9NB6LVK7');
</script></body>
</html>