{% extends "base.html" %}
{% block title %}{{ title }} | Roster{% endblock %}

{% block content %}
<div class="container py-5">
    <div class="row justify-content-center">
        <div class="col-md-8 text-center">
            <div class="card border-0 shadow-sm rounded-4 p-5">
                <div class="mb-4">
                    <i class="bi bi-rocket-takeoff text-primary-cg" style="font-size: 4rem;"></i>
                </div>
                <h1 class="fw-bold mb-3">{{ title }}</h1>
                <p class="lead text-muted mb-4">We're currently building the {{ title }} feature to help you connect even better with your community. Stay tuned!</p>
                <a href="{% url 'home' %}" class="btn btn-primary-cg btn-lg rounded-pill px-5">Back to Discover</a>
            </div>
        </div>
    </div>
</div>
{% endblock %}
