{% extends "base.html" %}

{% block body_class %}mb-v2{% endblock %}

{% block title %}Exchanges — MoonBite{% endblock %}
{% block meta_description %}MBITE is not listed on any exchange yet. The only way to get MoonBite today is to mine it. Exchange listings are coming — sign up to be told when one goes live.{% endblock %}

{% block content %}
<section class="mb-hero">
    <div class="mb-hero-glow"></div>
    <div class="mb-container">
        <div class="mb-hero-inner">
            <span class="mb-badge"><span class="mb-dot"></span> Exchanges</span>
            <h1 class="mb-hero-title">No buy button. <span class="mb-gradient-text">Only work.</span></h1>
            <p class="mb-hero-sub">MoonBite mainnet is live, but MBITE trades nowhere and has no price yet. You can't buy it. The only way to hold a coin today is to mine one yourself.</p>
            <div class="mb-cta-row">
                <a href="/mine" class="btn btn-primary mb-btn-xl">Mine MBITE instead</a>
                <a href="/markets" class="btn btn-secondary mb-btn-xl">Internal swap board</a>
            </div>
        </div>
    </div>
</section>

<section class="mb-section">
    <div class="mb-container">
        <div class="mb-banner mb-reveal">
            <span>MBITE has no market value. Full stop. MoonBite is an open-source project — it is <strong>not an investment or a security</strong>, and nobody is promising a listing price or a market cap.</span>
        </div>
    </div>
</section>

<section class="mb-section" style="background: var(--bg-secondary); border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);">
    <div class="mb-container">
        <div class="mb-section-head mb-reveal">
            <span class="mb-eyebrow">The only way in right now</span>
            <h2 class="mb-section-title">Mine it.</h2>
            <p class="mb-section-sub">There's nowhere to buy MBITE. You earn it by running mining software and putting proof-of-work on the live chain. Same public schedule for everyone — no insiders, no presale, no head start.</p>
        </div>
        <div class="mb-grid mb-grid-3">
            <div class="mb-card mb-reveal">
                <h3 class="mb-card-title">Start the miner</h3>
                <p class="mb-card-text">Download the miner for Windows, macOS or Linux and run it. Rewards go straight to your own address. Nothing ever mines in your browser.</p>
                <a href="/mine" class="mb-card-link">Mining guide →</a>
            </div>
            <div class="mb-card mb-reveal">
                <h3 class="mb-card-title">Create an address first</h3>
                <p class="mb-card-text">Block rewards need somewhere to land. Make an address in the non-custodial web wallet — the keys never leave your device.</p>
                <a href="/get-wallet" class="mb-card-link">Get the wallet →</a>
            </div>
            <div class="mb-card mb-reveal">
                <h3 class="mb-card-title">Verify your rewards</h3>
                <p class="mb-card-text">Search your address in the block explorer and watch the coins land. No account, no login — the chain is public and it doesn't lie.</p>
                <a href="/explorer" class="mb-card-link">Open explorer →</a>
            </div>
        </div>
    </div>
</section>

<section class="mb-section">
    <div class="mb-container">
        <div class="mb-section-head mb-reveal">
            <span class="mb-eyebrow">Future listings</span>
            <h2 class="mb-section-title">Exchange slots — coming soon</h2>
            <p class="mb-section-sub">Placeholder cards, nothing more. They stand in for the kind of venues MoonBite will chase after mainnet. No deals are signed and none of these names are real. The day a listing goes live, it shows up here with the real details.</p>
        </div>
        <div class="mb-exchange-grid mb-reveal">
            <div class="mb-exchange-card">
                <div class="mb-exchange-logo"></div>
                <div class="mb-exchange-name">Exchange A</div>
                <span class="mb-soon-chip">Coming soon</span>
            </div>
            <div class="mb-exchange-card">
                <div class="mb-exchange-logo">◈</div>
                <div class="mb-exchange-name">Exchange B</div>
                <span class="mb-soon-chip">Coming soon</span>
            </div>
            <div class="mb-exchange-card">
                <div class="mb-exchange-logo">◉</div>
                <div class="mb-exchange-name">Exchange C</div>
                <span class="mb-soon-chip">Coming soon</span>
            </div>
            <div class="mb-exchange-card">
                <div class="mb-exchange-logo"></div>
                <div class="mb-exchange-name">Exchange D</div>
                <span class="mb-soon-chip">Coming soon</span>
            </div>
            <div class="mb-exchange-card">
                <div class="mb-exchange-logo">◎</div>
                <div class="mb-exchange-name">Exchange E</div>
                <span class="mb-soon-chip">Coming soon</span>
            </div>
            <div class="mb-exchange-card">
                <div class="mb-exchange-logo">◆</div>
                <div class="mb-exchange-name">Exchange F</div>
                <span class="mb-soon-chip">Coming soon</span>
            </div>
        </div>
    </div>
