{% extends 'layouts/base.twig' %}

{% block title %}Bem-vindo ao {{ platformName }} - {{ parent() }}{% endblock %}

{% block content %}
<div class="p-5 mb-4 bg-light rounded-3 shadow-sm border">
    <div class="container-fluid py-5 text-center">
        <h1 class="display-5 fw-bold">{{ platformName }} - Tema Padrão</h1>
        <p class="col-md-8 fs-4 mx-auto">Este é o tema padrão do sistema {{ platformName }}. Você pode personalizá-lo criando um novo tema na pasta <code>/themes</code>.</p>
        <div class="d-grid gap-2 d-sm-flex justify-content-sm-center mt-4">
            <a href="{{ url('admin') }}" class="btn btn-primary btn-lg px-4 gap-3">Painel de Controle</a>
            <a href="https://github.com/syspanel/syscms" class="btn btn-outline-secondary btn-lg px-4">Documentação</a>
        </div>
    </div>
</div>

<div class="row align-items-md-stretch">
    <div class="col-md-6">
        <div class="h-100 p-5 text-white bg-dark rounded-3">
            <h2>Módulos Dinâmicos</h2>
            <p>Gerencie seus conteúdos de forma modular e independente.</p>
            <button class="btn btn-outline-light" type="button">Saiba mais</button>
        </div>
    </div>
    <div class="col-md-6">
        <div class="h-100 p-5 bg-light border rounded-3">
            <h2>Sistema de Temas</h2>
            <p>A nova arquitetura permite trocar o visual do seu site sem perder dados, similar ao WordPress.</p>
            <button class="btn btn-outline-secondary" type="button">Ver temas</button>
        </div>
    </div>
</div>
{% endblock %}