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>

View File

@@ -47,6 +47,7 @@
}
.about-us-hero-text {
text-align: center;
max-width: 720px;
margin: 0 auto;
font-family: 'Manrope', sans-serif;
@@ -64,12 +65,14 @@
<div class="elementor-63 miletruth-hero about-us-hero">
<div class="elementor-element elementor-element-86f3204 e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent" data-id="86f3204" data-element_type="container" data-e-type="container">
<div style="background-image: linear-gradient(hsla(0, 0%, 0%, 0.9), rgba(0, 0, 0, 0.9)), url('assets/images/about-bg.png'); background-size: cover;" class="elementor-element elementor-element-0b7a484 e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-child about-us-hero-bg" data-id="0b7a484" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\/\/demo.artureanec.com\/themes\/logico-rounded\/wp-content\/uploads\/2024\/10\/home3-slide1.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}">
<div style="background-image: linear-gradient(hsla(0, 0%, 0%, 0.9), rgba(0, 0, 0, 0.9)), url('assets/images/about-bg.png'); background-size: cover;border-radius: 20px;" class="elementor-element elementor-element-0b7a484 e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-child about-us-hero-bg" data-id="0b7a484" data-element_type="container" data-e-type="container" data-settings="{&quot;background_background&quot;:&quot;video&quot;,&quot;background_video_link&quot;:&quot;https:\/\/demo.artureanec.com\/themes\/logico-rounded\/wp-content\/uploads\/2024\/10\/home3-slide1.mp4&quot;,&quot;background_play_on_mobile&quot;:&quot;yes&quot;}">
<div class="e-con-inner">
<div class="about-us-hero-content">
<p class="about-us-hero-eyebrow">About Doormile</p>
<h1 class="about-us-hero-title" style="color: white;">The Operators Building <span style="color: #C01227;">Doormile</span></h1>
<!-- <p class="about-us-hero-text">We combine logistics expertise, technology, and a people-first delivery network to make last-mile operations faster, clearer, and more dependable.</p> -->
<!-- <p class="about-us-hero-eyebrow">About Doormile</p> -->
<br> <br>
<h3 class="about-us-hero-title" style="color: white; line-height: 1.2;">The Operators Building <br/> <span style="color: #C01227;">Doormile</span>
<br></h3>
<!-- <p class="about-us-hero-text" >One System. One Promise Kept.</p> -->
</div>
</div>
</div>

View File

@@ -164,7 +164,7 @@ Explore more<svg viewBox="0 0 13 20"><polyline points="0.5 19.5 3 19.5 12.5 10 3
</div>
</div>
</div>
<div class="elementor-element elementor-element-e70d3b7 elementor-widget elementor-widget-logico_button" data-id="e70d3b7" data-element_type="widget" data-e-type="widget" data-widget_type="logico_button.default">
<!-- <div class="elementor-element elementor-element-e70d3b7 elementor-widget elementor-widget-logico_button" data-id="e70d3b7" data-element_type="widget" data-e-type="widget" data-widget_type="logico_button.default">
<div class="elementor-widget-container">
<div class="button-widget">
@@ -174,7 +174,7 @@ Explore more </a>
</div>
</div>
</div>
</div>
</div> -->
</div>
</div>
</div>