</section>

<section class="mb-section" style="background: var(--bg-secondary); border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);">
    <div class="mb-container">
        <div class="mb-section-head mb-reveal">
            <span class="mb-eyebrow">What listing means</span>
            <h2 class="mb-section-title">What a listing actually changes</h2>
            <p class="mb-section-sub">A listing is a milestone, not a payday. Here's what it does — and what it doesn't.</p>
        </div>
        <div class="mb-grid mb-grid-3">
            <div class="mb-feature mb-reveal">
                <h3>Public order book</h3>
                <p>Buyers and sellers post prices in the open. The market decides the number — nobody sets it in advance, not even us.</p>
            </div>
            <div class="mb-feature mb-reveal">
                <h3>Liquidity for miners</h3>
                <p>Miners who earn MBITE get the option to trade their coins. Nobody forces them to.</p>
            </div>
            <div class="mb-feature mb-reveal">
                <h3>Not a price promise</h3>
                <p>A listing opens a market. It guarantees no price, no volume, no return. If you speculate, that's on you.</p>
            </div>
        </div>
    </div>
</section>

<section class="mb-section">
    <div class="mb-container">
        <div class="mb-section-head mb-reveal">
            <span class="mb-eyebrow">Internal swap</span>
            <h2 class="mb-section-title">Atomic swaps, live, today</h2>
            <p class="mb-section-sub">A real exchange listing can wait. Right now the internal markets tool lets you post peer-to-peer swap offers on mainnet. The server never touches your coins or keys — it can't.</p>
        </div>
        <div class="mb-grid mb-grid-2">
            <div class="mb-card mb-reveal">
                <h3 class="mb-card-title">Non-custodial order book</h3>
                <p class="mb-card-text">Post a buy or sell offer against LTC, BTC, or USDT. The server just matches intent. The swap itself settles wallet-to-wallet through an atomic contract.</p>
                <a href="/markets" class="mb-card-link">Open the order book →</a>
            </div>
            <div class="mb-card mb-reveal">
                <h3 class="mb-card-title">How it works</h3>
                <p class="mb-card-text">Hash-time-locked contracts mean the trade either completes in full or everyone walks away with their own coins. No middleman ever holds the funds.</p>
                <a href="/markets#how" class="mb-card-link">Learn about atomic swaps →</a>
            </div>
        </div>
    </div>
</section>

<section class="mb-section" style="background: var(--bg-secondary); border-top: 1px solid var(--border-color); border-bottom: 1px solid var(--border-color);">
    <div class="mb-container">
        {% set notify_title = "Be the first to know when MBITE lists." %}
        {% set notify_text = "One email the day a real exchange listing goes live. Nothing before it — no price talk, no spam." %}
        {% set notify_source = "exchanges" %}
        {% include "partials/notify_form.html" %}
    </div>
</section>

<section class="mb-section">
    <div class="mb-container">
        <div class="mb-banner mb-reveal">
            <span>MoonBite is a live, open-source project. MBITE has no market value today. Everything on this page is a future possibility, not a plan — it is <strong>not an investment or a security</strong>, and none of it is financial advice.</span>
        </div>
    </div>
</section>
{% endblock %}