99 lines
4.4 KiB
PHP
99 lines
4.4 KiB
PHP
<?php
|
|
$page_title = 'How It Works — Doormile';
|
|
$page_desc = 'See how Doormile connects first, mid, and last mile into one seamless delivery experience powered by MileTruth™ AI.';
|
|
$current_page = 'how-it-works';
|
|
$depth = '';
|
|
?>
|
|
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<?php include 'includes/layout/head.php'; ?>
|
|
<body>
|
|
<?php include 'includes/layout/header.php'; ?>
|
|
|
|
<main id="main-content">
|
|
|
|
<?php include 'includes/sections/hero/howits-hero-section.php'; ?>
|
|
|
|
<!-- Three-mile journey -->
|
|
<section class="dm-steps dm-section" aria-label="The three-mile journey">
|
|
<div class="dm-container">
|
|
|
|
<div class="dm-steps__header">
|
|
<p class="dm-label logico-title">/ The Journey /</p>
|
|
<h2>Three Miles. One System.</h2>
|
|
<p style="color:var(--gray-text);max-width:520px;margin:var(--sp-4) auto 0;">
|
|
Every shipment travels through three critical phases. Doormile owns and optimises all of them.
|
|
</p>
|
|
</div>
|
|
|
|
<div class="dm-steps__grid">
|
|
|
|
<!-- Step 1: First Mile -->
|
|
<div class="dm-step-card">
|
|
<div class="dm-step-card__image">
|
|
<img src="<?php echo $depth; ?>assets/images/home2-step1.png"
|
|
alt="First mile pickup" loading="lazy">
|
|
</div>
|
|
<div class="dm-step-card__body">
|
|
<p class="dm-step-card__num">01 / First Mile</p>
|
|
<p class="dm-step-card__title">Origin to Hub</p>
|
|
<p class="dm-step-card__text">We collect freight directly from your facility, optimise vehicle assignment in real time, and consolidate loads for maximum efficiency before they reach the hub.</p>
|
|
<ul class="dm-step-card__list">
|
|
<li>AI-scheduled pickups</li>
|
|
<li>Dynamic load consolidation</li>
|
|
<li>Yard & dock management</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Step 2: Mid Mile -->
|
|
<div class="dm-step-card">
|
|
<div class="dm-step-card__image">
|
|
<img src="<?php echo $depth; ?>assets/images/home2-step2.png"
|
|
alt="Mid mile transit" loading="lazy">
|
|
</div>
|
|
<div class="dm-step-card__body">
|
|
<p class="dm-step-card__num">02 / Mid Mile</p>
|
|
<p class="dm-step-card__title">Hub to Hub Transit</p>
|
|
<p class="dm-step-card__text">Freight moves between hubs on optimised line-haul routes. Real-time tracking, cross-docking, and SLA monitoring keep every shipment on schedule.</p>
|
|
<ul class="dm-step-card__list">
|
|
<li>Optimised line-haul routing</li>
|
|
<li>Cross-docking & sortation</li>
|
|
<li>Live SLA monitoring</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Step 3: Last Mile -->
|
|
<div class="dm-step-card">
|
|
<div class="dm-step-card__image">
|
|
<img src="<?php echo $depth; ?>assets/images/home2-step3.png"
|
|
alt="Last mile delivery" loading="lazy">
|
|
</div>
|
|
<div class="dm-step-card__body">
|
|
<p class="dm-step-card__num">03 / Last Mile</p>
|
|
<p class="dm-step-card__title">Hub to Doorstep</p>
|
|
<p class="dm-step-card__text">The final and most complex phase. We optimise multi-stop routes, deliver within precise windows, and capture digital proof of delivery at every door.</p>
|
|
<ul class="dm-step-card__list">
|
|
<li>Multi-stop route optimisation</li>
|
|
<li>Precise delivery windows</li>
|
|
<li>Digital proof of delivery</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<?php include 'includes/sections/logistics/connected-logistics-section.php'; ?>
|
|
|
|
<?php include 'includes/sections/miles/doormile-way.php'; ?>
|
|
|
|
</main>
|
|
|
|
<?php include 'includes/layout/footer.php'; ?>
|
|
</body>
|
|
</html>
|
|
|