287 lines
16 KiB
PHP
287 lines
16 KiB
PHP
<!DOCTYPE html>
|
|
<html lang="en-US">
|
|
<?php
|
|
$page_title = 'MileTruth™ AI — Intelligent Routing by Doormile';
|
|
$depth = '';
|
|
include 'includes/layout/head.php';
|
|
?>
|
|
<link rel="stylesheet" href="<?php echo $depth; ?>assets/css/sections/section-ev-logistics.css">
|
|
<link rel="stylesheet" href="<?php echo $depth; ?>assets/css/sections/section-miletruth.css">
|
|
</head>
|
|
|
|
<body class="wp-singular page-template-default page page-id-63 wp-theme-logico wp-child-theme-logico-child theme-logico woocommerce-no-js ehf-header ehf-footer ehf-template-logico ehf-stylesheet-logico-child logico-front-end logico-theme-style-rounded elementor-default elementor-kit-5 elementor-page elementor-page-63">
|
|
<?php
|
|
$current_page = 'miletruth';
|
|
$depth = '';
|
|
include 'includes/layout/header.php';
|
|
?>
|
|
|
|
<div class="body-overlay"></div>
|
|
|
|
<!-- Pre-loader -->
|
|
<div class="page-loader-container">
|
|
<div class="page-loader">
|
|
<div class="page-loader-inner">
|
|
<img width="152" height="116"
|
|
src="<?php echo $depth; ?>assets/images/preloader.png"
|
|
alt="Loading" class="page-loader-logo" />
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
|
|
|
|
<!-- ────────────────────────────────────────
|
|
HERO — Owl Carousel
|
|
──────────────────────────────────────────── -->
|
|
<div class="content-wrapper content-wrapper-may-contain-elementor-code content-wrapper-sidebar-position-none miletruth-hero"
|
|
style="margin-bottom: 0; background: #0c0c14;">
|
|
<div class="content">
|
|
<div class="content-inner">
|
|
<div data-elementor-type="wp-page" data-elementor-id="63"
|
|
class="elementor elementor-63">
|
|
<div class="elementor-element elementor-element-dcdf16a e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent"
|
|
data-id="dcdf16a" data-element_type="container">
|
|
<div class="elementor-element elementor-element-791327c elementor-widget elementor-widget-logico_content_slider"
|
|
data-id="791327c" data-element_type="widget"
|
|
data-widget_type="logico_content_slider.default">
|
|
<div class="elementor-widget-container">
|
|
<div class="logico-content-slider-widget">
|
|
<div class="content-slider-wrapper">
|
|
<div class="content-slider-container">
|
|
<div class="content-slider owl-carousel owl-theme nav-view-default"
|
|
data-slider-options='{"items":1,"nav":true,"navText":"","dots":true,"progress":true,"dotsContainer":".owl-dots-791327c","autoplayHoverPause":false,"autoplay":true,"autoplaySpeed":5000,"autoplayTimeout":6000,"loop":true,"dragEndSpeed":1200,"navSpeed":1200,"dotsSpeed":1200,"pullDrag":false,"freeDrag":false,"callbacks":false,"animateOut":"fadeOut","rtl":false}'>
|
|
|
|
<!-- Slide 1 -->
|
|
<div class="content-item slider-item elementor-repeater-item-6867061 slide-style-standard">
|
|
<div class="slide-content">
|
|
<div class="slide-content-inner">
|
|
<h1 class="content-slider-item-heading logico-content-wrapper-1">
|
|
<span class="heading-content">Meet MileTruth™ AI</span>
|
|
</h1>
|
|
<div class="content-slider-item-text logico-content-wrapper-2">
|
|
<div class="text-content">
|
|
<p>The only AI routing engine built exclusively for logistics — 10 stages, sub-45ms, zero compromises.</p>
|
|
</div>
|
|
</div>
|
|
<div class="content-slider-item-buttons logico-content-wrapper-3">
|
|
<a class="logico-alter-button" href="#mr-impact">Explore the Engine</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Slide 2 -->
|
|
<div class="content-item slider-item elementor-repeater-item-3264830 slide-style-standard">
|
|
<div class="slide-content">
|
|
<div class="slide-content-inner">
|
|
<h1 class="content-slider-item-heading logico-content-wrapper-1">
|
|
<span class="heading-content">42% Less Distance. 37% Fewer Vehicles.</span>
|
|
</h1>
|
|
<div class="content-slider-item-text logico-content-wrapper-2">
|
|
<div class="text-content">
|
|
<p>Real-world results from our Hyderabad hub — proven optimisation that saves cost and fuel on every dispatch.</p>
|
|
</div>
|
|
</div>
|
|
<div class="content-slider-item-buttons logico-content-wrapper-3">
|
|
<a class="logico-alter-button" href="#mr-impact">See the Impact</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div><!-- /owl-carousel -->
|
|
|
|
<div class="slider-footer slider-footer-position-after slider-footer-width-full slider-footer-view-inside">
|
|
<div class="slider-footer-content">
|
|
<div class="slider-pagination">
|
|
<div class="slider-progress-wrapper">
|
|
<span class="slider-progress-current">01</span>
|
|
/<span class="slider-progress-all">02</span>
|
|
</div>
|
|
<div class="owl-dots owl-dots-791327c"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div><!-- /content-wrapper -->
|
|
|
|
|
|
<!-- ────────────────────────────────────────
|
|
STATS STRIP
|
|
──────────────────────────────────────────── -->
|
|
<div class="mr-stats-strip">
|
|
<div class="mr-stats-grid">
|
|
<div class="mr-stat-item">
|
|
<div class="mr-stat-num">99.9<span>%</span></div>
|
|
<div class="mr-stat-lbl">SLA Compliance</div>
|
|
</div>
|
|
<div class="mr-stat-item">
|
|
<div class="mr-stat-num">42<span>%</span></div>
|
|
<div class="mr-stat-lbl">Distance Saved</div>
|
|
</div>
|
|
<div class="mr-stat-item">
|
|
<div class="mr-stat-num">37<span>%</span></div>
|
|
<div class="mr-stat-lbl">Fewer Vehicles</div>
|
|
</div>
|
|
<div class="mr-stat-item">
|
|
<div class="mr-stat-num"><45<span>ms</span></div>
|
|
<div class="mr-stat-lbl">Dispatch Latency</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
<!-- ────────────────────────────────────────
|
|
WHY MILETRUTH — bento grid
|
|
──────────────────────────────────────────── -->
|
|
<?php include 'includes/sections/misc/why_miletruth.php'; ?>
|
|
|
|
|
|
<!-- ────────────────────────────────────────
|
|
REAL-WORLD IMPACT (dark · image left)
|
|
──────────────────────────────────────────── -->
|
|
<section class="ev-section ev-section--dark" id="mr-impact">
|
|
<div class="ev-container">
|
|
<div class="ev-grid ev-grid--rev">
|
|
|
|
<!-- Image (rendered first, moved left by CSS) -->
|
|
<div>
|
|
<div class="mr-pic-card mr-pic-card--dark">
|
|
<img src="<?php echo $depth; ?>assets/images/routing/pitch_impact.png"
|
|
alt="MileTruth Impact Analysis" loading="lazy">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Content -->
|
|
<div>
|
|
<div class="ev-badge">Performance</div>
|
|
<h2 class="ev-title">The Impact of<br><span class="accent">Optimisation</span></h2>
|
|
<p class="ev-desc">
|
|
Side-by-side results from our Hyderabad hub case study — demonstrating how
|
|
MileTruth turns logistics chaos into clarity while maintaining 100% fulfillment
|
|
across every delivery zone.
|
|
</p>
|
|
<ul class="ev-checklist ev-checklist--dark">
|
|
<li>42% reduction in total distance travelled</li>
|
|
<li>37% fewer vehicles required for the same volume</li>
|
|
<li>Significant reduction in fuel and battery consumption</li>
|
|
<li>Predictable, on-time delivery across all city zones</li>
|
|
<li>100% fulfillment maintained throughout the test period</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<!-- ────────────────────────────────────────
|
|
COMPETITIVE EDGE (light · image right)
|
|
──────────────────────────────────────────── -->
|
|
<section class="ev-section" id="mr-edge">
|
|
<div class="ev-container">
|
|
<div class="ev-grid">
|
|
|
|
<!-- Content -->
|
|
<div>
|
|
<div class="ev-badge">Innovation</div>
|
|
<h2 class="ev-title">Our Competitive<br><span class="accent">Edge</span></h2>
|
|
<p class="ev-desc">
|
|
The Parallel Universe Engine — simulating 6 route strategies simultaneously to
|
|
benchmark and select the absolute winner for every delivery window, every time.
|
|
</p>
|
|
<ul class="ev-checklist">
|
|
<li>Solves the EV Paradox with intelligent battery simulation</li>
|
|
<li>Mathematical precision powered by Google OR-Tools</li>
|
|
<li>SLA-first reliability with real-time ETA validation</li>
|
|
<li>6 parallel strategy universes evaluated per dispatch</li>
|
|
<li>Sub-45ms inference latency from ingestion to output</li>
|
|
</ul>
|
|
</div>
|
|
|
|
<!-- Image -->
|
|
<div>
|
|
<div class="mr-pic-card">
|
|
<img src="<?php echo $depth; ?>assets/images/routing/pitch_edge.png"
|
|
alt="MileTruth Competitive Edge" loading="lazy">
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<!-- ────────────────────────────────────────
|
|
FULFILLMENT STRATEGY (dark · image left)
|
|
──────────────────────────────────────────── -->
|
|
<section class="ev-section ev-section--dark" id="mr-strategy">
|
|
<div class="ev-container">
|
|
<div class="ev-grid ev-grid--rev">
|
|
|
|
<!-- Image -->
|
|
<div>
|
|
<div class="mr-pic-card mr-pic-card--dark">
|
|
<img src="<?php echo $depth; ?>assets/images/routing/pitch_strategy.png"
|
|
alt="MileTruth Fulfillment Strategy" loading="lazy">
|
|
</div>
|
|
</div>
|
|
|
|
<!-- Content -->
|
|
<div>
|
|
<div class="ev-badge">Strategy</div>
|
|
<h2 class="ev-title">Happier Riders.<br><span class="accent">Higher Fulfillment.</span></h2>
|
|
<p class="ev-desc">
|
|
Our grading engine compares legacy heuristics against unified optimisation,
|
|
ensuring battery feasibility and SLA compliance on every single route before
|
|
a rider ever leaves the hub.
|
|
</p>
|
|
|
|
<ul class="ev-checklist ev-checklist--dark">
|
|
<li>Dynamic grading scores fulfillment, SLA compliance, and route efficiency</li>
|
|
<li>Every EV route pre-validated against real charge capacity before dispatch</li>
|
|
<li>Actionable fleet insights for managers and operations teams</li>
|
|
<li>Optimised workload distribution reduces rider fatigue and improves retention</li>
|
|
</ul>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
|
|
<!-- ────────────────────────────────────────
|
|
COMPARISON TABLE (existing include)
|
|
──────────────────────────────────────────── -->
|
|
<div id="mr-compare">
|
|
<?php include 'includes/sections/misc/comparision2.php'; ?>
|
|
</div>
|
|
|
|
|
|
<?php include 'includes/layout/footer.php'; ?>
|
|
|
|
<script>
|
|
document.querySelectorAll('a[href^="#mr-"]').forEach(function(a) {
|
|
a.addEventListener('click', function(e) {
|
|
var t = document.querySelector(this.getAttribute('href'));
|
|
if (t) { e.preventDefault(); t.scrollIntoView({ behavior: 'smooth', block: 'start' }); }
|
|
});
|
|
});
|
|
|
|
</script>
|
|
|
|
|
|
</body>
|
|
</html>
|