{% extends 'base.html' %}

{% block content %}
<div class="hero-section">
    <div class="container">
        <h1 class="display-3">Farm-to-Table Sovereignty Network</h1>
        <p class="lead">Private cooperation among sovereign people for mutual aid and emergency preparedness.</p>
        <a href="{% url 'apply_for_membership' %}" class="btn btn-accent btn-lg">Apply for Membership</a>
    </div>
</div>

<section id="about" class="py-5">
    <div class="container">
        <div class="row">
            <div class="col-lg-8 mx-auto text-center">
                <h2 class="section-title">A Private Network for a Resilient Future</h2>
                <p class="lead text-muted">We are a private, unincorporated association of living men and women operating under natural law. Our mission is to build a resilient food supply chain, independent of corporate and government systems, to support our communities, especially in times of crisis.</p>
            </div>
        </div>
    </div>
</section>

<section id="roles" class="py-5 bg-light">
    <div class="container">
        <div class="text-center mb-5">
            <h2 class="section-title">Our Member Roles</h2>
            <p class="lead text-muted">Each member plays a vital part in the strength of our network.</p>
        </div>
        <div class="row">
            <div class="col-md-4">
                <div class="card h-100 text-center p-4">
                    <div class="card-body">
                        <h3 class="card-title">Farmers</h3>
                        <p class="card-text">Post available food and produce from your private land. Set your own terms for private exchange and connect directly with other members.</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card h-100 text-center p-4">
                    <div class="card-body">
                        <h3 class="card-title">Drivers</h3>
                        <p class="card-text">Offer transport assistance using your private vehicle. Help move resources between farmers and communities through private agreements.</p>
                    </div>
                </div>
            </div>
            <div class="col-md-4">
                <div class="card h-100 text-center p-4">
                    <div class="card-body">
                        <h3 class="card-title">Community</h3>
                        <p class="card-text">Access available food through private exchange. Connect with local farmers and drivers to ensure your family and community have what they need.</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>
{% endblock %}
