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

update code and styles

Browse Source
This commit is contained in:
Aravind R
2026-06-03 19:19:56 +05:30
parent 6eea5636fb
commit 4ba08fc400
21 changed files with 939 additions and 593 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
src/components/sections/AboutCTA.tsx
View File

@@ -12,7 +12,7 @@ export default function AboutCTA() {
</h2>
<p className="we-cta-sub">
Join our Women Entrepreneurship program and become part of <br />
India's fastest-growing logistics network.
India&apos;s fastest-growing logistics network.
</p>
<div className="we-cta-btns">
<Link href="/contact" className="btn-we-primary" style={{ textDecoration: "none" }}>

1
src/components/sections/IndexHero.tsx
View File

@@ -1,7 +1,6 @@
"use client";
import React, { useState, useEffect, useRef } from "react";
import Link from "next/link";
import gsap from "gsap";
import { ShimmerText } from "@/animations/Reveal";

40
src/components/sections/IndustrySolutions.tsx
View File

@@ -11,7 +11,45 @@ export default function IndustrySolutions() {
<div className="elementor-element elementor-element-f64bd88 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="f64bd88" data-element_type="container" data-e-type="container">
<div className="elementor-element elementor-element-5ed2dbb e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="5ed2dbb" data-element_type="container" data-e-type="container">
<div className="elementor-element elementor-element-c8162c4 elementor-widget elementor-widget-logico_heading" data-id="c8162c4" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default" style={{paddingLeft: "50px"}}>
<div className="elementor-element elementor-element-c8162c4 elementor-widget elementor-widget-logico_heading industry-section-label" data-id="c8162c4" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default" style={{paddingLeft: "50px"}}>
<style dangerouslySetInnerHTML={{ __html: `
/* Minimal section label — matches the "/ Doormile Approach /" pattern */
.industry-section-label {
width: 100%;
}
.industry-section-label > .elementor-widget-container {
max-width: 1740px;
margin: 12px 0 50px 0;
padding: 0 0 14px 0;
border-style: solid;
border-width: 0 0 1px 0;
border-color: rgba(17, 17, 17, 0.15);
}
.industry-section-label .logico-title {
font-size: 14px;
font-weight: 500;
line-height: 2.1429em;
letter-spacing: 2px;
text-transform: uppercase;
color: #111111;
}
@media (max-width: 1024px) {
.industry-section-label > .elementor-widget-container {
margin-bottom: 36px;
padding-bottom: 12px;
}
}
@media (max-width: 767px) {
.industry-section-label > .elementor-widget-container {
margin-bottom: 28px;
padding-bottom: 10px;
}
.industry-section-label .logico-title {
font-size: 12px;
letter-spacing: 1.5px;
}
}
`}} />
<div className="elementor-widget-container">
<div className="logico-title">/ Industry Solutions /</div>
</div>

7
src/components/sections/IndustryWorldMap.tsx
View File

@@ -102,14 +102,15 @@ export default function IndustryWorldMap() {
buildDots();
};
const cityPx = () => CITIES.map(([cx, cy]) => ({ x: cx * w, y: cy * h }));
type Point = { x: number; y: number };
const cityPx = (): Point[] => CITIES.map(([cx, cy]) => ({ x: cx * w, y: cy * h }));
const ctrl = (p0: { x: number; y: number }, p1: { x: number; y: number }) => {
const ctrl = (p0: Point, p1: Point): Point => {
const mx = (p0.x + p1.x) / 2, my = (p0.y + p1.y) / 2;
const lift = Math.hypot(p1.x - p0.x, p1.y - p0.y) * 0.28;
return { x: mx, y: my - lift };
};
const bezier = (p0: any, c: any, p1: any, t: number) => {
const bezier = (p0: Point, c: Point, p1: Point, t: number): Point => {
const u = 1 - t;
return {
x: u * u * p0.x + 2 * u * t * c.x + t * t * p1.x,

7
src/components/sections/MileTruthHero.tsx
View File

@@ -168,7 +168,7 @@ export default function MileTruthHero() {
margin: -25px 0 0 0 !important;
background-color: #1F1F1F !important;
border-radius: 25px !important;
padding: 80px 0 !important;
padding: 40px 0 !important;
position: relative !important;
z-index: 1 !important;
}
@@ -252,8 +252,7 @@ export default function MileTruthHero() {
padding: 120px 0;
}
.miletruth-hero .elementor-element-8e5c81e {
padding: 80px
0 !important;
padding: 40px 0 !important;
}
.miletruth-hero .elementor-element-628123a {
grid-template-columns: repeat(2, 1fr) !important;
@@ -284,7 +283,7 @@ export default function MileTruthHero() {
padding: 0 12px;
}
.miletruth-hero .elementor-element-8e5c81e {
padding: 60px 0 !important;
padding: 30px 0 !important;
border-radius: 20px !important;
}
.miletruth-hero .elementor-element-628123a {

2
src/components/sections/StatsBar.tsx
View File

@@ -2,7 +2,7 @@
import React from "react";
import Link from "next/link";
import { ScrollReveal, CountUp, StaggerChildren } from "@/animations/Reveal";
import { CountUp, StaggerChildren } from "@/animations/Reveal";
export default function StatsBar() {
return (

2
src/components/sections/WomenSection.tsx
View File

@@ -196,7 +196,7 @@ export default function WomenSection() {
}
`}} />
<div className="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" style={{ backgroundColor: "#1f1f1f", width: "calc(100% - 40px)", marginLeft: "20px", marginRight: "20px", borderRadius: "25px", overflow: "hidden" }}>
<div id="women-entrepreneurship" className="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" style={{ backgroundColor: "#1f1f1f", width: "calc(100% - 40px)", marginLeft: "20px", marginRight: "20px", borderRadius: "25px" }}>
<div
className="elementor-element elementor-element-13a7637 elementor-widget__width-auto elementor-absolute elementor-widget elementor-widget-logico_decorative_block"
data-id="13a7637"

6
src/components/sections/Workflow1.tsx
View File

@@ -102,15 +102,15 @@ const styles = `
============================================================ */
.dm-wf1 {
position: relative;
margin: 0 auto 24px;
margin: 0 auto 0;
}
/* Performance card — aligned to the optimisation card (40px side insets),
/* Performance card — aligned to the optimisation card (20px side insets),
navy-matched, flat top, rounded bottom, pulled up to close the seam. */
.dm-wf1-card {
position: relative;
z-index: 2;
margin: 0 40px 0;
margin: 0 20px 0;
background: linear-gradient(180deg, #030a18 0%, #06101f 100%);
border: 1px solid rgba(255, 255, 255, 0.05);
border-top: none;

6
src/components/sections/Workflow2.tsx
View File

@@ -104,15 +104,15 @@ const styles = `
============================================================ */
.dm-wf2 {
position: relative;
margin: 0 auto 24px;
margin: 0 auto 0;
}
/* Innovation card — aligned to the logistics-brain card (16px side insets),
/* Innovation card — aligned to the logistics-brain card (20px side insets),
red/black-matched, flat top, rounded bottom, pulled up to close the seam. */
.dm-wf2-card {
position: relative;
z-index: 2;
margin: 0 16px 0;
margin: 0 20px 0;
background: radial-gradient(120% 100% at 50% 0%, #12090c 0%, #0a070a 55%, #060507 100%);
border: 1px solid rgba(192, 18, 39, 0.16);
border-top: none;

6
src/components/sections/Workflow3.tsx
View File

@@ -98,19 +98,19 @@ const styles = `
Workflow 3 = ONE container:
├─ Happier Riders. Higher Fulfillment. (full StrategySection — 3D)
└─ Strategy (content card, flush, pulled up)
The Strategy card aligns to the 3D card's 16px side insets, butts against
The Strategy card aligns to the 3D card's 20px side insets, butts against
its flat bottom and rounds the bottom corners, so the two read as a single
continuous container — same technique as Workflow 1 & 2.
============================================================ */
.dm-wf3 {
position: relative;
margin: 0 auto 24px;
margin: 0 auto 0;
}
.dm-wf3-card {
position: relative;
z-index: 2;
margin: 0 16px 0;
margin: 0 20px 0;
background: #181818;
border: 1px solid rgba(255, 255, 255, 0.06);
border-top: none;