{% extends "base.html" %}
{% block title %}About the System{% endblock %}

{% block content %}
<div class="container py-5">

    <h1 class="text-center mb-4">About the House Report System</h1>

    <p class="lead text-center mb-5">
        A modern platform designed to simplify property inspections, 
        generate reports, and document issues clearly with photos.
    </p>

    <div class="row g-4">

        <div class="col-md-4">
            <div class="p-4 card shadow border-0 text-center h-100">
                <i class="bi bi-house-door-fill text-primary fs-1 mb-3"></i>
                <h4 class="fw-bold">Property Management</h4>
                <p>Save and track all your addresses with full reporting history.</p>
            </div>
        </div>

        <div class="col-md-4">
            <div class="p-4 card shadow border-0 text-center h-100">
                <i class="bi bi-camera-fill text-success fs-1 mb-3"></i>
                <h4 class="fw-bold">Image Documentation</h4>
                <p>Take detailed photographic records of every defect encountered.</p>
            </div>
        </div>

        <div class="col-md-4">
            <div class="p-4 card shadow border-0 text-center h-100">
                <i class="bi bi-filetype-pdf text-danger fs-1 mb-3"></i>
                <h4 class="fw-bold">Instant PDF Reports</h4>
                <p>Generate highly readable, professional inspection reports.</p>
            </div>
        </div>

    </div>

</div>
{% endblock %}