{% extends "base.html" %}

{% block content %}

<div class="sakhi-card text-center mx-auto">

    <h1 class="fw-bold mb-3">
        Welcome to SkillSakhi 🌸
    </h1>

    <p class="lead mb-4 px-md-5">
        A women-only community where skills are exchanged through credits,
        empowering women to learn, teach, and grow together.
    </p>

    <div class="d-flex justify-content-center gap-3 flex-wrap mt-4">
        <a href="/login" class="btn btn-primary btn-lg">
            Login
        </a>

        <a href="/register" class="btn btn-outline-primary btn-lg">
            Register Now
        </a>
    </div>

</div>

{% endblock %}