@extends('layouts.tropa', ['title' => 'Tropa do FiniN | Entrada', 'page' => 'landing'])

@section('content')
    <main class="screen screen-landing">
        <section class="hero-panel">
            <div class="hero-copy">
                <span class="eyebrow">Pelada de domingo</span>
                <h1>Tropa do FiniN</h1>
                <p class="hero-text">
                    O app da resenha para montar o perfil da galera, registrar a posicao favorita e preparar o terreno
                    para as futuras avaliacoes e times equilibrados.
                </p>

                <div class="hero-actions">
                    <a href="{{ route('login') }}" class="primary-button" data-action="login">Logar</a>
                    <a href="{{ route('register') }}" class="secondary-button">Cadastrar</a>
                    <a href="{{ route('admin') }}" class="ghost-link">Area admin</a>
                    <a href="{{ route('mysql.connection.show') }}" class="ghost-link">Conexao mysql</a>
                </div>

                <div class="hero-highlights">
                    <div class="info-chip">
                        <strong>Banco pronto</strong>
                        <span>Nova tela para salvar e validar a conexao MySQL</span>
                    </div>
                    <div class="info-chip">
                        <strong>Perfil do jogador</strong>
                        <span>Posicoes, medidas e notas tecnicas</span>
                    </div>
                </div>
            </div>

            <div class="hero-brand">
                <div class="logo-frame">
                    <img src="{{ asset('images/tropa-do-finin-logo.png') }}" alt="Logo Tropa do FiniN">
                </div>
                <div class="brand-card">
                    <span class="brand-badge">Boleiros de domingo</span>
                    <p>Entrou, montou o perfil e ja cai na home para acompanhar a evolucao da tropa.</p>
                </div>
            </div>
        </section>
    </main>
@endsection