Files
mtg_commander_life_tracker/templates/pages/tcg/mtg/_home.html

68 lines
2.7 KiB
HTML

{% extends 'layouts/layout_tcg.html' %}
{% block page_head %}
<link rel="stylesheet" href="{{ url_for('static', filename='dist/css/tcg_home.bundle.css') }}">
{% endblock %}
{% block page_body %}
<!-- Hero -->
<section class="home-hero">
<p class="home-hero-eyebrow">{{ model.NAME_COMPANY }}</p>
<h1 class="home-hero-title">Commander Life Tracker</h1>
<p class="home-hero-subtitle">
Track life totals and commander damage across your multiplayer games.
Manage your decks, join sessions, and focus on the battle.
</p>
<div class="home-hero-actions">
<a class="btn-tcg {{ model.FLAG_NAV_USER_LOGIN }}">Sign In</a>
<a href="{{ model.HASH_PAGE_MTG_TRIAL_GAME }}" class="btn-tcg btn-tcg-secondary">Try a Free Game</a>
</div>
</section>
<!-- Divider -->
<div class="home-divider"></div>
<!-- Features -->
<section class="home-features">
<h2 class="tcg-section-title">Everything You Need at the Table</h2>
<div class="home-features-grid">
<div class="tcg-card home-feature-card">
<div class="home-feature-symbol">40</div>
<h3>Life Tracking</h3>
<p>
Track life totals and commander damage for every player in real time.
Built for Commander's multiplayer chaos.
</p>
</div>
<div class="tcg-card home-feature-card">
<div class="home-feature-symbol">&#9670;</div>
<h3>Deck Management</h3>
<p>
Store and organise your Commander decks. Choose your general before each game
and keep your collection in one place.
</p>
</div>
<div class="tcg-card home-feature-card">
<div class="home-feature-symbol">&#9654;</div>
<h3>Instant Games</h3>
<p>
Create or join a game in seconds. No setup required &mdash; just share the session
and start playing.
</p>
</div>
</div>
</section>
<!-- CTA -->
<section class="home-cta">
<h2 class="home-cta-title">Ready to Play?</h2>
<p class="home-cta-subtitle">
Sign in to save your games and decks, or jump straight into a trial game with no account required.
</p>
<div class="home-hero-actions">
<a class="btn-tcg {{ model.FLAG_NAV_USER_LOGIN }}">Sign In</a>
<a href="{{ model.HASH_PAGE_MTG_TRIAL_GAME }}" class="btn-tcg btn-tcg-secondary">Try Without an Account</a>
</div>
</section>
{% endblock %}