{% extends "base.html" %}

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

{% block title %}MoonBite for Businesses — accept, hold & verify MBITE{% endblock %}
{% block meta_description %}Get your business ready to accept MoonBite payments, hold treasury in self-custody, and run your own node for trustless verification — mainnet is live today.{% 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> For Businesses</span>
            <h1 class="mb-hero-title">Be ready <span class="mb-gradient-text">on day one.</span></h1>
            <p class="mb-hero-sub">MoonBite mainnet is live. Build your payment flow, test it on testnet first if you like, and integrate on the real chain whenever you're ready.</p>
            <div class="mb-cta-row">
                <a href="/merchants" class="btn btn-primary mb-btn-xl">Accept payments</a>
                <a href="/developers" class="btn btn-secondary mb-btn-xl">Developer docs</a>
            </div>
        </div>
    </div>
</section>

<section class="mb-section">
    <div class="mb-container">
        <div class="mb-section-head mb-reveal">
            <span class="mb-eyebrow">Why now</span>
            <h2 class="mb-section-title">Built into the protocol, not bolted on</h2>
            <p class="mb-section-sub">These aren't features we sell you. They're consequences of how the chain is designed — and they change how your business holds and moves money.</p>
        </div>
        <div class="mb-grid mb-grid-3">
            <div class="mb-card mb-reveal">
                <div class="mb-card-title">2-minute blocks</div>
                <div class="mb-card-text">MoonBite targets a new block every 120 seconds — five times faster than Bitcoin. Less waiting at the counter, faster confirmation before you hand over the goods.</div>
            </div>
            <div class="mb-card mb-reveal">
                <div class="mb-card-title">Your treasury, your keys</div>
                <div class="mb-card-text">Hold MBITE in a wallet you control. No exchange account, no custodian sitting between you and your money, no counterparty to go under. Your keys, your balance.</div>
            </div>
            <div class="mb-card mb-reveal">
                <div class="mb-card-title">Address-per-order invoicing</div>
                <div class="mb-card-text">Spin up a unique bech32 address for every order and watch it on-chain. You don't need an API key to get paid — just a wallet and a block explorer.</div>
            </div>
            <div class="mb-card mb-reveal">
                <div class="mb-card-title">Verify it yourself</div>
                <div class="mb-card-text">A local node checks every payment against the full chain history. You confirm receipts yourself instead of trusting someone else's API to tell you the truth.</div>
            </div>
            <div class="mb-card mb-reveal">
                <div class="mb-card-title">No surprises in the supply</div>
                <div class="mb-card-text">Supply is capped at ~33,000,000 MBITE, the halving schedule is public, and there was no premine. Nobody can inflate your holdings away with a hidden founder stash.</div>
            </div>
            <div class="mb-card mb-reveal">
                <div class="mb-card-title">Open source, top to bottom</div>
                <div class="mb-card-text">Every piece of the stack — node, wallet, miner, explorer — is open source. Read the code, run it yourself, fork it if you need something we don't ship.</div>
            </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">Accept payments</span>
            <h2 class="mb-section-title">Take MBITE in four steps</h2>
            <p class="mb-section-sub">The merchant flow is deliberately simple. Mainnet is live, so you can run the whole thing end to end on the real chain — no guesswork.</p>
        </div>
        <div class="mb-grid mb-grid-2">
            <div class="mb-feature mb-reveal">                <h3>List your business</h3>
                <p>Add yourself to the merchant directory so customers know you take MBITE. A few minutes of work, and it costs nothing.</p>
                <a href="/merchants" class="btn btn-secondary" style="margin-top: 1rem; display: inline-block;">Merchant directory →</a>
            </div>
            <div class="mb-feature mb-reveal">                <h3>Generate a receive address</h3>
                <p>Create a fresh bech32 address for each order. When the customer pays, the chain confirms it directly — nobody stands in between.</p>
                <a href="/wallet" class="btn btn-secondary" style="margin-top: 1rem; display: inline-block;">Open wallet →</a>
            </div>
            <div class="mb-feature mb-reveal">                <h3>Verify on-chain</h3>
                <p>Check the transaction in the explorer or through your own node's RPC. Once it's confirmed in the chain, the payment is final — no chargebacks, no reversals.</p>
                <a href="/explorer" class="btn btn-secondary" style="margin-top: 1rem; display: inline-block;">Block explorer →</a>
            </div>
            <div class="mb-feature mb-reveal">                <h3>Automate with the API</h3>
                <p>Doing volume? Use the developer API to mint addresses, watch for payments, and pull balances straight from your backend.</p>
                <a href="/developers" class="btn btn-secondary" style="margin-top: 1rem; display: inline-block;">API docs →</a>
            </div>
        </div>
    </div>
</section>

<section class="mb-section">
    <div class="mb-container">
        <div class="mb-section-head mb-reveal">
            <span class="mb-eyebrow">Infrastructure</span>
            <h2 class="mb-section-title">Own your access to the chain</h2>
            <p class="mb-section-sub">If you need reliable, private access, run your own node. It's the option that trusts no one — including us.</p>
        </div>
        <div class="mb-grid mb-grid-2">
            <div class="mb-feature mb-reveal">
                <h3>Full node</h3>
                <p>A full node downloads and validates the entire chain. That gives you an independent view of every confirmed transaction — no third-party API, no trust required. The setup guide walks you through it step by step.</p>
                <a href="/full-node" class="btn btn-secondary" style="margin-top: 1rem; display: inline-block;">Full-node guide →</a>
            </div>
            <div class="mb-feature mb-reveal">
                <h3>Developer integration</h3>
                <p>The RPC interface is compatible with Bitcoin Core tooling. If your team has already wired up Bitcoin or Litecoin, moving to MoonBite is a short hop. Start with the developer docs.</p>
                <a href="/developers" class="btn btn-secondary" style="margin-top: 1rem; display: inline-block;">Developer docs →</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-banner mb-reveal">
            <span>Straight talk: mainnet is live, but MBITE carries <strong>no market value</strong> today and no exchange listing exists yet. This is <strong>not an investment or a security</strong>. Plan your timeline around that, and talk to your own legal and financial advisors before making business decisions around any cryptocurrency.</span>
        </div>
    </div>
</section>

<section class="mb-section">
    <div class="mb-container">
        {% set notify_title = "Know before your customers do" %}
        {% set notify_text = "One email when the first exchange listing goes live. That's it." %}
        {% set notify_source = "businesses" %}
        {% include "partials/notify_form.html" %}
    </div>
</section>
{% endblock %}