Update src/app/page.tsx
This commit is contained in:
147
src/app/page.tsx
147
src/app/page.tsx
@@ -29,18 +29,9 @@ export default function LandingPage() {
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingOverlay
|
||||
navItems={[
|
||||
{
|
||||
name: "Explore",
|
||||
id: "#hero",
|
||||
},
|
||||
{
|
||||
name: "Trails",
|
||||
id: "#features",
|
||||
},
|
||||
{
|
||||
name: "Insights",
|
||||
id: "#metrics",
|
||||
},
|
||||
{ name: "Explore", id: "#hero" },
|
||||
{ name: "Trails", id: "#features" },
|
||||
{ name: "Insights", id: "#metrics" }
|
||||
]}
|
||||
brandName="PeakPath"
|
||||
/>
|
||||
@@ -49,38 +40,23 @@ export default function LandingPage() {
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplitDualMedia
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
variant: "glowing-orb"
|
||||
}}
|
||||
title="Explore trails like never before"
|
||||
description="Immersive 3D scrolling experiences bring hiking destinations to life. Discover your next adventure through interactive, dynamic storytelling."
|
||||
tag="Next Gen Exploration"
|
||||
buttons={[
|
||||
{
|
||||
text: "Start Exploring",
|
||||
href: "#features",
|
||||
},
|
||||
text: "Start Exploring", href: "#features"
|
||||
}
|
||||
]}
|
||||
mediaItems={[
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dramatic-mountain-ridge-stormy-sky_84443-83786.jpg",
|
||||
imageAlt: "Mountain Landscape",
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/dramatic-mountain-ridge-stormy-sky_84443-83786.jpg", imageAlt: "Mountain Landscape"
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-live-abstract-wallpaper-coming-out-screen_23-2151033601.jpg",
|
||||
imageAlt: "3D Topography",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/brown-bird-flying-near-mountain_198169-173.jpg",
|
||||
imageAlt: "Brown Bird Flying Near Mountain",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/majestic-mountain-peak-emerges-from-swirling-clouds-dawn_9975-32766.jpg",
|
||||
imageAlt: "Majestic mountain peak emerges from swirling clouds at dawn",
|
||||
},
|
||||
{
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/gray-rocky-mountain-white-clouds-daytime_414077-19.jpg",
|
||||
imageAlt: "Gray rocky mountain under white clouds during daytime",
|
||||
},
|
||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-smartphone-with-live-abstract-wallpaper-coming-out-screen_23-2151033601.jpg", imageAlt: "3D Topography"
|
||||
}
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
rating={5}
|
||||
@@ -95,35 +71,20 @@ export default function LandingPage() {
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{
|
||||
id: "m1",
|
||||
value: "1.2k+",
|
||||
title: "Active Trails",
|
||||
items: [
|
||||
"Well-mapped routes",
|
||||
"Real-time updates",
|
||||
"Verified paths",
|
||||
],
|
||||
id: "m1", value: "1.2k+", title: "Active Trails", items: [
|
||||
"Well-mapped routes", "Real-time updates", "Verified paths"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "m2",
|
||||
value: "450k",
|
||||
title: "Hiker Miles",
|
||||
items: [
|
||||
"Community logged",
|
||||
"High reliability",
|
||||
"Verified ascents",
|
||||
],
|
||||
id: "m2", value: "450k", title: "Hiker Miles", items: [
|
||||
"Community logged", "High reliability", "Verified ascents"
|
||||
]
|
||||
},
|
||||
{
|
||||
id: "m3",
|
||||
value: "98%",
|
||||
title: "Satisfaction",
|
||||
items: [
|
||||
"User-rated trails",
|
||||
"Detailed guides",
|
||||
"Safe recommendations",
|
||||
],
|
||||
},
|
||||
id: "m3", value: "98%", title: "Satisfaction", items: [
|
||||
"User-rated trails", "Detailed guides", "Safe recommendations"
|
||||
]
|
||||
}
|
||||
]}
|
||||
title="Trail Stats at a Glance"
|
||||
description="Visualize your journey with real-time data insights."
|
||||
@@ -132,24 +93,22 @@ export default function LandingPage() {
|
||||
|
||||
<div id="features" data-section="features">
|
||||
<FeatureBorderGlow
|
||||
animationType="blur-reveal"
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
features={[
|
||||
{
|
||||
icon: Map,
|
||||
title: "Real-time 3D Maps",
|
||||
description: "Interactive WebGL terrain models you can zoom, rotate, and traverse digitally.",
|
||||
title: "Real-time 3D Maps", description: "Interactive WebGL terrain models you can zoom, rotate, and traverse digitally."
|
||||
},
|
||||
{
|
||||
icon: Mountain,
|
||||
title: "Elevation Profiles",
|
||||
description: "Precise topographical data visualization to help you prepare for the climb ahead.",
|
||||
title: "Elevation Profiles", description: "Precise topographical data visualization to help you prepare for the climb ahead."
|
||||
},
|
||||
{
|
||||
icon: Clock,
|
||||
title: "Live Trail Conditions",
|
||||
description: "Stay updated on weather, path accessibility, and crowd density in real-time.",
|
||||
},
|
||||
title: "Live Trail Conditions", description: "Stay updated on weather, path accessibility, and crowd density in real-time."
|
||||
}
|
||||
]}
|
||||
title="Explore Your Way"
|
||||
description="Cutting-edge tools to preview, plan, and navigate the most breathtaking trails on Earth."
|
||||
@@ -161,13 +120,7 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
names={[
|
||||
"National Geographic",
|
||||
"Outdoor Life",
|
||||
"AllTrails",
|
||||
"REI Adventures",
|
||||
"The North Face",
|
||||
"Patagonia",
|
||||
"TrailFinder",
|
||||
"National Geographic", "Outdoor Life", "AllTrails", "REI Adventures", "The North Face", "Patagonia", "TrailFinder"
|
||||
]}
|
||||
title="Trusted by Industry Leaders"
|
||||
description="Join thousands of enthusiasts who trust PeakPath for their wilderness explorations."
|
||||
@@ -178,16 +131,15 @@ export default function LandingPage() {
|
||||
<ContactCTA
|
||||
useInvertedBackground={false}
|
||||
background={{
|
||||
variant: "glowing-orb",
|
||||
variant: "glowing-orb"
|
||||
}}
|
||||
tag="Get Started"
|
||||
title="Ready for your next adventure?"
|
||||
description="Sign up for early access to our immersive 3D trail preview platform and start planning your next escape today."
|
||||
buttons={[
|
||||
{
|
||||
text: "Register Now",
|
||||
href: "#",
|
||||
},
|
||||
text: "Register Now", href: "#"
|
||||
}
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
@@ -197,44 +149,35 @@ export default function LandingPage() {
|
||||
logoText="PeakPath"
|
||||
columns={[
|
||||
{
|
||||
title: "Company",
|
||||
items: [
|
||||
title: "Company", items: [
|
||||
{
|
||||
label: "About",
|
||||
href: "#",
|
||||
label: "About", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Careers",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
label: "Careers", href: "#"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Resources",
|
||||
items: [
|
||||
title: "Resources", items: [
|
||||
{
|
||||
label: "Trail Map",
|
||||
href: "#",
|
||||
label: "Trail Map", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Safety Tips",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
label: "Safety Tips", href: "#"
|
||||
}
|
||||
]
|
||||
},
|
||||
{
|
||||
title: "Legal",
|
||||
items: [
|
||||
title: "Legal", items: [
|
||||
{
|
||||
label: "Privacy",
|
||||
href: "#",
|
||||
label: "Privacy", href: "#"
|
||||
},
|
||||
{
|
||||
label: "Terms",
|
||||
href: "#",
|
||||
},
|
||||
],
|
||||
},
|
||||
label: "Terms", href: "#"
|
||||
}
|
||||
]
|
||||
}
|
||||
]}
|
||||
copyrightText="© 2024 PeakPath. All rights reserved."
|
||||
/>
|
||||
@@ -242,4 +185,4 @@ export default function LandingPage() {
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user