Merge version_1 into main #1
248
src/app/page.tsx
248
src/app/page.tsx
@@ -31,13 +31,9 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Plan My Trip",
|
||||
id: "#contact",
|
||||
},
|
||||
name: "Plan My Trip", id: "#contact"},
|
||||
{
|
||||
name: "Talk to Fred",
|
||||
id: "#fred",
|
||||
},
|
||||
name: "Talk to Fred", id: "#fred"},
|
||||
]}
|
||||
brandName="VacayWow"
|
||||
/>
|
||||
@@ -46,45 +42,28 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroBillboardCarousel
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="The easiest way to figure out where to go — and book with confidence."
|
||||
description="You’re about to spend thousands on a vacation. The difference isn’t saving a little money — it’s choosing the right experience."
|
||||
buttons={[
|
||||
{
|
||||
text: "Plan My Trip",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Plan My Trip", href: "#contact"},
|
||||
{
|
||||
text: "Talk to Fred",
|
||||
href: "#fred",
|
||||
},
|
||||
text: "Talk to Fred", href: "#fred"},
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair-table-outdoor-patio-with-beautiful-tropical-beach-sea_74190-8180.jpg",
|
||||
imageAlt: "Luxurious resort experience",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/empty-wood-chair-table-outdoor-patio-with-beautiful-tropical-beach-sea_74190-8180.jpg", imageAlt: "Luxurious resort experience"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/armchairs-floor_1203-2071.jpg",
|
||||
imageAlt: "Luxurious resort experience",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/armchairs-floor_1203-2071.jpg", imageAlt: "Luxurious resort experience"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-resort-hotel-leisure-travel-vacation_74190-8222.jpg",
|
||||
imageAlt: "Luxurious resort experience",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/umbrella-chair-around-swimming-pool-resort-hotel-leisure-travel-vacation_74190-8222.jpg", imageAlt: "Luxurious resort experience"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hotel-resort-palm-trees-summer-time_116348-4.jpg",
|
||||
imageAlt: "Luxurious resort experience",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hotel-resort-palm-trees-summer-time_116348-4.jpg", imageAlt: "Luxurious resort experience"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-outdoor-pool-palm-trees-exotic-landscape-with-forest-lake_197531-9178.jpg",
|
||||
imageAlt: "Luxurious resort experience",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photo-outdoor-pool-palm-trees-exotic-landscape-with-forest-lake_197531-9178.jpg", imageAlt: "Luxurious resort experience"},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hammocks-pool-seen-from_1203-358.jpg",
|
||||
imageAlt: "Luxurious resort experience",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hammocks-pool-seen-from_1203-358.jpg", imageAlt: "Luxurious resort experience"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -96,29 +75,19 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: AlertTriangle,
|
||||
label: "Too many options",
|
||||
value: "Overwhelmed",
|
||||
},
|
||||
label: "Too many options", value: "Overwhelmed"},
|
||||
{
|
||||
icon: Search,
|
||||
label: "Conflicting reviews",
|
||||
value: "Unsure",
|
||||
},
|
||||
label: "Conflicting reviews", value: "Unsure"},
|
||||
{
|
||||
icon: AlertTriangle,
|
||||
label: "Fear of regret",
|
||||
value: "High Risk",
|
||||
},
|
||||
label: "Fear of regret", value: "High Risk"},
|
||||
{
|
||||
icon: Users,
|
||||
label: "Group expectations",
|
||||
value: "Complex",
|
||||
},
|
||||
label: "Group expectations", value: "Complex"},
|
||||
{
|
||||
icon: Clock,
|
||||
label: "Time spent searching",
|
||||
value: "Wasted",
|
||||
},
|
||||
label: "Time spent searching", value: "Wasted"},
|
||||
]}
|
||||
metricsAnimation="blur-reveal"
|
||||
/>
|
||||
@@ -131,32 +100,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "1",
|
||||
title: "Before",
|
||||
tags: [
|
||||
"Guessing",
|
||||
"Stressed",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-office-travel-agency_23-2150433339.jpg",
|
||||
},
|
||||
id: "1", title: "Before", tags: [
|
||||
"Guessing", "Stressed"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-office-travel-agency_23-2150433339.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
title: "After",
|
||||
tags: [
|
||||
"Guided",
|
||||
"Confident",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/day-office-travel-agency_52683-115863.jpg",
|
||||
},
|
||||
id: "2", title: "After", tags: [
|
||||
"Guided", "Confident"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/day-office-travel-agency_52683-115863.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
title: "The Difference",
|
||||
tags: [
|
||||
"Real Experience",
|
||||
"Peace of Mind",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-as-travel-agent_23-2150433373.jpg",
|
||||
},
|
||||
id: "3", title: "The Difference", tags: [
|
||||
"Real Experience", "Peace of Mind"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-woman-working-as-travel-agent_23-2150433373.jpg"},
|
||||
]}
|
||||
title="From Uncertainty to Confidence"
|
||||
description="Stop guessing with hundreds of tabs open and start booking the experience you actually want."
|
||||
@@ -170,29 +124,19 @@ export default function LandingPage() {
|
||||
metrics={[
|
||||
{
|
||||
icon: CheckCircle,
|
||||
label: "Vetted Stays",
|
||||
value: "We've been there",
|
||||
},
|
||||
label: "Vetted Stays", value: "We've been there"},
|
||||
{
|
||||
icon: MapPin,
|
||||
label: "Room Knowledge",
|
||||
value: "We know buildings",
|
||||
},
|
||||
label: "Room Knowledge", value: "We know buildings"},
|
||||
{
|
||||
icon: Award,
|
||||
label: "Niche Expertise",
|
||||
value: "All-Inclusive Only",
|
||||
},
|
||||
label: "Niche Expertise", value: "All-Inclusive Only"},
|
||||
{
|
||||
icon: Smile,
|
||||
label: "Guest Feedback",
|
||||
value: "Verified",
|
||||
},
|
||||
label: "Guest Feedback", value: "Verified"},
|
||||
{
|
||||
icon: Calendar,
|
||||
label: "Booking History",
|
||||
value: "Proven",
|
||||
},
|
||||
label: "Booking History", value: "Proven"},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
@@ -205,32 +149,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "s1",
|
||||
title: "Tell us your preferences",
|
||||
tags: [
|
||||
"Personal",
|
||||
"Easy",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-travel-agency_23-2150801487.jpg",
|
||||
},
|
||||
id: "s1", title: "Tell us your preferences", tags: [
|
||||
"Personal", "Easy"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/medium-shot-woman-working-travel-agency_23-2150801487.jpg"},
|
||||
{
|
||||
id: "s2",
|
||||
title: "We match your experience",
|
||||
tags: [
|
||||
"Fit-focused",
|
||||
"Curated",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-person-s-hand-writing-notepad-with-map-table_23-2147837153.jpg",
|
||||
},
|
||||
id: "s2", title: "We match your experience", tags: [
|
||||
"Fit-focused", "Curated"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-view-person-s-hand-writing-notepad-with-map-table_23-2147837153.jpg"},
|
||||
{
|
||||
id: "s3",
|
||||
title: "Book with confidence",
|
||||
tags: [
|
||||
"Support",
|
||||
"Correct",
|
||||
],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/guidebook-is-very-helpful-trip_329181-13945.jpg",
|
||||
},
|
||||
id: "s3", title: "Book with confidence", tags: [
|
||||
"Support", "Correct"],
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/guidebook-is-very-helpful-trip_329181-13945.jpg"},
|
||||
]}
|
||||
title="Your Plan of Attack"
|
||||
description="We don’t just show availability — we guide your decision so you pick the right fit."
|
||||
@@ -245,45 +174,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "1",
|
||||
name: "Sarah Miller",
|
||||
role: "Traveler",
|
||||
company: "Miami, FL",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/youth-modern-sport-activities-active-recreation-attractive-bearded-guy-posing-with-his-board-against-landscape-wild-beach-calm-waves-blue-sea-water-looking-happy_273609-1550.jpg",
|
||||
},
|
||||
id: "1", name: "Sarah Miller", role: "Traveler", company: "Miami, FL", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/youth-modern-sport-activities-active-recreation-attractive-bearded-guy-posing-with-his-board-against-landscape-wild-beach-calm-waves-blue-sea-water-looking-happy_273609-1550.jpg"},
|
||||
{
|
||||
id: "2",
|
||||
name: "David Chen",
|
||||
role: "Traveler",
|
||||
company: "Seattle, WA",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-straw-hat-jeans-sexy-shorts-with-tattoo-standing-terrace_273443-549.jpg",
|
||||
},
|
||||
id: "2", name: "David Chen", role: "Traveler", company: "Seattle, WA", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-woman-straw-hat-jeans-sexy-shorts-with-tattoo-standing-terrace_273443-549.jpg"},
|
||||
{
|
||||
id: "3",
|
||||
name: "Emily Johnson",
|
||||
role: "Traveler",
|
||||
company: "Boston, MA",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-boat-tropical-river_181624-32436.jpg",
|
||||
},
|
||||
id: "3", name: "Emily Johnson", role: "Traveler", company: "Boston, MA", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-boat-tropical-river_181624-32436.jpg"},
|
||||
{
|
||||
id: "4",
|
||||
name: "Marcus Rodriguez",
|
||||
role: "Traveler",
|
||||
company: "Austin, TX",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-with-beard-posing-cafe-with-tropical-interior-talking-mobyle-phone_273443-5142.jpg",
|
||||
},
|
||||
id: "4", name: "Marcus Rodriguez", role: "Traveler", company: "Austin, TX", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/handsome-man-with-beard-posing-cafe-with-tropical-interior-talking-mobyle-phone_273443-5142.jpg"},
|
||||
{
|
||||
id: "5",
|
||||
name: "Chloe Bennett",
|
||||
role: "Traveler",
|
||||
company: "Denver, CO",
|
||||
rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-relax-smile-happy-around-swimming-pool-hotel-resort_74190-8873.jpg",
|
||||
},
|
||||
id: "5", name: "Chloe Bennett", role: "Traveler", company: "Denver, CO", rating: 5,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-relax-smile-happy-around-swimming-pool-hotel-resort_74190-8873.jpg"},
|
||||
]}
|
||||
title="Voices of Confident Travelers"
|
||||
description="Hear what our travelers say about finding the right fit for their vacation needs."
|
||||
@@ -295,20 +199,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "Is there pressure to book?",
|
||||
content: "Absolutely not. We provide guidance and insights; the final decision is 100% yours.",
|
||||
},
|
||||
id: "q1", title: "Is there pressure to book?", content: "Absolutely not. We provide guidance and insights; the final decision is 100% yours."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "How do you help?",
|
||||
content: "We match your personality and expectations to specific properties, buildings, and experiences that fit your desires.",
|
||||
},
|
||||
id: "q2", title: "How do you help?", content: "We match your personality and expectations to specific properties, buildings, and experiences that fit your desires."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "What's the process?",
|
||||
content: "You share your preferences via chat or form, we present curated options, and we assist with accurate booking.",
|
||||
},
|
||||
id: "q3", title: "What's the process?", content: "You share your preferences via chat or form, we present curated options, and we assist with accurate booking."},
|
||||
]}
|
||||
sideTitle="Your trip, your choices"
|
||||
sideDescription="Every resort has trade-offs. We help you understand them so you can choose what’s right for you. No pressure to book."
|
||||
@@ -320,15 +215,13 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
tag="Interactive Help"
|
||||
title="Talk to Fred"
|
||||
description="Fred is here to narrow down your options, answer your specific questions, and gather trip details for a stress-free planning process."
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Chatting with Fred",
|
||||
onClick: "() => {}",
|
||||
text: "Start Chatting with Fred", onClick: () => {},
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -338,20 +231,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "plain",
|
||||
}}
|
||||
variant: "plain"}}
|
||||
tag="Ready to Plan?"
|
||||
title="If you’re still unsure where to go, this is the easiest next step."
|
||||
description="Let us guide you to the right resort experience for your next vacation."
|
||||
buttons={[
|
||||
{
|
||||
text: "Plan My Trip",
|
||||
href: "#form",
|
||||
},
|
||||
text: "Plan My Trip", href: "#form"},
|
||||
{
|
||||
text: "Talk to Fred",
|
||||
href: "#fred",
|
||||
},
|
||||
text: "Talk to Fred", href: "#fred"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -362,29 +250,19 @@ export default function LandingPage() {
|
||||
logoText="VacayWow"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#about",
|
||||
},
|
||||
label: "About Us", href: "#about"},
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Talk to Fred",
|
||||
href: "#fred",
|
||||
},
|
||||
label: "Talk to Fred", href: "#fred"},
|
||||
{
|
||||
label: "Privacy Policy",
|
||||
href: "#",
|
||||
},
|
||||
label: "Privacy Policy", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user