{% extends "base.html" %}

{% block active_page %}{% set active_page = "home" %}{% end %}

{% block title %}Word Search — Home{% end %}

{% block content %}
<header class="hero">
    <div class="hero-emoji">🧩</div>
    <h1 class="display-4 fw-bold mb-3">Word Search</h1>
    <p class="lead mb-4">
        Find hidden words in a grid of letters. Words can appear horizontally,
        vertically, or diagonally. How fast can you find them all?
    </p>
    <a href="{{ base_url }}game" class="btn btn-accent btn-lg px-5">🎮 Start Game</a>
</header>
{% end %}