bender/d45e5293-1b8c-4435-8d50-1993f02b23ab
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Update src/app/page.tsx

Browse Source
This commit is contained in:
bender
2026-05-10 00:50:00 +00:00
parent 23682aeccf
commit ca739d5ce9
1 changed files with 57 additions and 262 deletions
Download Patch File Download Diff File Expand all files Collapse all files

319
src/app/page.tsx
View File

@@ -19,31 +19,23 @@ export default function LandingPage() {
defaultButtonVariant="text-shift"
defaultTextAnimation="entrance-slide"
borderRadius="pill"
contentWidth="medium"
sizing="medium"
background="circleGradient"
cardStyle="glass-elevated"
primaryButtonStyle="gradient"
secondaryButtonStyle="glass"
headingFontWeight="normal"
>
<ReactLenis root>
<div id="nav" data-section="nav">
<NavbarLayoutFloatingOverlay
navItems={[
{
name: "Home",
id: "hero",
},
{
name: "Features",
id: "features",
},
{
name: "Deals",
id: "deals",
},
{
name: "Testimonials",
id: "testimonials",
},
{
name: "FAQ",
id: "faq",
},
{ name: "Home", id: "hero" },
{ name: "Features", id: "features" },
{ name: "Deals", id: "deals" },
{ name: "Testimonials", id: "testimonials" },
{ name: "FAQ", id: "faq" },
]}
brandName="TravelAI"
/>
@@ -51,116 +43,37 @@ export default function LandingPage() {
<div id="hero" data-section="hero">
<HeroSplitDoubleCarousel
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
title="Travel Smarter with AI"
description="Unlock the best travel discounts and seamless itineraries curated specifically for your dream destinations by our advanced AI travel agent."
leftCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_1203-3367.jpg",
imageAlt: "Luxurious beach resort",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/people-working-while-respecting-social-distancing-restriction_23-2148961757.jpg",
imageAlt: "Travel essentials",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/full-shot-happy-couple-walking-with-bicycle_23-2149249295.jpg",
imageAlt: "Urban European cityscape",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/people-relaxing-their-wooden-home_23-2151335849.jpg",
imageAlt: "Winter mountain cabin",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/young-adults-having-block-party_23-2149571493.jpg",
imageAlt: "Night market food",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/nature-lover-climber-hiking-mountain-range-stops-hydration_482257-117851.jpg",
imageAlt: "Hiking mountain adventure",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_1203-3367.jpg", imageAlt: "Luxurious beach resort" },
{ imageSrc: "http://img.b2bpic.net/free-photo/people-working-while-respecting-social-distancing-restriction_23-2148961757.jpg", imageAlt: "Travel essentials" },
{ imageSrc: "http://img.b2bpic.net/free-photo/full-shot-happy-couple-walking-with-bicycle_23-2149249295.jpg", imageAlt: "Urban European cityscape" },
{ imageSrc: "http://img.b2bpic.net/free-photo/people-relaxing-their-wooden-home_23-2151335849.jpg", imageAlt: "Winter mountain cabin" },
{ imageSrc: "http://img.b2bpic.net/free-photo/young-adults-having-block-party_23-2149571493.jpg", imageAlt: "Night market food" },
{ imageSrc: "http://img.b2bpic.net/free-photo/nature-lover-climber-hiking-mountain-range-stops-hydration_482257-117851.jpg", imageAlt: "Hiking mountain adventure" },
]}
rightCarouselItems={[
{
imageSrc: "http://img.b2bpic.net/free-photo/close-up-couple-looking-map_23-2148243302.jpg",
imageAlt: "Hiking mountain adventure",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/friends-traveling-discovering-new-places_23-2149124761.jpg",
imageAlt: "Night market food",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-whipped-cream-gingerbread_23-2147957924.jpg",
imageAlt: "Winter mountain cabin",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/old-cathedral-building-with-towers_250224-375.jpg",
imageAlt: "Urban European cityscape",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-photo-camera-notebook_23-2149678962.jpg",
imageAlt: "Travel essentials",
},
{
imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_74190-1664.jpg",
imageAlt: "Luxurious beach resort",
},
{ imageSrc: "http://img.b2bpic.net/free-photo/close-up-couple-looking-map_23-2148243302.jpg", imageAlt: "Hiking mountain adventure" },
{ imageSrc: "http://img.b2bpic.net/free-photo/friends-traveling-discovering-new-places_23-2149124761.jpg", imageAlt: "Night market food" },
{ imageSrc: "http://img.b2bpic.net/free-photo/cup-coffee-with-whipped-cream-gingerbread_23-2147957924.jpg", imageAlt: "Winter mountain cabin" },
{ imageSrc: "http://img.b2bpic.net/free-photo/old-cathedral-building-with-towers_250224-375.jpg", imageAlt: "Urban European cityscape" },
{ imageSrc: "http://img.b2bpic.net/free-photo/high-angle-photo-camera-notebook_23-2149678962.jpg", imageAlt: "Travel essentials" },
{ imageSrc: "http://img.b2bpic.net/free-photo/swimming-pool_74190-1664.jpg", imageAlt: "Luxurious beach resort" },
]}
tag="AI-Powered Discovery"
buttons={[
{
text: "Start Exploring",
href: "#deals",
},
]}
buttons={[{ text: "Start Exploring", href: "#deals" }]}
tagIcon={Sparkles}
avatars={[
{
src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relax-luxury-outdoor-swimming-pool-hotel-resort-nearly-beach-sea-ocean_74190-8956.jpg",
alt: "Happy traveler 1",
},
{
src: "http://img.b2bpic.net/free-photo/man-black-wooden-jetty-maldives_505751-5537.jpg",
alt: "Happy traveler 2",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-relax-smile-happy-around-outdoor-swimming-pool-hotel-resort-with-sea-ocean-view_74190-9009.jpg",
alt: "Happy traveler 3",
},
{
src: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-relax-smile-happy-around-outdoor-swimming-pool-hotel-resort-with-sea-ocean-view_74190-9055.jpg",
alt: "Happy traveler 4",
},
{
src: "http://img.b2bpic.net/free-photo/guide-destinations-sunglass-map-wooden_1232-3788.jpg",
alt: "Happy traveler 5",
},
{ src: "http://img.b2bpic.net/free-photo/portrait-beautiful-young-asian-woman-relax-luxury-outdoor-swimming-pool-hotel-resort-nearly-beach-sea-ocean_74190-8956.jpg", alt: "Happy traveler 1" },
{ src: "http://img.b2bpic.net/free-photo/man-black-wooden-jetty-maldives_505751-5537.jpg", alt: "Happy traveler 2" },
{ src: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-relax-smile-happy-around-outdoor-swimming-pool-hotel-resort-with-sea-ocean-view_74190-9009.jpg", alt: "Happy traveler 3" },
{ src: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-relax-smile-happy-around-outdoor-swimming-pool-hotel-resort-with-sea-ocean-view_74190-9055.jpg", alt: "Happy traveler 4" },
{ src: "http://img.b2bpic.net/free-photo/guide-destinations-sunglass-map-wooden_1232-3788.jpg", alt: "Happy traveler 5" },
]}
avatarText="Join 50,000+ happy travelers"
marqueeItems={[
{
type: "text",
text: "Best Price Guarantee",
},
{
type: "text",
text: "24/7 AI Assistance",
},
{
type: "text",
text: "Verified Hotels",
},
{
type: "text",
text: "Secure Booking",
},
{
type: "text",
text: "Global Access",
},
]}
marqueeItems={[{ type: "text", text: "Best Price Guarantee" }, { type: "text", text: "24/7 AI Assistance" }, { type: "text", text: "Verified Hotels" }, { type: "text", text: "Secure Booking" }, { type: "text", text: "Global Access" }]}
/>
</div>
@@ -170,27 +83,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
features={[
{
id: "1",
title: "Smart Pricing",
subtitle: "AI-monitored price drops for all your saved routes.",
category: "Value",
value: "Save up to 40%",
},
{
id: "2",
title: "Auto Itineraries",
subtitle: "Instantly create detailed plans for any city.",
category: "Planning",
value: "1-Click",
},
{
id: "3",
title: "Global Access",
subtitle: "Exclusive partnerships with hotels and airlines.",
category: "Travel",
value: "Unlimited",
},
{ id: "1", title: "Smart Pricing", subtitle: "AI-monitored price drops for all your saved routes.", category: "Value", value: "Save up to 40%" },
{ id: "2", title: "Auto Itineraries", subtitle: "Instantly create detailed plans for any city.", category: "Planning", value: "1-Click" },
{ id: "3", title: "Global Access", subtitle: "Exclusive partnerships with hotels and airlines.", category: "Travel", value: "Unlimited" },
]}
title="Why TravelAI?"
description="We use cutting-edge AI to personalize your travel experience, ensuring you always get the best value and exclusive access to hidden travel gems."
@@ -204,42 +99,12 @@ export default function LandingPage() {
gridVariant="asymmetric-60-wide-40-narrow"
useInvertedBackground={false}
products={[
{
id: "p1",
name: "Sunset Skies",
price: "$349",
imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-with-camera-device-world-photography-day-celebration_23-2151657213.jpg",
},
{
id: "p2",
name: "Boutique Oasis",
price: "$129/night",
imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-person-decorating-their-front-door_23-2150562538.jpg",
},
{
id: "p3",
name: "Scenic Railways",
price: "$89",
imageSrc: "http://img.b2bpic.net/free-photo/view-steam-train-railroad_1161-206.jpg",
},
{
id: "p4",
name: "Summer Cafe",
price: "$45",
imageSrc: "http://img.b2bpic.net/free-photo/woman-cafe-pink-flowers_23-2151976279.jpg",
},
{
id: "p5",
name: "Fjord Cruises",
price: "$699",
imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-prepared-traveling_23-2151030926.jpg",
},
{
id: "p6",
name: "Coral Reef Diving",
price: "$120",
imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-kitesurf-board_23-2148197350.jpg",
},
{ id: "p1", name: "Sunset Skies", price: "$349", imageSrc: "http://img.b2bpic.net/free-photo/portrait-senior-man-with-camera-device-world-photography-day-celebration_23-2151657213.jpg" },
{ id: "p2", name: "Boutique Oasis", price: "$129/night", imageSrc: "http://img.b2bpic.net/free-photo/lifestyle-person-decorating-their-front-door_23-2150562538.jpg" },
{ id: "p3", name: "Scenic Railways", price: "$89", imageSrc: "http://img.b2bpic.net/free-photo/view-steam-train-railroad_1161-206.jpg" },
{ id: "p4", name: "Summer Cafe", price: "$45", imageSrc: "http://img.b2bpic.net/free-photo/woman-cafe-pink-flowers_23-2151976279.jpg" },
{ id: "p5", name: "Fjord Cruises", price: "$699", imageSrc: "http://img.b2bpic.net/free-photo/close-up-person-prepared-traveling_23-2151030926.jpg" },
{ id: "p6", name: "Coral Reef Diving", price: "$120", imageSrc: "http://img.b2bpic.net/free-photo/young-man-with-kitesurf-board_23-2148197350.jpg" },
]}
title="Trending Destinations"
description="Don't miss these limited-time deals on popular travel spots, curated by our AI based on real-time price analysis."
@@ -252,41 +117,11 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
testimonials={[
{
id: "t1",
name: "Sarah Miller",
role: "World Traveler",
testimonial: "TravelAI saved me over $500 on my last European vacation!",
imageSrc: "http://img.b2bpic.net/free-photo/happy-man-keeping-passport-his-pocket_107420-63596.jpg",
},
{
id: "t2",
name: "James & Lee",
role: "Adventurers",
testimonial: "The auto-itineraries are life-changing for planning trips.",
imageSrc: "http://img.b2bpic.net/free-photo/happy-african-loving-couple-walking-outdoors-beach_171337-16022.jpg",
},
{
id: "t3",
name: "Chen Wei",
role: "Solo Backpacker",
testimonial: "Seamless booking and the best price drops I've seen.",
imageSrc: "http://img.b2bpic.net/free-photo/male-hiker-takes-deep-breath-fresh-mountain-air-feeling-pleased_482257-120736.jpg",
},
{
id: "t4",
name: "Elena Rodriguez",
role: "Nomad",
testimonial: "Perfect for digital nomads seeking affordable routes.",
imageSrc: "http://img.b2bpic.net/free-photo/asian-man-drinking-coffee-reading-book_1150-10431.jpg",
},
{
id: "t5",
name: "David Stone",
role: "Photographer",
testimonial: "Found hidden gems I wouldn't have discovered alone.",
imageSrc: "http://img.b2bpic.net/free-photo/group-hikers-standing-footpath_23-2147950694.jpg",
},
{ id: "t1", name: "Sarah Miller", role: "World Traveler", testimonial: "TravelAI saved me over $500 on my last European vacation!", imageSrc: "http://img.b2bpic.net/free-photo/happy-man-keeping-passport-his-pocket_107420-63596.jpg" },
{ id: "t2", name: "James & Lee", role: "Adventurers", testimonial: "The auto-itineraries are life-changing for planning trips.", imageSrc: "http://img.b2bpic.net/free-photo/happy-african-loving-couple-walking-outdoors-beach_171337-16022.jpg" },
{ id: "t3", name: "Chen Wei", role: "Solo Backpacker", testimonial: "Seamless booking and the best price drops I've seen.", imageSrc: "http://img.b2bpic.net/free-photo/male-hiker-takes-deep-breath-fresh-mountain-air-feeling-pleased_482257-120736.jpg" },
{ id: "t4", name: "Elena Rodriguez", role: "Nomad", testimonial: "Perfect for digital nomads seeking affordable routes.", imageSrc: "http://img.b2bpic.net/free-photo/asian-man-drinking-coffee-reading-book_1150-10431.jpg" },
{ id: "t5", name: "David Stone", role: "Photographer", testimonial: "Found hidden gems I wouldn't have discovered alone.", imageSrc: "http://img.b2bpic.net/free-photo/group-hikers-standing-footpath_23-2147950694.jpg" },
]}
title="Traveler Stories"
description="Join thousands of satisfied explorers who have redefined their travel experience with TravelAI."
@@ -299,24 +134,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={false}
metrics={[
{
id: "m1",
title: "Total Savings",
value: "$10M+",
icon: DollarSign,
},
{
id: "m2",
title: "Trips Planned",
value: "50,000+",
icon: Map,
},
{
id: "m3",
title: "Destinations",
value: "1,200",
icon: Globe,
},
{ id: "m1", title: "Total Savings", value: "$10M+", icon: DollarSign },
{ id: "m2", title: "Trips Planned", value: "50,000+", icon: Map },
{ id: "m3", title: "Destinations", value: "1,200", icon: Globe },
]}
title="Travel by Numbers"
description="Our AI is constantly learning, helping users reach more destinations for less every day."
@@ -328,21 +148,9 @@ export default function LandingPage() {
textboxLayout="split"
useInvertedBackground={true}
faqs={[
{
id: "q1",
title: "How does AI pricing work?",
content: "Our AI monitors live data from global carriers to find hidden pricing anomalies.",
},
{
id: "q2",
title: "Can I request changes?",
content: "Yes, our support team can sync your AI plans with any manual adjustments.",
},
{
id: "q3",
title: "Is it free to start?",
content: "Our basic travel discovery service is completely free to use.",
},
{ id: "q1", title: "How does AI pricing work?", content: "Our AI monitors live data from global carriers to find hidden pricing anomalies." },
{ id: "q2", title: "Can I request changes?", content: "Yes, our support team can sync your AI plans with any manual adjustments." },
{ id: "q3", title: "Is it free to start?", content: "Our basic travel discovery service is completely free to use." },
]}
title="Help Center"
description="Common queries answered for your travel convenience."
@@ -353,33 +161,20 @@ export default function LandingPage() {
<div id="contact" data-section="contact">
<ContactText
useInvertedBackground={false}
background={{
variant: "gradient-bars",
}}
background={{ variant: "gradient-bars" }}
text="Ready to plan your next journey? Get in touch with our AI assistance today and start saving."
buttons={[
{
text: "Contact Support",
href: "#",
},
]}
buttons={[{ text: "Contact Support", href: "#" }]}
/>
</div>
<div id="footer" data-section="footer">
<FooterLogoReveal
logoText="TravelAI"
leftLink={{
text: "Privacy Policy",
href: "#",
}}
rightLink={{
text: "Terms of Service",
href: "#",
}}
leftLink={{ text: "Privacy Policy", href: "#" }}
rightLink={{ text: "Terms of Service", href: "#" }}
/>
</div>
</ReactLenis>
</ThemeProvider>
);
}
}