Update src/app/page.tsx
This commit is contained in:
244
src/app/page.tsx
244
src/app/page.tsx
@@ -33,25 +33,15 @@ export default function LandingPage() {
|
||||
<NavbarStyleFullscreen
|
||||
navItems={[
|
||||
{
|
||||
name: "Home",
|
||||
id: "hero",
|
||||
},
|
||||
name: "Home", id: "hero"},
|
||||
{
|
||||
name: "About",
|
||||
id: "about",
|
||||
},
|
||||
name: "About", id: "about"},
|
||||
{
|
||||
name: "Services",
|
||||
id: "features",
|
||||
},
|
||||
name: "Services", id: "features"},
|
||||
{
|
||||
name: "Tours",
|
||||
id: "products",
|
||||
},
|
||||
name: "Tours", id: "products"},
|
||||
{
|
||||
name: "Contact",
|
||||
id: "contact",
|
||||
},
|
||||
name: "Contact", id: "contact"},
|
||||
]}
|
||||
brandName="Jabal Adventures"
|
||||
/>
|
||||
@@ -60,68 +50,43 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroCentered
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
title="Discover Your Next Great Journey"
|
||||
description="Jabal Adventures provides bespoke travel experiences in the world's most breathtaking locations. Join us to experience the extraordinary."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/excited-dark-haired-man-sunglasses-resting-mountains-after-long-climbing-sincere-laughing_197531-4399.jpg",
|
||||
alt: "Happy travel customer mountain trip face",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/excited-dark-haired-man-sunglasses-resting-mountains-after-long-climbing-sincere-laughing_197531-4399.jpg", alt: "Happy travel customer mountain trip face"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-with-hat-traveling_23-2148518196.jpg",
|
||||
alt: "Satisfied traveler desert tour headshot",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiley-woman-with-hat-traveling_23-2148518196.jpg", alt: "Satisfied traveler desert tour headshot"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-with-backpack-looks-way-with-binoculars_641386-1063.jpg",
|
||||
alt: "Adventure traveler canyon trip face",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-man-with-backpack-looks-way-with-binoculars_641386-1063.jpg", alt: "Adventure traveler canyon trip face"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/travel-influencer-with-strong-signal-live-streaming-from-mountain-top_482257-125780.jpg",
|
||||
alt: "Excited hiking traveler mountain peak",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/travel-influencer-with-strong-signal-live-streaming-from-mountain-top_482257-125780.jpg", alt: "Excited hiking traveler mountain peak"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-wave-enduro-rider-dirt-track_346278-18.jpg",
|
||||
alt: "Mechanic wave to enduro rider on dirt track",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/mechanic-wave-enduro-rider-dirt-track_346278-18.jpg", alt: "Mechanic wave to enduro rider on dirt track"},
|
||||
]}
|
||||
avatarText="Trusted by 10,000+ travelers"
|
||||
buttons={[
|
||||
{
|
||||
text: "Explore Tours",
|
||||
href: "#products",
|
||||
},
|
||||
text: "Explore Tours", href: "#products"},
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Contact Us", href: "#contact"},
|
||||
]}
|
||||
marqueeItems={[
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Unforgettable Peaks",
|
||||
icon: Mountain,
|
||||
type: "text-icon", text: "Unforgettable Peaks", icon: Mountain,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Desert Expeditions",
|
||||
icon: Sun,
|
||||
type: "text-icon", text: "Desert Expeditions", icon: Sun,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Jungle Treks",
|
||||
icon: Mountain,
|
||||
type: "text-icon", text: "Jungle Treks", icon: Mountain,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Coastal Hikes",
|
||||
icon: Waves,
|
||||
type: "text-icon", text: "Coastal Hikes", icon: Waves,
|
||||
},
|
||||
{
|
||||
type: "text-icon",
|
||||
text: "Cultural Tours",
|
||||
icon: Compass,
|
||||
type: "text-icon", text: "Cultural Tours", icon: Compass,
|
||||
},
|
||||
]}
|
||||
/>
|
||||
@@ -134,17 +99,11 @@ export default function LandingPage() {
|
||||
description="With over two decades of expertise, Jabal Adventures curates seamless travel experiences that blend comfort, challenge, and cultural immersion."
|
||||
metrics={[
|
||||
{
|
||||
value: "20+",
|
||||
title: "Years Experience",
|
||||
},
|
||||
value: "20+", title: "Years Experience"},
|
||||
{
|
||||
value: "500+",
|
||||
title: "Successful Expeditions",
|
||||
},
|
||||
value: "500+", title: "Successful Expeditions"},
|
||||
{
|
||||
value: "98%",
|
||||
title: "Satisfied Clients",
|
||||
},
|
||||
value: "98%", title: "Satisfied Clients"},
|
||||
]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/friends-sitting-map_23-2147654151.jpg"
|
||||
mediaAnimation="slide-up"
|
||||
@@ -159,34 +118,16 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
id: "f1",
|
||||
label: "Luxury",
|
||||
title: "Premium Comfort",
|
||||
items: [
|
||||
"Hand-picked accommodations",
|
||||
"Private transport",
|
||||
"Elite guides",
|
||||
],
|
||||
id: "f1", label: "Stress-Free Planning", title: "Premium Comfort", items: [
|
||||
"Hand-picked accommodations", "Private transport", "Elite guides"],
|
||||
},
|
||||
{
|
||||
id: "f2",
|
||||
label: "Security",
|
||||
title: "Safety First",
|
||||
items: [
|
||||
"Certified experts",
|
||||
"Emergency support",
|
||||
"Insurance coverage",
|
||||
],
|
||||
id: "f2", label: "Guaranteed Safety", title: "Safety First", items: [
|
||||
"Certified experts", "Emergency support", "Insurance coverage"],
|
||||
},
|
||||
{
|
||||
id: "f3",
|
||||
label: "Expertise",
|
||||
title: "Local Knowledge",
|
||||
items: [
|
||||
"Native guides",
|
||||
"Cultural insights",
|
||||
"Hidden gems",
|
||||
],
|
||||
id: "f3", label: "Local Expertise", title: "Local Knowledge", items: [
|
||||
"Native guides", "Cultural insights", "Hidden gems"],
|
||||
},
|
||||
]}
|
||||
title="Why Choose Jabal Adventures"
|
||||
@@ -202,47 +143,17 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
products={[
|
||||
{
|
||||
id: "p1",
|
||||
name: "Everest Base Camp",
|
||||
price: "$4,500",
|
||||
variant: "Extreme",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-climbing-rocks_23-2148743995.jpg",
|
||||
},
|
||||
id: "p1", name: "Everest Base Camp", price: "$4,500", variant: "Extreme", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-climbing-rocks_23-2148743995.jpg"},
|
||||
{
|
||||
id: "p2",
|
||||
name: "Arabian Sands Safari",
|
||||
price: "$2,200",
|
||||
variant: "Desert",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-hot-summer-prairie-sunny_1253-372.jpg",
|
||||
},
|
||||
id: "p2", name: "Arabian Sands Safari", price: "$2,200", variant: "Desert", imageSrc: "http://img.b2bpic.net/free-photo/young-hot-summer-prairie-sunny_1253-372.jpg"},
|
||||
{
|
||||
id: "p3",
|
||||
name: "Alpine Trekking Tour",
|
||||
price: "$3,100",
|
||||
variant: "Mountain",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/tourist-resting-mountain-peak_1398-1008.jpg",
|
||||
},
|
||||
id: "p3", name: "Alpine Trekking Tour", price: "$3,100", variant: "Mountain", imageSrc: "http://img.b2bpic.net/free-photo/tourist-resting-mountain-peak_1398-1008.jpg"},
|
||||
{
|
||||
id: "p4",
|
||||
name: "Deep Jungle Escape",
|
||||
price: "$2,800",
|
||||
variant: "Nature",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/hiker-posing-big-tree_23-2147683111.jpg",
|
||||
},
|
||||
id: "p4", name: "Deep Jungle Escape", price: "$2,800", variant: "Nature", imageSrc: "http://img.b2bpic.net/free-photo/hiker-posing-big-tree_23-2147683111.jpg"},
|
||||
{
|
||||
id: "p5",
|
||||
name: "Historical City Walk",
|
||||
price: "$1,500",
|
||||
variant: "Culture",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/crop-women-with-backpacks_23-2147814292.jpg",
|
||||
},
|
||||
id: "p5", name: "Historical City Walk", price: "$1,500", variant: "Culture", imageSrc: "http://img.b2bpic.net/free-photo/crop-women-with-backpacks_23-2147814292.jpg"},
|
||||
{
|
||||
id: "p6",
|
||||
name: "Coastal Cliffs Hike",
|
||||
price: "$1,900",
|
||||
variant: "Ocean",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/young-couple-honeymoon-greece-mountains_1303-15042.jpg",
|
||||
},
|
||||
id: "p6", name: "Coastal Cliffs Hike", price: "$1,900", variant: "Ocean", imageSrc: "http://img.b2bpic.net/free-photo/young-couple-honeymoon-greece-mountains_1303-15042.jpg"},
|
||||
]}
|
||||
title="Our Featured Expeditions"
|
||||
description="Hand-picked destinations for the modern explorer looking for something truly unique."
|
||||
@@ -256,54 +167,27 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
plans={[
|
||||
{
|
||||
id: "basic",
|
||||
badge: "Essential",
|
||||
price: "$1,200",
|
||||
subtitle: "For independent explorers",
|
||||
features: [
|
||||
"Standard support",
|
||||
"Shared group",
|
||||
"Daily breakfast",
|
||||
],
|
||||
id: "basic", badge: "Essential", price: "$1,200", subtitle: "For independent explorers", features: [
|
||||
"Standard support", "Shared group", "Daily breakfast"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Basic",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Basic", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "pro",
|
||||
badge: "Premium",
|
||||
price: "$2,800",
|
||||
subtitle: "For comfort seekers",
|
||||
features: [
|
||||
"Full support",
|
||||
"Private transport",
|
||||
"All-inclusive meals",
|
||||
],
|
||||
id: "pro", badge: "Premium", price: "$2,800", subtitle: "For comfort seekers", features: [
|
||||
"Full support", "Private transport", "All-inclusive meals"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Premium",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Premium", href: "#contact"},
|
||||
],
|
||||
},
|
||||
{
|
||||
id: "vip",
|
||||
badge: "Elite",
|
||||
price: "$5,000",
|
||||
subtitle: "The ultimate luxury",
|
||||
features: [
|
||||
"VIP guidance",
|
||||
"Luxury resorts",
|
||||
"Tailor-made itineraries",
|
||||
],
|
||||
id: "vip", badge: "Elite", price: "$5,000", subtitle: "The ultimate luxury", features: [
|
||||
"VIP guidance", "Luxury resorts", "Tailor-made itineraries"],
|
||||
buttons: [
|
||||
{
|
||||
text: "Book Elite",
|
||||
href: "#contact",
|
||||
},
|
||||
text: "Book Elite", href: "#contact"},
|
||||
],
|
||||
},
|
||||
]}
|
||||
@@ -320,25 +204,15 @@ export default function LandingPage() {
|
||||
author="Sarah M."
|
||||
avatars={[
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-man-holding-map-hand-taking-selfie-forest_23-2148148614.jpg",
|
||||
alt: "User 1",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/smiling-young-man-holding-map-hand-taking-selfie-forest_23-2148148614.jpg", alt: "User 1"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-young-man-pointing-away_23-2148377858.jpg",
|
||||
alt: "User 2",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/handsome-young-man-pointing-away_23-2148377858.jpg", alt: "User 2"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/woman-black-jacket-sitting-rock-formation-daytime_413556-61.jpg",
|
||||
alt: "User 3",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/woman-black-jacket-sitting-rock-formation-daytime_413556-61.jpg", alt: "User 3"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/adventure-seeker-hiking-mountain-range-stops-hydration_482257-119267.jpg",
|
||||
alt: "User 4",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/adventure-seeker-hiking-mountain-range-stops-hydration_482257-119267.jpg", alt: "User 4"},
|
||||
{
|
||||
src: "http://img.b2bpic.net/free-photo/young-male-traveler-going-hike_23-2149119434.jpg",
|
||||
alt: "User 5",
|
||||
},
|
||||
src: "http://img.b2bpic.net/free-photo/young-male-traveler-going-hike_23-2149119434.jpg", alt: "User 5"},
|
||||
]}
|
||||
ratingAnimation="slide-up"
|
||||
avatarsAnimation="slide-up"
|
||||
@@ -351,20 +225,11 @@ export default function LandingPage() {
|
||||
useInvertedBackground={false}
|
||||
faqs={[
|
||||
{
|
||||
id: "q1",
|
||||
title: "How do I book a tour?",
|
||||
content: "Book directly through our website or contact our team for custom itineraries.",
|
||||
},
|
||||
id: "q1", title: "How do I book a tour?", content: "Book directly through our website or contact our team for custom itineraries."},
|
||||
{
|
||||
id: "q2",
|
||||
title: "Do you provide travel insurance?",
|
||||
content: "Yes, we provide comprehensive travel insurance options for all our expedition packages.",
|
||||
},
|
||||
id: "q2", title: "Do you provide travel insurance?", content: "Yes, we provide comprehensive travel insurance options for all our expedition packages."},
|
||||
{
|
||||
id: "q3",
|
||||
title: "Can I cancel my tour?",
|
||||
content: "We offer flexible cancellation policies depending on the adventure package booked.",
|
||||
},
|
||||
id: "q3", title: "Can I cancel my tour?", content: "We offer flexible cancellation policies depending on the adventure package booked."},
|
||||
]}
|
||||
title="Common Questions"
|
||||
description="Here is everything you need to know before starting your next adventure with Jabal."
|
||||
@@ -376,14 +241,11 @@ export default function LandingPage() {
|
||||
<ContactText
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "radial-gradient",
|
||||
}}
|
||||
variant: "radial-gradient"}}
|
||||
text="Ready to experience the world differently? Contact our expert travel consultants today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Contact Us",
|
||||
href: "mailto:hello@jabaladventures.com",
|
||||
},
|
||||
text: "Contact Us", href: "mailto:hello@jabaladventures.com"},
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -397,4 +259,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user