@page "/"

<PageTitle>Slop Game Reference - Chrono CCG</PageTitle>

<div class="home-hero">
    <div class="hero-glow"></div>
    <div class="hero-content">
        <h1 class="hero-title">Slop Game Reference - Chrono CCG</h1>
        <p class="hero-subtitle">
            AI generated website for reference notes on playing Chrono CCG.
        </p>
        <div class="hero-actions">
            <a class="cta-button primary" href="/cards">
                <i class="bi bi-collection-fill"></i> Browse Cards
            </a>
            <a class="cta-button secondary" href="/agents">
                <i class="bi bi-people-fill"></i> Agents Data Table
            </a>
            <a class="cta-button secondary" href="/decks">
                <i class="bi bi-journal-text"></i> View Decks
            </a>
        </div>
    </div>
</div>