neongrid-vr / about.html
flitrx's picture
Design a futuristic indie game database website using Tailwind CSS with AR/VR experiences. Provide detailed specifications for user experience, technical architecture, and monetization strategy.
d0f5436 verified
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>About – NeonGrid VR</title>
<link rel="stylesheet" href="style.css" />
<script src="https://cdn.tailwindcss.com"></script>
<script src="https://cdn.jsdelivr.net/npm/feather-icons/dist/feather.min.js"></script>
<script src="https://unpkg.com/feather-icons"></script>
</head>
<body class="bg-gray-900 text-gray-100">
<custom-navbar></custom-navbar>
<section class="py-20 px-6 max-w-4xl mx-auto">
<h1 class="text-4xl md:text-5xl font-extrabold mb-6 bg-clip-text text-transparent bg-gradient-to-r from-orange-400 to-sky-400">About NeonGrid VR</h1>
<p class="text-lg text-gray-300 mb-4">
NeonGrid VR is a curated database and marketplace dedicated to indie AR/VR games. We empower creators to upload WebXR experiences, set price tiers, and earn crypto or fiat—while players discover bleeding-edge spatial games without walled gardens.
</p>
<h2 class="text-2xl font-bold mt-10 mb-4">Monetization</h2>
<ul class="list-disc list-inside text-gray-300 space-y-2">
<li>5% platform fee on each sale (lower than major stores).</li>
<li>Optional NFT badges for limited-edition items.</li>
<li>Subscription passes for unlimited access to selected titles.</li>
</ul>
<h2 class="text-2xl font-bold mt-10 mb-4">Tech Stack</h2>
<ul class="list-disc list-inside text-gray-300 space-y-2">
<li>Static front-end served via CDN for speed.</li>
<li>Cloudflare Workers for serverless API & auth.</li>
<li>WebXR + Three.js for in-browser demos.</li>
<li>Solana/Polygon for optional on-chain receipts.</li>
</ul>
</section>
<custom-footer></custom-footer>
<script src="components/navbar.js"></script>
<script src="components/footer.js"></script>
<script src="script.js"></script>
<script>feather.replace()</script>
</body>
</html>