<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
<?xml-stylesheet type="text/css" href="styles/app.css"?>
<?xml-stylesheet type="text/css" href="styles/app-v2.css"?>
<?xml-stylesheet type="text/css" href="styles/app-theme.css"?>
<?xml-stylesheet type="text/css" href="styles/public.css"?>
<?xml-stylesheet type="text/css" href="styles/preview.css"?>
<html xmlns="http://www.w3.org/1999/xhtml" lang="en">
<head>
    <meta charset="UTF-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <title>ONG Panel - tools for your Roblox games</title>
    <link rel="stylesheet" href="vendor/fontawesome/css/fontawesome.min.css?v=7.3.1"/>
    <link rel="stylesheet" href="vendor/fontawesome/css/solid.min.css?v=7.3.1"/>
    <link rel="stylesheet" href="styles/app.css?v=2"/>
    <link rel="stylesheet" href="styles/app-v2.css?v=17"/>
    <link rel="stylesheet" href="styles/app-theme.css?v=2"/>
    <link rel="stylesheet" href="styles/public.css?v=2"/><meta name="robots" content="noindex,nofollow,noarchive"/><meta name="referrer" content="no-referrer"/><meta http-equiv="Content-Security-Policy" content="default-src 'none'; style-src 'self' 'unsafe-inline'; script-src 'self'; img-src 'self' data:; font-src 'self'; connect-src 'none'; form-action 'none'; base-uri 'none'"/><link rel="stylesheet" href="styles/preview.css"/></head>
<body><div class="preview-banner" role="note"><div><strong>Design preview</strong><span>Example data only. Accounts, game connections, payments and changes are disabled.</span></div><nav aria-label="Preview pages"><a href="home.xml">Home</a><a href="dashboard.xml">Dashboard</a><a href="statistics.xml">Statistics</a><a href="projects.xml">Projects</a><a href="players.xml">Players</a><a href="index.xml">Wiki</a></nav></div>
    <main class="marketing-shell">
    <nav class="marketing-nav" aria-label="Main navigation">
        <a class="brand-mark" href="home.xml">
            <img class="public-logo-horizontal" src="assets/branding/omnomgames-horizontal.png" alt="OmNomGames home"/>
        </a>
        <div class="marketing-links">
            <a href="#features">Features</a>
            <a href="#setup">Getting started</a>
            <a href="index.xml">Guide</a>
            <button class="public-theme-toggle" type="button" data-public-theme="" aria-label="Switch to dark mode" title="Switch to dark mode"><i class="fa-solid fa-moon" aria-hidden="true"/></button>
            <a class="button primary" aria-disabled="true">Owner sign in</a>
        </div>
    </nav>

    <section class="hero" aria-labelledby="hero-heading">
        <div class="hero-copy">
            <h1 id="hero-heading">Your Roblox games, all in one place.</h1>
            <p>Keep track of game activity, players and moderation from one straightforward dashboard.</p>
            <div class="hero-actions">
                <a class="button primary big" href="#features">Explore features <i class="fa-solid fa-arrow-right" aria-hidden="true"/></a>
                <a class="button ghost big" href="index.xml">Read the guide</a>
            </div>
        </div>
        <figure class="hero-screen">
            <div class="hero-screen-frame">
                <img src="assets/marketing/statistics-example.png" alt="Example of the Statistics page showing recorded game activity and period comparisons." width="1265" height="712"/>
            </div>
            <figcaption>Statistics preview with example data.</figcaption>
        </figure>
    </section>

    <section class="marketing-section" id="features" aria-labelledby="features-heading">
        <div class="section-heading">
            <h2 id="features-heading">The details you need for your games</h2>
            <p>Find the activity your games send to ONG Panel, without digging through server output.</p>
        </div>
        <div class="feature-grid">
            <article class="feature-card"><i class="fa-solid fa-gamepad" aria-hidden="true"/><h3>Games and players</h3><p>Keep your games together and look up the player records they have sent.</p></article>
            <article class="feature-card"><i class="fa-solid fa-chart-line" aria-hidden="true"/><h3>Statistics</h3><p>Explore recorded activity over time and compare it with an earlier period.</p></article>
            <article class="feature-card"><i class="fa-solid fa-shield-halved" aria-hidden="true"/><h3>Moderation</h3><p>Keep track of moderation cases and their history in one place.</p></article>
        </div>
    </section>

    <section class="marketing-section setup-section" id="setup" aria-labelledby="setup-heading">
        <div class="section-heading">
            <h2 id="setup-heading">Get your game connected</h2>
            <p>Follow the guide at your own pace.</p>
        </div>
        <ol class="setup-list">
            <li><i class="fa-solid fa-gamepad" aria-hidden="true"/><div><h3>Add your game</h3><p>Create a project for your Roblox experience.</p></div></li>
            <li><i class="fa-solid fa-plug" aria-hidden="true"/><div><h3>Connect the server SDK</h3><p>Add the SDK to your game and keep its key in server-side scripts.</p></div></li>
            <li><i class="fa-solid fa-chart-line" aria-hidden="true"/><div><h3>See recorded activity</h3><p>Review the records your game sends to the panel.</p></div></li>
        </ol>
        <a class="text-link" href="index.xml">Read the setup guide <i class="fa-solid fa-arrow-right" aria-hidden="true"/></a>
    </section>

    <section class="pricing-note" aria-labelledby="pricing-heading">
        <div><h2 id="pricing-heading">Plans and launch pricing</h2><p>ONG Panel is in development. Public registration is not open yet; sign-in is currently for the existing owner. Pricing and launch offer details will be announced before subscriptions open.</p></div>
    </section>

    <section class="marketing-section faq-section" aria-labelledby="faq-heading">
        <div class="section-heading"><h2 id="faq-heading">A few useful answers</h2></div>
        <div class="faq-list">
            <details><summary>What does ONG Panel show?</summary><p>It shows records your connected games send, such as game events, player records, currency transactions and moderation cases. Available history depends on what was collected and retained.</p></details>
            <details><summary>Do I need to change my game?</summary><p>Yes. A game needs the server SDK configured before it can send activity to the panel. The guide explains the steps.</p></details>
            <details><summary>Is my game key safe in a LocalScript?</summary><p>No. Keep the key and SDK configuration in server-side scripts, and never publish them in a client-accessible location.</p></details>
        </div>
    </section>

    <section class="marketing-end" aria-labelledby="next-heading">
        <h2 id="next-heading">Ready to get started?</h2>
        <p>Learn how to connect your Roblox game.</p>
        <a class="button primary big" href="index.xml">Read the guide</a>
    </section>
</main>
<script src="scripts/preview-theme-state.js" defer="defer"/><script src="scripts/public-theme.js?v=1" defer="defer"/>
            
        <script src="scripts/app-v2.js?v=4" defer="defer"/>
</body>
</html>
