{% extends "base.html" %}

{% block title %}About - CommonGround{% endblock %}

{% block content %}
<section class="py-5 bg-light-cg">
    <div class="container">
        <div class="row justify-content-center text-center">
            <div class="col-lg-8">
                <h1 class="brand-font display-4 mb-4">Our Mission</h1>
                <p class="lead text-slate fs-4">CommonGround is a platform for intentional, platonic connections for professionals and individuals navigating life transitions.</p>
                <p class="text-muted">Not a dating app — a high-trust social connection ecosystem centered on shared values, life goals, activities, and authentic engagement.</p>
            </div>
        </div>
    </div>
</section>

<section class="py-5">
    <div class="container">
        <div class="row g-4">
            <div class="col-md-4">
                <div class="card h-100 border-0 shadow-sm p-4">
                    <h3 class="brand-font h4">High Trust</h3>
                    <p>Verified members and moderated communities ensure a safe and respectful environment.</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card h-100 border-0 shadow-sm p-4">
                    <h3 class="brand-font h4">Value Centered</h3>
                    <p>Match based on shared values like growth, community, and adventure.</p>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card h-100 border-0 shadow-sm p-4">
                    <h3 class="brand-font h4">Intent Driven</h3>
                    <p>Clearly state what you're looking for: networking, friendship, or activity partners.</p>
                </div>
            </div>
        </div>
    </div>
</section>

<section class="py-5 bg-sand">
    <div class="container text-center">
        <h2 class="brand-font mb-4">Ready to find your community?</h2>
        <a href="{% url 'signup' %}" class="btn btn-primary-cg btn-lg">Join CommonGround</a>
    </div>
</section>
{% endblock %}
