<header class="landing-header">
    <div class="landing-container landing-nav">
        <a class="landing-brand" href="<?= url('/') ?>" aria-label="FleetLume home">
            <img src="<?= asset('images/fleetlume-logo-horizontal.png') ?>" alt="FleetLume" width="238" height="57">
        </a>
        <nav class="landing-links" aria-label="Main navigation">
            <a href="#platform">Platform</a>
            <a href="#roles">Portals</a>
            <a href="#mobile">Mobile & GPS</a>
            <a href="#accounting">Accounting</a>
        </nav>
        <a class="btn btn-primary landing-login" href="<?= url('/login') ?>">Portal Login</a>
    </div>
</header>

<main>
    <section class="landing-hero">
        <div class="landing-container landing-hero-grid">
            <div class="landing-hero-copy">
                <p class="landing-kicker">Connected carrier operations</p>
                <h1>Run carrier dispatch, driver logbooks, reefer compliance, GPS, and accounting from one platform.</h1>
                <p class="landing-lead">FleetLume helps dispatch companies manage external carriers and owner-operators, coordinate loads, monitor drivers, track reefer temperatures, collect field documents, manage border crossings, maintain operational driver logbooks, and keep finances organized in one daily workspace.</p>
                <div class="landing-actions">
                    <a class="btn btn-primary btn-lg" href="<?= url('/login') ?>">Open FleetLume</a>
                    <a class="btn btn-light btn-lg" href="#platform">Explore the platform</a>
                </div>
                <div class="landing-trust-row" aria-label="Platform capabilities">
                    <span>Carrier Dispatch</span><span>Driver HOS</span><span>Live GPS</span><span>Reefer Monitoring</span><span>Accounting</span><span>Border Operations</span>
                </div>
            </div>
            <div class="landing-visual" aria-label="FleetLume operations overview">
                <div class="landing-logo-card">
                    <img src="<?= asset('images/fleetlume-logo.png') ?>" alt="FleetLume fleet operations platform" width="500" height="371">
                </div>
                <div class="landing-metric metric-one"><strong>Live</strong><span>Driver location and trip status</span></div>
                <div class="landing-metric metric-two"><strong>One view</strong><span>Loads, documents, expenses, and payments</span></div>
            </div>
        </div>
    </section>

    <section class="landing-section" id="platform">
        <div class="landing-container">
            <div class="landing-section-heading">
                <p class="landing-kicker">Daily operations</p>
                <h2>Everything your transportation team needs to keep freight moving.</h2>
                <p>Replace scattered messages, spreadsheets, paper receipts, and disconnected tools with structured workflows that follow each load from booking through payment.</p>
            </div>
            <div class="landing-feature-grid">
                <article><span>01</span><h3>Carrier dispatch and load planning</h3><p>Onboard external carriers, record MC and DOT details, configure dispatch fees, schedule stops, assign carrier equipment, and manage every load from board and calendar views.</p></article>
                <article><span>02</span><h3>Driver field workflow</h3><p>Give drivers a mobile portal for assigned loads, stop updates, trip tracking, POD and BOL uploads, receipts, challans, incident photos, and expenses.</p></article>
                <article><span>03</span><h3>Driver logbooks and HOS</h3><p>Record duty status, calculate United States and Canadian operating clocks, manage daily certifications, preserve correction history, and prepare roadside views.</p></article>
                <article><span>04</span><h3>Trailers and reefer compliance</h3><p>Manage carrier-owned, leased, and rental equipment with trailer specifications, reefer units, setpoints, operating ranges, fuel, washouts, inspections, and temperature logs.</p></article>
                <article><span>05</span><h3>Border crossing management</h3><p>Coordinate crossing records, broker details, document checklists, queue time, inspections, holds, detention, geofences, and border packet PDFs.</p></article>
                <article><span>06</span><h3>Documents and compliance</h3><p>Connect documents and images to loads, stops, drivers, equipment, invoices, border records, expenses, and vendor bills with clear expiry tracking.</p></article>
                <article><span>07</span><h3>Finance and profitability</h3><p>Handle invoices, payments, settlements, expenses, vendor bills, factoring, banking, journal entries, aging, and load profitability reports.</p></article>
            </div>
        </div>
    </section>

    <section class="landing-section landing-section-alt" id="roles">
        <div class="landing-container landing-split">
            <div>
                <p class="landing-kicker">Role-based portals</p>
                <h2>Give every team member the right workspace.</h2>
                <p class="landing-copy">Owners, dispatchers, carrier companies, drivers, accountants, maintenance staff, and team members each receive a focused portal with permission-controlled access.</p>
            </div>
            <div class="landing-role-list">
                <div><strong>Owner & Admin</strong><span>Business overview, users, controls, accounting, audit history, and settings.</span></div>
                <div><strong>Dispatcher</strong><span>Carrier onboarding, loads, rates, dispatch fees, equipment assignments, live tracking, reefer alerts, borders, and documents.</span></div>
                <div><strong>Carrier Company</strong><span>Assigned loads, carrier gross and net amounts, equipment, compliance files, and reefer records.</span></div>
                <div><strong>Driver</strong><span>Mobile loads, duty-status logbook, stops, GPS, uploads, border tasks, expenses, and settlements.</span></div>
                <div><strong>Accounting</strong><span>Receivables, payables, settlements, banking, factoring, journals, and reports.</span></div>
                <div><strong>Maintenance & Team</strong><span>Equipment service, compliance documents, tasks, and permission-based operations.</span></div>
            </div>
        </div>
    </section>

    <section class="landing-section" id="mobile">
        <div class="landing-container landing-split landing-split-reverse">
            <div class="landing-phone">
                <div class="phone-top"></div>
                <div class="phone-screen">
                    <img src="<?= asset('images/fleetlume-mark.png') ?>" alt="" width="96" height="74">
                    <small>Driver Portal</small>
                    <strong>Load FL-1048</strong>
                    <div class="phone-status"><span></span> Tracking active</div>
                    <div class="phone-stop"><b>Pickup</b><span>Arrived · Photo uploaded</span></div>
                    <div class="phone-stop"><b>Border</b><span>Documents approved</span></div>
                    <div class="phone-stop"><b>Delivery</b><span>Next stop · 146 mi</span></div>
                </div>
            </div>
            <div>
                <p class="landing-kicker">Mobile-first driver tools</p>
                <h2>Capture updates where the work happens.</h2>
                <p class="landing-copy">Drivers can share live location while the portal is open, update trip and stop status, take photos directly from their phone, upload shipment documents, report challans or incidents, and submit expenses with location and time records.</p>
                <ul class="landing-checks">
                    <li>Mobile duty-status changes, daily certification, and roadside logbook view</li>
                    <li>Consent-based live GPS sessions and route history</li>
                    <li>Pickup, delivery, border, and stop image uploads</li>
                    <li>POD, BOL, seal, washout, temperature, inspection, receipt, and challan records</li>
                    <li>Mobile-responsive screens and installable web experience</li>
                </ul>
            </div>
        </div>
    </section>

    <section class="landing-section landing-section-dark" id="accounting">
        <div class="landing-container">
            <div class="landing-section-heading light">
                <p class="landing-kicker">Road to revenue</p>
                <h2>Connect operational data to accounting.</h2>
                <p>Turn delivered loads and uploaded documents into invoices, settlements, expenses, payments, and profitability insights without re-entering the same information.</p>
            </div>
            <div class="landing-finance-grid">
                <div><strong>Accounts receivable</strong><span>Branded invoices, partial payments, receipts, statements, and aging.</span></div>
                <div><strong>Driver settlements</strong><span>Load-based earnings, deductions, payment status, and printable statements.</span></div>
                <div><strong>Expenses and payables</strong><span>Receipts, approvals, vendors, bills, reimbursements, and account activity.</span></div>
                <div><strong>Financial reporting</strong><span>Profit and loss, trial balance, ledger, cash activity, and load profitability.</span></div>
            </div>
        </div>
    </section>

    <section class="landing-section landing-faq">
        <div class="landing-container">
            <div class="landing-section-heading">
                <p class="landing-kicker">Frequently asked questions</p>
                <h2>Built for real daily transportation workflows.</h2>
            </div>
            <div class="landing-faq-grid">
                <details><summary>Can drivers use FleetLume from a phone?</summary><p>Yes. The driver portal is designed for mobile screens and supports load updates, location sharing, camera uploads, expenses, border tasks, and settlement access.</p></details>
                <details><summary>Does FleetLume support driver logbooks for the United States and Canada?</summary><p>Yes. FleetLume includes operational duty-status logs, configurable U.S. and Canadian rule profiles, cycle clocks, daily certifications, correction review, inspection views, and PDF records. A certified or registered ELD is still required whenever applicable law requires one.</p></details>
                <details><summary>Does FleetLume support live GPS tracking?</summary><p>Yes. Drivers can start a consent-based tracking session that sends location, speed, heading, accuracy, and trip updates while the browser remains active and location permission is enabled.</p></details>
                <details><summary>Can the platform manage border crossings?</summary><p>Yes. Border workflows include crossing records, customs brokers, document checklists, inspections, holds, queue and detention time, expenses, geofence events, and border packet PDFs.</p></details>
                <details><summary>Can a dispatch company manage trucks owned by other carriers?</summary><p>Yes. Carriers, owner-operators, drivers, trucks, trailers, rates, dispatch fees, compliance documents, and carrier portal access are linked without requiring the dispatch company to own the equipment.</p></details>
                <details><summary>Are accounting and dispatch connected?</summary><p>Yes. Loads, drivers, customers, documents, expenses, invoices, payments, settlements, vendor bills, factoring, and reports are connected inside the same platform.</p></details>
            </div>
        </div>
    </section>

    <section class="landing-cta">
        <div class="landing-container landing-cta-card">
            <div><p class="landing-kicker">FleetLume Control Center</p><h2>One platform for every load, mile, document, and dollar.</h2></div>
            <a class="btn btn-primary btn-lg" href="<?= url('/login') ?>">Go to Portal Login</a>
        </div>
    </section>
</main>

<footer class="landing-footer">
    <div class="landing-container">
        <a class="landing-brand" href="<?= url('/') ?>"><img src="<?= asset('images/fleetlume-logo-horizontal.png') ?>" alt="FleetLume" width="198" height="48"></a>
        <p>Fleet operations, connected from road to revenue.</p>
        <span>&copy; <?= date('Y') ?> FleetLume. All rights reserved.</span>
    </div>
</footer>
