Updated about page

This commit is contained in:
R-Bharathraj
2026-05-26 17:36:00 +05:30
parent 66c7e11e48
commit e003407a94
7 changed files with 77 additions and 190 deletions

View File

@@ -1,10 +1,10 @@
<section id="comparison" class="comparison-section">
<div class="container">
<div class="section-header">
<!-- <div class="section-header">
<span class="section-tag">Competitive Edge</span>
<h2 class="section-title">Where Doormile Sits And Why It Wins</h2>
<p class="section-desc">A side-by-side technical capabilities comparison showing how operational fleet ownership and dynamic AI planning disrupt basic aggregators.</p>
</div>
</div> -->
<div class="comparison-layout">
<!-- Comparison matrix Table -->
@@ -106,62 +106,26 @@
<!-- Strategic Moat Side cards -->
<div class="moat-panel">
<div class="moat-header-section">
<svg width="18" height="18" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<rect x="3" y="11" width="18" height="11" rx="2" ry="2"></rect>
<path d="M7 11V7a5 5 0 0 1 10 0v4"></path>
</svg>
<h5>Strategic Moat</h5>
</div>
<div class="moat-list">
<!-- Accordion Card 1 -->
<div class="moat-card active" data-index="0">
<div class="moat-card-title">
Ownership &gt; Aggregation
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<polyline points="9 18 15 12 9 6"></polyline>
</svg>
</div>
<div class="moat-card-content">
End-to-end control of the fleet eliminates delivery partner dependency and ensures highly predictable quality parameters and consistent operational delivery.
</div>
</div>
<!-- Accordion Card 2 -->
<div class="moat-card" data-index="1">
<div class="moat-card-title">
Intelligence &gt; Manual Ops
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<polyline points="9 18 15 12 9 6"></polyline>
</svg>
</div>
<div class="moat-card-content">
Native algorithmic optimization drives every routing and dispatch decision at scale, removing human cognitive bottlenecking and localized dispatcher delays.
</div>
</div>
<!-- Accordion Card 3 -->
<div class="moat-card" data-index="2">
<div class="moat-card-title">
Trust &gt; Transactions
<svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<polyline points="9 18 15 12 9 6"></polyline>
</svg>
</div>
<div class="moat-card-content">
Verified handling and transparent digital chain-of-custody trails build enterprise-grade credibility, protecting delicate logistics consignments.
</div>
</div>
</div>
<!-- Highlighted callout banner -->
<div class="moat-banner">
<svg width="16" height="16" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.5" stroke-linecap="round" stroke-linejoin="round">
<polygon points="13 2 3 14 12 14 11 22 21 10 12 10 13 2"></polygon>
</svg>
<span>Doormile combines operational ownership with algorithmic optimization and trusted delivery execution.</span>
</div>
<div class="elementor-element elementor-element-54d05ac elementor-invisible elementor-widget elementor-widget-logico_heading"
data-id="54d05ac" data-element_type="widget"
data-settings="{&quot;_animation&quot;:&quot;logico_heading_animation&quot;}"
data-widget_type="logico_heading.default">
<div class="elementor-widget-container">
<div class="section-header">
<span class="section-tag">Competitive Edge</span>
<h3 class="logico-title">Where Doormile Sits And Why It Wins
</h3>
<p class="section-desc">A side-by-side technical capabilities comparison showing how operational fleet ownership and dynamic AI planning disrupt basic aggregators.</p>
</div>
</div>
</div>
<!-- <div class="section-header">
<span class="section-tag">Competitive Edge</span>
<h3 class="section-title">Where Doormile Sits And Why It Wins</h3>
<p class="section-desc">A side-by-side technical capabilities comparison showing how operational fleet ownership and dynamic AI planning disrupt basic aggregators.</p>
</div> -->
</div>
</div>
</div>

View File

