{% extends "base.html" %}
{% block content %}
<h1>Welcome to AI Agentic Hub</h1>
<p style="color: #8b8d98; margin-bottom: 32px;">Build AI agents and workflows using local LLMs and MCP tool servers.</p>

<div style="display: grid; grid-template-columns: 1fr 1fr; gap: 16px;">
    <a href="/llm-servers" class="card" style="text-decoration: none; color: inherit;">
        <h3>LLM Servers</h3>
        <p class="card-sub">Connect to Ollama, OpenAI, or Anthropic</p>
    </a>
    <a href="/mcp-servers" class="card" style="text-decoration: none; color: inherit;">
        <h3>MCP Servers</h3>
        <p class="card-sub">Add MCP tool servers and discover tools</p>
    </a>
    <a href="/agents" class="card" style="text-decoration: none; color: inherit;">
        <h3>Agents</h3>
        <p class="card-sub">Create agents and chat with them</p>
    </a>
    <a href="/workflows" class="card" style="text-decoration: none; color: inherit;">
        <h3>Workflows</h3>
        <p class="card-sub">Build visual DAG workflows with agents</p>
    </a>
</div>
{% endblock %}