From 4e709c84455c7454bb1ce8dd8a321726b9bea8a3 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 13 May 2026 13:50:07 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 76 ++++++++++++++++++------------------------------
 1 file changed, 29 insertions(+), 47 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index edf751a..757f1f1 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -1,13 +1,14 @@
 "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 HeroSplitKpi from '@/components/sections/hero/HeroSplitKpi';
+import TestimonialAboutCard from '@/components/sections/about/TestimonialAboutCard';
+import FeatureCardThree from '@/components/sections/feature/featureCardThree/FeatureCardThree';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
+import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
+import { Shield, Clock, Smile } from 'lucide-react';
 
 export default function BorrowdaleVillageWalkPage() {
   return (
@@ -31,90 +32,71 @@ export default function BorrowdaleVillageWalkPage() {
             { name: "Contact", id: "contact" },
           ]}
           brandName="Borrowdale Village Walk"
-          button={{ text: "Get Started" }}
         />
         
-        <div id="hero">
-          <HeroBillboard
+        <div id="hero" data-section="hero">
+          <HeroSplitKpi
             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" }]}
+            kpis={[{ value: "15+", label: "Paths" }, { value: "500+", label: "Visitors" }, { value: "4.9", label: "Rating" }]}
           />
         </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."
-            ]}
+        <div id="about" data-section="about">
+          <TestimonialAboutCard
+            tag="Our Story"
+            title="Borrowdale Village Walk"
+            description="Borrowdale Village Walk is dedicated to preserving the natural beauty of our local landscapes while sharing it with explorers of all ages."
+            subdescription="Our guided tours focus on sustainable tourism, local history, and providing a relaxing experience for every visitor."
+            icon={Shield}
+            imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dfi64W5OAKPYfmFKtdIN9sZaaB/uploaded-1778679850690-ynsix8uc.jpg"
             useInvertedBackground={false}
           />
         </div>
 
-        <div id="walks">
-          <FeatureBento
+        <div id="walks" data-section="walks">
+          <FeatureCardThree
             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"
+            gridVariant="bento-grid"
             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.",                media: { type: 'image', src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dfi64W5OAKPYfmFKtdIN9sZaaB/uploaded-1778679850690-ynsix8uc.jpg" },
-                items: [{ title: "Difficulty", description: "Easy" }, { title: "Duration", description: "2 Hours" }, { title: "Age", description: "All ages" }],
-                reverse: false
+                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.",                media: { type: 'image', src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dfi64W5OAKPYfmFKtdIN9sZaaB/uploaded-1778679850690-ynsix8uc.jpg" },
-                items: [{ title: "Difficulty", description: "Easy" }, { title: "Duration", description: "1.5 Hours" }, { title: "Age", description: "All ages" }],
-                reverse: true
+                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-1778679850690-ynsix8uc.jpg"
               },
               { 
                 title: "Sunset Panoramic Trail", 
-                description: "Experience breathtaking views at golden hour on our most popular elevated route.",                media: { type: 'image', src: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3Dfi64W5OAKPYfmFKtdIN9sZaaB/uploaded-1778679850690-ynsix8uc.jpg" },
-                items: [{ title: "Difficulty", description: "Moderate" }, { title: "Duration", description: "3 Hours" }, { title: "Age", description: "12+" }],
-                reverse: false
+                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
+        <div id="contact" data-section="contact">
+          <ContactCenter
             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
+        <FooterLogoReveal
           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: "#" }
-              ] 
-            }
-          ]}
+          leftLink={{ text: "Privacy Policy", href: "#" }}
+          rightLink={{ text: "Terms of Service", href: "#" }}
         />
       </ReactLenis>
     </ThemeProvider>