Files
6581a562-ebb2-41b7-91f6-704…/src/app/page.tsx
2026-05-13 13:50:51 +00:00

120 lines
4.9 KiB
TypeScript

"use client";
import ReactLenis from "lenis/react";
import HeroBillboard from "@/components/sections/hero/HeroBillboard";
import TextSplitAbout from "@/components/sections/about/TextSplitAbout";
import FeatureBento from "@/components/sections/feature/FeatureBento";
import ContactCTA from "@/components/sections/contact/ContactCTA";
import FooterBase from "@/components/sections/footer/FooterBase";
import NavbarLayoutFloatingInline from "@/components/navbar/NavbarLayoutFloatingInline";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import { Coffee, MapPin, Clock } from "lucide-react";
export default function BorrowdaleVillageWalkPage() {
return (
<ThemeProvider
defaultButtonVariant="hover-bubble"
defaultTextAnimation="reveal-blur"
borderRadius="soft"
contentWidth="medium"
sizing="medium"
background="none"
cardStyle="solid"
primaryButtonStyle="gradient"
secondaryButtonStyle="solid"
headingFontWeight="semibold"
>
<ReactLenis root>
<NavbarLayoutFloatingInline
navItems={[
{ name: "About", id: "about" },
{ name: "Walks", id: "walks" },
{ name: "Contact", id: "contact" },
]}
brandName="Borrowdale Village Walk"
button={{ text: "Get Started" }}
/>
<div id="hero">
<HeroBillboard
title="Experience the Beauty of Borrowdale"
description="Join us for a guided walk through one of the most picturesque villages in the heart of nature. Discover hidden paths and stunning vistas."
background={{ variant: "sparkles-gradient" }}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dfi64W5OAKPYfmFKtdIN9sZaaB/uploaded-1778680013360-47r14ky2.jpg"
imageAlt="Borrowdale Village Walk"
buttons={[{ text: "Book Your Walk", href: "#contact" }]}
/>
</div>
<div id="about">
<TextSplitAbout
title="Our Story"
description={[
"Borrowdale Village Walk is dedicated to preserving the natural beauty of our local landscapes while sharing it with explorers of all ages.", "Our guided tours focus on sustainable tourism, local history, and providing a relaxing experience for every visitor."
]}
useInvertedBackground={false}
/>
</div>
<div id="walks">
<FeatureBento
title="Explore Our Walks"
description="We offer a variety of curated experiences that highlight the unique charm and biodiversity of the Borrowdale area."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={true}
features={[
{
title: "Morning Nature Hike",
description: "A gentle 2-hour walk focusing on local flora and fauna with a professional guide.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dfi64W5OAKPYfmFKtdIN9sZaaB/uploaded-1778679850690-ynsix8uc.jpg"
},
{
title: "Historical Village Tour",
description: "Discover the rich heritage and architecture that defines Borrowdale village life.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dfi64W5OAKPYfmFKtdIN9sZaaB/uploaded-1778680013360-47r14ky2.jpg"
},
{
title: "Sunset Panoramic Trail",
description: "Experience breathtaking views at golden hour on our most popular elevated route.",
imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dfi64W5OAKPYfmFKtdIN9sZaaB/uploaded-1778679850690-ynsix8uc.jpg"
}
]}
/>
</div>
<div id="contact">
<ContactCTA
tag="Join Us"
title="Ready for an Adventure?"
description="Book your walking tour today and create lasting memories in the beautiful Borrowdale village."
buttons={[{ text: "Contact Us", href: "#" }]}
background={{ variant: "radial-gradient" }}
useInvertedBackground={false}
/>
</div>
<FooterBase
logoText="Borrowdale Village Walk"
columns={[
{
title: "Navigate",
items: [
{ label: "Home", href: "#" },
{ label: "About", href: "#about" },
{ label: "Walks", href: "#walks" }
]
},
{
title: "Contact",
items: [
{ label: "info@borrowdalewalks.com", href: "mailto:info@borrowdalewalks.com" },
{ label: "Village Square, Borrowdale", href: "#" }
]
}
]}
/>
</ReactLenis>
</ThemeProvider>
);
}