{% extends "base.html" %}

{% block content %}
<div class="hero text-center">
    <div class="container">
        <h1 class="display-4">Welcome to {{project_name}}</h1>
        <p class="lead">{{project_description}}</p>
    </div>
</div>

<div class="container mt-5">
    <div class="row">
        <div class="col-md-4">
            <h3>Feature 1</h3>
            <p>Description of feature 1.</p>
        </div>
        <div class="col-md-4">
            <h3>Feature 2</h3>
            <p>Description of feature 2.</p>
        </div>
        <div class="col-md-4">
            <h3>Feature 3</h3>
            <p>Description of feature 3.</p>
        </div>
    </div>
</div>
{% endblock %}