{% extends "base.html" %}

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

{% block title %}Getting Started with MoonBite — wallet, mining & first MBITE{% endblock %}
{% block meta_description %}A clear, numbered walkthrough: get a wallet, get an address, mine your first MBITE, and verify it on-chain. Everything you need to go from zero to your first confirmed block.{% 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> Getting Started</span>
            <h1 class="mb-hero-title">Zero to your <span class="mb-gradient-text">first block.</span></h1>
            <p class="mb-hero-sub">No premine. Every MBITE that exists was mined by someone. These four steps take you from a blank slate to a confirmed balance on the chain.</p>
            <div class="mb-cta-row">
                <a href="/get-wallet" class="btn btn-primary mb-btn-xl">Get the wallet</a>
                <a href="/learn" class="btn btn-secondary mb-btn-xl">Learn the basics</a>
            </div>
        </div>
    </div>
</section>

<section class="mb-section">
    <div class="mb-container">
        <div class="mb-section-head mb-reveal">
            <span class="mb-eyebrow">Step by step</span>
            <h2 class="mb-section-title">Your first four moves</h2>
            <p class="mb-section-sub">Each step hands you the right tool. Go as deep as you want at every stage.</p>
        </div>

        <div class="mb-timeline">
            <div class="mb-milestone is-done mb-reveal">
                <div class="mb-milestone-phase">Step 1</div>
                <h3>Get a wallet</h3>
                <p>Download and install the MoonBite wallet. It generates your private key locally — that key never leaves your device. Setup hands you a seed phrase: write it on paper, lock it somewhere safe, and never hand it to anyone. Not a support agent, not this website, not anyone.</p>
                <a href="/get-wallet" class="btn btn-secondary" style="margin-top: 1rem; display: inline-block;">Download wallet →</a>
            </div>
            <div class="mb-milestone is-done mb-reveal">
                <div class="mb-milestone-phase">Step 2</div>
                <h3>Generate a receive address</h3>
                <p>Inside the wallet, spin up a new receive address (it'll start with <code>moon1</code>). This is where your mining rewards land. Copy it — the next step needs it.</p>
                <a href="/wallet" class="btn btn-secondary" style="margin-top: 1rem; display: inline-block;">Open wallet →</a>
            </div>
            <div class="mb-milestone is-active mb-reveal">
                <div class="mb-milestone-phase">Step 3</div>
                <h3>Mine your first MBITE</h3>
                <p>Open the miner and paste in your address. It runs RandomX proof-of-work to compete for block rewards. Find a valid block and the whole reward pays straight to your address — no pool, no middleman, no cut.</p>
                <a href="/mine" class="btn btn-secondary" style="margin-top: 1rem; display: inline-block;">Start mining →</a>
            </div>
            <div class="mb-milestone mb-reveal">
                <div class="mb-milestone-phase">Step 4</div>
                <h3>Verify it in the explorer</h3>
                <p>Paste your address into the block explorer and watch the balance climb in real time. Every confirmation is written on-chain. No account, no login, nobody's permission needed to check what you own — the chain is the record.</p>
                <a href="/explorer" class="btn btn-secondary" style="margin-top: 1rem; display: inline-block;">Open explorer →</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">
        <div class="mb-section-head mb-reveal">
            <span class="mb-eyebrow">What to expect</span>
            <h2 class="mb-section-title">The honest version for new miners</h2>
        </div>
        <div class="mb-grid mb-grid-3">
            <div class="mb-feature mb-reveal">
                <h3>Block time: ~2 minutes</h3>
                <p>The network aims for a new block every 120 seconds. Your odds of finding one track your share of the total hash rate.</p>
            </div>
            <div class="mb-feature mb-reveal">
                <h3>Current reward: 10 MBITE</h3>
                <p>The genesis block subsidy is 10 MBITE, and it halves every 1,650,000 blocks. Total supply is capped at ~33,000,000 MBITE — for all time, no exceptions.</p>
            </div>
            <div class="mb-feature mb-reveal">
                <h3>No market value yet</h3>
                <p>MBITE isn't listed on any exchange yet. The coins you mine now are real chain coins, but they carry no monetary value today. Mine to take part — not because you're expecting a price.</p>
            </div>
            <div class="mb-feature mb-reveal">
                <h3>Seed phrase = your coins</h3>
                <p>Lose the seed phrase and the coins are gone for good. No support team can bring them back — that team doesn't exist. Write it down, keep it offline, back it up.</p>
            </div>
            <div class="mb-feature mb-reveal">
                <h3>RandomX PoW</h3>
                <p>MoonBite runs on RandomX proof-of-work — the CPU-optimized algorithm behind Monero. A plain CPU is the ideal miner: GPUs gain almost nothing and no ASIC exists. The laptop you already own is competitive hardware.</p>
            </div>
            <div class="mb-feature mb-reveal">
                <h3>Run a node to go deeper</h3>
                <p>A full node validates the whole chain on your own machine. Optional for individuals — but it cuts your dependence on third-party servers to zero.</p>
            </div>
        </div>
    </div>
</section>

<section class="mb-section">
    <div class="mb-container">
        <div class="mb-section-head mb-reveal">
            <span class="mb-eyebrow">Quick reference</span>
            <h2 class="mb-section-title">Terminal, if that's your thing</h2>
            <p class="mb-section-sub">Prefer the command line? These snippets get you moving on mainnet.</p>
        </div>
        <div class="mb-code mb-reveal">
            <span class="mb-c-comment"># Check your wallet balance</span><br>
            <span class="mb-c-key">./moonbite-cli</span> getbalance<br>
            <br>
            <span class="mb-c-comment"># Generate a new receive address</span><br>
            <span class="mb-c-key">./moonbite-cli</span> getnewaddress<br>
            <br>
            <span class="mb-c-comment"># Start the daemon and begin syncing</span><br>
            <span class="mb-c-key">./moonbited</span> -daemon<br>
            <br>
            <span class="mb-c-comment"># Check how many blocks you've synced</span><br>
            <span class="mb-c-key">./moonbite-cli</span> getblockcount
        </div>
        <div style="text-align: center; margin-top: 2rem;">
            <a href="/developers" class="btn btn-secondary">Full CLI reference →</a>
        </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">Go further</span>
            <h2 class="mb-section-title">Where to go next</h2>
        </div>
        <div class="mb-grid mb-grid-2">
            <div class="mb-card mb-reveal">
                <div class="mb-card-title">How it works</div>
                <div class="mb-card-text">The machinery behind MoonBite — proof-of-work, the blockchain, wallets and keys, and how nodes reach consensus with nobody in charge.</div>
                <a href="/how-it-works" class="mb-card-link">How it works →</a>
            </div>
            <div class="mb-card mb-reveal">
                <div class="mb-card-title">Learn &amp; FAQ</div>
                <div class="mb-card-text">Straight answers to the questions people actually ask — what MoonBite is, what it isn't, how to get some, and how to keep it safe.</div>
                <a href="/learn" class="mb-card-link">Read the FAQ →</a>
            </div>
        </div>
    </div>
</section>

<section class="mb-section">
    <div class="mb-container">
        {% set notify_title = "Get told when MBITE hits an exchange" %}
        {% set notify_text = "One email when the first exchange listing goes live. No fluff, no price predictions." %}
        {% set notify_source = "getting-started" %}
        {% include "partials/notify_form.html" %}
    </div>
</section>
{% endblock %}