Merge version_1 into main #2
402
src/app/page.tsx
402
src/app/page.tsx
@@ -13,299 +13,131 @@ import TestimonialCardSix from '@/components/sections/testimonial/TestimonialCar
|
||||
export default function LandingPage() {
|
||||
return (
|
||||
<ThemeProvider
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
defaultButtonVariant="icon-arrow"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="soft"
|
||||
contentWidth="smallMedium"
|
||||
sizing="mediumSizeLargeTitles"
|
||||
background="floatingGradient"
|
||||
cardStyle="outline"
|
||||
primaryButtonStyle="flat"
|
||||
secondaryButtonStyle="solid"
|
||||
headingFontWeight="bold"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Performance",
|
||||
id: "metrics",
|
||||
},
|
||||
{
|
||||
name: "Reviews",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Get Started",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="AuraTravel"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Performance", id: "metrics" },
|
||||
{ name: "Reviews", id: "testimonials" },
|
||||
{ name: "Get Started", id: "contact" },
|
||||
]}
|
||||
brandName="AuraTravel"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
title="Your AI Travel Companion."
|
||||
description="Stop searching, start living. Our AI travel assistant builds personalized plans in seconds, learning your preferences to ensure every experience is perfectly yours."
|
||||
testimonials={[
|
||||
{
|
||||
name: "Alex Rivet",
|
||||
handle: "@traveler",
|
||||
testimonial: "AuraTravel transformed how I explore new cities. Zero planning time!",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-traveling-woman-with-hat-backpack-holding-thermos_23-2148648661.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Jamie Lee",
|
||||
handle: "@globetrotter",
|
||||
testimonial: "Finally, a travel assistant that actually understands my taste.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Jordan Smith",
|
||||
handle: "@nomad",
|
||||
testimonial: "It's like having a local expert in my pocket 24/7.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-female-hiker-taking-selfie-mobile-phone-top-mountain_23-2148139770.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Taylor Ray",
|
||||
handle: "@adventurer",
|
||||
testimonial: "Unbeatable efficiency for every trip I take.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-young-girl-dressed-up-leather-jacket-seat-bench-near-pier-lake_231208-6618.jpg?_wi=1",
|
||||
},
|
||||
{
|
||||
name: "Morgan Day",
|
||||
handle: "@vacationer",
|
||||
testimonial: "Effortless planning every single time.",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hiker-wild-fields_23-2147683195.jpg?_wi=1",
|
||||
},
|
||||
]}
|
||||
buttons={[
|
||||
{
|
||||
text: "Plan Your Trip",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/zoom-out-right-side_187299-45685.jpg"
|
||||
imageAlt="AuraTravel Mobile App Interface"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/front-view-traveling-woman-with-hat-backpack-holding-thermos_23-2148648661.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/close-up-smiling-female-hiker-taking-selfie-mobile-phone-top-mountain_23-2148139770.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/cute-young-girl-dressed-up-leather-jacket-seat-bench-near-pier-lake_231208-6618.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/hiker-wild-fields_23-2147683195.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
]}
|
||||
avatarText="Trusted by 50,000+ travelers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Personalized Itineraries",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Real-time Alerts",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "AR Navigation",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Support",
|
||||
},
|
||||
{
|
||||
type: "text",
|
||||
text: "Global Access",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardTestimonial
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Your AI Travel Companion."
|
||||
description="Stop searching, start living. Our AI travel assistant builds personalized plans in seconds, learning your preferences to ensure every experience is perfectly yours."
|
||||
testimonials={[
|
||||
{ name: "Alex Rivet", handle: "@traveler", testimonial: "AuraTravel transformed how I explore new cities. Zero planning time!", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/front-view-traveling-woman-with-hat-backpack-holding-thermos_23-2148648661.jpg" },
|
||||
{ name: "Jamie Lee", handle: "@globetrotter", testimonial: "Finally, a travel assistant that actually understands my taste.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg" },
|
||||
{ name: "Jordan Smith", handle: "@nomad", testimonial: "It's like having a local expert in my pocket 24/7.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-female-hiker-taking-selfie-mobile-phone-top-mountain_23-2148139770.jpg" },
|
||||
{ name: "Taylor Ray", handle: "@adventurer", testimonial: "Unbeatable efficiency for every trip I take.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/cute-young-girl-dressed-up-leather-jacket-seat-bench-near-pier-lake_231208-6618.jpg" },
|
||||
{ name: "Morgan Day", handle: "@vacationer", testimonial: "Effortless planning every single time.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/hiker-wild-fields_23-2147683195.jpg" },
|
||||
]}
|
||||
buttons={[{ text: "Plan Your Trip", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/zoom-out-right-side_187299-45685.jpg"
|
||||
imageAlt="AuraTravel Mobile App Interface"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/front-view-traveling-woman-with-hat-backpack-holding-thermos_23-2148648661.jpg", alt: "User 1" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg", alt: "User 2" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/close-up-smiling-female-hiker-taking-selfie-mobile-phone-top-mountain_23-2148139770.jpg", alt: "User 3" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/cute-young-girl-dressed-up-leather-jacket-seat-bench-near-pier-lake_231208-6618.jpg", alt: "User 4" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/hiker-wild-fields_23-2147683195.jpg", alt: "User 5" },
|
||||
]}
|
||||
avatarText="Trusted by 50,000+ travelers"
|
||||
marqueeItems={[{ type: "text", text: "Personalized Itineraries" }, { type: "text", text: "Real-time Alerts" }, { type: "text", text: "AR Navigation" }, { type: "text", text: "Expert Support" }, { type: "text", text: "Global Access" }]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
title: "Instant Personalization",
|
||||
description: "The AI learns your preferences from your first query to curate experiences you will love.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-french-food-world-tourism-day_23-2149114061.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/traditional-french-food-world-tourism-day_23-2149114061.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-traveling-woman-with-hat-backpack-holding-thermos_23-2148648661.jpg?_wi=2",
|
||||
imageAlt: "person travel headshot",
|
||||
},
|
||||
{
|
||||
title: "Real-time Recommendations",
|
||||
description: "Adjust plans on the fly based on weather, crowds, and local events.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-smartphone_23-2149870751.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-smartphone_23-2149870751.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg?_wi=2",
|
||||
imageAlt: "business woman portrait",
|
||||
},
|
||||
{
|
||||
title: "Smart AR Navigation",
|
||||
description: "Never get lost again with our AR overlay that guides you directly to your next experience.",
|
||||
phoneOne: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-travel-blogger-streaming-home_23-2148771584.jpg?_wi=1",
|
||||
},
|
||||
phoneTwo: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/female-travel-blogger-streaming-home_23-2148771584.jpg?_wi=2",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-female-hiker-taking-selfie-mobile-phone-top-mountain_23-2148139770.jpg?_wi=2",
|
||||
imageAlt: "smiling traveler portrait",
|
||||
},
|
||||
]}
|
||||
showStepNumbers={true}
|
||||
title="Experience Effortless Travel"
|
||||
description="Powerful tools designed to make your journey smoother and more meaningful."
|
||||
/>
|
||||
</div>
|
||||
<div id="features" data-section="features">
|
||||
<FeatureCardNine
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
showStepNumbers={true}
|
||||
title="Experience Effortless Travel"
|
||||
description="Powerful tools designed to make your journey smoother and more meaningful."
|
||||
features={[
|
||||
{
|
||||
title: "Instant Personalization", description: "The AI learns your preferences from your first query to curate experiences you will love.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/traditional-french-food-world-tourism-day_23-2149114061.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/traditional-french-food-world-tourism-day_23-2149114061.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Real-time Recommendations", description: "Adjust plans on the fly based on weather, crowds, and local events.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-smartphone_23-2149870751.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/high-angle-hand-holding-smartphone_23-2149870751.jpg" }
|
||||
},
|
||||
{
|
||||
title: "Smart AR Navigation", description: "Never get lost again with our AR overlay that guides you directly to your next experience.", phoneOne: { imageSrc: "http://img.b2bpic.net/free-photo/female-travel-blogger-streaming-home_23-2148771584.jpg" },
|
||||
phoneTwo: { imageSrc: "http://img.b2bpic.net/free-photo/female-travel-blogger-streaming-home_23-2148771584.jpg" }
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "1",
|
||||
value: "80%",
|
||||
title: "Less planning time",
|
||||
items: [
|
||||
"automated",
|
||||
"instant",
|
||||
"personalized",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
value: "1.2M",
|
||||
title: "Experiences recommended",
|
||||
items: [
|
||||
"curated",
|
||||
"vetted",
|
||||
"unique",
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
value: "50+",
|
||||
title: "Countries supported",
|
||||
items: [
|
||||
"global",
|
||||
"local",
|
||||
"authentic",
|
||||
],
|
||||
},
|
||||
]}
|
||||
title="Travel by the Numbers"
|
||||
description="See the impact of smarter planning on your vacation quality."
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardSeven
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
title="Travel by the Numbers"
|
||||
description="See the impact of smarter planning on your vacation quality."
|
||||
metrics={[
|
||||
{ id: "1", value: "80%", title: "Less planning time", items: ["automated", "instant", "personalized"] },
|
||||
{ id: "2", value: "1.2M", title: "Experiences recommended", items: ["curated", "vetted", "unique"] },
|
||||
{ id: "3", value: "50+", title: "Countries supported", items: ["global", "local", "authentic"] },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah J.",
|
||||
handle: "@sj",
|
||||
testimonial: "AuraTravel completely changed my Japan trip. Every recommendation was perfect.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-traveling-woman-with-hat-backpack-holding-thermos_23-2148648661.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "2",
|
||||
name: "Mark D.",
|
||||
handle: "@md",
|
||||
testimonial: "I never had to waste time in queues. The AI predicted everything.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "3",
|
||||
name: "Elena P.",
|
||||
handle: "@ep",
|
||||
testimonial: "Simply the best travel tool I've used in years.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-female-hiker-taking-selfie-mobile-phone-top-mountain_23-2148139770.jpg?_wi=3",
|
||||
},
|
||||
{
|
||||
id: "4",
|
||||
name: "Brian K.",
|
||||
handle: "@bk",
|
||||
testimonial: "Finally, a way to travel that feels actually curated for me.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cute-young-girl-dressed-up-leather-jacket-seat-bench-near-pier-lake_231208-6618.jpg?_wi=2",
|
||||
},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe L.",
|
||||
handle: "@cl",
|
||||
testimonial: "Worth every second. Truly personalized experiences.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hiker-wild-fields_23-2147683195.jpg?_wi=2",
|
||||
},
|
||||
]}
|
||||
title="Loved by Explorers Everywhere"
|
||||
description="Join thousands of travelers who use AuraTravel to plan their adventures."
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardSix
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
title="Loved by Explorers Everywhere"
|
||||
description="Join thousands of travelers who use AuraTravel to plan their adventures."
|
||||
testimonials={[
|
||||
{ id: "1", name: "Sarah J.", handle: "@sj", testimonial: "AuraTravel completely changed my Japan trip. Every recommendation was perfect.", imageSrc: "http://img.b2bpic.net/free-photo/front-view-traveling-woman-with-hat-backpack-holding-thermos_23-2148648661.jpg" },
|
||||
{ id: "2", name: "Mark D.", handle: "@md", testimonial: "I never had to waste time in queues. The AI predicted everything.", imageSrc: "http://img.b2bpic.net/free-photo/happy-young-professional-posing-office_1262-21170.jpg" },
|
||||
{ id: "3", name: "Elena P.", handle: "@ep", testimonial: "Simply the best travel tool I've used in years.", imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiling-female-hiker-taking-selfie-mobile-phone-top-mountain_23-2148139770.jpg" },
|
||||
{ id: "4", name: "Brian K.", handle: "@bk", testimonial: "Finally, a way to travel that feels actually curated for me.", imageSrc: "http://img.b2bpic.net/free-photo/cute-young-girl-dressed-up-leather-jacket-seat-bench-near-pier-lake_231208-6618.jpg" },
|
||||
{ id: "5", name: "Chloe L.", handle: "@cl", testimonial: "Worth every second. Truly personalized experiences.", imageSrc: "http://img.b2bpic.net/free-photo/hiker-wild-fields_23-2147683195.jpg" },
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
tag="Join Waitlist"
|
||||
title="Start Your Next Journey"
|
||||
description="Sign up for early access to AuraTravel and redefine your planning experience."
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactCenter
|
||||
useInvertedBackground={true}
|
||||
background={{ variant: "sparkles-gradient" }}
|
||||
tag="Join Waitlist"
|
||||
title="Start Your Next Journey"
|
||||
description="Sign up for early access to AuraTravel and redefine your planning experience."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="AuraTravel"
|
||||
copyrightText="© 2025 AuraTravel Inc."
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterCard
|
||||
logoText="AuraTravel"
|
||||
copyrightText="© 2025 AuraTravel Inc."
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
|
||||
Reference in New Issue
Block a user