@@ -1,3 +1,4 @@
<div class="elementor-element elementor-element-bbc6760 e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent" data-id="bbc6760" data-element_type="container" data-e-type="container">
<section id="hero" class="roadmap-hero-section">
<!-- Concentric crimson vector curves background -->
<div class="crimson-arc-bg"></div>
@@ -6,40 +7,40 @@
<div class="container">
<!-- Screen Header Bar -->
<div class="screen-header-bar">
<div class="alt-pills">
<span class="alt-pill active" id="alt-pill-1">ALT 1: The AI Pulse Layer for Urban India</span>
<span class="alt-pill" id="alt-pill-2">ALT 2: The Neural Backbone of City Logistics</span>
</div>
<!-- Capsule Logo with white background -->
<!-- <div class="logo-capsule-wrap">
<div class="logo-capsule-bg">
<svg viewBox="0 0 240 50" xmlns="http://www.w3.org/2000/svg">
<defs>
<linearGradient id="logoRedGrad" x1="0%" y1="0%" x2="100%" y2="100%">
<stop offset="0%" stop-color="#ff2a5f" />
<stop offset="100%" stop-color="#e2001a" />
</linearGradient>
</defs>
<path d="M15 12C15 7 19 3 24 3H38C44 3 49 8 49 14V34C49 40 44 45 38 45H24C19 45 15 41 15 36V12Z" fill="none" stroke="url(#logoRedGrad)" stroke-width="4.5"/>
<circle cx="32" cy="24" r="7" fill="url(#logoRedGrad)"/>
<path d="M30 24H35M35 24L33 21M35 24L33 27" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
<text x="60" y="34" font-family="'Outfit', sans-serif" font-weight="800" font-size="28" fill="#e2001a">Door</text>
<text x="127" y="34" font-family="'Outfit', sans-serif" font-weight="300" font-size="28" fill="#e2001a">mile</text>
</svg>
</div>
</div> -->
</div>
<!-- Content Titles -->
<div class="vision-tag-top">VISION / 2030</div>
<h3 class="vision-main-title" style="color: white;">
The <span style="color: #c01227;">Intelligence Grid</span> Behind Every Urban Mile
</h3>
<p class="vision-main-subtitle">
<style>
.roadmap-hero-section .intelligence-grid-title {
color: #ffffff !important;
}
.roadmap-hero-section .intelligence-grid-title-highlight {
color: #c01227 !important;
}
</style>
<div class="elementor-element elementor-element-54d05ac elementor-widget elementor-widget-logico_heading"
data-id="54d05ac" data-element_type="widget"
data-widget_type="logico_heading.default">
<div class="elementor-widget-container" >
<h3 class="logico-title intelligence-grid-title">The <span class="intelligence-grid-title-highlight">Intelligence Grid</span> Behind Every Urban Mile
</h3>
<p class="vision-main-subtitle">
From Hyderabad EV pilot to nationwide AI logistics intelligence by 2030
</p>
</div>
</div>
<!-- <h3 class="vision-main-title" style="color: white;">
The <span style="color: #c01227;">Intelligence Grid</span> Behind Every Urban Mile
</h3> -->
<!-- Horizontal Timeline Track Widget -->
<div class="roadmap-track-container">
@@ -206,14 +207,14 @@
</div>
<!-- Screen Footer Bar -->
<div class="screen-footer-bar">
<!-- <div class="screen-footer-bar">
<span class="footer-msg">BUILDING THE FUTURE OF LOGISTICS IN INDIA</span>
<div class="footer-pills-right">
<span class="footer-pill-black">2026-2030</span>
<span class="footer-pill-black">5 YEAR PLAN</span>
<span class="footer-pill-black">15+ CITIES</span>
</div>
</div>
</div> -->
<!-- Dynamic Scroll Indicator -->
<!-- <div class="scroll-action-indicator">
@@ -226,4 +227,5 @@
</a>
</div> -->
</div>
</section>
</section>
</div>

View File

@@ -2,16 +2,16 @@
<div class="elementor-element elementor-element-c2c601a e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-parent" data-id="c2c601a" data-element_type="container" data-e-type="container">
<div class="e-con-inner">
<div class="elementor-element elementor-element-3306a27 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="3306a27" data-element_type="container" data-e-type="container">
<div class="elementor-element elementor-element-86143d0 elementor-widget elementor-widget-logico_heading" data-id="86143d0" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
<div class="elementor-widget-container">
<div class="logico-title">/ team /
</div>
</div>
<div class="elementor-element elementor-element-7afb238 elementor-widget elementor-widget-logico_heading" data-id="7afb238" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
<div class="elementor-widget-container">
<div class="logico-title">/Team /
</div>
</div>
<div class="elementor-element elementor-element-c46350e elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-logico_heading" data-id="c46350e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;logico_heading_animation&quot;}"
</div>
<div style="align-self:start;width:100%" class="elementor-element elementor-element-c46350e elementor-widget__width-initial elementor-invisible elementor-widget elementor-widget-logico_heading" data-id="c46350e" data-element_type="widget" data-e-type="widget" data-settings="{&quot;_animation&quot;:&quot;logico_heading_animation&quot;}"
data-widget_type="logico_heading.default">
<div class="elementor-widget-container">
<h3 class="logico-title">Meet our the best crew
<div class="elementor-widget-container" >
<h3 class="logico-title" style="text-align:start" >Meet our the best crew
</h3>
</div>
</div>