Doormile/doormile_react
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix padding gap

Browse Source
This commit is contained in:
Aravind R
2026-06-05 13:58:14 +05:30
parent 3a16bf9267
commit 7fb97a9ca6
50 changed files with 19296 additions and 142142 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
src/components/sections/BlogGrid.tsx
View File

@@ -5,63 +5,54 @@ import { ScrollReveal } from "@/animations/Reveal";
export default function BlogGrid() {
const blogs = [
{
date: "Apl.06/2025",
title: "How AI Is Transforming Last-Mile EV Delivery",
excerpt: "Machine learning and real-time data are reshaping how fleets plan, dispatch, and adapt — making every kilometre smarter than the last.",
category: "Technology",
image: "/images/blog-post-pic-17.png",
},
{
date: "Apl.06/2025",
title: "The EV Paradox: Solving Range Anxiety for Urban Fleets",
excerpt: "Electric vehicles promise sustainability, but battery constraints introduce a new routing challenge. Here's how MileTruth™ AI solves it before dispatch.",
category: "EV Fleet",
image: "/images/blog-post-pic-18-840x840.jpg",
image: "/images/ev-paradox.png",
},
{
date: "Apl.06/2025",
title: "42% Less Distance: Insights from Our Hyderabad Hub",
excerpt: "A detailed look at how Doormile's MileTruth routing engine delivered measurable efficiency gains — fewer vehicles, less fuel, and zero SLA misses.",
category: "Case Study",
image: "/images/blog-post-pic-15.png",
},
{
date: "Apl.06/2025",
title: "MileTruth™ AI — 10 Stages to Smarter Dispatch",
excerpt: "From order ingestion to final route output in under 45ms — a technical walkthrough of the ten-stage pipeline at the heart of our routing engine.",
category: "MileTruth",
image: "/images/blog-post-pic-31.png",
},
{
date: "Apl.06/2025",
title: "Why Mathematical Precision Beats Heuristics in Routing",
excerpt: "Most routing tools guess. We calculate. Powered by Google OR-Tools, MileTruth evaluates six parallel strategy universes to select the optimal route every time.",
category: "Technology",
image: "/images/blog-post-pic-14.jpeg",
},
{
date: "Apl.06/2025",
title: "Fleet Reduction Without Compromising Delivery Volume",
excerpt: "Deploying 37% fewer vehicles while handling the same order volumes isn't a trade-off — it's the result of smarter routing intelligence applied at every dispatch.",
category: "Fleet Management",
image: "/images/blog-post-pic-8.jpeg",
},
{
date: "Apl.06/2025",
title: "Building a Greener City: The Future of Urban Logistics",
excerpt: "Cities are demanding cleaner delivery. We explore how AI-powered EV fleets and optimised routing create a path to zero-emission last-mile logistics at city scale.",
category: "Sustainability",
image: "/images/blog-post-pic-6.jpeg",
},
{
date: "Apl.06/2025",
title: "How Doormile Maintains 99.9% SLA Compliance at Scale",
excerpt: "Hitting SLA targets 99.9% of the time isn't luck — it's the product of ETA pre-validation, real-time rebalancing, and a routing engine built with delivery reliability as its first constraint.",
category: "Operations",
image: "/images/blog-post-pic-4.jpeg",
image: "/images/last-mile-approach.jpg",
},
{
date: "Apl.06/2025",
title: "Battery Simulation: The Secret to EV Route Pre-Validation",
excerpt: "Before a single rider leaves the hub, MileTruth™ simulates every route against real charge capacity — eliminating mid-route failures and protecting your fulfillment rate.",
category: "EV Fleet",
@@ -114,24 +105,6 @@ export default function BlogGrid() {
border-color: rgba(192, 18, 39, 0.2) !important;
}
.custom-blog-date {
font-size: 12px !important;
font-weight: 700 !important;
color: #94a3b8 !important;
text-transform: uppercase !important;
letter-spacing: 1px !important;
margin-bottom: 8px !important;
display: block !important;
font-family: var(--font-manrope), sans-serif !important;
}
.custom-blog-divider {
width: 100% !important;
height: 1px !important;
background: rgba(0, 0, 0, 0.08) !important;
margin-bottom: 20px !important;
}
.custom-blog-title {
font-size: 20px !important;
font-weight: 800 !important;
@@ -157,11 +130,32 @@ export default function BlogGrid() {
font-weight: 500 !important;
color: #64748b !important;
line-height: 1.6 !important;
margin: 0 0 24px 0 !important;
margin: 0 0 18px 0 !important;
text-transform: none !important;
font-family: var(--font-manrope), sans-serif !important;
}
.custom-blog-readmore {
display: inline-flex !important;
align-items: center !important;
gap: 6px !important;
font-size: 13px !important;
font-weight: 800 !important;
color: #c01227 !important;
text-transform: uppercase !important;
letter-spacing: 0.5px !important;
margin: 0 0 24px 0 !important;
font-family: var(--font-manrope), sans-serif !important;
}
.custom-blog-readmore-arrow {
transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1) !important;
}
.custom-blog-card:hover .custom-blog-readmore-arrow {
transform: translateX(5px) !important;
}
.custom-blog-img-container {
position: relative !important;
width: 100% !important;
@@ -201,23 +195,21 @@ export default function BlogGrid() {
<div className="custom-blog-card">
{/* Text Block at Top */}
<div className="flex flex-col">
{/* Date */}
<span className="custom-blog-date">
{blog.date}
</span>
{/* Thin divider line */}
<div className="custom-blog-divider" />
{/* Bold Title */}
<h3 className="custom-blog-title">
{blog.title}
</h3>
{/* Description Excerpt */}
<p className="custom-blog-excerpt">
{blog.excerpt}
</p>
{/* Read More */}
<span className="custom-blog-readmore">
Read More
<span aria-hidden="true" className="custom-blog-readmore-arrow">→</span>
</span>
</div>
{/* Image at Bottom */}