Update src/app/page.tsx
This commit is contained in:
305
src/app/page.tsx
305
src/app/page.tsx
@@ -8,10 +8,7 @@ import FaqDouble from '@/components/sections/faq/FaqDouble';
|
||||
import FeatureCardTwentyEight from '@/components/sections/feature/FeatureCardTwentyEight';
|
||||
import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import MetricCardSeven from '@/components/sections/metrics/MetricCardSeven';
|
||||
import NavbarStyleFullscreen from '@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen';
|
||||
import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
|
||||
import TestimonialCardSixteen from '@/components/sections/testimonial/TestimonialCardSixteen';
|
||||
import { CheckCircle, Clock, Leaf, Wallet } from "lucide-react";
|
||||
|
||||
export default function LandingPage() {
|
||||
@@ -33,36 +30,23 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "#home",
|
||||
name: "Home", id: "#home"
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "#features",
|
||||
name: "Features", id: "#features"
|
||||
},
|
||||
{
|
||||
name: "Impact",
|
||||
id: "#metrics",
|
||||
name: "FAQ", id: "#faq"
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "#testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "#faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Contact", id: "#contact"
|
||||
}
|
||||
]}
|
||||
logoSrc="http://img.b2bpic.net/free-vector/travel-logo-template_23-2149705443.jpg"
|
||||
logoAlt="Pax Logo"
|
||||
brandName="Pax"
|
||||
button={{
|
||||
text: "Get Started",
|
||||
href: "#contact",
|
||||
text: "Get Started", href: "#contact"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
@@ -70,16 +54,15 @@ export default function LandingPage() {
|
||||
<div id="home" data-section="home">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
variant: "radial-gradient"
|
||||
}}
|
||||
imagePosition="right"
|
||||
title="Fly smarter. Share the journey."
|
||||
description="Connect with travelers heading your way and split the cost of private flights. Better for your wallet, better for the planet."
|
||||
buttons={[
|
||||
{
|
||||
text: "Find Your Flight",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Find Your Flight", href: "#contact"
|
||||
}
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-feeling-tense-scared-about-airplane-takeoff-being-frightened-about-flying-abroad-travelling-with-international-airways-go-holiday-adventure-commercial-flight_482257-49464.jpg"
|
||||
imageAlt="Modern private jet flying above clouds at sunset"
|
||||
@@ -87,50 +70,38 @@ export default function LandingPage() {
|
||||
fixedMediaHeight={true}
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-walking-with-trolley-bag-airport-terminal_107420-85050.jpg",
|
||||
alt: "Smiling professional traveler",
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-woman-walking-with-trolley-bag-airport-terminal_107420-85050.jpg", alt: "Smiling professional traveler"
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-teen-boy-shirt-hoodie-propping-chin-hand-looking-cheerful-front-view_176474-106496.jpg",
|
||||
alt: "Thoughtful young traveler",
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-teen-boy-shirt-hoodie-propping-chin-hand-looking-cheerful-front-view_176474-106496.jpg", alt: "Thoughtful young traveler"
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-hipster-woman-casual-outfit-having-fun-listening-music-headphones_285396-3541.jpg",
|
||||
alt: "Happy female traveler",
|
||||
src: "http://img.b2bpic.net/free-photo/young-hipster-woman-casual-outfit-having-fun-listening-music-headphones_285396-3541.jpg", alt: "Happy female traveler"
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bald-senior-dressed-stylish-suit-posing-against-dark-background_613910-17578.jpg",
|
||||
alt: "Confident business executive",
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-bald-senior-dressed-stylish-suit-posing-against-dark-background_613910-17578.jpg", alt: "Confident business executive"
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-multiethnic-friends-sitting_23-2148212349.jpg",
|
||||
alt: "Diverse group of travelers",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-multiethnic-friends-sitting_23-2148212349.jpg", alt: "Diverse group of travelers"
|
||||
}
|
||||
]}
|
||||
avatarText="Join 15,000+ happy travelers!"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Cost Savings",
|
||||
type: "text", text: "Cost Savings"
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Eco-Friendly",
|
||||
icon: Leaf,
|
||||
type: "text-icon", text: "Eco-Friendly", icon: Leaf
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Time Efficiency",
|
||||
type: "text", text: "Time Efficiency"
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Seamless Booking",
|
||||
icon: CheckCircle,
|
||||
type: "text-icon", text: "Seamless Booking", icon: CheckCircle
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Community Driven",
|
||||
},
|
||||
type: "text", text: "Community Driven"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -142,19 +113,16 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: Wallet,
|
||||
label: "Cost Savings",
|
||||
value: "Up to 70%",
|
||||
label: "Cost Savings", value: "Up to 70%"
|
||||
},
|
||||
{
|
||||
icon: Leaf,
|
||||
label: "Carbon Reduced",
|
||||
value: "Avg 30%",
|
||||
label: "Carbon Reduced", value: "Avg 30%"
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Time Efficiency",
|
||||
value: "3x Faster",
|
||||
},
|
||||
label: "Time Efficiency", value: "3x Faster"
|
||||
}
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -167,189 +135,30 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Connect & Share",
|
||||
subtitle: "Match with travelers on similar routes to effortlessly fill empty seats and split costs.",
|
||||
category: "For Travelers",
|
||||
value: "Community",
|
||||
id: "f1", title: "Connect & Share", subtitle: "Match with travelers on similar routes to effortlessly fill empty seats and split costs.", category: "For Travelers", value: "Community"
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
title: "Significant Savings",
|
||||
subtitle: "Drastically reduce your travel expenses compared to traditional commercial or private flights.",
|
||||
category: "For Travelers",
|
||||
value: "Affordable",
|
||||
id: "f2", title: "Significant Savings", subtitle: "Drastically reduce your travel expenses compared to traditional commercial or private flights.", category: "For Travelers", value: "Affordable"
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Eco-Conscious Travel",
|
||||
subtitle: "Lower your carbon footprint by contributing to more efficient private flight utilization.",
|
||||
category: "For Eco-Minded",
|
||||
value: "Sustainable",
|
||||
id: "f3", title: "Eco-Conscious Travel", subtitle: "Lower your carbon footprint by contributing to more efficient private flight utilization.", category: "For Eco-Minded", value: "Sustainable"
|
||||
},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Monetize Empty Seats",
|
||||
subtitle: "Private jet owners can easily list unused capacity and generate passive income.",
|
||||
category: "For Jet Owners",
|
||||
value: "Profitable",
|
||||
id: "f4", title: "Monetize Empty Seats", subtitle: "Private jet owners can easily list unused capacity and generate passive income.", category: "For Jet Owners", value: "Profitable"
|
||||
},
|
||||
{
|
||||
id: "f5",
|
||||
title: "Time-Saving Journeys",
|
||||
subtitle: "Bypass commercial airport hassles and enjoy direct, efficient travel on your schedule.",
|
||||
category: "For Business",
|
||||
value: "Efficient",
|
||||
id: "f5", title: "Time-Saving Journeys", subtitle: "Bypass commercial airport hassles and enjoy direct, efficient travel on your schedule.", category: "For Business", value: "Efficient"
|
||||
},
|
||||
{
|
||||
id: "f6",
|
||||
title: "Seamless Experience",
|
||||
subtitle: "Our intuitive app ensures easy booking, communication, and journey management.",
|
||||
category: "For All",
|
||||
value: "Convenient",
|
||||
},
|
||||
id: "f6", title: "Seamless Experience", subtitle: "Our intuitive app ensures easy booking, communication, and journey management.", category: "For All", value: "Convenient"
|
||||
}
|
||||
]}
|
||||
title="Benefits for Every Traveler"
|
||||
description="Pax connects you with a community of like-minded individuals, making private flight more accessible, sustainable, and profitable."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15,000+",
|
||||
title: "Flights Shared",
|
||||
items: [
|
||||
"Connecting travelers globally",
|
||||
"Optimizing private flight routes",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "$5M+",
|
||||
title: "Savings Generated",
|
||||
items: [
|
||||
"Significant cost reductions for passengers",
|
||||
"New revenue streams for jet owners",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "200 tons",
|
||||
title: "Carbon Offset",
|
||||
items: [
|
||||
"Promoting sustainable air travel",
|
||||
"Minimizing ecological footprint",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "98%",
|
||||
title: "Customer Satisfaction",
|
||||
items: [
|
||||
"Seamless experience from booking to landing",
|
||||
"Highly rated by our community",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Our Impact at a Glance"
|
||||
description="Pax is rapidly growing, delivering tangible benefits to our users and the planet."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="social-proof" data-section="social-proof">
|
||||
<SocialProofOne
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"SkyConnect Global",
|
||||
"EcoFlight Solutions",
|
||||
"AeroWealth Management",
|
||||
"Global Logistics Inc.",
|
||||
"Stratosphere Capital",
|
||||
"Aviation Innovators",
|
||||
"Green Skies Alliance",
|
||||
]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Our platform is backed by innovative partners in aviation, technology, and sustainability."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSixteen
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Johnson",
|
||||
role: "Business Analyst",
|
||||
company: "Nexus Corp",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-traveling_23-2148601995.jpg",
|
||||
imageAlt: "Sarah Johnson",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Michael Chen",
|
||||
role: "Environmental Consultant",
|
||||
company: "GreenPath Initiative",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/two-businesspeople-having-conversation-office_23-2147838538.jpg",
|
||||
imageAlt: "Michael Chen",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Rodriguez",
|
||||
role: "Private Jet Owner",
|
||||
company: "AeroLux Holdings",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-would-be-seated-airport-with-clock-by-side-suitcase_1122-992.jpg",
|
||||
imageAlt: "Emily Rodriguez",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "David Kim",
|
||||
role: "Tech Entrepreneur",
|
||||
company: "InnoVentures",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/computer-scientist-updating-artificial-intelligence-machine-learning-algorithm_482257-83345.jpg",
|
||||
imageAlt: "David Kim",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jessica Lee",
|
||||
role: "Marketing Director",
|
||||
company: "Velocity Brands",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-busy-woman-her-office_329181-10294.jpg",
|
||||
imageAlt: "Jessica Lee",
|
||||
},
|
||||
]}
|
||||
kpiItems={[
|
||||
{
|
||||
value: "5",
|
||||
label: "Star Rating",
|
||||
},
|
||||
{
|
||||
value: "9/10",
|
||||
label: "Recommend",
|
||||
},
|
||||
{
|
||||
value: "2000+",
|
||||
label: "Reviews",
|
||||
},
|
||||
]}
|
||||
title="What Our Community Says"
|
||||
description="Hear from business travelers, eco-advocates, and jet owners who are experiencing the Pax difference."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="faq" data-section="faq">
|
||||
<FaqDouble
|
||||
@@ -357,35 +166,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How does Pax reduce flight costs?",
|
||||
content: "Pax connects you with other travelers heading in the same direction, allowing you to split the cost of a private flight, making it significantly more affordable than traditional private charters and often competitive with business class commercial flights.",
|
||||
id: "q1", title: "How does Pax reduce flight costs?", content: "Pax connects you with other travelers heading in the same direction, allowing you to split the cost of a private flight, making it significantly more affordable than traditional private charters and often competitive with business class commercial flights."
|
||||
},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Is Pax truly more environmentally friendly?",
|
||||
content: "By filling empty seats on private flights that would otherwise fly partially empty, Pax helps optimize resource utilization and reduces the per-passenger carbon footprint, contributing to more sustainable air travel.",
|
||||
id: "q2", title: "Is Pax truly more environmentally friendly?", content: "By filling empty seats on private flights that would otherwise fly partially empty, Pax helps optimize resource utilization and reduces the per-passenger carbon footprint, contributing to more sustainable air travel."
|
||||
},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Who can use the Pax app?",
|
||||
content: "Pax is designed for business travelers seeking efficiency, environmentally conscious individuals, and private jet owners looking to monetize their unused flight capacity. All users must be registered and verified.",
|
||||
id: "q3", title: "Who can use the Pax app?", content: "Pax is designed for business travelers seeking efficiency, environmentally conscious individuals, and private jet owners looking to monetize their unused flight capacity. All users must be registered and verified."
|
||||
},
|
||||
{
|
||||
id: "q4",
|
||||
title: "How do private jet owners monetize their flights?",
|
||||
content: "Jet owners can easily list their upcoming empty legs or unused capacity through the Pax platform. Our algorithm then matches them with travelers, allowing owners to generate passive income from flights that would otherwise be non-revenue generating.",
|
||||
id: "q4", title: "How do private jet owners monetize their flights?", content: "Jet owners can easily list their upcoming empty legs or unused capacity through the Pax platform. Our algorithm then matches them with travelers, allowing owners to generate passive income from flights that would otherwise be non-revenue generating."
|
||||
},
|
||||
{
|
||||
id: "q5",
|
||||
title: "What safety measures are in place?",
|
||||
content: "Safety is our top priority. All private aircraft and pilots on the Pax platform are fully certified, regulated, and adhere to the highest industry safety standards. We also implement a comprehensive user verification process.",
|
||||
id: "q5", title: "What safety measures are in place?", content: "Safety is our top priority. All private aircraft and pilots on the Pax platform are fully certified, regulated, and adhere to the highest industry safety standards. We also implement a comprehensive user verification process."
|
||||
},
|
||||
{
|
||||
id: "q6",
|
||||
title: "How do I book a flight on Pax?",
|
||||
content: "Simply download the Pax app, create your profile, and enter your desired route and travel dates. Our platform will then show you available shared flights or allow you to request a new one, connecting you with matching travelers and jet owners.",
|
||||
},
|
||||
id: "q6", title: "How do I book a flight on Pax?", content: "Simply download the Pax app, create your profile, and enter your desired route and travel dates. Our platform will then show you available shared flights or allow you to request a new one, connecting you with matching travelers and jet owners."
|
||||
}
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Find answers to common questions about Pax, from booking and costs to sustainability and jet owner benefits."
|
||||
@@ -397,20 +194,18 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
variant: "sparkles-gradient"
|
||||
}}
|
||||
tag="Ready to Fly?"
|
||||
title="Experience the Future of Flightsharing"
|
||||
description="Join Pax today and unlock smarter, more sustainable, and cost-effective private travel. Your journey starts here."
|
||||
tag="Download the App"
|
||||
title="Experience Flightsharing on the Go"
|
||||
description="Get the Pax app to effortlessly find and share private flights from anywhere, anytime. Available on the App Store and Google Play."
|
||||
buttons={[
|
||||
{
|
||||
text: "Find Your Flight",
|
||||
href: "#",
|
||||
text: "Download on the App Store", href: "https://apps.apple.com/us/app/apple-store/id6472485573?mt=8"
|
||||
},
|
||||
{
|
||||
text: "Become a Jet Partner",
|
||||
href: "#",
|
||||
},
|
||||
text: "Get it on Google Play", href: "https://play.google.com/store/apps/details?id=com.flypax.app&hl=en_US"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -421,16 +216,14 @@ export default function LandingPage() {
|
||||
logoAlt="Pax Logo"
|
||||
logoText="Pax"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
text: "Privacy Policy", href: "#"
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
text: "Terms of Service", href: "#"
|
||||
}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user