Doormile/doormile-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Updated about page

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

88
assets/css/custom-frontend.min.css vendored
View File

@@ -3401,6 +3401,7 @@ h1, h2, h3 {
--border-glow: rgba(226, 0, 26, 0.25);
min-height: 100vh;
border-radius: 20px;
padding: 2.5rem 0 4rem 0;
display: flex;
align-items: center;
@@ -4170,7 +4171,7 @@ h1, h2, h3 {
/* --- SECTION 3: COMPARISON MATRIX & MOAT (LIGHT / WHITE THEME) --- */
.comparison-section {
background-color: var(--bg-dark);
/* background-color: var(--bg-dark); */
background-image: radial-gradient(circle at 90% 20%, rgba(var(--primary-raw), 0.015) 0%, transparent 60%);
border-top: 1px solid var(--border-color);
}
@@ -4297,6 +4298,7 @@ tr:hover .capability-cell svg {
.moat-panel {
display: flex;
flex-direction: column;
height: 100%;
gap: 1.25rem;
background: var(--bg-card);
border: 1px solid var(--border-color);
@@ -4407,76 +4409,7 @@ tr:hover .capability-cell svg {
/* --- FOOTER (LIGHT THEME) --- */
footer {
background-color: var(--bg-darker);
border-top: 1px solid var(--border-color);
padding: 4rem 0;
color: var(--text-secondary);
font-size: 0.85rem;
}
.footer-layout {
display: flex;
justify-content: space-between;
align-items: center;
}
.footer-left {
display: flex;
align-items: center;
gap: 1.5rem;
}
.footer-logo {
height: 20px;
opacity: 0.85;
transition: var(--transition-fast);
}
.footer-logo:hover {
opacity: 1;
}
.footer-divider {
width: 1px;
height: 15px;
background: var(--border-color);
}
.footer-right {
display: flex;
align-items: center;
gap: 2rem;
}
.footer-pill {
padding: 0.25rem 0.75rem;
border-radius: 3px;
font-family: var(--font-heading);
font-weight: 800;
font-size: 0.7rem;
letter-spacing: 0.05em;
text-transform: uppercase;
background: rgba(15, 23, 42, 0.04);
border: 1px solid var(--border-color);
color: var(--text-secondary);
transition: var(--transition-fast);
}
.footer-pill:hover {
color: var(--text-primary);
border-color: rgba(15, 23, 42, 0.15);
}
.footer-pill.red {
border-color: rgba(var(--primary-raw), 0.2);
color: var(--primary);
}
.footer-pill.red:hover {
background: rgba(var(--primary-raw), 0.04);
border-color: var(--primary);
}
/* --- KEYFRAMES AND SYSTEM ANIMATIONS --- */
@@ -4625,21 +4558,6 @@ footer {
min-width: 600px; /* Forces swipe track behavior on narrow screens */
}
.footer-layout {
flex-direction: column;
gap: 1.5rem;
text-align: center;
}
.footer-left {
flex-direction: column;
gap: 1rem;
}
.footer-right {
justify-content: center;
gap: 1rem;
}
}
/* --- 5. SMALL SMARTPHONES (Portrait, Up to 480px) --- */

4
includes/layout/head.php
View File

@@ -38005,7 +38005,7 @@ h6 {
font-size: 120px;
line-height: 1.2em;
letter-spacing: -0.03em;
font-family: Space Grotesk;
/* font-family: Space Grotesk; */
text-transform: uppercase;
font-style: normal;
font-weight: 500;
@@ -43436,7 +43436,7 @@ h6 {
font-size: 120px;
line-height: 1.2em;
letter-spacing: -0.03em;
font-family: Space Grotesk;
/* font-family: Space Grotesk; */
text-transform: uppercase;
font-style: normal;
font-weight: 500;

76
includes/sections/about/competitive-edge.php
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="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="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>
<!-- <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> -->
<!-- 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>
</div>
</div>

58
includes/sections/about/intelligence-grid.php
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>
<style>
.roadmap-hero-section .intelligence-grid-title {
color: #ffffff !important;
}
<p class="vision-main-subtitle">
.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">
@@ -227,3 +228,4 @@
</div> -->
</div>
</section>
</div>

16
includes/sections/about/our-team.php
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>

11
includes/sections/hero/about-us.php
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>

4
includes/sections/logistics/women_section.php
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>