Merge version_1 into main #2
245
src/app/page.tsx
245
src/app/page.tsx
@@ -31,22 +31,10 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Routes",
|
||||
id: "routes",
|
||||
},
|
||||
{
|
||||
name: "How it Works",
|
||||
id: "how-it-works",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{ name: "Routes", id: "routes" },
|
||||
{ name: "How it Works", id: "how-it-works" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" }
|
||||
]}
|
||||
brandName="TravelShip"
|
||||
/>
|
||||
@@ -54,36 +42,16 @@ export default function LandingPage() {
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="Turn Your Travels into Opportunities"
|
||||
description="Ship your goods globally by connecting with verified travelers. Reliable, affordable, and safe shipping solutions."
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-airport_23-2149142233.jpg?_wi=1",
|
||||
imageAlt: "Travel shipping",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/airplane-map-computer-mouse-wooden-background-top-view_169016-41779.jpg?_wi=1",
|
||||
imageAlt: "Algeria to China",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/supply-chain-representation-still-life_23-2150172325.jpg?_wi=1",
|
||||
imageAlt: "London to Algeria",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-casual-autumn-clothes-talking-phone_231208-3247.jpg?_wi=1",
|
||||
imageAlt: "Germany to France",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-airport_23-2149142233.jpg?_wi=2",
|
||||
imageAlt: "Travel shipping",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/airplane-map-computer-mouse-wooden-background-top-view_169016-41779.jpg?_wi=2",
|
||||
imageAlt: "Route illustration",
|
||||
},
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-airport_23-2149142233.jpg", imageAlt: "travel luggage concept background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/airplane-map-computer-mouse-wooden-background-top-view_169016-41779.jpg", imageAlt: "algeria landmark travel concept" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/supply-chain-representation-still-life_23-2150172325.jpg", imageAlt: "london city big ben travel" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-casual-autumn-clothes-talking-phone_231208-3247.jpg", imageAlt: "germany brandenburg gate travel" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-women-airport_23-2149142233.jpg", imageAlt: "travel luggage concept background" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/airplane-map-computer-mouse-wooden-background-top-view_169016-41779.jpg", imageAlt: "algeria landmark travel concept" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -95,24 +63,9 @@ export default function LandingPage() {
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Algiers to Beijing",
|
||||
price: "Available: 15kg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/airplane-map-computer-mouse-wooden-background-top-view_169016-41779.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "London to Algiers",
|
||||
price: "Available: 5kg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/supply-chain-representation-still-life_23-2150172325.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Berlin to Paris",
|
||||
price: "Available: 20kg",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-casual-autumn-clothes-talking-phone_231208-3247.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Algiers to Beijing", price: "Available: 15kg", imageSrc: "http://img.b2bpic.net/free-photo/airplane-map-computer-mouse-wooden-background-top-view_169016-41779.jpg" },
|
||||
{ id: "2", name: "London to Algiers", price: "Available: 5kg", imageSrc: "http://img.b2bpic.net/free-photo/supply-chain-representation-still-life_23-2150172325.jpg" },
|
||||
{ id: "3", name: "Berlin to Paris", price: "Available: 20kg", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-casual-autumn-clothes-talking-phone_231208-3247.jpg" }
|
||||
]}
|
||||
title="Available Routes"
|
||||
description="See where our travelers are going next and secure your cargo space."
|
||||
@@ -121,30 +74,13 @@ export default function LandingPage() {
|
||||
|
||||
<div id="how-it-works" data-section="how-it-works">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="inline-image"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "List Your Item",
|
||||
description: "Describe the package you need to ship and your preferred route.",
|
||||
tag: "Step 1",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/airplane-map-computer-mouse-wooden-background-top-view_169016-41779.jpg?_wi=4",
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Match with Traveler",
|
||||
description: "Connect with trusted travelers heading to your destination.",
|
||||
tag: "Step 2",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/supply-chain-representation-still-life_23-2150172325.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Secure Delivery",
|
||||
description: "Hand over the item and track delivery status in real-time.",
|
||||
tag: "Step 3",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-casual-autumn-clothes-talking-phone_231208-3247.jpg?_wi=3",
|
||||
},
|
||||
{ id: "f1", title: "List Your Item", description: "Describe the package you need to ship and your preferred route.", tag: "Step 1", imageSrc: "http://img.b2bpic.net/free-photo/airplane-map-computer-mouse-wooden-background-top-view_169016-41779.jpg" },
|
||||
{ id: "f2", title: "Match with Traveler", description: "Connect with trusted travelers heading to your destination.", tag: "Step 2", imageSrc: "http://img.b2bpic.net/free-photo/supply-chain-representation-still-life_23-2150172325.jpg" },
|
||||
{ id: "f3", title: "Secure Delivery", description: "Hand over the item and track delivery status in real-time.", tag: "Step 3", imageSrc: "http://img.b2bpic.net/free-photo/smiling-woman-casual-autumn-clothes-talking-phone_231208-3247.jpg" }
|
||||
]}
|
||||
title="Simple Shipping Process"
|
||||
description="Safe, transparent, and user-friendly shipping in three simple steps."
|
||||
@@ -157,24 +93,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
title: "Successful Deliveries",
|
||||
value: "12,000+",
|
||||
icon: CheckCircle,
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
title: "Verified Travelers",
|
||||
value: "4,500+",
|
||||
icon: User,
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
title: "Countries Connected",
|
||||
value: "85",
|
||||
icon: Globe,
|
||||
},
|
||||
{ id: "m1", title: "Successful Deliveries", value: "12,000+", icon: CheckCircle },
|
||||
{ id: "m2", title: "Verified Travelers", value: "4,500+", icon: User },
|
||||
{ id: "m3", title: "Countries Connected", value: "85", icon: Globe }
|
||||
]}
|
||||
title="Our Shipping Impact"
|
||||
description="Trusted by thousands for safe and reliable global connections."
|
||||
@@ -187,60 +108,16 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Ahmed",
|
||||
role: "Shipper",
|
||||
company: "Algiers",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-brunette-woman-denim-pants-stylish-floral-blouse-trendy-pink-sunglasses-smiles-sincerely-walks-outdoors_197531-27693.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "John Doe",
|
||||
role: "Traveler",
|
||||
company: "London",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/charming-young-woman-standing-workplace_23-2148180658.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Marie Curie",
|
||||
role: "Shipper",
|
||||
company: "Paris",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-hat-standing-holding-suitcase_23-2148138984.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Hans Muller",
|
||||
role: "Traveler",
|
||||
company: "Berlin",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-female-explorer-observes-something-far-away-uses-binoculars-observes-spectacular-view-discovers-new-places-carries-rucksack-isolated-brown-background-blank-space-your-promotion_273609-61768.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Liam Chen",
|
||||
role: "Shipper",
|
||||
company: "Beijing",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-brunette-woman-denim-pants-stylish-floral-blouse-trendy-pink-sunglasses-smiles-sincerely-walks-outdoors_197531-27693.jpg?_wi=2",
|
||||
},
|
||||
{ id: "1", name: "Sarah Ahmed", role: "Shipper", company: "Algiers", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-brunette-woman-denim-pants-stylish-floral-blouse-trendy-pink-sunglasses-smiles-sincerely-walks-outdoors_197531-27693.jpg" },
|
||||
{ id: "2", name: "John Doe", role: "Traveler", company: "London", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/charming-young-woman-standing-workplace_23-2148180658.jpg" },
|
||||
{ id: "3", name: "Marie Curie", role: "Shipper", company: "Paris", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-hat-standing-holding-suitcase_23-2148138984.jpg" },
|
||||
{ id: "4", name: "Hans Muller", role: "Traveler", company: "Berlin", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-female-explorer-observes-something-far-away-uses-binoculars-observes-spectacular-view-discovers-new-places-carries-rucksack-isolated-brown-background-blank-space-your-promotion_273609-61768.jpg" },
|
||||
{ id: "5", name: "Liam Chen", role: "Shipper", company: "Beijing", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-brunette-woman-denim-pants-stylish-floral-blouse-trendy-pink-sunglasses-smiles-sincerely-walks-outdoors_197531-27693.jpg" }
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "4.9/5",
|
||||
label: "Avg Rating",
|
||||
},
|
||||
{
|
||||
value: "98%",
|
||||
label: "Satisfaction",
|
||||
},
|
||||
{
|
||||
value: "100+",
|
||||
label: "Daily Routes",
|
||||
},
|
||||
{ value: "4.9/5", label: "Avg Rating" },
|
||||
{ value: "98%", label: "Satisfaction" },
|
||||
{ value: "100+", label: "Daily Routes" }
|
||||
]}
|
||||
title="Verified Success Stories"
|
||||
description="Hear from our happy shippers and travelers around the world."
|
||||
@@ -252,21 +129,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is my package safe?",
|
||||
content: "Yes, we implement strict traveler verification and tracking systems.",
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How is shipping cost calculated?",
|
||||
content: "Costs are based on weight, distance, and item category.",
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I ship anything?",
|
||||
content: "No, restricted items are prohibited. Check our prohibited items list.",
|
||||
},
|
||||
{ id: "q1", title: "Is my package safe?", content: "Yes, we implement strict traveler verification and tracking systems." },
|
||||
{ id: "q2", title: "How is shipping cost calculated?", content: "Costs are based on weight, distance, and item category." },
|
||||
{ id: "q3", title: "Can I ship anything?", content: "No, restricted items are prohibited. Check our prohibited items list." }
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Find quick answers to common questions about our platform."
|
||||
@@ -277,9 +142,7 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
background={{ variant: "plain" }}
|
||||
tag="Contact Us"
|
||||
title="Join Our Travel Shipping Network"
|
||||
description="Register today to start shipping or list your travel route and start earning extra income."
|
||||
@@ -291,45 +154,9 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterBaseReveal
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ title: "Company", items: [{ label: "About", href: "#" }, { label: "Careers", href: "#" }] },
|
||||
{ title: "Legal", items: [{ label: "Privacy", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
{ title: "Support", items: [{ label: "Contact", href: "#" }, { label: "Help Center", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2024 TravelShip Connect. All rights reserved."
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user