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

update miletruth page and remove unwanted files

Browse Source
This commit is contained in:
Aravind R
2026-06-03 13:42:12 +05:30
parent 3bad62851c
commit 6eea5636fb
153 changed files with 6089 additions and 36024 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
src/components/sections/CompetitiveEdge.tsx
View File

@@ -74,8 +74,10 @@ export default function CompetitiveEdge() {
<div className="container">
{/* Section Header */}
<div className="comparison-header" ref={headerRef}>
<div className="advantage-badge">DoorMile Advantage</div>
<h2 className="moat-heading">WHERE DOORMILE SITS AND WHY IT WINS</h2>
<div className="advantage-eyebrow-container">
<span className="advantage-eyebrow">/ DoorMile wins/</span>
</div>
<h2 className="moat-heading" data-text="WHERE DOORMILE SITS AND WHY IT WINS">WHERE DOORMILE SITS AND WHY IT WINS</h2>
<p className="moat-desc">
A side-by-side technical capabilities comparison showing how operational fleet ownership and dynamic AI planning disrupt basic aggregators.
</p>
@@ -253,59 +255,61 @@ export default function CompetitiveEdge() {
/* Section Header Layout */
.comparison-header {
text-align: center;
text-align: left;
margin-bottom: 60px;
position: relative;
z-index: 2;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
width: 100%;
}
/* DoorMile Advantage Badge */
.advantage-badge {
.advantage-eyebrow-container {
width: 100%;
border-bottom: 2px solid rgba(0, 0, 0, 0.16);
padding-bottom: 16px;
margin-bottom: 28px;
}
/* DoorMile Advantage Eyebrow */
.advantage-eyebrow {
font-family: 'Manrope', sans-serif;
font-weight: 800;
font-size: 0.75rem;
letter-spacing: 0.12em;
font-weight: 700;
font-size: 0.85rem;
letter-spacing: 0.14em;
text-transform: uppercase;
color: #c8102e;
background: rgba(200, 16, 46, 0.06);
padding: 6px 14px;
border-radius: 30px;
margin: 0 auto 24px auto;
border: 1.5px solid rgba(200, 16, 46, 0.15);
color: #060606ff;
display: inline-block;
white-space: nowrap;
}
/* Centered heading with bottom accent underline */
/* Outlined heading style with clean duplicate layering hack */
.moat-heading {
font-family: 'Manrope', sans-serif;
font-size: clamp(2rem, 3.4vw, 3.2rem); /* Slightly enlarged for premium visual weight */
font-weight: 800;
line-height: 1.15;
color: #111111;
margin: 0 auto 20px auto;
letter-spacing: -0.03em;
position: relative;
font-family: var(--font-syne), 'Syne', sans-serif !important;
font-size: clamp(2.4rem, 6.8vw, 6.6rem) !important;
font-weight: 800 !important;
line-height: 1.1 !important;
color: #fafafa !important; /* solid background color to cover inner overlapping outlines */
margin: 0 0 24px 0;
letter-spacing: -0.02em;
text-transform: uppercase;
word-wrap: break-word;
overflow-wrap: break-word;
display: flex;
flex-direction: column;
align-items: center;
z-index: 1;
}
/* Centered horizontal red underline accent decoration */
.moat-heading::after {
content: "";
display: block;
width: 72px;
height: 4px;
background: #c8102e;
margin-top: 18px;
border-radius: 2px;
content: attr(data-text) !important;
position: absolute;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: -1;
color: transparent !important;
-webkit-text-stroke: 2.2px #c8102e;
-webkit-text-fill-color: transparent !important;
pointer-events: none;
display: block !important; /* override any old display: none */
}
.moat-desc {
@@ -313,9 +317,9 @@ export default function CompetitiveEdge() {
font-size: 1.05rem;
line-height: 1.65;
color: #585c67;
margin: 16px auto 0 auto !important;
max-width: 760px !important;
text-align: center !important;
margin: 16px 0 0 0 !important;
max-width: 820px !important;
text-align: left !important;
}
/* Spacious table styling wrapper (100% width on Desktop) */