Merge version_1 into main #2
194
src/app/page.tsx
194
src/app/page.tsx
@@ -16,48 +16,36 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="elastic-effect"
|
||||
defaultTextAnimation="background-highlight"
|
||||
borderRadius="soft"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="VoyageAI"
|
||||
button={{ text: "Get Started" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardScroll
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
title="AI-Powered Travel, Perfected."
|
||||
description="Unlock seamless, intelligent itinerary building with VoyageAI. Experience personalized travel planning tailored to your unique preferences in real-time."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Planning",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
text: "See How it Works",
|
||||
href: "#features",
|
||||
},
|
||||
{ text: "Start Planning", href: "#" },
|
||||
{ text: "See How it Works", href: "#features" },
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-vector/futuristic-holographic-interface-car_52683-11653.jpg"
|
||||
imageAlt="AI Travel Assistant Interface"
|
||||
@@ -69,24 +57,9 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Smart Itinerary",
|
||||
description: "Automated route optimization based on your interests and local constraints.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/map-svalbard-jan-mayen-gold-glitter-map-dark-background_559531-10667.jpg?_wi=1",
|
||||
imageAlt: "Smart Itinerary",
|
||||
},
|
||||
{
|
||||
title: "Live Tracking",
|
||||
description: "Stay updated with real-time flight, hotel, and transport data alerts.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/alarm-clock-airplane-miniature-notebook-world-map-flat-lay_169016-28232.jpg?_wi=1",
|
||||
imageAlt: "Live Tracking",
|
||||
},
|
||||
{
|
||||
title: "Personalized AI",
|
||||
description: "Adaptive suggestions that learn your travel style and preferences over time.",
|
||||
imageSrc: "asset://feat-3?_wi=1",
|
||||
imageAlt: "Personalized AI",
|
||||
},
|
||||
{ title: "Smart Itinerary", description: "Automated route optimization based on your interests and local constraints.", imageSrc: "http://img.b2bpic.net/free-photo/map-svalbard-jan-mayen-gold-glitter-map-dark-background_559531-10667.jpg", imageAlt: "Smart Itinerary" },
|
||||
{ title: "Live Tracking", description: "Stay updated with real-time flight, hotel, and transport data alerts.", imageSrc: "http://img.b2bpic.net/free-photo/alarm-clock-airplane-miniature-notebook-world-map-flat-lay_169016-28232.jpg", imageAlt: "Live Tracking" },
|
||||
{ title: "Personalized AI", description: "Adaptive suggestions that learn your travel style and preferences over time.", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-travel-agency_52683-136435.jpg", imageAlt: "Personalized AI" },
|
||||
]}
|
||||
title="Everything you need for your next adventure."
|
||||
description="Powerful tools designed to transform how you explore the world."
|
||||
@@ -99,27 +72,9 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2M+",
|
||||
title: "Itineraries Built",
|
||||
description: "Trips planned globally",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/map-svalbard-jan-mayen-gold-glitter-map-dark-background_559531-10667.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "500k",
|
||||
title: "Active Travelers",
|
||||
description: "Join our community today",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/alarm-clock-airplane-miniature-notebook-world-map-flat-lay_169016-28232.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "99.9%",
|
||||
title: "Accuracy Rate",
|
||||
description: "Precise travel data",
|
||||
imageSrc: "asset://feat-3?_wi=2",
|
||||
},
|
||||
{ id: "m1", value: "1.2M+", title: "Itineraries Built", description: "Trips planned globally", imageSrc: "http://img.b2bpic.net/free-photo/map-svalbard-jan-mayen-gold-glitter-map-dark-background_559531-10667.jpg" },
|
||||
{ id: "m2", value: "500k", title: "Active Travelers", description: "Join our community today", imageSrc: "http://img.b2bpic.net/free-photo/alarm-clock-airplane-miniature-notebook-world-map-flat-lay_169016-28232.jpg" },
|
||||
{ id: "m3", value: "99.9%", title: "Accuracy Rate", description: "Precise travel data", imageSrc: "http://img.b2bpic.net/free-photo/high-angle-man-working-travel-agency_52683-136435.jpg" },
|
||||
]}
|
||||
title="Global reach."
|
||||
description="Data powered by millions of travelers."
|
||||
@@ -132,46 +87,11 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sarahtravels",
|
||||
testimonial: "VoyageAI saved me days of research. Simply incredible.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-happy-female-student-woman-sits-bench-with-backpack-phone-pointing-finger_1258-206019.jpg",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "David M.",
|
||||
handle: "@daveglobetrotter",
|
||||
testimonial: "The real-time updates are a lifesaver for business travel.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/man-taking-notes-his-tablet-cotswolds-village-uk_53876-123592.jpg",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena R.",
|
||||
handle: "@elenaphoto",
|
||||
testimonial: "Highly personalized, very intuitive interface. My go-to planner.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-nature-taking-photos_23-2148877495.jpg",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Alex K.",
|
||||
handle: "@alextrips",
|
||||
testimonial: "I never book a trip without using this AI assistant now.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-arena-seats-talking-phone_1303-24907.jpg",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Jamie T.",
|
||||
handle: "@jamieexplores",
|
||||
testimonial: "The community insights are as good as the AI predictions.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/couple-near-blue-water_1157-15823.jpg",
|
||||
},
|
||||
{ id: "1", name: "Sarah J.", handle: "@sarahtravels", testimonial: "VoyageAI saved me days of research. Simply incredible.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-happy-female-student-woman-sits-bench-with-backpack-phone-pointing-finger_1258-206019.jpg" },
|
||||
{ id: "2", name: "David M.", handle: "@daveglobetrotter", testimonial: "The real-time updates are a lifesaver for business travel.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/man-taking-notes-his-tablet-cotswolds-village-uk_53876-123592.jpg" },
|
||||
{ id: "3", name: "Elena R.", handle: "@elenaphoto", testimonial: "Highly personalized, very intuitive interface. My go-to planner.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-nature-taking-photos_23-2148877495.jpg" },
|
||||
{ id: "4", name: "Alex K.", handle: "@alextrips", testimonial: "I never book a trip without using this AI assistant now.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/young-woman-sitting-arena-seats-talking-phone_1303-24907.jpg" },
|
||||
{ id: "5", name: "Jamie T.", handle: "@jamieexplores", testimonial: "The community insights are as good as the AI predictions.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/couple-near-blue-water_1157-15823.jpg" },
|
||||
]}
|
||||
showRating={true}
|
||||
title="Loved by travelers."
|
||||
@@ -182,72 +102,20 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Get Started"
|
||||
title="Ready for your next trip?"
|
||||
description="Sign up for early access to our premium AI planning features."
|
||||
buttons={[
|
||||
{
|
||||
text: "Get Early Access",
|
||||
href: "#",
|
||||
},
|
||||
]}
|
||||
buttons={[{ text: "Get Early Access", href: "#" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Features",
|
||||
href: "#features",
|
||||
},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Help Center",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Twitter",
|
||||
href: "https://twitter.com",
|
||||
},
|
||||
{
|
||||
label: "Instagram",
|
||||
href: "https://instagram.com",
|
||||
},
|
||||
{
|
||||
label: "LinkedIn",
|
||||
href: "https://linkedin.com",
|
||||
},
|
||||
],
|
||||
},
|
||||
{ items: [{ label: "About", href: "#" }, { label: "Features", href: "#features" }, { label: "Blog", href: "#" }] },
|
||||
{ items: [{ label: "Help Center", href: "#" }, { label: "Support", href: "#" }, { label: "Terms", href: "#" }] },
|
||||
{ items: [{ label: "Twitter", href: "https://twitter.com" }, { label: "Instagram", href: "https://instagram.com" }, { label: "LinkedIn", href: "https://linkedin.com" }] },
|
||||
]}
|
||||
logoText="VoyageAI"
|
||||
/>
|
||||
|
||||
Reference in New Issue
Block a user