bender/32c0c847-8430-411a-9b4b-b58f4248bebe
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Merge version_3 into main #3

Merged
bender merged 2 commits from version_3 into main 2026-03-03 09:28:52 +00:00
Conversation 0 Commits 2 Files Changed 2 +94 -78
2 changed files with 94 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

27
src/app/layout.tsx
View File

@@ -9,36 +9,37 @@ const montserrat = Montserrat({
});
export const metadata: Metadata = {
title: "Hike and Bike | Premium Adventure Tours in Norway & Switzerland", description: "Discover premium guided hiking and biking tours through Norway's Jotunheimen and Switzerland's Alpine terrain. Expert guides, luxury accommodations, small groups. Book your unforgettable adventure today.", keywords: "Norway hiking tours, Jotunheimen biking trips, Switzerland alpine tours, guided mountain adventures, premium travel", metadataBase: new URL("https://hikeandbike.com"),
title: "Hike and Bike | Self-Guided Alpine Tours with App & Accommodation", description: "Discover self-guided hiking and biking tours through Norway and Switzerland with our smart mobile app. Pre-booked accommodations included in all base packages. Optional bike rentals and limited guided tours available.", keywords: "self-guided hiking tours, app-based biking trails, Norway self-guided tours, Switzerland alpine hiking, self-guided adventure travel, mountain biking app, pre-booked accommodation", metadataBase: new URL("https://hikeandbike.com"),
alternates: {
canonical: "https://hikeandbike.com"},
canonical: "https://hikeandbike.com"
},
openGraph: {
title: "Hike and Bike | Premium Alpine Adventures", description: "Expert-guided hiking and biking tours in Norway and Switzerland. Luxury accommodations, small groups, authentic alpine experiences.", url: "https://hikeandbike.com", siteName: "Hike and Bike", type: "website", images: [
title: "Hike and Bike | Self-Guided Alpine Adventures with Smart App", description: "Explore Norway and Switzerland at your own pace with our innovative mobile app. All packages include pre-booked luxury accommodations.", url: "https://hikeandbike.com", siteName: "Hike and Bike", type: "website", images: [
{
url: "http://img.b2bpic.net/free-photo/man-walking-stone-pathway-surrounded-by-mountains-plants-lake_181624-3853.jpg", alt: "Mountain landscape in Norway"},
],
url: "http://img.b2bpic.net/free-photo/man-walking-stone-pathway-surrounded-by-mountains-plants-lake_181624-3853.jpg", alt: "Mountain landscape in Norway"
}
]
},
twitter: {
card: "summary_large_image", title: "Hike and Bike | Premium Alpine Adventures", description: "Discover Norway and Switzerland's most spectacular hiking and biking routes with expert guides.", images: [
"http://img.b2bpic.net/free-photo/man-walking-stone-pathway-surrounded-by-mountains-plants-lake_181624-3853.jpg"],
card: "summary_large_image", title: "Hike and Bike | Self-Guided Alpine Adventures", description: "Explore at your own pace with our app. Pre-booked accommodations, optional guides and rentals.", images: [
"http://img.b2bpic.net/free-photo/man-walking-stone-pathway-surrounded-by-mountains-plants-lake_181624-3853.jpg"
]
},
robots: {
index: true,
follow: true,
},
follow: true
}
};
export default function RootLayout({
children,
children
}: Readonly<{
children: React.ReactNode;
}>) {
return (
<html lang="en" suppressHydrationWarning>
<ServiceWrapper>
<body
className={`${montserrat.variable} antialiased`}
>
<body className={`${montserrat.variable} antialiased`}>
<Tag />
{children}

145
src/app/page.tsx
View File

@@ -7,7 +7,7 @@ import ProductCardTwo from "@/components/sections/product/ProductCardTwo";
import FeatureCardTwentyFour from "@/components/sections/feature/FeatureCardTwentyFour";
import TestimonialCardTen from "@/components/sections/testimonial/TestimonialCardTen";
import FooterLogoEmphasis from "@/components/sections/footer/FooterLogoEmphasis";
import { Mountain, MapPin, Heart } from "lucide-react";
import { Mountain, MapPin, Heart, Smartphone, MapPinCheck, RotateCcw } from "lucide-react";
import Link from "next/link";
export default function HomePage() {
@@ -16,7 +16,7 @@ export default function HomePage() {
{ name: "Norway Tours", id: "/norway" },
{ name: "Switzerland Tours", id: "/switzerland" },
{ name: "Book Now", id: "/booking" },
{ name: "About", id: "/about" },
{ name: "About", id: "/about" }
];
const footerColumns = [
@@ -24,37 +24,37 @@ export default function HomePage() {
items: [
{ label: "Home", href: "/" },
{ label: "Norway Tours", href: "/norway" },
{ label: "Switzerland Tours", href: "/switzerland" },
],
{ label: "Switzerland Tours", href: "/switzerland" }
]
},
{
items: [
{ label: "Book Now", href: "/booking" },
{ label: "About Us", href: "/about" },
{ label: "Contact", href: "#contact" },
],
{ label: "Contact", href: "#contact" }
]
},
{
items: [
{ label: "Privacy Policy", href: "#" },
{ label: "Terms & Conditions", href: "#" },
{ label: "Cancellation Policy", href: "#" },
],
{ label: "Cancellation Policy", href: "#" }
]
},
{
items: [
{ label: "Instagram", href: "https://instagram.com" },
{ label: "Facebook", href: "https://facebook.com" },
{ label: "LinkedIn", href: "https://linkedin.com" },
],
{ label: "LinkedIn", href: "https://linkedin.com" }
]
},
{
items: [
{ label: "Newsletter", href: "#newsletter" },
{ label: "GDPR Compliance", href: "#" },
{ label: "Company Info", href: "#" },
],
},
{ label: "Company Info", href: "#" }
]
}
];
return (
@@ -74,16 +74,16 @@ export default function HomePage() {
<NavbarStyleFullscreen
navItems={navItems}
brandName="Hike and Bike"
bottomLeftText="Europe's Premium Adventure Tours"
bottomLeftText="Self-Guided Alpine Tours with Smart App"
bottomRightText="hello@hikeandbike.com"
/>
</div>
<div id="hero" data-section="hero">
<HeroSplitTestimonial
title="Explore Higher. Ride Further."
description="Premium guided hiking and biking tours through Norway and Switzerland's most spectacular alpine terrain. Discover unparalleled natural beauty with expert local guides and luxury accommodations."
tag="Adventure Awaits"
title="Explore Higher. Ride Further. On Your Terms."
description="Self-guided hiking and biking tours through Norway and Switzerland powered by our innovative mobile app. Pre-booked luxury accommodations included in every package. Choose your own pace, discover at your own speed, with optional bike rentals and select guided experiences available."
tag="Freedom With Structure"
tagIcon={Mountain}
background={{ variant: "glowing-orb" }}
imageSrc="http://img.b2bpic.net/free-photo/man-walking-stone-pathway-surrounded-by-mountains-plants-lake_181624-3853.jpg?_wi=1"
@@ -92,28 +92,32 @@ export default function HomePage() {
testimonials={[
{
name: "Sarah Johnson", handle: "Adventure Enthusiast", testimonial:
"The most transformative travel experience of my life. Every detail was perfectly orchestrated.", rating: 5,
"The app made navigation effortless. I could explore at my own pace while knowing my accommodation was perfectly arranged. Pure freedom.", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg?_wi=1"},
"http://img.b2bpic.net/free-photo/casual-smile-street-style-background-spring_1139-777.jpg?_wi=1"
},
{
name: "Michael Chen", handle: "Corporate Group Leader", testimonial:
"Our team bonding experience exceeded all expectations. Professional and unforgettable.", rating: 5,
name: "Michael Chen", handle: "Tech-Savvy Traveler", testimonial:
"The smart app with offline maps and real-time weather was impressive. Biking rentals were optional but included when I needed them.", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1"},
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=1"
},
{
name: "Emma Rodriguez", handle: "Trail Enthusiast", testimonial:
"Guides demonstrated exceptional knowledge and safety awareness. Worth every moment.", rating: 5,
name: "Emma Rodriguez", handle: "Independent Explorer", testimonial:
"Self-guided meant I could take detours and spend time where I wanted. The app's safety features and accommodation booking were seamless.", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/portrait-asian-young-tourist-woman-is-hiking-top-mounting-looking-beautiful-landscape-with-copy-space-travel-lifestyle-wanderlust-adventure-concept-vacations-outdoor_1150-61674.jpg?_wi=1"},
"http://img.b2bpic.net/free-photo/portrait-asian-young-tourist-woman-is-hiking-top-mounting-looking-beautiful-landscape-with-copy-space-travel-lifestyle-wanderlust-adventure-concept-vacations-outdoor_1150-61674.jpg?_wi=1"
},
{
name: "David Kim", handle: "Mountain Lover", testimonial:
"Premium accommodations combined with authentic alpine experiences. Truly exceptional.", rating: 5,
name: "David Kim", handle: "Mountain Enthusiast", testimonial:
"Switzerland's 100% self-guided model was perfect. Norway's optional guides for select routes gave me flexibility when I wanted expert insight.", rating: 5,
imageSrc:
"http://img.b2bpic.net/free-photo/portrait-pensive-male-traveler-standing-nature-handsome-caucasian-man-traveling-carrying-backpack-backpacking-tourism-adventure-summer-vacation-concept_74855-11904.jpg?_wi=1"},
"http://img.b2bpic.net/free-photo/portrait-pensive-male-traveler-standing-nature-handsome-caucasian-man-traveling-carrying-backpack-backpacking-tourism-adventure-summer-vacation-concept_74855-11904.jpg?_wi=1"
}
]}
buttons={[
{ text: "Explore Norway", href: "/norway" },
{ text: "Discover Switzerland", href: "/switzerland" },
{ text: "Discover Switzerland", href: "/switzerland" }
]}
mediaAnimation="slide-up"
buttonAnimation="slide-up"
@@ -123,8 +127,8 @@ export default function HomePage() {
<div id="destinations" data-section="destinations">
<ProductCardTwo
title="Featured Destinations"
description="Curated alpine experiences in Europe's most breathtaking mountain regions"
title="Self-Guided Alpine Experiences"
description="Curated self-guided routes with pre-booked accommodations, smart app navigation, and optional add-ons"
tag="Explore"
tagIcon={MapPin}
textboxLayout="default"
@@ -133,75 +137,86 @@ export default function HomePage() {
gridVariant="asymmetric-60-wide-40-narrow"
products={[
{
id: "1", brand: "Norway", name: "Jotunheimen National Park", price: "From $2,890", rating: 5,
id: "1", brand: "Norway", name: "Jotunheimen Self-Guided Trek", price: "From $2,890", rating: 5,
reviewCount: "847", imageSrc:
"http://img.b2bpic.net/free-photo/young-hipster-beautiful-couple-hiking-river-forest_285396-2252.jpg?_wi=1", imageAlt: "Jotunheimen Norway mountain national park hiking"},
"http://img.b2bpic.net/free-photo/young-hipster-beautiful-couple-hiking-river-forest_285396-2252.jpg?_wi=1", imageAlt: "Jotunheimen Norway mountain self-guided hiking"
},
{
id: "2", brand: "Switzerland", name: "Zermatt Alpine Experience", price: "From $3,290", rating: 5,
id: "2", brand: "Switzerland", name: "Zermatt Alpine Self-Guided Tour", price: "From $3,290", rating: 5,
reviewCount: "612", imageSrc:
"http://img.b2bpic.net/free-photo/beautiful-shot-matterhorn-mountain-alps_181624-35478.jpg?_wi=1", imageAlt: "Zermatt Switzerland matterhorn alpine mountain"},
"http://img.b2bpic.net/free-photo/beautiful-shot-matterhorn-mountain-alps_181624-35478.jpg?_wi=1", imageAlt: "Zermatt Switzerland self-guided alpine mountain tour"
},
{
id: "3", brand: "Norway", name: "Geirangerfjord Adventure", price: "From $2,490", rating: 5,
id: "3", brand: "Norway", name: "Geirangerfjord Biking Adventure", price: "From $2,490", rating: 5,
reviewCount: "523", imageSrc:
"http://img.b2bpic.net/free-photo/flam-norway-june-06-2023-mountain_58702-11016.jpg?_wi=1", imageAlt: "Geirangerfjord Norway fjord landscape scenic"},
"http://img.b2bpic.net/free-photo/flam-norway-june-06-2023-mountain_58702-11016.jpg?_wi=1", imageAlt: "Geirangerfjord Norway self-guided biking adventure"
}
]}
/>
</div>
<div id="testimonials" data-section="testimonials">
<TestimonialCardTen
title="Trusted by Adventure Seekers"
description="Real experiences from travelers who've discovered Europe's alpine treasures with us"
title="Trusted by Independent Adventurers"
description="Real experiences from travelers who've discovered self-guided freedom combined with structured comfort through our app and accommodations"
textboxLayout="default"
useInvertedBackground={false}
tag="Client Stories"
tagIcon={Heart}
testimonials={[
{
id: "1", title: "A Life-Changing Mountain Experience", quote:
"From the moment our guide met us at the hotel to our final summit, every detail reflected premium quality and authentic passion for these mountains.", name: "Sarah Mitchell", role: "CEO, Adventure Collective", imageSrc:
"http://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg?_wi=1", imageAlt: "Sarah Mitchell - CEO"},
id: "1", title: "Self-Guided Freedom with Perfect Structure", quote:
"The app guided me through every trail while letting me explore at my own pace. Returning to a pre-booked luxury hotel each night was the perfect balance of adventure and comfort.", name: "Sarah Mitchell", role: "CEO, Adventure Collective", imageSrc:
"http://img.b2bpic.net/free-photo/studio-portrait-successful-young-businesswoman_1262-5844.jpg?_wi=1", imageAlt: "Sarah Mitchell - CEO"
},
{
id: "2", title: "Perfect Corporate Retreat", quote:
"Our team came back transformed. The combination of physical challenge, stunning scenery, and genuine camaraderie created unforgettable bonds.", name: "James Patterson", role: "COO, Tech Innovations Inc.", imageSrc:
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "James Patterson - COO"},
id: "2", title: "App-Powered Exploration at Our Pace", quote:
"Our team loved the independence. Everyone could choose different routes each day via the app, yet we had the security of knowing our accommodation was waiting. Bike rentals were easy to add on.", name: "James Patterson", role: "COO, Tech Innovations Inc.", imageSrc:
"http://img.b2bpic.net/free-photo/close-up-portrait-young-handsome-successful-man_1163-5475.jpg?_wi=2", imageAlt: "James Patterson - COO"
},
{
id: "3", title: "Luxury Meets Authenticity", quote:
"You don't sacrifice comfort for authenticity here. The accommodations were exceptional, yet we experienced genuine alpine culture and heritage.", name: "Victoria Larsson", role: "Travel Editor, Alpine Quarterly", imageSrc:
"http://img.b2bpic.net/free-photo/portrait-young-pretty-woman-sitting-table-trench-coat-working-laptop-co-working-office-wearing-glasses-smiling-happy-positive-workplace_285396-65.jpg", imageAlt: "Victoria Larsson - Travel Editor"},
id: "3", title: "Switzerland's Pure Self-Guided Experience", quote:
"100% self-guided in Switzerland meant total freedom. The app's offline maps were exceptional. Combined with inclusive accommodations, it was the perfect solo adventure.", name: "Victoria Larsson", role: "Travel Editor, Alpine Quarterly", imageSrc:
"http://img.b2bpic.net/free-photo/portrait-young-pretty-woman-sitting-table-trench-coat-working-laptop-co-working-office-wearing-glasses-smiling-happy-positive-workplace_285396-65.jpg", imageAlt: "Victoria Larsson - Travel Editor"
},
{
id: "4", title: "Safety and Expertise Combined", quote:
"As someone with climbing experience, I was impressed by the guides' professionalism. Safety protocols were rigorous without feeling restrictive.", name: "Marcus Weber", role: "Mountain Guide & Author", imageSrc:
"http://img.b2bpic.net/free-photo/thrilled-adventurer-celebrates-reaching-mountain-summit-embodying-spirit-determination_482257-135638.jpg", imageAlt: "Marcus Weber - Mountain Guide"},
id: "4", title: "Guides When You Want Them", quote:
"I did most of it self-guided, but opted for a guided day on a challenging Norway route. Having that choice—with everything seamlessly integrated into the app—was brilliant.", name: "Marcus Weber", role: "Mountain Guide & Author", imageSrc:
"http://img.b2bpic.net/free-photo/thrilled-adventurer-celebrates-reaching-mountain-summit-embodying-spirit-determination_482257-135638.jpg", imageAlt: "Marcus Weber - Mountain Guide"
}
]}
/>
</div>
<div id="why-choose" data-section="why-choose">
<FeatureCardTwentyFour
title="Why Choose Hike and Bike"
description="Premium service differentiators that set us apart in alpine adventure travel"
title="Why Choose Self-Guided Adventures with Hike and Bike"
description="Experience freedom combined with the structure and comfort that make alpine exploration truly accessible"
features={[
{
id: "1", title: "Expert Local Guides", author: "Professional Mountain Expertise", description:
"Certified guides with decades of combined alpine experience. Deep knowledge of trails, weather patterns, and local culture.", tags: ["Safety", "Expertise", "Local Knowledge"],
id: "1", title: "Smart App Navigation", author: "Explore at Your Own Pace", description:
"Innovative mobile app with offline maps, real-time weather, trail recommendations, and step-by-step navigation. Discover routes on your schedule, not ours.", tags: ["App-Based", "Offline Maps", "Real-Time Data"],
imageSrc:
"http://img.b2bpic.net/free-photo/sporty-woman_1098-14631.jpg?_wi=1", imageAlt: "Mountain guide professional hiking team"},
"http://img.b2bpic.net/free-photo/sporty-woman_1098-14631.jpg?_wi=1", imageAlt: "Hiker using mobile app for navigation"
},
{
id: "2", title: "Small Group Experience", author: "Personalized Adventures", description:
"Limited groups ensure personalized attention and meaningful connections. Maximum 12 participants per tour.", tags: ["Exclusive", "Personal", "Intimate"],
id: "2", title: "Pre-Booked Accommodations Included", author: "Comfort Guaranteed Each Night", description:
"All base packages include hand-selected 4-5 star alpine hotels and lodges. Focus on exploration; we handle the logistics.", tags: ["Luxury Stays", "Pre-Arranged", "Included"],
imageSrc:
"http://img.b2bpic.net/free-photo/group-people-is-hiking-norway-mountains-group-hikers-with-backpacks-tracking-mountains_613910-20462.jpg?_wi=1", imageAlt: "Group hiking team adventure mountain"},
"http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497270.jpg?_wi=1", imageAlt: "Luxury alpine hotel accommodation"
},
{
id: "3", title: "Luxury Accommodations", author: "Premium Alpine Comfort", description:
"Hand-selected 4-5 star accommodations featuring mountain views, gourmet dining, and authentic alpine hospitality.", tags: ["Comfort", "Premium", "Luxury"],
id: "3", title: "Optional Bike Rentals & Equipment", author: "Flexibility in Your Hands", description:
"Choose to add bike rentals, guide services, or specialized equipment through the app. Only pay for what you want to enhance your adventure.", tags: ["Add-Ons", "Flexible", "Transparent Pricing"],
imageSrc:
"http://img.b2bpic.net/free-photo/indoor-design-luxury-resort_23-2150497270.jpg?_wi=1", imageAlt: "Luxury hotel mountain accommodation interior"},
"http://img.b2bpic.net/free-photo/group-people-is-hiking-norway-mountains-group-hikers-with-backpacks-tracking-mountains_613910-20462.jpg?_wi=1", imageAlt: "Mountain biking adventure with rentals"
},
{
id: "4", title: "Complete Logistics", author: "Seamless Experience", description:
"All logistics handled: transfers, route planning, permits, equipment. You simply arrive and adventure.", tags: ["Convenience", "Planning", "Support"],
id: "4", title: "Selective Guided Options", author: "Expert Insight When You Need It", description:
"Limited guided experiences available on select Norway routes. Switzerland remains 100% self-guided. Choose independence or expert guidance per route.", tags: ["Optional Guides", "Choice", "Expert Knowledge"],
imageSrc:
"http://img.b2bpic.net/free-photo/young-manual-worker-presenting-new-business-strategy-company-managers-his-colleagues-factory_637285-4142.jpg", imageAlt: "Planning organization team meeting logistics"},
"http://img.b2bpic.net/free-photo/young-manual-worker-presenting-new-business-strategy-company-managers-his-colleagues-factory_637285-4142.jpg", imageAlt: "Guide leading mountain experience"
}
]}
textboxLayout="default"
useInvertedBackground={false}