Merge version_1 into main #2
263
src/app/page.tsx
263
src/app/page.tsx
@@ -31,30 +31,12 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Features",
|
||||
id: "features",
|
||||
},
|
||||
{
|
||||
name: "Destinations",
|
||||
id: "destinations",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "FAQ",
|
||||
id: "faq",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Features", id: "features" },
|
||||
{ name: "Destinations", id: "destinations" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "FAQ", id: "faq" },
|
||||
{ name: "Contact", id: "contact" },
|
||||
]}
|
||||
brandName="Wanderlust"
|
||||
/>
|
||||
@@ -63,71 +45,46 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{
|
||||
variant: "sparkles-gradient",
|
||||
}}
|
||||
variant: "sparkles-gradient"}}
|
||||
title="Uncover Your Next Adventure"
|
||||
description="Discover hand-picked tours and exclusive travel packages designed for the modern explorer. Experience the world like never before with Wanderlust."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Tours",
|
||||
href: "#destinations",
|
||||
},
|
||||
text: "Explore Tours", href: "#destinations"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-tourist-full-length-happy-young-woman-standing-with-suitcase-with-exciting-gesturing-isolated_1258-113763.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/woman-tourist-full-length-happy-young-woman-standing-with-suitcase-with-exciting-gesturing-isolated_1258-113763.jpg"
|
||||
imageAlt="Travel adventure scenery"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-tourist-looking-out-car-window_23-2147981880.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-tourist-looking-out-car-window_23-2147981880.jpg", alt: "Sarah"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-african-american-woman-holding-sweet-cake-with-sparkler-happy-young-people-posing-together-birthday-holiday-celebration_1262-21079.jpg",
|
||||
alt: "Mike",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-african-american-woman-holding-sweet-cake-with-sparkler-happy-young-people-posing-together-birthday-holiday-celebration_1262-21079.jpg", alt: "Mike"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-female-traveler-outside-nature_23-2148931732.jpg",
|
||||
alt: "Jane",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-female-traveler-outside-nature_23-2148931732.jpg", alt: "Jane"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-people-getting-their-kite-up_23-2149233273.jpg",
|
||||
alt: "Bob",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-people-getting-their-kite-up_23-2149233273.jpg", alt: "Bob"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-tourist-looking-out-car-window_23-2147981880.jpg",
|
||||
alt: "Alice",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-tourist-looking-out-car-window_23-2147981880.jpg", alt: "Alice"},
|
||||
]}
|
||||
avatarText="Join 50k+ happy travelers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Certified Agency",
|
||||
icon: Shield,
|
||||
type: "text-icon", text: "Certified Agency", icon: Shield,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "24/7 Support",
|
||||
icon: Headphones,
|
||||
type: "text-icon", text: "24/7 Support", icon: Headphones,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Eco-Friendly",
|
||||
icon: Leaf,
|
||||
type: "text-icon", text: "Eco-Friendly", icon: Leaf,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Instant Booking",
|
||||
icon: Zap,
|
||||
type: "text-icon", text: "Instant Booking", icon: Zap,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Secure Payments",
|
||||
icon: Lock,
|
||||
type: "text-icon", text: "Secure Payments", icon: Lock,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -140,79 +97,52 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
features={[
|
||||
{
|
||||
title: "Seamless Planning",
|
||||
description: "Our intuitive platform makes booking your next dream vacation effortless and quick.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/appointment-booking-mobile_23-2148570787.jpg?_wi=1",
|
||||
imageAlt: "Planning",
|
||||
},
|
||||
title: "Seamless Planning", description: "Our intuitive platform makes booking your next dream vacation effortless and quick.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/appointment-booking-mobile_23-2148570787.jpg", imageAlt: "Planning"},
|
||||
items: [
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Real-time updates",
|
||||
},
|
||||
text: "Real-time updates"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Instant booking confirmation",
|
||||
},
|
||||
text: "Instant booking confirmation"},
|
||||
{
|
||||
icon: CheckCircle,
|
||||
text: "Secure payments",
|
||||
},
|
||||
text: "Secure payments"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-tourist-full-length-happy-young-woman-standing-with-suitcase-with-exciting-gesturing-isolated_1258-113763.jpg?_wi=2",
|
||||
imageAlt: "travel agency landing page hero background",
|
||||
},
|
||||
{
|
||||
title: "Expert Concierge",
|
||||
description: "Your personal travel experts are available 24/7 to ensure your journey goes smoothly.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-travel-agent_23-2150433369.jpg?_wi=1",
|
||||
imageAlt: "Support",
|
||||
},
|
||||
title: "Expert Concierge", description: "Your personal travel experts are available 24/7 to ensure your journey goes smoothly.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-travel-agent_23-2150433369.jpg", imageAlt: "Support"},
|
||||
items: [
|
||||
{
|
||||
icon: Headphones,
|
||||
text: "24/7 support",
|
||||
},
|
||||
text: "24/7 support"},
|
||||
{
|
||||
icon: Headphones,
|
||||
text: "Multilingual assistance",
|
||||
},
|
||||
text: "Multilingual assistance"},
|
||||
{
|
||||
icon: Headphones,
|
||||
text: "Personalized itinerary",
|
||||
},
|
||||
text: "Personalized itinerary"},
|
||||
],
|
||||
reverse: true,
|
||||
imageSrc: "http://img.b2bpic.net/free-vector/appointment-booking-mobile_23-2148570787.jpg?_wi=2",
|
||||
imageAlt: "travel planning app interface mobile",
|
||||
},
|
||||
{
|
||||
title: "Eco-Friendly Travels",
|
||||
description: "We prioritize destinations and partners that contribute to local communities and conservation.",
|
||||
media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-view-couple-looking-away-holding-water-tank_23-2148301397.jpg",
|
||||
imageAlt: "Nature",
|
||||
},
|
||||
title: "Eco-Friendly Travels", description: "We prioritize destinations and partners that contribute to local communities and conservation.", media: {
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/low-view-couple-looking-away-holding-water-tank_23-2148301397.jpg", imageAlt: "Nature"},
|
||||
items: [
|
||||
{
|
||||
icon: Leaf,
|
||||
text: "Carbon-neutral tours",
|
||||
},
|
||||
text: "Carbon-neutral tours"},
|
||||
{
|
||||
icon: Leaf,
|
||||
text: "Supporting local economy",
|
||||
},
|
||||
text: "Supporting local economy"},
|
||||
{
|
||||
icon: Leaf,
|
||||
text: "Sustainable partners",
|
||||
},
|
||||
text: "Sustainable partners"},
|
||||
],
|
||||
reverse: false,
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/high-angle-woman-working-as-travel-agent_23-2150433369.jpg?_wi=2",
|
||||
imageAlt: "24/7 customer support travel agency",
|
||||
},
|
||||
]}
|
||||
title="Why Wanderlust?"
|
||||
@@ -228,47 +158,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "d1",
|
||||
name: "Tropical Paradise",
|
||||
price: "$1,200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-relax-smile-happy-around-swimming-pool-hotel-resort_74190-8842.jpg",
|
||||
imageAlt: "Beach",
|
||||
},
|
||||
id: "d1", name: "Tropical Paradise", price: "$1,200", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-asian-woman-relax-smile-happy-around-swimming-pool-hotel-resort_74190-8842.jpg", imageAlt: "Beach"},
|
||||
{
|
||||
id: "d2",
|
||||
name: "Ancient History Tour",
|
||||
price: "$950",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/classical-urban-european-city_23-2151917282.jpg",
|
||||
imageAlt: "Ruins",
|
||||
},
|
||||
id: "d2", name: "Ancient History Tour", price: "$950", imageSrc: "http://img.b2bpic.net/free-photo/classical-urban-european-city_23-2151917282.jpg", imageAlt: "Ruins"},
|
||||
{
|
||||
id: "d3",
|
||||
name: "Alpine Trekking",
|
||||
price: "$1,400",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hipster-man-hiking-mountains-winter-vacation-traveling_285396-1960.jpg",
|
||||
imageAlt: "Mountain",
|
||||
},
|
||||
id: "d3", name: "Alpine Trekking", price: "$1,400", imageSrc: "http://img.b2bpic.net/free-photo/young-hipster-man-hiking-mountains-winter-vacation-traveling_285396-1960.jpg", imageAlt: "Mountain"},
|
||||
{
|
||||
id: "d4",
|
||||
name: "City Culture Trip",
|
||||
price: "$800",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/middle-age-friends-having-fun-together_23-2149263725.jpg",
|
||||
imageAlt: "City",
|
||||
},
|
||||
id: "d4", name: "City Culture Trip", price: "$800", imageSrc: "http://img.b2bpic.net/free-photo/middle-age-friends-having-fun-together_23-2149263725.jpg", imageAlt: "City"},
|
||||
{
|
||||
id: "d5",
|
||||
name: "Forest Retreat",
|
||||
price: "$600",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hiker-couple-love-kissing-nature_23-2148192688.jpg",
|
||||
imageAlt: "Forest",
|
||||
},
|
||||
id: "d5", name: "Forest Retreat", price: "$600", imageSrc: "http://img.b2bpic.net/free-photo/hiker-couple-love-kissing-nature_23-2148192688.jpg", imageAlt: "Forest"},
|
||||
{
|
||||
id: "d6",
|
||||
name: "Desert Safari",
|
||||
price: "$1,100",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/beautiful-landscape-orange-sand-dune-orange-sand-namib-desert-namib-naukluft-national-park-sossusvlei-namibia_1150-21662.jpg",
|
||||
imageAlt: "Desert",
|
||||
},
|
||||
id: "d6", name: "Desert Safari", price: "$1,100", imageSrc: "http://img.b2bpic.net/free-photo/beautiful-landscape-orange-sand-dune-orange-sand-namib-desert-namib-naukluft-national-park-sossusvlei-namibia_1150-21662.jpg", imageAlt: "Desert"},
|
||||
]}
|
||||
title="Featured Destinations"
|
||||
description="Find your inspiration in our selection of curated global travel experiences."
|
||||
@@ -283,25 +183,15 @@ export default function LandingPage() {
|
||||
author="Sarah Johnson"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-tourist-looking-out-car-window_23-2147981880.jpg",
|
||||
alt: "Sarah",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-tourist-looking-out-car-window_23-2147981880.jpg", alt: "Sarah"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-african-american-woman-holding-sweet-cake-with-sparkler-happy-young-people-posing-together-birthday-holiday-celebration_1262-21079.jpg",
|
||||
alt: "Mike",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-african-american-woman-holding-sweet-cake-with-sparkler-happy-young-people-posing-together-birthday-holiday-celebration_1262-21079.jpg", alt: "Mike"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-female-traveler-outside-nature_23-2148931732.jpg",
|
||||
alt: "Jane",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/beautiful-female-traveler-outside-nature_23-2148931732.jpg", alt: "Jane"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-people-getting-their-kite-up_23-2149233273.jpg",
|
||||
alt: "Bob",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-people-getting-their-kite-up_23-2149233273.jpg", alt: "Bob"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/female-tourist-looking-out-car-window_23-2147981880.jpg",
|
||||
alt: "Alice",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/female-tourist-looking-out-car-window_23-2147981880.jpg", alt: "Alice"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -313,14 +203,7 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={false}
|
||||
names={[
|
||||
"Travel Assoc",
|
||||
"Skyline Air",
|
||||
"Elite Resorts",
|
||||
"Adventure Gear",
|
||||
"Global Rent",
|
||||
"Guardian Shield",
|
||||
"Book Vacay",
|
||||
]}
|
||||
"Travel Assoc", "Skyline Air", "Elite Resorts", "Adventure Gear", "Global Rent", "Guardian Shield", "Book Vacay"]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="We are proud to partner with global organizations dedicated to excellence in travel."
|
||||
/>
|
||||
@@ -332,30 +215,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{
|
||||
id: "1",
|
||||
title: "How do I book a tour?",
|
||||
content: "Simply choose your destination, pick your dates, and click 'Book Now' to secure your spot.",
|
||||
},
|
||||
id: "1", title: "How do I book a tour?", content: "Simply choose your destination, pick your dates, and click 'Book Now' to secure your spot."},
|
||||
{
|
||||
id: "2",
|
||||
title: "What payment methods are accepted?",
|
||||
content: "We accept all major credit cards, bank transfers, and digital wallets.",
|
||||
},
|
||||
id: "2", title: "What payment methods are accepted?", content: "We accept all major credit cards, bank transfers, and digital wallets."},
|
||||
{
|
||||
id: "3",
|
||||
title: "Can I cancel my booking?",
|
||||
content: "Cancellations are allowed up to 30 days before departure for a full refund.",
|
||||
},
|
||||
id: "3", title: "Can I cancel my booking?", content: "Cancellations are allowed up to 30 days before departure for a full refund."},
|
||||
{
|
||||
id: "4",
|
||||
title: "Is insurance included?",
|
||||
content: "We offer optional travel protection plans that you can add during checkout.",
|
||||
},
|
||||
id: "4", title: "Is insurance included?", content: "We offer optional travel protection plans that you can add during checkout."},
|
||||
{
|
||||
id: "5",
|
||||
title: "Do you offer group tours?",
|
||||
content: "Yes, we specialize in curated group tours with special discounts for large parties.",
|
||||
},
|
||||
id: "5", title: "Do you offer group tours?", content: "Yes, we specialize in curated group tours with special discounts for large parties."},
|
||||
]}
|
||||
title="Frequently Asked Questions"
|
||||
description="Get answers to all your travel planning questions."
|
||||
@@ -370,27 +238,16 @@ export default function LandingPage() {
|
||||
description="Have questions? Our travel experts are here to help you design your perfect vacation."
|
||||
inputs={[
|
||||
{
|
||||
name: "name",
|
||||
type: "text",
|
||||
placeholder: "Your Name",
|
||||
required: true,
|
||||
name: "name", type: "text", placeholder: "Your Name", required: true,
|
||||
},
|
||||
{
|
||||
name: "email",
|
||||
type: "email",
|
||||
placeholder: "Your Email",
|
||||
required: true,
|
||||
name: "email", type: "email", placeholder: "Your Email", required: true,
|
||||
},
|
||||
{
|
||||
name: "subject",
|
||||
type: "text",
|
||||
placeholder: "Destination of Interest",
|
||||
},
|
||||
name: "subject", type: "text", placeholder: "Destination of Interest"},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Your message...",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Your message...", rows: 4,
|
||||
required: true,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/medium-shot-woman-working-office-travel-agency_23-2150433346.jpg"
|
||||
@@ -401,13 +258,9 @@ export default function LandingPage() {
|
||||
<FooterLogoReveal
|
||||
logoText="Wanderlust"
|
||||
leftLink={{
|
||||
text: "Privacy Policy",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Privacy Policy", href: "#"}}
|
||||
rightLink={{
|
||||
text: "Terms of Service",
|
||||
href: "#",
|
||||
}}
|
||||
text: "Terms of Service", href: "#"}}
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
|
||||
Reference in New Issue
Block a user