{% extends "base.html" %}

{% block title %}Home - Sheikh LLM Studio{% endblock %}

{% block content %}
<div class="container">
    <div class="card">
        <h1><i class="fas fa-rocket"></i> Sheikh LLM Studio</h1>
        <p>Deploy, experiment, and build with advanced language models inside your Hugging Face Space.</p>
        <div style="margin-top: 1.5rem; display: flex; gap: 1rem; flex-wrap: wrap;">
            <a class="btn" href="/chat"><i class="fas fa-comments"></i> Launch Chat</a>
            <a class="btn" href="/studio" style="background: var(--success);"><i class="fas fa-cogs"></i> Open Model Studio</a>
            <a class="btn" href="/docs" style="background: var(--warning);"><i class="fas fa-book"></i> View API Docs</a>
        </div>
    </div>
    <div class="card">
        <h2>Platform Capabilities</h2>
        <div class="feature-grid">
            <div class="feature-card">
                <div class="feature-icon"><i class="fas fa-robot"></i></div>
                <h3>Multi-Model Chat</h3>
                <p>Switch between gated Hugging Face models and customize temperature and token limits.</p>
            </div>
            <div class="feature-card">
                <div class="feature-icon"><i class="fas fa-toolbox"></i></div>
                <h3>Tool Integrations</h3>
                <p>Extend responses with web search prototypes and code execution utilities.</p>
            </div>
            <div class="feature-card">
                <div class="feature-icon"><i class="fas fa-flask"></i></div>
                <h3>Model Studio</h3>
                <p>Draft new training jobs and track deployment progress from one interface.</p>
            </div>
        </div>
    </div>
</div>
{% endblock %}