Merge version_1 into main #2
285
src/app/page.tsx
285
src/app/page.tsx
@@ -30,28 +30,14 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Search Flights",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Deals",
|
||||
id: "deals",
|
||||
},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
{
|
||||
name: "Support",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Search Flights", id: "hero" },
|
||||
{ name: "Deals", id: "deals" },
|
||||
{ name: "About", id: "about" },
|
||||
{ name: "Support", id: "contact" },
|
||||
]}
|
||||
brandName="AeroWorx"
|
||||
button={{
|
||||
text: "Sign In",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Sign In", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -59,102 +45,33 @@ export default function LandingPage() {
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Every Flight. Every Airline. Everywhere."
|
||||
description="Search millions of routes across 900+ airlines worldwide in real time."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahjet",
|
||||
testimonial: "The best flight platform I've ever used. Completely effortless booking.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-attractive-charismatic-woman-isolated_273609-34733.jpg",
|
||||
},
|
||||
{
|
||||
name: "Marcus V.",
|
||||
handle: "@travelguru",
|
||||
testimonial: "Finally, a search tool that matches my standard for luxury and efficiency.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1620.jpg",
|
||||
},
|
||||
{
|
||||
name: "Elise K.",
|
||||
handle: "@globetrotter",
|
||||
testimonial: "The gold-tier features actually save me money every single trip.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg",
|
||||
},
|
||||
{
|
||||
name: "David W.",
|
||||
handle: "@businessflyer",
|
||||
testimonial: "Priority support and no hidden fees. Absolute perfection.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-unshaven-young-dark-skinned-male-laughing-out-loud_273609-14042.jpg",
|
||||
},
|
||||
{
|
||||
name: "Nina R.",
|
||||
handle: "@wanderlust",
|
||||
testimonial: "A truly premium search experience that sets the industry benchmark.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-smiling-confident-standing-street_839833-27516.jpg",
|
||||
},
|
||||
{ name: "Sarah J.", handle: "@sarahjet", testimonial: "The best flight platform I've ever used. Completely effortless booking.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-young-attractive-charismatic-woman-isolated_273609-34733.jpg" },
|
||||
{ name: "Marcus V.", handle: "@travelguru", testimonial: "Finally, a search tool that matches my standard for luxury and efficiency.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-businessman-happy-expression_1194-1620.jpg" },
|
||||
{ name: "Elise K.", handle: "@globetrotter", testimonial: "The gold-tier features actually save me money every single trip.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-beauty-businesswoman-leaning-against-brick-wall_613910-773.jpg" },
|
||||
{ name: "David W.", handle: "@businessflyer", testimonial: "Priority support and no hidden fees. Absolute perfection.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/handsome-unshaven-young-dark-skinned-male-laughing-out-loud_273609-14042.jpg" },
|
||||
{ name: "Nina R.", handle: "@wanderlust", testimonial: "A truly premium search experience that sets the industry benchmark.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/middle-age-hispanic-woman-smiling-confident-standing-street_839833-27516.jpg" },
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Search Flights",
|
||||
href: "#",
|
||||
},
|
||||
{ text: "Search Flights", href: "#" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/studio-background-concept-abstract-empty-light-gradient-purple-studio-room-background-product-plain-studio-background_1258-63869.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/studio-background-concept-abstract-empty-light-gradient-purple-studio-room-background-product-plain-studio-background_1258-63869.jpg"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/studio-shot-attractive-young-student-laughing-good-joke_273609-12354.jpg",
|
||||
alt: "Traveller 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-portrait-cheerful-young-hipster-guy-with-dreads-smiling-optimistic-delighted-standing_1258-109146.jpg",
|
||||
alt: "Traveller 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/closeup-attractive-africanamerican-woman-smiling-looking-happy-standing-yellow-backgroun_1258-148997.jpg",
|
||||
alt: "Traveller 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/horizontal-portrait-cheerful-woman-with-appealing-smile-having-pinkish-hair-bun-tattoo-wearing-casual-clothes_273609-307.jpg",
|
||||
alt: "Traveller 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg",
|
||||
alt: "Traveller 5",
|
||||
},
|
||||
{ src: "http://img.b2bpic.net/free-photo/studio-shot-attractive-young-student-laughing-good-joke_273609-12354.jpg", alt: "Traveller 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-portrait-cheerful-young-hipster-guy-with-dreads-smiling-optimistic-delighted-standing_1258-109146.jpg", alt: "Traveller 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/closeup-attractive-africanamerican-woman-smiling-looking-happy-standing-yellow-backgroun_1258-148997.jpg", alt: "Traveller 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/horizontal-portrait-cheerful-woman-with-appealing-smile-having-pinkish-hair-bun-tattoo-wearing-casual-clothes_273609-307.jpg", alt: "Traveller 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/portrait-woman-business-embrace-confidence-posing-beauty-black-african-american-isolated-gray-background_640221-39.jpg", alt: "Traveller 5" },
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "900+ Airlines",
|
||||
icon: Compass,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "190+ Countries",
|
||||
icon: Globe,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Real-time Data",
|
||||
icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Secure Booking",
|
||||
icon: ShieldCheck,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Support",
|
||||
icon: Headphones,
|
||||
},
|
||||
{ type: "text-icon", text: "900+ Airlines", icon: Compass },
|
||||
{ type: "text-icon", text: "190+ Countries", icon: Globe },
|
||||
{ type: "text-icon", text: "Real-time Data", icon: Zap },
|
||||
{ type: "text-icon", text: "Secure Booking", icon: ShieldCheck },
|
||||
{ type: "text-icon", text: "24/7 Support", icon: Headphones },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -166,18 +83,9 @@ export default function LandingPage() {
|
||||
title="How AeroWorx Works"
|
||||
description="Sophisticated flight search engineered for perfection in three simple steps."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Search",
|
||||
description: "Enter your destination and travel dates to query our global index of over 900 airlines.",
|
||||
},
|
||||
{
|
||||
title: "Compare",
|
||||
description: "Review real-time pricing and availability instantly through our proprietary engine.",
|
||||
},
|
||||
{
|
||||
title: "Book",
|
||||
description: "Secure your seats with fully encrypted checkout in under two minutes.",
|
||||
},
|
||||
{ title: "Search", description: "Enter your destination and travel dates to query our global index of over 900 airlines." },
|
||||
{ title: "Compare", description: "Review real-time pricing and availability instantly through our proprietary engine." },
|
||||
{ title: "Book", description: "Secure your seats with fully encrypted checkout in under two minutes." },
|
||||
]}
|
||||
mediaAnimation="blur-reveal"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/abstract-gradient-neon-lights_23-2149279165.jpg"
|
||||
@@ -189,43 +97,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
animationType="blur-reveal"
|
||||
products={[
|
||||
{
|
||||
id: "d1",
|
||||
name: "Dubai to New York",
|
||||
price: "$449",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-passport-with-plane-ticket-luggage_53876-23104.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "d2",
|
||||
name: "London to Singapore",
|
||||
price: "$699",
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-golden-luxury-business-card-template_23-2149052308.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
id: "d3",
|
||||
name: "Paris to Tokyo",
|
||||
price: "$789",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-app-location-digital-art_23-2151762868.jpg",
|
||||
},
|
||||
{
|
||||
id: "d4",
|
||||
name: "New York to Sydney",
|
||||
price: "$999",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/view-hands-holding-smartphone_23-2149617638.jpg",
|
||||
},
|
||||
{
|
||||
id: "d5",
|
||||
name: "Los Angeles to Paris",
|
||||
price: "$529",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mobile-app-location-digital-art_23-2151762848.jpg",
|
||||
},
|
||||
{
|
||||
id: "d6",
|
||||
name: "Tokyo to Dubai",
|
||||
price: "$649",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/travel-concept-with-plane-tickets_23-2149030543.jpg",
|
||||
},
|
||||
{ id: "d1", name: "Dubai to New York", price: "$449", imageSrc: "http://img.b2bpic.net/free-photo/closeup-passport-with-plane-ticket-luggage_53876-23104.jpg" },
|
||||
{ id: "d2", name: "London to Singapore", price: "$699", imageSrc: "http://img.b2bpic.net/free-vector/gradient-golden-luxury-business-card-template_23-2149052308.jpg" },
|
||||
{ id: "d3", name: "Paris to Tokyo", price: "$789", imageSrc: "http://img.b2bpic.net/free-photo/mobile-app-location-digital-art_23-2151762868.jpg" },
|
||||
{ id: "d4", name: "New York to Sydney", price: "$999", imageSrc: "http://img.b2bpic.net/free-photo/view-hands-holding-smartphone_23-2149617638.jpg" },
|
||||
{ id: "d5", name: "Los Angeles to Paris", price: "$529", imageSrc: "http://img.b2bpic.net/free-photo/mobile-app-location-digital-art_23-2151762848.jpg" },
|
||||
{ id: "d6", name: "Tokyo to Dubai", price: "$649", imageSrc: "http://img.b2bpic.net/free-photo/travel-concept-with-plane-tickets_23-2149030543.jpg" },
|
||||
]}
|
||||
title="Hot Deals Right Now"
|
||||
description="Exclusive premium routes at competitive market rates."
|
||||
@@ -239,26 +118,10 @@ export default function LandingPage() {
|
||||
gridVariant="uniform-all-items-equal"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "190+",
|
||||
description: "Countries covered",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "900+",
|
||||
description: "Airline partners",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "50M+",
|
||||
description: "Monthly travelers",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "$0",
|
||||
description: "Booking fees",
|
||||
},
|
||||
{ id: "m1", value: "190+", description: "Countries covered" },
|
||||
{ id: "m2", value: "900+", description: "Airline partners" },
|
||||
{ id: "m3", value: "50M+", description: "Monthly travelers" },
|
||||
{ id: "m4", value: "$0", description: "Booking fees" },
|
||||
]}
|
||||
title="Global Coverage"
|
||||
description="Fly anywhere on earth with total confidence and zero booking fees."
|
||||
@@ -268,40 +131,13 @@ export default function LandingPage() {
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBento
|
||||
textboxLayout="default"
|
||||
animationType="blur-reveal"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Real-Time Pricing",
|
||||
description: "Live data feeds from every major carrier globally.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Zap,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/abstract-grainy-texture-background_23-2151869883.jpg",
|
||||
imageAlt: "Abstract and grainy texture background",
|
||||
},
|
||||
{
|
||||
title: "Secure Booking",
|
||||
description: "256-bit encrypted checkout standard.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Shield,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/studio-background-concept-abstract-empty-light-gradient-purple-studio-room-background-product-plain-studio-background_1258-63869.jpg?_wi=2",
|
||||
imageAlt: "Abstract and grainy texture background",
|
||||
},
|
||||
{
|
||||
title: "Best Price Guarantee",
|
||||
description: "We match any verified lower fare.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Award,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/closeup-passport-with-plane-ticket-luggage_53876-23104.jpg?_wi=2",
|
||||
imageAlt: "Abstract and grainy texture background",
|
||||
},
|
||||
{
|
||||
title: "Any Device",
|
||||
description: "Seamless cross-platform synchronization.",
|
||||
bentoComponent: "reveal-icon",
|
||||
icon: Smartphone,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/gradient-golden-luxury-business-card-template_23-2149052308.jpg?_wi=2",
|
||||
imageAlt: "Abstract and grainy texture background",
|
||||
},
|
||||
{ title: "Real-Time Pricing", description: "Live data feeds from every major carrier globally.", bentoComponent: "reveal-icon", icon: Zap },
|
||||
{ title: "Secure Booking", description: "256-bit encrypted checkout standard.", bentoComponent: "reveal-icon", icon: Shield },
|
||||
{ title: "Best Price Guarantee", description: "We match any verified lower fare.", bentoComponent: "reveal-icon", icon: Award },
|
||||
{ title: "Any Device", description: "Seamless cross-platform synchronization.", bentoComponent: "reveal-icon", icon: Smartphone },
|
||||
]}
|
||||
title="The AeroWorx Advantage"
|
||||
description="Engineered for luxury, reliability, and ultimate traveler control."
|
||||
@@ -315,18 +151,9 @@ export default function LandingPage() {
|
||||
title="AeroWorx in Your Pocket"
|
||||
description="Unlock price alerts and priority support on our premium mobile app. Available on iOS and Android."
|
||||
bulletPoints={[
|
||||
{
|
||||
title: "Alerts",
|
||||
description: "Real-time notifications for fare drops.",
|
||||
},
|
||||
{
|
||||
title: "History",
|
||||
description: "One-tap access to your trip logs.",
|
||||
},
|
||||
{
|
||||
title: "Priority",
|
||||
description: "Instant support in under 60 seconds.",
|
||||
},
|
||||
{ title: "Alerts", description: "Real-time notifications for fare drops." },
|
||||
{ title: "History", description: "One-tap access to your trip logs." },
|
||||
{ title: "Priority", description: "Instant support in under 60 seconds." },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/high-angle-hand-holding-device_23-2149652154.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -339,16 +166,8 @@ export default function LandingPage() {
|
||||
title="Get Exclusive Deals"
|
||||
description="No spam. Just the best fares, delivered once a week."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Email Address",
|
||||
},
|
||||
{ name: "name", type: "text", placeholder: "Your Name" },
|
||||
{ name: "email", type: "email", placeholder: "Email Address" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/sky-sea-march-17-2024_58702-16943.jpg"
|
||||
buttonText="Subscribe"
|
||||
@@ -358,14 +177,8 @@ export default function LandingPage() {
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoReveal
|
||||
logoText="AeroWorx"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
rightLink={{
|
||||
text: "Terms & Conditions",
|
||||
href: "#",
|
||||
}}
|
||||
leftLink={{ text: "Privacy Policy", href: "#" }}
|
||||
rightLink={{ text: "Terms & Conditions", href: "#" }}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user