{% extends "base.html" %}

{% block title %}CREATESONLINE | AI Ops Cloud{% endblock %}

{% block content %}
<div class="surface">
    <div class="hero">
        <div class="eyebrow">AI Ops Cloud</div>
        <h1>Build intelligent ERP, commerce, and data systems fast.</h1>
        <p class="lede">CREATESONLINE is an AI-native platform for end-to-end business operations: ERP, storefronts, marketplaces, and data warehouses?powered by built-in AI copilots for databases, automation, and observability.</p>

        <div class="meta-row">
            <span class="badge">v{{ createsonline_version|default("1.40.0") }}</span>
            <span class="badge">AI DB copilot</span>
            <span class="badge">Automation & orchestration</span>
            <span class="badge">Multi-tenant ready</span>
        </div>

        <div class="cta-row">
            <a class="button primary" href="/docs">API docs</a>
            <a class="button ghost" href="/static/guide.html">Quick start</a>
            <a class="button ghost" href="/static/examples.html">Examples</a>
            <a class="button ghost" href="https://github.com/meahmedh/createsonline" target="_blank" rel="noopener">GitHub</a>
        </div>

        <div class="meta-row">
            <span class="chip">ERP: finance, inventory, tax, compliance</span>
            <span class="chip">Commerce: product, checkout, fulfillment</span>
            <span class="chip">Data: warehouse + semantic search</span>
            <span class="chip">Built by <a href="https://meahmedh.com/" target="_blank" rel="noopener">Ahmed Hassan</a></span>
        </div>
    </div>

    <div class="grid two">
        <div class="card">
            <h3>Operations engine</h3>
            <p>Compose ERP, commerce, and data modules. Automate tax, pricing, and fulfillment with AI assistance.</p>
        </div>
        <div class="card">
            <h3>AI-native data layer</h3>
            <p>Built-in AI for database queries, semantic search, and warehouse orchestration with guardrails.</p>
        </div>
        <div class="card">
            <h3>Enterprise-ready</h3>
            <p>Role-aware access, audit trails, observability hooks, and secure static delivery.</p>
        </div>
        <div class="card">
            <h3>Launch-ready tooling</h3>
            <p>CLI for scaffolding, dev server, and automatic route discovery. Ship faster with upgrade-safe templates.</p>
        </div>
    </div>

    <div class="grid two">
        <div class="card">
            <h3>Use cases</h3>
            <ul class="list">
                <li class="list-item"><span class="list-dot"></span>AI ERP for finance, inventory, tax, and compliance.</li>
                <li class="list-item"><span class="list-dot"></span>AI storefronts and marketplace-grade commerce flows.</li>
                <li class="list-item"><span class="list-dot"></span>AI-assisted data warehouses with semantic search.</li>
            </ul>
        </div>
        <div class="card">
            <h3>Install & run</h3>
            <p class="notice"><code>pip install createsonline</code><br><code>createsonline new app</code><br><code>createsonline dev</code></p>
        </div>
    </div>
</div>
{% endblock %}