Compare commits
2 Commits
| Author | SHA1 | Date | |
|---|---|---|---|
| 3923770292 | |||
| c8dc43a0dc |
367
src/app/page.tsx
367
src/app/page.tsx
@@ -31,107 +31,30 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleCentered
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Track",
|
||||
id: "products",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Services", id: "features" },
|
||||
{ name: "Tracking", id: "products" },
|
||||
{ name: "Support", id: "faq" }
|
||||
]}
|
||||
brandName="SwiftDelivery"
|
||||
brandName="QuickDrop"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
title="Swift Delivery for the Modern World"
|
||||
description="Logistics redefined. Reliable, real-time, and secure delivery services for your business and personal needs, powered by advanced technology."
|
||||
background={{ variant: "plain" }}
|
||||
title="Effortless Delivery, Delivered"
|
||||
description="The simplest, fastest way to get your goods from A to B. Built for individuals and small businesses who value speed and reliability."
|
||||
kpis={[
|
||||
{
|
||||
value: "99.8%",
|
||||
label: "Delivery Rate",
|
||||
},
|
||||
{
|
||||
value: "1.2M+",
|
||||
label: "Packages Delivered",
|
||||
},
|
||||
{
|
||||
value: "500+",
|
||||
label: "Partner Cities",
|
||||
},
|
||||
{ value: "10m", label: "Avg Response" },
|
||||
{ value: "5k+", label: "Deliveries" },
|
||||
{ value: "99%", label: "On-Time" }
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Tracking",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
text: "Learn More",
|
||||
href: "#about",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/technological-futuristic-holograms-logistics-means-transport_23-2151663041.jpg"
|
||||
imageAlt="Delivery drone city skyline"
|
||||
buttons={[{ text: "Get Started" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/delivery-service-concept-with-person-holding-parcel_23-2149149065.jpg"
|
||||
imageAlt="Delivery person"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2579.jpg",
|
||||
alt: "Customer 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-beautiful-middle-aged-business-woman_1262-3085.jpg",
|
||||
alt: "Customer 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2547.jpg",
|
||||
alt: "Customer 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/black-businessman-happy-expression_1194-2551.jpg",
|
||||
alt: "Customer 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-smiling-senior-business-man-relaxing_1262-2369.jpg",
|
||||
alt: "Customer 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ businesses"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time updates",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global reach",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Eco-friendly",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "24/7 Support",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Secure transit",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -139,24 +62,14 @@ export default function LandingPage() {
|
||||
<SplitAbout
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
title="Why Choose SwiftDelivery?"
|
||||
description="We blend innovative logistics software with a human-centric approach to ensure your packages get exactly where they need to be, faster and safer."
|
||||
title="Simple Logistics"
|
||||
description="We believe delivery shouldn't be complicated. We've streamlined our entire process to make shipping as simple as a few clicks."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Precision Tracking",
|
||||
description: "Know exactly where your package is, every step of the journey.",
|
||||
},
|
||||
{
|
||||
title: "Eco-Friendly Routing",
|
||||
description: "Optimized delivery paths to minimize carbon footprint and energy use.",
|
||||
},
|
||||
{
|
||||
title: "Global Logistics",
|
||||
description: "Seamless cross-border shipping backed by world-class support.",
|
||||
},
|
||||
{ title: "Direct Booking", description: "Schedule your pick-up instantly." },
|
||||
{ title: "Real-time Tracking", description: "Follow your package in real-time." },
|
||||
{ title: "Safe Delivery", description: "Guaranteed security for every item." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/robotic-delivery-dog-factory-concept-robot-dog-delivering-goods_35913-2609.jpg"
|
||||
imageAlt="automated warehouse sorting"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/close-up-man-holding-cardboard-box_23-2149149072.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -164,26 +77,14 @@ export default function LandingPage() {
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={true}
|
||||
title="Advanced Delivery Features"
|
||||
description="Our platform leverages AI and real-time data to provide you with an unmatched shipping experience."
|
||||
title="Why Choose Us?"
|
||||
description="Everything you need for seamless delivery, without the headache."
|
||||
accordionItems={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "AI Route Optimization",
|
||||
content: "Our AI continuously analyzes traffic and weather patterns to ensure the fastest delivery routes are always chosen.",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "24/7 Security Monitoring",
|
||||
content: "Every package is monitored throughout the process to ensure integrity and security.",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Seamless API Integrations",
|
||||
content: "Easily integrate our delivery services directly into your e-commerce platform or ERP.",
|
||||
},
|
||||
{ id: "f1", title: "Transparent Pricing", content: "Know exactly what you pay before you book." },
|
||||
{ id: "f2", title: "On-Demand Pickup", content: "We pick up from your doorstep, whenever you are ready." },
|
||||
{ id: "f3", title: "Secure Handling", content: "Your package is our priority until it is signed off." }
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/transportation-vehicle-system-automobile-freight_53876-120304.jpg"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/delivery-woman-holding-cardboard-box_23-2149149080.jpg"
|
||||
mediaAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
@@ -195,87 +96,24 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Standard",
|
||||
name: "Standard Ground",
|
||||
price: "From $5.99",
|
||||
rating: 5,
|
||||
reviewCount: "10k+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-shot-water-reflecting-buildings-shore-with-clear-sky_181624-2254.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Express",
|
||||
name: "Express Next-Day",
|
||||
price: "From $12.99",
|
||||
rating: 5,
|
||||
reviewCount: "8k+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-writing-info_23-2148539798.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Fragile",
|
||||
name: "Fragile Handler",
|
||||
price: "From $15.99",
|
||||
rating: 5,
|
||||
reviewCount: "5k+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/courier-delivering-parcel-client_23-2149229192.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Essential",
|
||||
name: "Essential Parcel",
|
||||
price: "From $8.99",
|
||||
rating: 4,
|
||||
reviewCount: "12k+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-protester-holding-board-with-mock-up_23-2148296458.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Cold-Chain",
|
||||
name: "Perishables",
|
||||
price: "From $25.99",
|
||||
rating: 5,
|
||||
reviewCount: "3k+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/red-fresh-tomatoes-gathered-into-cardboaard-boxes-purchasing_114579-2740.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Bulky",
|
||||
name: "Large Item Ship",
|
||||
price: "From $49.99",
|
||||
rating: 4,
|
||||
reviewCount: "2k+",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-delivery-man-blue-uniform-cap-holding-cardboard-boxes-smiling-cheerfully-happy-positive-standing-orange-wall_141793-22943.jpg",
|
||||
},
|
||||
{ id: "p1", brand: "Quick", name: "City Delivery", price: "$5", rating: 5, reviewCount: "200+", imageSrc: "http://img.b2bpic.net/free-photo/courier-delivering-parcel-client_23-2149229192.jpg" },
|
||||
{ id: "p2", brand: "Standard", name: "Domestic Post", price: "$10", rating: 5, reviewCount: "150+", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-delivery-man-blue-uniform-cap-holding-cardboard-boxes-smiling-cheerfully-happy-positive-standing-orange-wall_141793-22943.jpg" },
|
||||
{ id: "p3", brand: "Global", name: "International", price: "$25", rating: 5, reviewCount: "80+", imageSrc: "http://img.b2bpic.net/free-photo/transportation-vehicle-system-automobile-freight_53876-120304.jpg" }
|
||||
]}
|
||||
title="Shipping Service Tiers"
|
||||
description="Select the shipping package that best fits your immediate requirements."
|
||||
title="Our Services"
|
||||
description="Pick the service tier that matches your speed and budget needs."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={true}
|
||||
title="Our Impact"
|
||||
title="Delivery Stats"
|
||||
tag="Reliability"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15min",
|
||||
description: "Avg Dispatch Time",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "99.9%",
|
||||
description: "Uptime Reliability",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "24/7",
|
||||
description: "Customer Support",
|
||||
},
|
||||
{ id: "m1", value: "5000+", description: "Successful deliveries" },
|
||||
{ id: "m2", value: "98%", description: "On-time performance" },
|
||||
{ id: "m3", value: "24/7", description: "Support availability" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -288,49 +126,12 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Logistics Manager",
|
||||
company: "TechCorp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Operations Lead",
|
||||
company: "InnovateLab",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/glasses-smiling-arm-horizontal-front_1262-2739.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Marketing Director",
|
||||
company: "GrowthCo",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-workplace-white-yellow-colors-with-photo-frame_23-2147878419.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Product Manager",
|
||||
company: "StartupXYZ",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/businessman-smiling-airport-terminal_107420-85119.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Alex Rivera",
|
||||
role: "CEO",
|
||||
company: "FastRetail",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-entrepreneur-with-corporate-job-looking-camera-business-office-portrait-young-man-preparing-work-planning-development-industry-with-technology-computer_482257-29387.jpg",
|
||||
},
|
||||
{ id: "1", name: "Alex P.", role: "User", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg?_wi=1" },
|
||||
{ id: "2", name: "Jamie S.", role: "User", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg?_wi=2" },
|
||||
{ id: "3", name: "Jordan D.", role: "User", company: "Local", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-professional_1098-12931.jpg?_wi=3" }
|
||||
]}
|
||||
title="Loved by Businesses"
|
||||
description="See why top companies trust us with their critical deliveries."
|
||||
title="Happy Customers"
|
||||
description="Hear what our users have to say about their experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -339,24 +140,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Do you offer international shipping?",
|
||||
content: "Yes, we ship globally with customs support.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How can I track my parcel?",
|
||||
content: "Use our real-time tracker on the dashboard with your tracking ID.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What happens if a package is lost?",
|
||||
content: "We offer full insurance for all lost or damaged shipments.",
|
||||
},
|
||||
{ id: "q1", title: "How do I book?", content: "Just click the book button and enter your location." },
|
||||
{ id: "q2", title: "Is insurance included?", content: "All items are insured automatically." },
|
||||
{ id: "q3", title: "Do you work weekends?", content: "Yes, we operate 7 days a week." }
|
||||
]}
|
||||
title="Frequently Asked"
|
||||
description="Have questions about our services? Find your answers here."
|
||||
title="FAQs"
|
||||
description="Everything you need to know about our delivery process."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -364,69 +153,23 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
tag="Contact Us"
|
||||
title="Get Started Today"
|
||||
description="Join thousands of satisfied business partners."
|
||||
inputPlaceholder="Enter your email for a demo"
|
||||
buttonText="Request Access"
|
||||
background={{ variant: "plain" }}
|
||||
tag="Join Us"
|
||||
title="Ready to ship?"
|
||||
description="Sign up today to get your first delivery at a discounted rate."
|
||||
inputPlaceholder="Enter your email"
|
||||
buttonText="Get Started"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Product",
|
||||
items: [
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Pricing",
|
||||
href: "#products",
|
||||
},
|
||||
{
|
||||
label: "Tracking",
|
||||
href: "#products",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Services", items: [{ label: "Local", href: "#products" }, { label: "Express", href: "#products" }] },
|
||||
{ title: "Company", items: [{ label: "About", href: "#about" }, { label: "Support", href: "#faq" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] }
|
||||
]}
|
||||
logoText="SwiftDelivery"
|
||||
logoText="QuickDrop"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user