<!-- Path: app/Views/about.view.php -->
<div class="bg-navy-950 py-16">
    <div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 text-center">
        <h1 class="text-3xl md:text-5xl font-bold text-white mb-6">About ERCS</h1>
        <p class="text-xl text-slate-300">Transforming emergency management through rapid, automated coordination.</p>
    </div>
</div>

<div class="max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-16">
    <div class="prose prose-lg text-slate-700 max-w-none">
        <h2 class="text-2xl font-bold text-navy-900 mb-4">The Problem with Traditional Systems</h2>
        <p class="mb-6">
            In many communities, reporting an emergency involves making a phone call, waiting on hold, verbally explaining your location, and waiting for a dispatcher to manually radio a unit. These delays in communication between victims and emergency responders often result in tragic loss of lives and property.
        </p>
        
        <h2 class="text-2xl font-bold text-navy-900 mb-4">Our Solution</h2>
        <p class="mb-6">
            The <strong>Emergency Response Coordination System (ERCS)</strong> is designed to bypass the bottlenecks. By leveraging smartphone GPS capabilities and automated proximity algorithms, ERCS allows citizens to silently and instantly trigger an alert that automatically identifies the nearest police officers, paramedics, or fire units.
        </p>

        <div class="bg-slate-50 p-6 rounded-lg border border-slate-200 my-8">
            <h3 class="text-xl font-bold text-navy-900 mb-4">Core Objectives</h3>
            <ul class="space-y-3">
                <li class="flex items-start gap-3">
                    <i class="fas fa-check text-brandBlue-500 mt-1"></i>
                    <span><strong>Rapid Reporting:</strong> Provide a platform for reporting emergencies in under 10 seconds.</span>
                </li>
                <li class="flex items-start gap-3">
                    <i class="fas fa-check text-brandBlue-500 mt-1"></i>
                    <span><strong>Smart Assignment:</strong> Automatically identify and notify the nearest active responders using Haversine spatial logic.</span>
                </li>
                <li class="flex items-start gap-3">
                    <i class="fas fa-check text-brandBlue-500 mt-1"></i>
                    <span><strong>Live Tracking:</strong> Enable real-time location sharing between victims and dispatched units.</span>
                </li>
                <li class="flex items-start gap-3">
                    <i class="fas fa-check text-brandBlue-500 mt-1"></i>
                    <span><strong>Clear Communication:</strong> Facilitate direct text and image sharing to prepare responders before they arrive on scene.</span>
                </li>
            </ul>
        </div>
        
        <p class="text-center mt-10">
            <a href="{{APP_URL}}/contact" class="text-brandBlue-600 font-semibold hover:underline">Want to register your agency as a responder? Contact us today.</a>
        </p>
    </div>
</div>