Merge version_1 into main #1
355
src/app/page.tsx
355
src/app/page.tsx
@@ -16,264 +16,119 @@ export default function LandingPage() {
|
||||
defaultButtonVariant="expand-hover"
|
||||
defaultTextAnimation="reveal-blur"
|
||||
borderRadius="rounded"
|
||||
contentWidth="medium"
|
||||
sizing="medium"
|
||||
background="circleGradient"
|
||||
cardStyle="glass-elevated"
|
||||
primaryButtonStyle="gradient"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="normal"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
{
|
||||
name: "Destinations",
|
||||
id: "destinations",
|
||||
},
|
||||
{
|
||||
name: "Testimonials",
|
||||
id: "testimonials",
|
||||
},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
]}
|
||||
brandName="tourtheworld"
|
||||
/>
|
||||
</div>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarStyleApple
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Destinations", id: "destinations" },
|
||||
{ name: "Testimonials", id: "testimonials" },
|
||||
{ name: "Contact", id: "contact" }
|
||||
]}
|
||||
brandName="tourtheworld"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="tourtheworld"
|
||||
description="Discover curated travel experiences across the globe. From serene landscapes to bustling cities, we make your dream trip a reality."
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Trips",
|
||||
href: "#destinations",
|
||||
},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
]}
|
||||
slides={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/summertime-season-fun_23-2151977117.jpg",
|
||||
imageAlt: "Breathtaking mountain landscape",
|
||||
},
|
||||
{
|
||||
imageSrc: "hero-2",
|
||||
imageAlt: "Iconic city landmark",
|
||||
},
|
||||
{
|
||||
imageSrc: "hero-3",
|
||||
imageAlt: "Adventure hiking trail",
|
||||
},
|
||||
{
|
||||
imageSrc: "hero-4",
|
||||
imageAlt: "Tropical paradise resort",
|
||||
},
|
||||
{
|
||||
imageSrc: "hero-5",
|
||||
imageAlt: "Cultural tour experience",
|
||||
},
|
||||
{
|
||||
imageSrc: "hero-6",
|
||||
imageAlt: "Wild landscape vista",
|
||||
},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCarouselLogo
|
||||
logoText="tourtheworld"
|
||||
description="Discover curated travel experiences across the globe. From serene landscapes to bustling cities, we make your dream trip a reality."
|
||||
buttons={[
|
||||
{ text: "Explore Trips", href: "#destinations" },
|
||||
{ text: "Contact Us", href: "#contact" }
|
||||
]}
|
||||
slides={[
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/summertime-season-fun_23-2151977117.jpg", imageAlt: "luxurious travel destination photography" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/urban-mysterious-lights-film-aesthetic_23-2149098547.jpg", imageAlt: "city travel landmark architecture" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/winding-road-mountainous-area-coniferous-forest_169016-25026.jpg", imageAlt: "adventure hiking scenery nature" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/women-tourists-holding-mans-hand-leading-him-overlap-stone-koh-samui-thailand_335224-1402.jpg", imageAlt: "luxury resort pool ocean view" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/woman-rocks_181624-16253.jpg", imageAlt: "cultural travel ancient ruins historical" },
|
||||
{ imageSrc: "http://img.b2bpic.net/free-photo/mountain-landscape-day-time_23-2150724861.jpg", imageAlt: "travel backpacker mountain vista" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact in Travel"
|
||||
tag="Trusted Agency"
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "15K+",
|
||||
description: "Happy Travelers",
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "200+",
|
||||
description: "Global Destinations",
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "10+",
|
||||
description: "Years of Excellence",
|
||||
},
|
||||
{
|
||||
id: "m4",
|
||||
value: "99%",
|
||||
description: "Satisfaction Rate",
|
||||
},
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
<div id="metrics" data-section="metrics">
|
||||
<MetricCardFourteen
|
||||
useInvertedBackground={false}
|
||||
title="Our Impact in Travel"
|
||||
tag="Trusted Agency"
|
||||
metrics={[
|
||||
{ id: "m1", value: "15K+", description: "Happy Travelers" },
|
||||
{ id: "m2", value: "200+", description: "Global Destinations" },
|
||||
{ id: "m3", value: "10+", description: "Years of Excellence" },
|
||||
{ id: "m4", value: "99%", description: "Satisfaction Rate" }
|
||||
]}
|
||||
metricsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="destinations" data-section="destinations">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
brand: "Adventure",
|
||||
name: "Alpine Expedition",
|
||||
price: "$1,200",
|
||||
rating: 5,
|
||||
reviewCount: "120",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-tourist-hiking-mountains-piedmont-italy-sunny-day_181624-52402.jpg",
|
||||
},
|
||||
{
|
||||
id: "p2",
|
||||
brand: "Luxury",
|
||||
name: "Caribbean Escape",
|
||||
price: "$2,500",
|
||||
rating: 5,
|
||||
reviewCount: "98",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/large-luxurious-cruise-ship-sailing-sea-sunny-day-ai-generative_123827-23862.jpg",
|
||||
},
|
||||
{
|
||||
id: "p3",
|
||||
brand: "Culture",
|
||||
name: "European Heritage Tour",
|
||||
price: "$1,800",
|
||||
rating: 4,
|
||||
reviewCount: "156",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/blonde-girls-standing-street-holding-packages_23-2147652261.jpg",
|
||||
},
|
||||
{
|
||||
id: "p4",
|
||||
brand: "Adventure",
|
||||
name: "Himalaya Trek",
|
||||
price: "$3,000",
|
||||
rating: 5,
|
||||
reviewCount: "84",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/three-friends-checking-map-while-traveling-by-car-together_23-2148771853.jpg",
|
||||
},
|
||||
{
|
||||
id: "p5",
|
||||
brand: "Relax",
|
||||
name: "Bali Wellness Retreat",
|
||||
price: "$1,500",
|
||||
rating: 5,
|
||||
reviewCount: "210",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-her-camper-daylight_23-2149066260.jpg",
|
||||
},
|
||||
{
|
||||
id: "p6",
|
||||
brand: "Family",
|
||||
name: "Mediterranean Cruise",
|
||||
price: "$2,200",
|
||||
rating: 4,
|
||||
reviewCount: "340",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/summer-vacations-parents-people-outdoor-activity-with-children-happy-family-holidays-father-pregnant-mother-baby-daughter-sea-sand-beach_627829-9536.jpg",
|
||||
},
|
||||
]}
|
||||
title="Featured Travel Packages"
|
||||
description="Choose your next adventure from our top-rated curated travel experiences."
|
||||
/>
|
||||
</div>
|
||||
<div id="destinations" data-section="destinations">
|
||||
<ProductCardTwo
|
||||
animationType="slide-up"
|
||||
textboxLayout="default"
|
||||
gridVariant="three-columns-all-equal-width"
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{ id: "p1", brand: "Adventure", name: "Alpine Expedition", price: "$1,200", rating: 5, reviewCount: "120", imageSrc: "http://img.b2bpic.net/free-photo/young-tourist-hiking-mountains-piedmont-italy-sunny-day_181624-52402.jpg" },
|
||||
{ id: "p2", brand: "Luxury", name: "Caribbean Escape", price: "$2,500", rating: 5, reviewCount: "98", imageSrc: "http://img.b2bpic.net/free-photo/large-luxurious-cruise-ship-sailing-sea-sunny-day-ai-generative_123827-23862.jpg" },
|
||||
{ id: "p3", brand: "Culture", name: "European Heritage Tour", price: "$1,800", rating: 4, reviewCount: "156", imageSrc: "http://img.b2bpic.net/free-photo/blonde-girls-standing-street-holding-packages_23-2147652261.jpg" },
|
||||
{ id: "p4", brand: "Adventure", name: "Himalaya Trek", price: "$3,000", rating: 5, reviewCount: "84", imageSrc: "http://img.b2bpic.net/free-photo/three-friends-checking-map-while-traveling-by-car-together_23-2148771853.jpg" },
|
||||
{ id: "p5", brand: "Relax", name: "Bali Wellness Retreat", price: "$1,500", rating: 5, reviewCount: "210", imageSrc: "http://img.b2bpic.net/free-photo/woman-relaxing-her-camper-daylight_23-2149066260.jpg" },
|
||||
{ id: "p6", brand: "Family", name: "Mediterranean Cruise", price: "$2,200", rating: 4, reviewCount: "340", imageSrc: "http://img.b2bpic.net/free-photo/summer-vacations-parents-people-outdoor-activity-with-children-happy-family-holidays-father-pregnant-mother-baby-daughter-sea-sand-beach_627829-9536.jpg" }
|
||||
]}
|
||||
title="Featured Travel Packages"
|
||||
description="Choose your next adventure from our top-rated curated travel experiences."
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{
|
||||
id: "t1",
|
||||
name: "John Doe",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/shot-pleased-young-mixed-race-woman-has-afro-haircut-toothy-smile-shows-white-teeth-dreams-about-something-while-rests-bench-focused-into-distance-poses-outdoor-street-style-concept_273609-29653.jpg",
|
||||
},
|
||||
{
|
||||
id: "t2",
|
||||
name: "Sarah Smith",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/cheerful-blonde-with-blue-suitcase-sitting-chair-near-cafe-purple-pullover-jeans-makeup-hair-style-emotions-autumn-blonde-happy-knitted-smiling-model-beauty_343629-42.jpg",
|
||||
},
|
||||
{
|
||||
id: "t3",
|
||||
name: "Michael Brown",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-backpack-traveling-her-holiday-woman-lifestyle-concept_1150-4783.jpg",
|
||||
},
|
||||
{
|
||||
id: "t4",
|
||||
name: "Emily Davis",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brazilian-young-man-holding-vintage-camera-showing-pointing-up-with-fingers-number-two-while-smiling-confident-happy_839833-31888.jpg",
|
||||
},
|
||||
{
|
||||
id: "t5",
|
||||
name: "David Wilson",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-tourist-has-glad-expression-wears-fashionable-headgear_273609-25749.jpg",
|
||||
},
|
||||
]}
|
||||
cardTitle="Client Stories"
|
||||
cardTag="Loved by Thousands"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
<div id="testimonials" data-section="testimonials">
|
||||
<TestimonialCardTwelve
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "t1", name: "John Doe", imageSrc: "http://img.b2bpic.net/free-photo/shot-pleased-young-mixed-race-woman-has-afro-haircut-toothy-smile-shows-white-teeth-dreams-about-something-while-rests-bench-focused-into-distance-poses-outdoor-street-style-concept_273609-29653.jpg" },
|
||||
{ id: "t2", name: "Sarah Smith", imageSrc: "http://img.b2bpic.net/free-photo/cheerful-blonde-with-blue-suitcase-sitting-chair-near-cafe-purple-pullover-jeans-makeup-hair-style-emotions-autumn-blonde-happy-knitted-smiling-model-beauty_343629-42.jpg" },
|
||||
{ id: "t3", name: "Michael Brown", imageSrc: "http://img.b2bpic.net/free-photo/young-attractive-woman-backpack-traveling-her-holiday-woman-lifestyle-concept_1150-4783.jpg" },
|
||||
{ id: "t4", name: "Emily Davis", imageSrc: "http://img.b2bpic.net/free-photo/brazilian-young-man-holding-vintage-camera-showing-pointing-up-with-fingers-number-two-while-smiling-confident-happy_839833-31888.jpg" },
|
||||
{ id: "t5", name: "David Wilson", imageSrc: "http://img.b2bpic.net/free-photo/happy-tourist-has-glad-expression-wears-fashionable-headgear_273609-25749.jpg" }
|
||||
]}
|
||||
cardTitle="Client Stories"
|
||||
cardTag="Loved by Thousands"
|
||||
cardAnimation="blur-reveal"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "gradient-bars",
|
||||
}}
|
||||
tag="Stay Updated"
|
||||
title="Start Your Journey"
|
||||
description="Sign up for our newsletter to get exclusive deals and travel tips delivered to your inbox."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/calm-water-reflections-from-trees-sky_181624-46164.jpg"
|
||||
mediaAnimation="opacity"
|
||||
mediaPosition="right"
|
||||
/>
|
||||
</div>
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplit
|
||||
useInvertedBackground={false}
|
||||
background={{ variant: "gradient-bars" }}
|
||||
tag="Stay Updated"
|
||||
title="Start Your Journey"
|
||||
description="Sign up for our newsletter to get exclusive deals and travel tips delivered to your inbox."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/calm-water-reflections-from-trees-sky_181624-46164.jpg"
|
||||
mediaAnimation="opacity"
|
||||
mediaPosition="right"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "About Us",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
{
|
||||
items: [
|
||||
{
|
||||
label: "Destinations",
|
||||
href: "#destinations",
|
||||
},
|
||||
{
|
||||
label: "Packages",
|
||||
href: "#destinations",
|
||||
},
|
||||
{
|
||||
label: "Support",
|
||||
href: "#contact",
|
||||
},
|
||||
],
|
||||
},
|
||||
]}
|
||||
logoText="tourtheworld"
|
||||
/>
|
||||
</div>
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterLogoEmphasis
|
||||
columns={[
|
||||
{ items: [{ label: "About Us", href: "#" }, { label: "Careers", href: "#" }, { label: "Privacy", href: "#" }] },
|
||||
{ items: [{ label: "Destinations", href: "#destinations" }, { label: "Packages", href: "#destinations" }, { label: "Support", href: "#contact" }] }
|
||||
]}
|
||||
logoText="tourtheworld"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user