alwisp/www/pages/services.php

<!-- SERVICES PAGE -->
<section class="section page-hero page-hero--services">
    <div class="container">
        <span class="section__eyebrow">What We Do</span>
        <h1 class="section__heading">Our Services</h1>
        <p class="section__sub">Custom-engineered solutions for every environment — from a single facility to a multi-site enterprise deployment.</p>
    </div>
</section>

<section class="section" id="mesh">
    <div class="container">
        <div class="section__header">
            <h2 class="section__heading">Custom Mesh Networking</h2>
            <p class="section__sub">Wireless infrastructure built around your site, not a template.</p>
        </div>
        <div class="cards">
            <div class="card">
                <h3 class="card__title">Site Survey & Design</h3>
                <p class="card__body">We assess your physical environment, interference sources, and coverage requirements before a single piece of equipment is ordered. Every deployment starts with a plan.</p>
            </div>
            <div class="card">
                <h3 class="card__title">Outdoor Mesh Deployments</h3>
                <p class="card__body">Weatherproof access nodes, directional links, and self-healing mesh topologies for campuses, event venues, industrial yards, and outdoor facilities.</p>
            </div>
            <div class="card">
                <h3 class="card__title">Rapid Event Networking</h3>
                <p class="card__body">Need a network up in hours? We specialize in fast-turnaround deployments for events, emergency response, and temporary facilities — operational before your team hits the ground.</p>
            </div>
            <div class="card">
                <h3 class="card__title">Indoor Enterprise Wi-Fi</h3>
                <p class="card__body">High-density indoor wireless for offices, warehouses, medical facilities, and multi-floor buildings. VLAN segmentation, guest isolation, and centralized management included.</p>
            </div>
        </div>
    </div>
</section>

<section class="section section--alt" id="managed">
    <div class="container">
        <div class="section__header">
            <h2 class="section__heading">Managed Network Services</h2>
            <p class="section__sub">We don't just build it and leave. We keep it running.</p>
        </div>
        <div class="cards">
            <div class="card">
                <h3 class="card__title">24/7 Monitoring</h3>
                <p class="card__body">Continuous monitoring of every node, link, and device on your network. Issues are detected and triaged before your team notices anything wrong.</p>
            </div>
            <div class="card">
                <h3 class="card__title">Proactive Maintenance</h3>
                <p class="card__body">Firmware updates, configuration reviews, and performance tuning on a scheduled basis so your network stays current and secure.</p>
            </div>
            <div class="card">
                <h3 class="card__title">Remote & On-Site Support</h3>
                <p class="card__body">Most issues are resolved remotely within our SLA window. When hands-on work is needed, our local team dispatches directly to your site.</p>
            </div>
            <div class="card">
                <h3 class="card__title">Network Documentation</h3>
                <p class="card__body">Full topology maps, IP schema, and configuration records maintained and updated with every change. You always know what's on your network.</p>
            </div>
        </div>
    </div>
</section>

<section class="section" id="cabling">
    <div class="container">
        <div class="section__header">
            <h2 class="section__heading">Structured Cabling & Wired Networks</h2>
            <p class="section__sub">The physical foundation every reliable network is built on.</p>
        </div>
        <div class="cards">
            <div class="card">
                <h3 class="card__title">Cat6 / Cat6A Runs</h3>
                <p class="card__body">Clean, tested, and documented copper cabling for workstations, APs, cameras, and access control panels — run to spec and labeled for longevity.</p>
            </div>
            <div class="card">
                <h3 class="card__title">Fiber Optic Backbones</h3>
                <p class="card__body">Single-mode and multi-mode fiber for building-to-building interconnects and high-bandwidth backbone runs where copper falls short.</p>
            </div>
            <div class="card">
                <h3 class="card__title">IDF / MDF Buildouts</h3>
                <p class="card__body">Patch panels, structured racks, cable management, and power distribution — organized infrastructure that's easy to maintain and expand.</p>
            </div>
        </div>
    </div>
</section>

<section class="section section--alt" id="access">
    <div class="container">
        <div class="section__header">
            <h2 class="section__heading">Access Control</h2>
            <p class="section__sub">Know who enters your facility and when.</p>
        </div>
        <div class="cards">
            <div class="card">
                <h3 class="card__title">Door Controllers & Readers</h3>
                <p class="card__body">IP-based door controllers paired with key card, key fob, or mobile credential readers. Works with new construction and retrofit installations.</p>
            </div>
            <div class="card">
                <h3 class="card__title">Credential Management</h3>
                <p class="card__body">Centralized user management — add, remove, or restrict access for any credential in real time without being on-site.</p>
            </div>
            <div class="card">
                <h3 class="card__title">Audit Logs & Alerts</h3>
                <p class="card__body">Full entry/exit logging with time-stamped records and configurable alerts for after-hours access or forced-entry events.</p>
            </div>
        </div>
    </div>
</section>

<section class="section" id="cameras">
    <div class="container">
        <div class="section__header">
            <h2 class="section__heading">IP Camera & Surveillance</h2>
            <p class="section__sub">Purpose-built camera systems designed for your facility, not off the shelf.</p>
        </div>
        <div class="cards">
            <div class="card">
                <h3 class="card__title">Camera Placement Design</h3>
                <p class="card__body">Coverage planning that eliminates blind spots — we map every camera angle before installation to ensure complete visibility of the areas that matter.</p>
            </div>
            <div class="card">
                <h3 class="card__title">NVR / DVR Configuration</h3>
                <p class="card__body">Network video recorder setup with appropriate retention policies, motion triggers, and scheduled recording. Local storage or cloud backup options available.</p>
            </div>
            <div class="card">
                <h3 class="card__title">Remote Viewing</h3>
                <p class="card__body">Secure remote access to your camera feeds from any device — smartphone, tablet, or desktop — with user-level access controls.</p>
            </div>
        </div>
    </div>
</section>

<section class="section cta-band" aria-labelledby="services-cta">
    <div class="container cta-band__content">
        <h2 id="services-cta" class="cta-band__heading">Not sure what you need?</h2>
        <p class="cta-band__sub">Describe your situation and we'll put together a solution. No obligation, no sales pitch — just a straight conversation about what makes sense.</p>
        <a href="/contact" class="btn btn--primary">Talk to Us</a>
    </div>
</section>