Add src/app/waste-transport/page.tsx

This commit is contained in:
2026-06-02 21:19:30 +00:00
parent 67b6a83cc9
commit 2b861e3024

View File

@@ -0,0 +1,134 @@
"use client";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import ReactLenis from "lenis/react";
import ContactText from '@/components/sections/contact/ContactText';
import FeatureCardOne from '@/components/sections/feature/FeatureCardOne';
import FooterCard from '@/components/sections/footer/FooterCard';
import HeroBillboardTestimonial from '@/components/sections/hero/HeroBillboardTestimonial';
import MetricCardFourteen from '@/components/sections/metrics/MetricCardFourteen';
import NavbarStyleApple from '@/components/navbar/NavbarStyleApple/NavbarStyleApple';
import { Trash2, FileCheck, Truck, Earth, Facebook, Linkedin, Twitter, Sparkles } from "lucide-react";
const navItems = [
{ name: "Home", id: "/" },
{ name: "Walking-Floor Transport", id: "/walking-floor-transport" },
{ name: "Bulk Logistics", id: "/bulk-material-logistics" },
{ name: "Waste Transport", id: "/waste-transport" },
{ name: "Recycling Logistics", id: "/recycling-logistics" },
{ name: "About", id: "/#about" },
{ name: "Partners", id: "/#partners" },
{ name: "Contact", id: "/#contact" },
];
export default function WasteTransportPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-magnetic"
defaultTextAnimation="entrance-slide"
borderRadius="rounded"
contentWidth="smallMedium"
sizing="largeSmall"
background="circleGradient"
cardStyle="soft-shadow"
primaryButtonStyle="diagonal-gradient"
secondaryButtonStyle="solid"
headingFontWeight="medium"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarStyleApple navItems={navItems} brandName="EcoLogistics" />
</div>
<div id="hero" data-section="hero">
<HeroBillboardTestimonial
useInvertedBackground={false}
background={{ variant: "downward-rays-static" }}
title="Responsible Industrial Waste Transport"
description="Safe, compliant, and efficient transportation of non-hazardous industrial waste. We manage complex logistics to support your environmental responsibilities and operational continuity."
testimonials={[]}
buttons={[
{ text: "Get a Quote", href: "#contact" },
{ text: "Explore All Services", href: "/" },
]}
avatars={[]}
avatarText=""
imageSrc="http://img.b2bpic.net/free-photo/waste-sorting-recycling-center_23-2149065675.jpg"
imageAlt="Industrial waste sorting and transport facility"
marqueeItems={[
{ type: "text-icon", text: "Non-Hazardous", icon: Trash2 },
{ type: "text-icon", text: "Compliant", icon: FileCheck },
{ type: "text-icon", text: "Efficient", icon: Truck },
{ type: "text-icon", text: "Sustainable", icon: Earth },
{ type: "text-icon", text: "Trusted", icon: Sparkles },
]}
/>
</div>
<div id="service-details" data-section="service-details">
<FeatureCardOne
animationType="slide-up"
textboxLayout="default"
gridVariant="two-columns-alternating-heights"
useInvertedBackground={true}
features={[
{
title: "Non-Hazardous Waste Specialization", description: "We focus on the safe and compliant transportation of various non-hazardous industrial waste streams, including production scrap, demolition debris, and other general industrial waste, ensuring responsible handling and disposal or processing.", imageSrc: "http://img.b2bpic.net/free-photo/waste-incinerator_23-2149023477.jpg", imageAlt: "Non-hazardous waste specialization"
},
{
title: "Regulatory Compliance Assurance", description: "EcoLogistics adheres strictly to all local, state, and federal regulations governing waste transportation. Our detailed documentation and experienced team ensure your operations remain fully compliant, mitigating risks and penalties.", imageSrc: "http://img.b2bpic.net/free-photo/document-contract_1153-4876.jpg", imageAlt: "Regulatory compliance assurance"
},
{
title: "Efficient Collection & Disposal Routes", description: "We design optimized collection schedules and transport routes to minimize environmental impact and maximize efficiency. Our strategic planning ensures timely pickups and deliveries to designated disposal or processing facilities.", imageSrc: "http://img.b2bpic.net/free-photo/road-freight-truck_1157-50567.jpg", imageAlt: "Efficient collection and disposal routes"
},
{
title: "Environmental Impact Reduction", description: "Beyond compliance, we are committed to reducing the environmental footprint of waste transport. Our modern fleet and efficient practices contribute to lower emissions and promote more sustainable waste management strategies for our clients.", imageSrc: "http://img.b2bpic.net/free-photo/dump-truck-transporting-soil_23-2149221191.jpg", imageAlt: "Environmental impact reduction"
},
]}
title="Secure and Compliant Waste Management"
description="Partner with us for peace of mind, knowing your industrial waste is transported responsibly and in strict adherence to all regulatory standards, contributing to a cleaner future."
/>
</div>
<div id="metrics" data-section="metrics">
<MetricCardFourteen
useInvertedBackground={false}
title="Our Commitment to Responsible Waste Transport"
tag="Impact & Safety"
metrics={[
{ id: "compliance", value: "100%", description: "Regulatory Compliance Rate" },
{ id: "incidents", value: "0", description: "Safety Incidents Last Year" },
{ id: "clients", value: "200+", description: "Industrial Waste Clients Served" },
{ id: "certifications", value: "ISO 14001", description: "Environmental Management Certified" },
]}
metricsAnimation="slide-up"
/>
</div>
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={true}
background={{ variant: "downward-rays-static" }}
text="Need reliable and compliant industrial waste transport? Ensure your waste management is handled with expertise and environmental care. Contact EcoLogistics today."
buttons={[
{ text: "Request a Custom Quote", href: "/#contact" },
{ text: "Discuss Your Waste Needs", href: "tel:+1-555-123-4567" },
]}
/>
</div>
<div id="footer" data-section="footer">
<FooterCard
logoText="EcoLogistics"
copyrightText="© 2024 EcoLogistics. All rights reserved."
socialLinks={[
{ icon: Linkedin, href: "https://linkedin.com/company/ecologistics", ariaLabel: "LinkedIn" },
{ icon: Twitter, href: "https://twitter.com/ecologistics", ariaLabel: "Twitter" },
{ icon: Facebook, href: "https://facebook.com/ecologistics", ariaLabel: "Facebook" },
]}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}