alwisp/www/pages/coverage.php

<!-- PORTFOLIO PAGE -->
<section class="section page-hero">
    <div class="container">
        <span class="section__eyebrow">Our Work</span>
        <h1 class="section__heading">Project Portfolio</h1>
        <p class="section__sub">A sample of the environments we've designed and deployed for — every one a custom solution.</p>
    </div>
</section>

<section class="section">
    <div class="container">
        <div class="section__header">
            <span class="section__eyebrow">Deployment Types</span>
            <h2 class="section__heading">What We've Built</h2>
            <p class="section__sub">We work across industries and environments. Here's a cross-section of the project types in our portfolio.</p>
        </div>
        <div class="cards">

            <div class="card">
                <div class="card__icon" aria-hidden="true">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 9l9-7 9 7v11a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2z"/><polyline points="9 22 9 12 15 12 15 22"/></svg>
                </div>
                <h3 class="card__title">Disaster Relief Networking</h3>
                <p class="card__body">Our first deployment — a wireless mesh network stood up in field conditions after a tornado to support charity relief workers and restore internet access for the surrounding community.</p>
            </div>

            <div class="card">
                <div class="card__icon" aria-hidden="true">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="2" y="7" width="20" height="14" rx="2"/><path d="M16 7V5a2 2 0 0 0-2-2h-4a2 2 0 0 0-2 2v2"/></svg>
                </div>
                <h3 class="card__title">Commercial Facilities</h3>
                <p class="card__body">Managed wireless and wired networks for offices, retail locations, and light industrial facilities — including access control and IP camera integration.</p>
            </div>

            <div class="card">
                <div class="card__icon" aria-hidden="true">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M3 3h18v18H3z"/><path d="M3 9h18M3 15h18M9 3v18M15 3v18"/></svg>
                </div>
                <h3 class="card__title">Event & Temporary Networks</h3>
                <p class="card__body">Fast-deploy mesh networks for outdoor events, festivals, temporary operations, and pop-up facilities — up and running on your schedule.</p>
            </div>

            <div class="card">
                <div class="card__icon" aria-hidden="true">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><circle cx="12" cy="12" r="10"/><line x1="2" y1="12" x2="22" y2="12"/><path d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"/></svg>
                </div>
                <h3 class="card__title">Multi-Site Enterprise</h3>
                <p class="card__body">Unified managed networks spanning multiple locations — consistent policy, centralized monitoring, and a single point of contact for support across all sites.</p>
            </div>

            <div class="card">
                <div class="card__icon" aria-hidden="true">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><path d="M23 19a2 2 0 0 1-2 2H3a2 2 0 0 1-2-2V8a2 2 0 0 1 2-2h4l2-3h6l2 3h4a2 2 0 0 1 2 2z"/><circle cx="12" cy="13" r="4"/></svg>
                </div>
                <h3 class="card__title">Surveillance Deployments</h3>
                <p class="card__body">IP camera systems designed from the ground up — camera placement, cabling, NVR setup, and remote access — for warehouses, parking areas, and multi-building campuses.</p>
            </div>

            <div class="card">
                <div class="card__icon" aria-hidden="true">
                    <svg viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><rect x="3" y="11" width="18" height="11" rx="2" ry="2"/><path d="M7 11V7a5 5 0 0 1 10 0v4"/></svg>
                </div>
                <h3 class="card__title">Access Control Buildouts</h3>
                <p class="card__body">From a single entry point to a full multi-door system with credential management and audit logging — retrofit or new construction, indoors or out.</p>
            </div>

        </div>
    </div>
</section>

<section class="section cta-band" aria-labelledby="portfolio-cta">
    <div class="container cta-band__content">
        <h2 id="portfolio-cta" class="cta-band__heading">Working on something similar?</h2>
        <p class="cta-band__sub">Tell us about it. We'll give you a straight assessment of what the right solution looks like.</p>
        <a href="/contact" class="btn btn--primary">Start a Conversation</a>
    </div>
</section>