Merge version_1 into main #2
243
src/app/page.tsx
243
src/app/page.tsx
@@ -29,25 +29,15 @@ export default function LandingPage() {
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "Destinations",
|
||||
id: "destinations",
|
||||
},
|
||||
name: "Destinations", id: "destinations"},
|
||||
{
|
||||
name: "Tours",
|
||||
id: "tours",
|
||||
},
|
||||
name: "Tours", id: "tours"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Tour Voyage"
|
||||
/>
|
||||
@@ -56,77 +46,48 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitKpi
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
variant: "gradient-bars"}}
|
||||
title="Discover the World with Tour Voyage"
|
||||
description="Unforgettable journeys, reliable bookings, and exceptional experiences."
|
||||
kpis={[
|
||||
{
|
||||
value: "1200+",
|
||||
label: "Happy Travelers",
|
||||
},
|
||||
value: "1200+", label: "Happy Travelers"},
|
||||
{
|
||||
value: "50+",
|
||||
label: "Countries",
|
||||
},
|
||||
value: "50+", label: "Countries"},
|
||||
{
|
||||
value: "24/7",
|
||||
label: "Support",
|
||||
},
|
||||
value: "24/7", label: "Support"},
|
||||
]}
|
||||
enableKpiAnimation={true}
|
||||
buttons={[
|
||||
{
|
||||
text: "Find Tours",
|
||||
href: "#tours",
|
||||
},
|
||||
text: "Find Tours", href: "#tours"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fashion-portrait-young-woman-vacation-asian-wooden-boat_343596-2583.jpg?_wi=1"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fashion-portrait-young-woman-vacation-asian-wooden-boat_343596-2583.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-male-traveler-going-hike_23-2149119434.jpg",
|
||||
alt: "Traveler 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-male-traveler-going-hike_23-2149119434.jpg", alt: "Traveler 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-man-talking-walkie-talkie-radio-enjoying-canyon-view_176420-4142.jpg",
|
||||
alt: "Traveler 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-man-talking-walkie-talkie-radio-enjoying-canyon-view_176420-4142.jpg", alt: "Traveler 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-male-traveler-going-hike_23-2149119434.jpg",
|
||||
alt: "Traveler 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-male-traveler-going-hike_23-2149119434.jpg", alt: "Traveler 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-man-talking-walkie-talkie-radio-enjoying-canyon-view_176420-4142.jpg",
|
||||
alt: "Traveler 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-handsome-man-talking-walkie-talkie-radio-enjoying-canyon-view_176420-4142.jpg", alt: "Traveler 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-male-traveler-going-hike_23-2149119434.jpg",
|
||||
alt: "Traveler 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-male-traveler-going-hike_23-2149119434.jpg", alt: "Traveler 5"},
|
||||
]}
|
||||
avatarText="Join 10k+ adventurers"
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text",
|
||||
text: "Exclusive Deals",
|
||||
},
|
||||
type: "text", text: "Exclusive Deals"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Luxury Stays",
|
||||
},
|
||||
type: "text", text: "Luxury Stays"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Expert Guides",
|
||||
},
|
||||
type: "text", text: "Expert Guides"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Safe Travel",
|
||||
},
|
||||
type: "text", text: "Safe Travel"},
|
||||
{
|
||||
type: "text",
|
||||
text: "Hidden Gems",
|
||||
},
|
||||
type: "text", text: "Hidden Gems"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -139,59 +100,23 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "d1",
|
||||
brand: "Europe",
|
||||
name: "Santorini, Greece",
|
||||
price: "From $899",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mediterranean-village-landscape-digital-art-style_23-2151699904.jpg?_wi=1",
|
||||
},
|
||||
id: "d1", brand: "Europe", name: "Santorini, Greece", price: "From $899", rating: 5,
|
||||
reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/mediterranean-village-landscape-digital-art-style_23-2151699904.jpg"},
|
||||
{
|
||||
id: "d2",
|
||||
brand: "Europe",
|
||||
name: "Venice, Italy",
|
||||
price: "From $750",
|
||||
rating: 5,
|
||||
reviewCount: "85",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photographer-man-taking-photos-village-cotswolds-uk_53876-125346.jpg?_wi=1",
|
||||
},
|
||||
id: "d2", brand: "Europe", name: "Venice, Italy", price: "From $750", rating: 5,
|
||||
reviewCount: "85", imageSrc: "http://img.b2bpic.net/free-photo/photographer-man-taking-photos-village-cotswolds-uk_53876-125346.jpg"},
|
||||
{
|
||||
id: "d3",
|
||||
brand: "Africa",
|
||||
name: "Giza, Egypt",
|
||||
price: "From $600",
|
||||
rating: 4,
|
||||
reviewCount: "45",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cairo-pyramids-with-text_23-2150907704.jpg?_wi=1",
|
||||
},
|
||||
id: "d3", brand: "Africa", name: "Giza, Egypt", price: "From $600", rating: 4,
|
||||
reviewCount: "45", imageSrc: "http://img.b2bpic.net/free-photo/cairo-pyramids-with-text_23-2150907704.jpg"},
|
||||
{
|
||||
id: "d4",
|
||||
brand: "Europe",
|
||||
name: "Paris, France",
|
||||
price: "From $950",
|
||||
rating: 5,
|
||||
reviewCount: "200",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/mediterranean-village-landscape-digital-art-style_23-2151699904.jpg?_wi=2",
|
||||
},
|
||||
id: "d4", brand: "Europe", name: "Paris, France", price: "From $950", rating: 5,
|
||||
reviewCount: "200", imageSrc: "http://img.b2bpic.net/free-photo/mediterranean-village-landscape-digital-art-style_23-2151699904.jpg"},
|
||||
{
|
||||
id: "d5",
|
||||
brand: "Asia",
|
||||
name: "Bali, Indonesia",
|
||||
price: "From $1200",
|
||||
rating: 5,
|
||||
reviewCount: "150",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/photographer-man-taking-photos-village-cotswolds-uk_53876-125346.jpg?_wi=2",
|
||||
},
|
||||
id: "d5", brand: "Asia", name: "Bali, Indonesia", price: "From $1200", rating: 5,
|
||||
reviewCount: "150", imageSrc: "http://img.b2bpic.net/free-photo/photographer-man-taking-photos-village-cotswolds-uk_53876-125346.jpg"},
|
||||
{
|
||||
id: "d6",
|
||||
brand: "Europe",
|
||||
name: "Rome, Italy",
|
||||
price: "From $800",
|
||||
rating: 5,
|
||||
reviewCount: "110",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cairo-pyramids-with-text_23-2150907704.jpg?_wi=2",
|
||||
},
|
||||
id: "d6", brand: "Europe", name: "Rome, Italy", price: "From $800", rating: 5,
|
||||
reviewCount: "110", imageSrc: "http://img.b2bpic.net/free-photo/cairo-pyramids-with-text_23-2150907704.jpg"},
|
||||
]}
|
||||
title="Popular Destinations"
|
||||
description="Explore our curated list of world-class travel locations."
|
||||
@@ -200,37 +125,18 @@ export default function LandingPage() {
|
||||
|
||||
<div id="why-us" data-section="why-us">
|
||||
<FeatureCardMedia
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
title: "Verified Tours",
|
||||
description: "Every trip is personally vetted for quality and safety.",
|
||||
tag: "Trust",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-traveler-going-hike_23-2149119434.jpg?_wi=1",
|
||||
},
|
||||
id: "f1", title: "Verified Tours", description: "Every trip is personally vetted for quality and safety.", tag: "Trust", imageSrc: "http://img.b2bpic.net/free-photo/young-male-traveler-going-hike_23-2149119434.jpg"},
|
||||
{
|
||||
id: "f2",
|
||||
title: "24/7 Support",
|
||||
description: "Our team is available round-the-clock for your assistance.",
|
||||
tag: "Support",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-talking-walkie-talkie-radio-enjoying-canyon-view_176420-4142.jpg?_wi=1",
|
||||
},
|
||||
id: "f2", title: "24/7 Support", description: "Our team is available round-the-clock for your assistance.", tag: "Support", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-talking-walkie-talkie-radio-enjoying-canyon-view_176420-4142.jpg"},
|
||||
{
|
||||
id: "f3",
|
||||
title: "Best Prices",
|
||||
description: "We ensure you get the most value for your travel budget.",
|
||||
tag: "Value",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-traveler-going-hike_23-2149119434.jpg?_wi=2",
|
||||
},
|
||||
id: "f3", title: "Best Prices", description: "We ensure you get the most value for your travel budget.", tag: "Value", imageSrc: "http://img.b2bpic.net/free-photo/young-male-traveler-going-hike_23-2149119434.jpg"},
|
||||
{
|
||||
id: "f4",
|
||||
title: "Flexible Bookings",
|
||||
description: "Change plans with ease thanks to our flexible booking policy.",
|
||||
tag: "Flexibility",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-talking-walkie-talkie-radio-enjoying-canyon-view_176420-4142.jpg?_wi=2",
|
||||
},
|
||||
id: "f4", title: "Flexible Bookings", description: "Change plans with ease thanks to our flexible booking policy.", tag: "Flexibility", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-talking-walkie-talkie-radio-enjoying-canyon-view_176420-4142.jpg"},
|
||||
]}
|
||||
title="Why Choose Tour Voyage"
|
||||
description="We deliver excellence in every journey you take."
|
||||
@@ -244,40 +150,15 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "Sarah Miller",
|
||||
role: "Travel Blogger",
|
||||
testimonial: "The best trip I ever had. Everything was perfect.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-traveler-going-hike_23-2149119434.jpg?_wi=3",
|
||||
},
|
||||
id: "t1", name: "Sarah Miller", role: "Travel Blogger", testimonial: "The best trip I ever had. Everything was perfect.", imageSrc: "http://img.b2bpic.net/free-photo/young-male-traveler-going-hike_23-2149119434.jpg"},
|
||||
{
|
||||
id: "t2",
|
||||
name: "John Doe",
|
||||
role: "Corporate Manager",
|
||||
testimonial: "Seamless booking and wonderful hotels. Highly recommended.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-talking-walkie-talkie-radio-enjoying-canyon-view_176420-4142.jpg?_wi=3",
|
||||
},
|
||||
id: "t2", name: "John Doe", role: "Corporate Manager", testimonial: "Seamless booking and wonderful hotels. Highly recommended.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-talking-walkie-talkie-radio-enjoying-canyon-view_176420-4142.jpg"},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Anna Petrova",
|
||||
role: "Student",
|
||||
testimonial: "Amazing destinations and very affordable prices!",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-traveler-going-hike_23-2149119434.jpg?_wi=4",
|
||||
},
|
||||
id: "t3", name: "Anna Petrova", role: "Student", testimonial: "Amazing destinations and very affordable prices!", imageSrc: "http://img.b2bpic.net/free-photo/young-male-traveler-going-hike_23-2149119434.jpg"},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Mark Wilson",
|
||||
role: "Photographer",
|
||||
testimonial: "Incredible service and very helpful staff.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-talking-walkie-talkie-radio-enjoying-canyon-view_176420-4142.jpg?_wi=4",
|
||||
},
|
||||
id: "t4", name: "Mark Wilson", role: "Photographer", testimonial: "Incredible service and very helpful staff.", imageSrc: "http://img.b2bpic.net/free-photo/young-handsome-man-talking-walkie-talkie-radio-enjoying-canyon-view_176420-4142.jpg"},
|
||||
{
|
||||
id: "t5",
|
||||
name: "Elena Smith",
|
||||
role: "Designer",
|
||||
testimonial: "I love how easy it is to book my dream vacations.",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-male-traveler-going-hike_23-2149119434.jpg?_wi=5",
|
||||
},
|
||||
id: "t5", name: "Elena Smith", role: "Designer", testimonial: "I love how easy it is to book my dream vacations.", imageSrc: "http://img.b2bpic.net/free-photo/young-male-traveler-going-hike_23-2149119434.jpg"},
|
||||
]}
|
||||
title="Happy Travelers"
|
||||
description="Hear what our adventurers say about their experiences."
|
||||
@@ -291,24 +172,16 @@ export default function LandingPage() {
|
||||
description="Have questions? Our travel experts are here to help."
|
||||
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,
|
||||
},
|
||||
]}
|
||||
textarea={{
|
||||
name: "message",
|
||||
placeholder: "Where do you want to go?",
|
||||
rows: 4,
|
||||
name: "message", placeholder: "Where do you want to go?", rows: 4,
|
||||
}}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fashion-portrait-young-woman-vacation-asian-wooden-boat_343596-2583.jpg?_wi=2"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/fashion-portrait-young-woman-vacation-asian-wooden-boat_343596-2583.jpg"
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -316,29 +189,19 @@ export default function LandingPage() {
|
||||
<FooterBase
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
label: "About Us", href: "#"},
|
||||
{
|
||||
label: "Blog",
|
||||
href: "#",
|
||||
},
|
||||
label: "Blog", href: "#"},
|
||||
],
|
||||
},
|
||||
{
|
||||
title: "Support",
|
||||
items: [
|
||||
title: "Support", items: [
|
||||
{
|
||||
label: "Contact",
|
||||
href: "#contact",
|
||||
},
|
||||
label: "Contact", href: "#contact"},
|
||||
{
|
||||
label: "FAQ",
|
||||
href: "#",
|
||||
},
|
||||
label: "FAQ", href: "#"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
|
||||
Reference in New Issue
Block a user