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

cleanup the repo unused images

Browse Source
This commit is contained in:
Aravind
2026-07-03 16:35:42 +05:30
parent dd565e349a
commit 71875ea20f
89 changed files with 186 additions and 214 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/blog/BlogSearch.tsx
View File

@@ -65,7 +65,6 @@ export default function BlogSearch() {
setOpen(true);
}}
onFocus={() => setOpen(true)}
aria-expanded={showPanel}
aria-controls="dm-blog-search-results"
/>
<span className="dm-blog-search-icon" aria-hidden="true">

16
src/components/layout/Footer.tsx
View File

@@ -3,7 +3,7 @@
import React, { useState, useEffect } from "react";
import Link from "next/link";
import Image from "next/image";
import { submitContactForm } from "@/lib/contactForm";
import { sendEmailAction } from "@/actions/sendEmail";
import { ScrollReveal } from "@/animations/Reveal";
export default function Footer() {
@@ -55,13 +55,13 @@ export default function Footer() {
setFormStatus("submitting");
try {
const res = await submitContactForm(formData);
const res = await sendEmailAction(formData);
if (res.success) {
setFormStatus("success");
setFormData({ fullName: "", email: "", subject: "", message: "" });
} else {
console.error("Failed to submit contact form");
console.error("Failed to submit contact form:", res.error);
setFormStatus("error");
}
} catch (err) {
@@ -138,7 +138,7 @@ export default function Footer() {
<svg className="dm-foot-ic" width="15" height="15" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2" strokeLinecap="round" strokeLinejoin="round" aria-hidden="true">
<path d="M22 16.92v3a2 2 0 0 1-2.18 2 19.79 19.79 0 0 1-8.63-3.07 19.5 19.5 0 0 1-6-6 19.79 19.79 0 0 1-3.07-8.67A2 2 0 0 1 4.11 2h3a2 2 0 0 1 2 1.72c.13.96.36 1.9.7 2.81a2 2 0 0 1-.45 2.11L8.09 9.91a16 16 0 0 0 6 6l1.27-1.27a2 2 0 0 1 2.11-.45c.91.34 1.85.57 2.81.7A2 2 0 0 1 22 16.92z" />
</svg>
<span>Contect</span>
<span>Contact</span>
</div>
</div>
</div>
@@ -337,8 +337,8 @@ export default function Footer() {
{formStatus === "submitting" ? "Sending..." : "Send a message"}
</button>
{formStatus === "success" && (
<div style={{ color: "#4caf50", marginTop: "10px", fontSize: "14px" }}>
Message sent successfully.
<div style={{ marginTop: "16px", color: "#4CAF50", fontSize: "14px", fontWeight: "bold" }}>
Message sent successfully!
</div>
)}
{formStatus === "error" && (
@@ -381,7 +381,7 @@ export default function Footer() {
<div className="elementor-element elementor-element-b5c897d elementor-widget elementor-widget-image" data-id="b5c897d" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
<div className="elementor-widget-container">
<Link href="/">
<Image width={300} height={57} src="/images/logo-slogan.png" style={{ width: "280px", height: "auto" }} className="attachment-full size-full wp-image-5851" alt="Doormile Tagline" />
<Image width={748} height={184} src="/images/logo-slogan.png" style={{ width: "280px", height: "auto" }} className="attachment-full size-full wp-image-5851" alt="Doormile Tagline" />
</Link>
</div>
</div>
@@ -487,7 +487,7 @@ export default function Footer() {
<Link href="/privacy-policy">Privacy Policy</Link>
</li>
<li>
<Link href="/terms-of-service">Terms Service</Link>
<Link href="/terms-of-service">Terms of Service</Link>
</li>
<li>
<Link href="/cookie-policy">Cookie Policy</Link>

18
src/components/layout/Header.tsx
View File

@@ -19,8 +19,13 @@ const CURRENT_PAGE_MAP: Record<string, string> = {
"/how-it-works": "how-it-works",
"/miletruth": "miletruth",
"/solutions": "solutions",
"/about": "about",
"/about-us": "about",
"/blog": "blogs",
"/contact": "contact",
"/privacy-policy": "privacy-policy",
"/terms-of-service": "terms-of-service",
"/cookie-policy": "cookie-policy",
};
// Mirror of header.php $current_page_aliases (lines 37-44)
@@ -31,6 +36,10 @@ const CURRENT_PAGE_ALIASES: Record<string, string[]> = {
solutions: ["solutions"],
about: ["about", "about-us", "women"],
blogs: ["blogs"],
contact: ["contact"],
"privacy-policy": ["privacy-policy"],
"terms-of-service": ["terms-of-service"],
"cookie-policy": ["cookie-policy"],
};
export default function Header() {
@@ -38,7 +47,10 @@ export default function Header() {
const { isMenuOpen, isSidebarOpen, toggleMenu, toggleSidebar, closeAll } = useHeaderUI();
const isHome = pathname === "/";
const currentPage = CURRENT_PAGE_MAP[pathname] ?? "";
let currentPage = CURRENT_PAGE_MAP[pathname] ?? "";
if (pathname.startsWith("/blog/")) {
currentPage = "blogs";
}
// Mirror of header.php $dm_header_active (lines 45-47)
const dmHeaderActive = (key: string) =>
@@ -409,8 +421,8 @@ export default function Header() {
<Link data-elementor-open-lightbox="" className="elementor-clickable" href="/">
<div className="hfe-site-logo-set">
<div className="hfe-site-logo-container">
<Image width={400} height={76} className="hfe-site-logo-img logo-desktop elementor-animation-" src="/images/doormile-white.png" alt="doormile-logo" priority />
<Image width={400} height={76} className="hfe-site-logo-img logo-mobile elementor-animation-" src="/images/doormile-black.png" alt="doormile-logo" priority />
<Image width={748} height={100} className="hfe-site-logo-img logo-desktop elementor-animation-" src="/images/doormile-white.png" alt="doormile-logo" priority />
<Image width={748} height={100} className="hfe-site-logo-img logo-mobile elementor-animation-" src="/images/doormile-black.png" alt="doormile-logo" priority />
</div>
</div>
</Link>

2
src/components/logisticsbrain/LogisticsBrainSection.tsx
View File

@@ -1,6 +1,6 @@
"use client";
import React, { useEffect, useRef, useState, useSyncExternalStore } from "react";
import React, { useRef, useState, useEffect } from "react";
import dynamic from "next/dynamic";
import { motion, useMotionValue, useTransform, type MotionValue } from "framer-motion";
import gsap from "gsap";

2
src/components/map/OfficeMap.tsx
View File

@@ -228,7 +228,7 @@ export default function OfficeMap() {
{OFFICE_LOCATIONS.map((office) => {
const isFocused = focus?.id === office.id;
const isHovered = hoveredOfficeId === office.id;
return (
<Marker

1
src/components/optimization/OptimizationCanvas.tsx
View File

@@ -54,6 +54,7 @@ function CameraRig({ progress, framing }: { progress: React.RefObject<number>; f
// construction-time prop on <Canvas>, so update it imperatively here.
useEffect(() => {
if ("fov" in camera) {
// eslint-disable-next-line react-hooks/immutability
(camera as THREE_PerspectiveCamera).fov = framing.fov;
(camera as THREE_PerspectiveCamera).updateProjectionMatrix();
}

4
src/components/sections/AboutHero.tsx
View File

@@ -1,9 +1,11 @@
import React from "react";
import { preload } from "react-dom";
export default function AboutHero() {
preload("/images/about-bg.webp", { as: "image" });
return (
<>
<link rel="preload" as="image" href="/images/about-bg.webp" />
<style dangerouslySetInnerHTML={{ __html: `
.about-us-hero-content {
width: 100% !important;

4
src/components/sections/BlogsHero.tsx
View File

@@ -1,9 +1,11 @@
import React from "react";
import { preload } from "react-dom";
export default function BlogsHero() {
preload("/images/home2-banner-1.webp", { as: "image" });
return (
<>
<link rel="preload" as="image" href="/images/home2-banner-1.webp" />
<style dangerouslySetInnerHTML={{ __html: `
.blogs-hero-title {
color: #ffffff !important;

10
src/components/sections/ConnectedLogistics.tsx
View File

@@ -23,6 +23,14 @@ export default function ConnectedLogistics() {
overflow-wrap: break-word !important;
}
/* Fix text colors for the dark background */
.elementor-element-71c3e1d .logico-title {
color: #ffffff !important;
}
.elementor-element-71c3e1d p {
color: rgba(255, 255, 255, 0.85) !important;
}
/* Make sure paragraphs are responsive on all screen widths */
.elementor-element-165dfa5 {
width: 100% !important;
@@ -198,7 +206,7 @@ export default function ConnectedLogistics() {
<ScrollReveal delay={0.2} duration={0.85} yOffset={25}>
<div className="elementor-element elementor-element-7500280 elementor-widget elementor-widget-logico_heading" data-id="7500280" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
<div className="elementor-widget-container">
<h3 className="logico-title">Smart logistics solutions we deliver for modern supply chains</h3>
<h2 className="logico-title">Smart logistics solutions we deliver for modern supply chains</h2>
</div>
</div>
</ScrollReveal>

4
src/components/sections/ContactsHero.tsx
View File

@@ -1,9 +1,11 @@
import React from "react";
import { preload } from "react-dom";
export default function ContactsHero() {
preload("/images/home2-banner-3.webp", { as: "image" });
return (
<>
<link rel="preload" as="image" href="/images/home2-banner-3.webp" />
<style dangerouslySetInnerHTML={{ __html: `
.contacts-hero-custom {
background-color: #0b0b0b !important;

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

@@ -461,6 +461,10 @@ export default function EVSection({
--padding-top: 46px;
--padding-bottom: 38px;
}
/* Fix missing font-size for card title that caused it to inherit 80px h2 */
.elementor-element.elementor-element-239afbb .logico-title {
font-size: clamp(28px, 3.5vw, 40px) !important;
}
.elementor-element.elementor-element-5aea22e {
--min-height: 38px;
--padding-top: 14px;
@@ -1288,7 +1292,7 @@ export default function EVSection({
data-widget_type="logico_heading.default"
>
<div className="elementor-widget-container">
<h5 className="logico-title">{cardTitle}</h5>
<h2 className="logico-title">{cardTitle}</h2>
</div>
</div>
<div

4
src/components/sections/HowItWorksHero.tsx
View File

@@ -1,8 +1,10 @@
"use client";
import React, { useState, useEffect } from "react";
import { preload } from "react-dom";
export default function HowItWorksHero() {
preload("/images/home2-banner-1.webp", { as: "image" });
const [activeSlide, setActiveSlide] = useState(0);
// Auto-slide every 7 seconds — slower, more readable, professional pacing
@@ -19,7 +21,7 @@ export default function HowItWorksHero() {
return (
<>
<link rel="preload" as="image" href="/images/home2-banner-1.webp" />
<style
dangerouslySetInnerHTML={{
__html: `

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

@@ -3,8 +3,10 @@
import React, { useState, useEffect, useRef } from "react";
import gsap from "gsap";
import { ShimmerText } from "@/animations/Reveal";
import { preload } from "react-dom";
export default function IndexHero() {
preload("/images/home-bg-1.webp", { as: "image" });
const [activeSlide, setActiveSlide] = useState(0);
const containerRef = useRef<HTMLDivElement>(null);
@@ -52,7 +54,7 @@ export default function IndexHero() {
return (
<div className="elementor-element elementor-element-741f56c e-con-full e-flex cut-corner-no sticky-container-off e-con e-parent" data-id="741f56c" data-element_type="container" data-e-type="container">
<link rel="preload" as="image" href="/images/home-bg-1.webp" />
<style dangerouslySetInnerHTML={{ __html: `
/* Fluid responsive font size override for hero headings */
.logico-content-slider-widget .content-slider-item-heading {

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

@@ -133,11 +133,11 @@ export default function IndustrySolutions() {
data-widget_type="logico_heading.default"
>
<div className="elementor-widget-container" style={{ margin: "30px 0 0 0"}}>
<h3 className="logico-title" style={{ fontSize: "clamp(28px, 3.5vw, 48px)", lineHeight: "1.1", fontWeight: 800, textTransform: "uppercase", maxWidth: "900px" }}>
<h2 className="logico-title" style={{ fontSize: "clamp(28px, 3.5vw, 48px)", lineHeight: "1.1", fontWeight: 800, textTransform: "uppercase", maxWidth: "900px" }}>
<ScrollReveal delay={0.05} duration={0.8} yOffset={25}>
Smart solutions built exclusively for your <span style={{ color: "#c01227" }}>industry</span>
</ScrollReveal>
</h3>
</h2>
</div>
</div>
</div>

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

@@ -1,6 +1,7 @@
"use client";
import React, { useState, useEffect } from "react";
import { preload } from "react-dom";
interface CounterProps {
from: number;
@@ -36,6 +37,7 @@ function Counter({ from, to, duration = 2000, decimals = 0, suffix = "" }: Count
}
export default function MileTruthHero() {
preload("/images/miletruth-bg.webp", { as: "image" });
const [mounted, setMounted] = useState(false);
useEffect(() => {
@@ -44,7 +46,7 @@ export default function MileTruthHero() {
return (
<>
<link rel="preload" as="image" href="/images/miletruth-bg.webp" />
<style dangerouslySetInnerHTML={{ __html: `
/* ── Hero wrapper: column layout, zero gap between hero + stats ── */
.miletruth-hero .elementor-element-86f3204 {

4
src/components/sections/SolutionsHero.tsx
View File

@@ -1,8 +1,10 @@
"use client";
import React, { useState, useEffect } from "react";
import { preload } from "react-dom";
export default function SolutionsHero() {
preload("/images/home1-slide-1.webp", { as: "image" });
const [activeSlide, setActiveSlide] = useState(0);
// Auto-slide every 7 seconds — slower, more readable, professional pacing
@@ -19,7 +21,7 @@ export default function SolutionsHero() {
return (
<>
<link rel="preload" as="image" href="/images/home1-slide-1.webp" />
<style dangerouslySetInnerHTML={{ __html: `
.howits-hero-custom-bg.elementor-repeater-item-3264830,
.howits-hero-custom-bg.elementor-repeater-item-6867061 {

11
src/components/sections/TheDoormileWay.tsx
View File

@@ -6,6 +6,15 @@ import { ScrollReveal, StaggerChildren } from "@/animations/Reveal";
export default function TheDoormileWay() {
return (
<div className="elementor-61">
<style dangerouslySetInnerHTML={{ __html: `
/* Fix oversized h2 font size */
.elementor-element-9363070 .logico-title {
font-size: clamp(32px, 4.5vw, 64px) !important;
line-height: 1.1 !important;
word-wrap: break-word !important;
overflow-wrap: break-word !important;
}
`}} />
{/* Approach title container */}
<div className="elementor-element elementor-element-88745f4 e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-parent" data-id="88745f4" data-element_type="container" data-e-type="container">
<div className="e-con-inner">
@@ -38,7 +47,7 @@ export default function TheDoormileWay() {
<div className="elementor-element elementor-element-5ba6bbf e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="5ba6bbf" data-element_type="container" data-e-type="container">
<div className="elementor-element elementor-element-9363070 elementor-widget elementor-widget-logico_heading" data-id="9363070" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
<div className="elementor-widget-container">
<h3 className="logico-title"> Smarter, Faster, Connected Logistics</h3>
<h2 className="logico-title"> Smarter, Faster, Connected Logistics</h2>
</div>
</div>
</div>

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

@@ -20,7 +20,7 @@ export default function TheProblem() {
<ScrollReveal delay={0.15} duration={0.85} yOffset={30}>
<div className="elementor-element elementor-element-ffd1f7d elementor-widget__width-initial elementor-widget elementor-widget-logico_heading" data-id="ffd1f7d" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
<div className="elementor-widget-container">
<h3 className="logico-title">Fragmented Logistics is Broken</h3>
<h2 className="logico-title">Fragmented Logistics is Broken</h2>
</div>
</div>
</ScrollReveal>