Update src/app/page.tsx
This commit is contained in:
217
src/app/page.tsx
217
src/app/page.tsx
@@ -32,58 +32,22 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="LogiTrans"
|
||||
brandName="auto delivery"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="LogiTrans Global"
|
||||
description="Redefining logistics through precision, technology, and global reach. We move your business forward."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
logoText="auto delivery"
|
||||
description="Advanced logistics and fleet management solutions designed for speed and reliability."
|
||||
buttons={[{ text: "Get Started", href: "#contact" }]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/ship-sea-with-beautiful-sunset-reflecting-surface_181624-5675.jpg",
|
||||
imageAlt: "Logistics hub at sunrise",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-up-map_1134-208.jpg",
|
||||
imageAlt: "Digital freight control room",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-public-transport-arrangement_23-2148967305.jpg",
|
||||
imageAlt: "Distribution center aerial view",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet_482257-125946.jpg",
|
||||
imageAlt: "Advanced parcel scanning",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-container-cargo-ship-sea_335224-715.jpg",
|
||||
imageAlt: "Global freight ship",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/company-manager-holding-project-plans-while-talking-african-american-manual-worker-who-is-pointing-something-factory_637285-4115.jpg",
|
||||
imageAlt: "Expert team collaboration",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/ship-sea-with-beautiful-sunset-reflecting-surface_181624-5675.jpg", imageAlt: "Global Logistics" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/aerial-view-container-cargo-ship-sea_335224-715.jpg", imageAlt: "Supply Chain" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -91,10 +55,9 @@ export default function LandingPage() {
|
||||
<div id="about" data-section="about">
|
||||
<TextSplitAbout
|
||||
useInvertedBackground={true}
|
||||
title="Built for Global Reliability"
|
||||
title="Efficiency in Every Kilometer"
|
||||
description={[
|
||||
"At LogiTrans, we combine decades of industry expertise with modern supply chain technology to ensure your freight is managed securely and on time.",
|
||||
"Our network of global partners and cutting-edge routing algorithms allow us to provide unparalleled service quality across every continent.",
|
||||
"Auto Delivery leverages smart routing and modern fleet technology to redefine how goods move across cities and continents.", "From real-time tracking to optimized supply chain planning, we ensure your assets are always where they need to be, when they need to be there."
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -105,24 +68,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Air Freight",
|
||||
description: "Rapid global shipping solutions for high-priority goods.",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
title: "Ocean Freight",
|
||||
description: "Reliable and cost-effective bulk shipping for global reach.",
|
||||
icon: Star,
|
||||
},
|
||||
{
|
||||
title: "Ground Distribution",
|
||||
description: "Seamless final-mile delivery for efficient local fulfillment.",
|
||||
icon: Truck,
|
||||
},
|
||||
{ title: "Express Courier", description: "High-speed local delivery for immediate requirements.", icon: Truck },
|
||||
{ title: "Fleet Analytics", description: "Data-driven insights to manage your fleet performance.", icon: Package },
|
||||
{ title: "Secure Handling", description: "End-to-end security protocols for high-value cargo.", icon: Star }
|
||||
]}
|
||||
title="Comprehensive Logistics Solutions"
|
||||
description="Our suite of services covers everything from local distribution to complex international freight management."
|
||||
title="Intelligent Delivery Services"
|
||||
description="Tailored logistics solutions to help your business operate with unmatched precision."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -132,27 +83,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Countries Served",
|
||||
value: "150+",
|
||||
icon: Globe,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Shipments Delivered",
|
||||
value: "2.5M+",
|
||||
icon: Package,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Partner Satisfaction",
|
||||
value: "99.9%",
|
||||
icon: Star,
|
||||
},
|
||||
{ id: "m1", title: "Active Vehicles", value: "500+", icon: Truck },
|
||||
{ id: "m2", title: "Cities Covered", value: "80+", icon: Globe },
|
||||
{ id: "m3", title: "On-Time Rate", value: "99.5%", icon: Star }
|
||||
]}
|
||||
title="Delivering Results Every Day"
|
||||
description="We are proud of our commitment to excellence and high service standards."
|
||||
title="Data-Driven Logistics"
|
||||
description="Reliable results measured through real-time performance tracking."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -160,17 +96,9 @@ export default function LandingPage() {
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"TechCorp",
|
||||
"InnovateLab",
|
||||
"GlobalGrowth",
|
||||
"StartupX",
|
||||
"RetailPrime",
|
||||
"DesignHub",
|
||||
"FoodCore",
|
||||
]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Partnering with global brands to ensure seamless operations."
|
||||
names={["CityTrans", "FastShip", "GlobalPath", "UrbanDash", "SecureMove"]}
|
||||
title="Trusted by Leading Enterprises"
|
||||
description="Empowering businesses across the globe with seamless logistics infrastructure."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -179,49 +107,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
title: "Reliable Partner",
|
||||
quote: "LogiTrans transformed our supply chain. Their reliability is unmatched.",
|
||||
name: "Sarah Jenkins",
|
||||
role: "Logistics Lead",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-smiley-business-woman_23-2148317345.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
title: "Excellent Service",
|
||||
quote: "Seamless experience for our global imports. Truly a professional team.",
|
||||
name: "David Chen",
|
||||
role: "Operations Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-successful-entrepreneur_1098-3855.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
title: "Great Scalability",
|
||||
quote: "They helped us scale our regional operations into a global success story.",
|
||||
name: "Elena Rodriguez",
|
||||
role: "Supply Chain Director",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-mature-businessman-with-crossed-arms-standing-restaurant_23-2147955310.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
title: "Exceptional Quality",
|
||||
quote: "The speed and accuracy provided are simply excellent for our retail needs.",
|
||||
name: "Mark Wilson",
|
||||
role: "Procurement Manager",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/elderly-businessman-entrepreneur-sitting-workspace-looking-camera_482257-8143.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
title: "Highly Recommend",
|
||||
quote: "Consistent and transparent communication throughout the entire process.",
|
||||
name: "Sofia Martinez",
|
||||
role: "Business Owner",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businesswoman-working-warehouse_329181-12785.jpg",
|
||||
},
|
||||
{ id: "t1", title: "Unmatched Speed", quote: "Auto Delivery completely changed our local distribution game.", name: "Alex Rivera", role: "Operations Manager" },
|
||||
{ id: "t2", title: "Reliable partner", quote: "Professional, secure, and incredibly efficient service every time.", name: "Sarah Chen", role: "Supply Chain Lead" }
|
||||
]}
|
||||
title="Words From Our Partners"
|
||||
description="See why top-tier businesses choose LogiTrans for their global supply chain needs."
|
||||
title="Client Success Stories"
|
||||
description="Discover why businesses rely on Auto Delivery for their critical supply chain needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -230,26 +120,13 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Do you offer international freight?",
|
||||
content: "Yes, we offer comprehensive international shipping across all major global routes.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "How do I track my shipment?",
|
||||
content: "You can track your shipment anytime using our secure online dashboard portal.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "What insurance options are available?",
|
||||
content: "We offer comprehensive cargo insurance coverage to protect your goods during transit.",
|
||||
},
|
||||
{ id: "f1", title: "How do I request a quote?", content: "Fill out our contact form or speak directly to a sales representative." },
|
||||
{ id: "f2", title: "Do you offer live tracking?", content: "Yes, all our deliveries come with full real-time tracking via our dashboard." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/business-man-wearing-face-mask-using-digital-tablet-plan-company-project-employee-standing-startup-office-working-device-with-technology-coronavirus-pandemic_482257-34953.jpg"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-engineer-using-tablet_482257-125946.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
title="Frequently Asked Questions"
|
||||
description="Have questions about our shipping services? Find answers here."
|
||||
title="Common Inquiries"
|
||||
description="Everything you need to know about our delivery solutions."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -257,34 +134,24 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Get in touch"
|
||||
title="Ready to Streamline Your Logistics?"
|
||||
description="Fill out the form below to connect with our supply chain experts today."
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Connect with us"
|
||||
title="Ready to Optimize Your Delivery?"
|
||||
description="Join the future of logistics today by discussing your requirements with our team."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="LogiTrans"
|
||||
copyrightText="© 2025 LogiTrans Global. All rights reserved."
|
||||
logoText="auto delivery"
|
||||
copyrightText="© 2025 Auto Delivery. All rights reserved."
|
||||
socialLinks={[
|
||||
{
|
||||
icon: Twitter,
|
||||
href: "#",
|
||||
ariaLabel: "Twitter",
|
||||
},
|
||||
{
|
||||
icon: Linkedin,
|
||||
href: "#",
|
||||
ariaLabel: "LinkedIn",
|
||||
},
|
||||
{ icon: Twitter, href: "#", ariaLabel: "Twitter" },
|
||||
{ icon: Linkedin, href: "#", ariaLabel: "LinkedIn" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user