229 lines
12 KiB
TypeScript
229 lines
12 KiB
TypeScript
"use client";
|
|
|
|
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
|
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
|
|
import HeroBillboardScroll from "@/components/sections/hero/HeroBillboardScroll";
|
|
import SplitAbout from "@/components/sections/about/SplitAbout";
|
|
import FeatureCardSeven from "@/components/sections/feature/FeatureCardSeven";
|
|
import MetricCardTwo from "@/components/sections/metrics/MetricCardTwo";
|
|
import TestimonialCardFifteen from "@/components/sections/testimonial/TestimonialCardFifteen";
|
|
import SocialProofOne from "@/components/sections/socialProof/SocialProofOne";
|
|
import ContactCTA from "@/components/sections/contact/ContactCTA";
|
|
import FooterLogoReveal from "@/components/sections/footer/FooterLogoReveal";
|
|
import Link from "next/link";
|
|
import {
|
|
Package,
|
|
CheckCircle,
|
|
Shield,
|
|
Globe,
|
|
Eye,
|
|
TrendingDown,
|
|
Zap,
|
|
BarChart3,
|
|
Rocket,
|
|
Award,
|
|
} from "lucide-react";
|
|
|
|
export default function HomePage() {
|
|
const navItems = [
|
|
{ name: "Home", id: "home" },
|
|
{ name: "Services", id: "services" },
|
|
{ name: "About", id: "about" },
|
|
{ name: "Pricing", id: "pricing" },
|
|
{ name: "Contact", id: "contact" },
|
|
];
|
|
|
|
return (
|
|
<ThemeProvider
|
|
defaultButtonVariant="shift-hover"
|
|
defaultTextAnimation="background-highlight"
|
|
borderRadius="soft"
|
|
contentWidth="small"
|
|
sizing="mediumLargeSizeLargeTitles"
|
|
background="circleGradient"
|
|
cardStyle="glass-elevated"
|
|
primaryButtonStyle="diagonal-gradient"
|
|
secondaryButtonStyle="layered"
|
|
headingFontWeight="light"
|
|
>
|
|
<div id="nav" data-section="nav">
|
|
<NavbarStyleApple brandName="LogisticsPro" navItems={navItems} />
|
|
</div>
|
|
|
|
<div id="hero" data-section="hero">
|
|
<HeroBillboardScroll
|
|
title="Your Logistics Partner for Global Excellence"
|
|
description="Streamline your supply chain with our cutting-edge logistics platform. Real-time tracking, efficient routing, and reliable delivery—all in one place."
|
|
tag="Enterprise Logistics Solutions"
|
|
tagIcon={Package}
|
|
tagAnimation="slide-up"
|
|
background={{ variant: "canvas-reveal" }}
|
|
imageSrc="http://img.b2bpic.net/free-photo/digital-tablet-online-learning_53876-97299.jpg?_wi=1"
|
|
imageAlt="Logistics dashboard with real-time tracking"
|
|
buttons={[
|
|
{ text: "Start Free Trial", href: "/contact" },
|
|
{ text: "View Demo", onClick: () => {} },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="about" data-section="about">
|
|
<SplitAbout
|
|
title="Why Choose LogisticsPro"
|
|
description="With over 15 years of industry experience, we've perfected the art of logistics management. Our platform combines advanced technology with human expertise to deliver unmatched service."
|
|
tag="Our Advantage"
|
|
tagIcon={CheckCircle}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
bulletPoints={[
|
|
{
|
|
title: "99.9% Uptime", description: "Enterprise-grade infrastructure ensuring your shipments are always tracked and on schedule.", icon: Shield,
|
|
},
|
|
{
|
|
title: "Global Network", description: "Operations in 150+ countries with local expertise and 24/7 support.", icon: Globe,
|
|
},
|
|
{
|
|
title: "Real-Time Visibility", description: "Track every package in real-time with our advanced GPS and IoT integrations.", icon: Eye,
|
|
},
|
|
{
|
|
title: "Cost Optimization", description: "AI-powered routing algorithms reduce delivery costs by up to 30%.", icon: TrendingDown,
|
|
},
|
|
]}
|
|
imageSrc="http://img.b2bpic.net/free-photo/african-american-staff-printing-awb-tracking-numbers-tags-new-parcel-shipment-managing-airway_482257-136207.jpg?_wi=1"
|
|
imageAlt="Logistics operations center"
|
|
mediaAnimation="slide-up"
|
|
imagePosition="right"
|
|
buttons={[{ text: "Learn More", href: "/services" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="features" data-section="features">
|
|
<FeatureCardSeven
|
|
title="Comprehensive Logistics Services"
|
|
description="From warehousing to final-mile delivery, we handle every aspect of your supply chain."
|
|
tag="Our Capabilities"
|
|
tagIcon={Zap}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="split"
|
|
useInvertedBackground={true}
|
|
features={[
|
|
{
|
|
id: 1,
|
|
title: "International Shipping", description: "Seamless cross-border logistics with customs clearance and documentation handled by our experts.", imageSrc: "http://img.b2bpic.net/free-vector/hand-drawn-international-trade_23-2149164061.jpg?_wi=1", imageAlt: "International shipping service"},
|
|
{
|
|
id: 2,
|
|
title: "Warehouse Management", description: "State-of-the-art facilities with inventory management, packaging, and fulfillment services.", imageSrc: "http://img.b2bpic.net/free-photo/home-business-employees-preparing-products-boxes-local-delivery_482257-132083.jpg?_wi=1", imageAlt: "Warehouse management facility"},
|
|
{
|
|
id: 3,
|
|
title: "Last-Mile Delivery", description: "Efficient final-mile solutions ensuring timely and safe delivery to your customers.", imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-delivery-people_23-2149103420.jpg?_wi=1", imageAlt: "Last-mile delivery service"},
|
|
{
|
|
id: 4,
|
|
title: "Cold Chain Logistics", description: "Temperature-controlled shipping for pharmaceuticals, food, and perishable goods.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-view-hand-protective-rubber-gloves-opening-fridge-with-frozen-food-supermarket_342744-1144.jpg", imageAlt: "Cold chain logistics"},
|
|
]}
|
|
animationType="blur-reveal"
|
|
buttons={[{ text: "Explore Services", href: "/services" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="metrics" data-section="metrics">
|
|
<MetricCardTwo
|
|
title="Proven Track Record"
|
|
description="Industry-leading performance metrics that demonstrate our commitment to excellence."
|
|
tag="By The Numbers"
|
|
tagIcon={BarChart3}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
metrics={[
|
|
{
|
|
id: "1", value: "2.5M+", description: "Shipments Delivered Annually"},
|
|
{
|
|
id: "2", value: "98.7%", description: "On-Time Delivery Rate"},
|
|
{
|
|
id: "3", value: "150+", description: "Countries & Territories Served"},
|
|
{
|
|
id: "4", value: "24/7", description: "Customer Support Available"},
|
|
]}
|
|
gridVariant="uniform-all-items-equal"
|
|
animationType="scale-rotate"
|
|
buttons={[{ text: "View Case Studies", href: "#" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="testimonials" data-section="testimonials">
|
|
<TestimonialCardFifteen
|
|
testimonial="LogisticsPro transformed our supply chain operations. We've reduced shipping costs by 28% while improving delivery times. Their platform is intuitive and their support team is exceptional. Highly recommended for any enterprise logistics needs."
|
|
rating={5}
|
|
author="Sarah Chen, Operations Director at TechFlow Industries"
|
|
avatars={[
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/positive-confident-businesswoman-wearing-formal-suit-standing-with-arms-folded_74855-10328.jpg", alt: "Sarah Chen"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Team member 2"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/cheerful-african-american-businessman_1262-20994.jpg", alt: "Team member 3"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Team member 4"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg", alt: "Team member 5"},
|
|
{
|
|
src: "http://img.b2bpic.net/free-photo/smiling-young-businessman-suit-looking-camera-meeting_1163-4654.jpg", alt: "Team member 6"},
|
|
]}
|
|
ratingAnimation="slide-up"
|
|
avatarsAnimation="slide-up"
|
|
useInvertedBackground={true}
|
|
/>
|
|
</div>
|
|
|
|
<div id="social-proof" data-section="social-proof">
|
|
<SocialProofOne
|
|
title="Trusted by Industry Leaders"
|
|
description="Join thousands of companies that rely on LogisticsPro for their logistics needs."
|
|
tag="Global Partners"
|
|
tagIcon={Award}
|
|
tagAnimation="slide-up"
|
|
textboxLayout="default"
|
|
useInvertedBackground={false}
|
|
names={[
|
|
"TechFlow Industries", "Global Retail Corp", "FastTrack Commerce", "Summit Manufacturing", "CloudConnect Solutions", "NexGen Pharmaceuticals", "EcoShip Ventures"]}
|
|
logos={[
|
|
"http://img.b2bpic.net/free-vector/gradient-technology-logo-template-collection_23-2148220592.jpg", "http://img.b2bpic.net/free-vector/hand-drawn-shop-local-collection_23-2149575775.jpg", "http://img.b2bpic.net/free-vector/delivery-logo-template-with-gradient-effect_23-2147882328.jpg", "http://img.b2bpic.net/free-vector/mechanical-engineering-logo-design_23-2150074711.jpg", "http://img.b2bpic.net/free-vector/technological-logo-with-clouds_1071-107.jpg", "http://img.b2bpic.net/free-vector/hospital-logo-template_23-2150529397.jpg", "http://img.b2bpic.net/free-photo/eco-friendly-recycling-concept_23-2148737663.jpg"]}
|
|
speed={40}
|
|
showCard={true}
|
|
buttons={[{ text: "See Case Studies", href: "#" }]}
|
|
buttonAnimation="slide-up"
|
|
/>
|
|
</div>
|
|
|
|
<div id="cta" data-section="cta">
|
|
<ContactCTA
|
|
tag="Ready to Transform Your Logistics?"
|
|
tagIcon={Rocket}
|
|
tagAnimation="slide-up"
|
|
title="Get Started with LogisticsPro Today"
|
|
description="Join the logistics revolution. Experience streamlined operations, reduced costs, and superior customer satisfaction. Our team is ready to help you optimize your supply chain."
|
|
buttons={[
|
|
{ text: "Schedule Demo", href: "/contact" },
|
|
{ text: "Start Free Trial", onClick: () => {} },
|
|
]}
|
|
buttonAnimation="slide-up"
|
|
background={{ variant: "gradient-bars" }}
|
|
useInvertedBackground={false}
|
|
/>
|
|
</div>
|
|
|
|
<div id="footer" data-section="footer">
|
|
<FooterLogoReveal
|
|
logoText="LogisticsPro"
|
|
leftLink={{ text: "Privacy Policy", href: "#" }}
|
|
rightLink={{ text: "Terms of Service", href: "#" }}
|
|
/>
|
|
</div>
|
|
</ThemeProvider>
|
|
);
|
|
} |