first commit
This commit is contained in:
226
src/components/sections/IndustrySolutions.tsx
Normal file
226
src/components/sections/IndustrySolutions.tsx
Normal file
@@ -0,0 +1,226 @@
|
||||
import React from "react";
|
||||
import Link from "next/link";
|
||||
|
||||
export default function IndustrySolutions() {
|
||||
return (
|
||||
<div className="elementor-element elementor-element-3b4a7cc e-flex e-con-boxed cut-corner-no sticky-container-off e-con e-parent" data-id="3b4a7cc" data-element_type="container" data-e-type="container">
|
||||
<div className="e-con-inner">
|
||||
<div className="elementor-element elementor-element-d602f7f e-con-full e-flex cut-corner-no sticky-container-off e-con e-child" data-id="d602f7f" data-element_type="container" data-e-type="container">
|
||||
|
||||
<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">
|
||||
<div className="elementor-widget-container">
|
||||
<div className="logico-title">/ Industry Solutions /</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="elementor-element elementor-element-1487241 elementor-widget__width-initial elementor-widget elementor-widget-logico_heading" data-id="1487241" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
|
||||
<div className="elementor-widget-container">
|
||||
<h3 className="logico-title">Smart solutions built exclusively for your industry</h3>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="elementor-element elementor-element-4af73cb e-con-full elementor-hidden-tablet elementor-hidden-mobile_extra elementor-hidden-mobile e-flex cut-corner-no sticky-container-off e-con e-child" data-id="4af73cb" data-element_type="container" data-e-type="container">
|
||||
<div className="elementor-element elementor-element-46f2f7d elementor-widget__width-initial elementor-widget elementor-widget-logico_button" data-id="46f2f7d" data-element_type="widget" data-e-type="widget" data-widget_type="logico_button.default">
|
||||
<div className="elementor-widget-container"></div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="elementor-element elementor-element-6829276 e-grid e-con-full cut-corner-no sticky-container-off e-con e-child" data-id="6829276" data-element_type="container" data-e-type="container">
|
||||
|
||||
{/* Card 1: FMCG */}
|
||||
<Link
|
||||
className="elementor-element elementor-element-b891c78 e-con-full e-flex cut-corner-no sticky-container-off e-con e-child"
|
||||
data-id="b891c78"
|
||||
data-element_type="container"
|
||||
data-e-type="container"
|
||||
data-settings="{"background_background":"classic"}"
|
||||
href="/solutions"
|
||||
style={{ textDecoration: "none", position: "relative" }}
|
||||
>
|
||||
<div className="elementor-element elementor-element-324d615 elementor-widget elementor-widget-image" data-id="324d615" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
|
||||
<div className="elementor-widget-container">
|
||||
<img loading="lazy" decoding="async" src="/images/tab-pic-1.jpeg" className="attachment-full size-full wp-image-4777" alt="FMCG Logistics" style={{ width: "100%", height: "auto", objectFit: "cover", aspectRatio: "218/222", borderRadius: "20px 20px 0 0" }} />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="elementor-element elementor-element-210395f elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="210395f" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
|
||||
<div className="elementor-widget-container">
|
||||
<div className="elementor-divider">
|
||||
<span className="elementor-divider-separator"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="elementor-element elementor-element-ae37a4f elementor-widget elementor-widget-logico_heading" data-id="ae37a4f" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
|
||||
<div className="elementor-widget-container">
|
||||
<div className="logico-title">
|
||||
<span className="title-icon">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
|
||||
<line x1="7" y1="17" x2="17" y2="7"></line>
|
||||
<polyline points="7 7 17 7 17 17"></polyline>
|
||||
</svg>
|
||||
</span>
|
||||
FMCG
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="elementor-element elementor-element-883bc91 elementor-widget elementor-widget-text-editor" data-id="883bc91" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
|
||||
<div className="elementor-widget-container">
|
||||
<p>High volume, tight margins, zero tolerance for stockouts.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Hover content list */}
|
||||
<div className="hover-list-content">
|
||||
<div className="list-section">
|
||||
<h4 className="list-section-title">CHALLENGES</h4>
|
||||
<ul className="hover-items-list">
|
||||
<li><span>Unpredictable demand spikes</span></li>
|
||||
<li><span>Fresh product expiry constraints</span></li>
|
||||
<li><span>Multi-stop route complexity</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="list-section">
|
||||
<h4 className="list-section-title">DOORMILE SOLUTIONS</h4>
|
||||
<ul className="hover-items-list">
|
||||
<li><span>AI-driven demand-responsive routing</span></li>
|
||||
<li><span>Freshness-aware delivery prioritization</span></li>
|
||||
<li><span>Dynamic batch optimization</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</Link>
|
||||
|
||||
{/* Card 2: Pharmaceutical */}
|
||||
<Link
|
||||
className="elementor-element elementor-element-9b933db e-con-full e-flex cut-corner-no sticky-container-off e-con e-child"
|
||||
data-id="9b933db"
|
||||
data-element_type="container"
|
||||
data-e-type="container"
|
||||
data-settings="{"background_background":"classic"}"
|
||||
href="/solutions"
|
||||
style={{ textDecoration: "none", position: "relative" }}
|
||||
>
|
||||
<div className="elementor-element elementor-element-7d2d322 elementor-widget elementor-widget-image" data-id="7d2d322" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
|
||||
<div className="elementor-widget-container">
|
||||
<img loading="lazy" decoding="async" src="/images/tab-pic-2.jpeg" className="attachment-full size-full wp-image-4791" alt="Pharma Logistics" style={{ width: "100%", height: "auto", objectFit: "cover", aspectRatio: "218/215", borderRadius: "20px 20px 0 0" }} />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="elementor-element elementor-element-df092c4 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="df092c4" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
|
||||
<div className="elementor-widget-container">
|
||||
<div className="elementor-divider">
|
||||
<span className="elementor-divider-separator"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="elementor-element elementor-element-4c372aa elementor-widget elementor-widget-logico_heading" data-id="4c372aa" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
|
||||
<div className="elementor-widget-container">
|
||||
<div className="logico-title">
|
||||
<span className="title-icon">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
|
||||
<line x1="7" y1="17" x2="17" y2="7"></line>
|
||||
<polyline points="7 7 17 7 17 17"></polyline>
|
||||
</svg>
|
||||
</span>
|
||||
Pharmaceutical
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="elementor-element elementor-element-9f3d9b6 elementor-widget elementor-widget-text-editor" data-id="9f3d9b6" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
|
||||
<div className="elementor-widget-container">
|
||||
<p>Temperature-sensitive, compliance-critical, life-saving.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Hover content list */}
|
||||
<div className="hover-list-content">
|
||||
<div className="list-section">
|
||||
<h4 className="list-section-title">CHALLENGES</h4>
|
||||
<ul className="hover-items-list">
|
||||
<li><span>Cold chain integrity requirements</span></li>
|
||||
<li><span>Regulatory compliance tracking</span></li>
|
||||
<li><span>Critical delivery time windows</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="list-section">
|
||||
<h4 className="list-section-title">DOORMILE SOLUTIONS</h4>
|
||||
<ul className="hover-items-list">
|
||||
<li><span>Real-time temperature monitoring</span></li>
|
||||
<li><span>Chain-of-custody documentation</span></li>
|
||||
<li><span>Priority override for critical shipments</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</Link>
|
||||
|
||||
{/* Card 3: Enterprise & B2B */}
|
||||
<Link
|
||||
className="elementor-element elementor-element-280b0dc e-con-full e-flex cut-corner-no sticky-container-off e-con e-child"
|
||||
data-id="280b0dc"
|
||||
data-element_type="container"
|
||||
data-e-type="container"
|
||||
data-settings="{"background_background":"classic"}"
|
||||
href="/solutions"
|
||||
style={{ textDecoration: "none", position: "relative" }}
|
||||
>
|
||||
<div className="elementor-element elementor-element-6421147 elementor-widget elementor-widget-image" data-id="6421147" data-element_type="widget" data-e-type="widget" data-widget_type="image.default">
|
||||
<div className="elementor-widget-container">
|
||||
<img loading="lazy" decoding="async" src="/images/tab-pic-3.jpeg" className="attachment-full size-full wp-image-4805" alt="Enterprise Logistics" style={{ width: "100%", height: "auto", objectFit: "cover", aspectRatio: "221/222", borderRadius: "20px 20px 0 0" }} />
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<div className="elementor-element elementor-element-89bf910 elementor-widget-divider--view-line elementor-widget elementor-widget-divider" data-id="89bf910" data-element_type="widget" data-e-type="widget" data-widget_type="divider.default">
|
||||
<div className="elementor-widget-container">
|
||||
<div className="elementor-divider">
|
||||
<span className="elementor-divider-separator"></span>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="elementor-element elementor-element-92524cd elementor-widget elementor-widget-logico_heading" data-id="92524cd" data-element_type="widget" data-e-type="widget" data-widget_type="logico_heading.default">
|
||||
<div className="elementor-widget-container">
|
||||
<div className="logico-title">
|
||||
<span className="title-icon">
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" strokeWidth="2.5" strokeLinecap="round" strokeLinejoin="round">
|
||||
<line x1="7" y1="17" x2="17" y2="7"></line>
|
||||
<polyline points="7 7 17 7 17 17"></polyline>
|
||||
</svg>
|
||||
</span>
|
||||
Enterprise & B2B
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div className="elementor-element elementor-element-dfc8e7c elementor-widget elementor-widget-text-editor" data-id="dfc8e7c" data-element_type="widget" data-e-type="widget" data-widget_type="text-editor.default">
|
||||
<div className="elementor-widget-container">
|
||||
<p>High-value shipments with complex delivery requirements.</p>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
{/* Hover content list */}
|
||||
<div className="hover-list-content">
|
||||
<div className="list-section">
|
||||
<h4 className="list-section-title">CHALLENGES</h4>
|
||||
<ul className="hover-items-list">
|
||||
<li><span>Appointment scheduling coordination</span></li>
|
||||
<li><span>White-glove delivery standards</span></li>
|
||||
<li><span>Multi-location routing complexity</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
<div className="list-section">
|
||||
<h4 className="list-section-title">DOORMILE SOLUTIONS</h4>
|
||||
<ul className="hover-items-list">
|
||||
<li><span>Automated appointment optimization</span></li>
|
||||
<li><span>Service level guarantee tracking</span></li>
|
||||
<li><span>Enterprise integration APIs</span></li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</Link>
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user