From 777e1bc7ac9dcc3e7d09ab20e18235acbfbea218 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Mon, 6 Apr 2026 19:16:39 +0000
Subject: [PATCH] Update src/app/page.tsx

---
 src/app/page.tsx | 103 ++++++++++++++---------------------------------
 1 file changed, 31 insertions(+), 72 deletions(-)

diff --git a/src/app/page.tsx b/src/app/page.tsx
index fe3fea1..71026f9 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -4,12 +4,12 @@ import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import ReactLenis from "lenis/react";
 import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FeatureCardMedia from '@/components/sections/feature/FeatureCardMedia';
-import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
+import FooterLogoReveal from '@/components/sections/footer/FooterLogoReveal';
 import HeroSplitDualMedia from '@/components/sections/hero/HeroSplitDualMedia';
 import NavbarLayoutFloatingInline from '@/components/navbar/NavbarLayoutFloatingInline';
-import TestimonialCardFifteen from '@/components/sections/testimonial/TestimonialCardFifteen';
+import TestimonialCardTwelve from '@/components/sections/testimonial/TestimonialCardTwelve';
 import TextAbout from '@/components/sections/about/TextAbout';
-import { Calendar, Heart, Mail, Wrench } from "lucide-react";
+import { Calendar, Heart, Mail, Wrench, Bike } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -29,33 +29,26 @@ export default function LandingPage() {
   <div id="nav" data-section="nav">
       <NavbarLayoutFloatingInline
       navItems={[
-        {
-          name: "Home",          id: "hero"},
-        {
-          name: "Services",          id: "services"},
-        {
-          name: "Testimonials",          id: "testimonials"},
-        {
-          name: "Contact",          id: "contact"},
+        { name: "Home", id: "hero" },
+        { name: "About", id: "about" },
+        { name: "Services", id: "services" },
+        { name: "Testimonials", id: "testimonials" },
+        { name: "Contact", id: "contact" },
       ]}
       brandName="Otto's"
-      button={{
-        text: "Book Repair"}}
+      button={{ text: "Book Repair" }}
     />
   </div>
 
   <div id="hero" data-section="hero">
       <HeroSplitDualMedia
-      background={{
-        variant: "gradient-bars"}}
+      background={{ variant: "gradient-bars" }}
       title="Your Trusted Local Hub for Bike Repair and Fresh Water"
       description="Providing top-tier bicycle maintenance and high-quality drinking water services to our community since 2010."
       tag="Since 2010"
       mediaItems={[
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-bicycle-gear_1170-2509.jpg",          imageAlt: "Bicycle Repair Station"},
-        {
-          imageSrc: "http://img.b2bpic.net/free-photo/girl-with-red-nails-puts-bottle-water-scrapheap_1304-3027.jpg",          imageAlt: "Fresh Water Service"}
+        { imageSrc: "http://img.b2bpic.net/free-photo/mechanic-holding-bicycle-gear_1170-2509.jpg", imageAlt: "Bicycle Repair Station" },
+        { imageSrc: "http://img.b2bpic.net/free-photo/girl-with-red-nails-puts-bottle-water-scrapheap_1304-3027.jpg", imageAlt: "Fresh Water Service" }
       ]}
       mediaAnimation="slide-up"
       rating={5}
@@ -70,10 +63,7 @@ export default function LandingPage() {
       tag="Our Mission"
       title="Committed to Keeping You Moving and Hydrated"
       tagIcon={Heart}
-      buttons={[
-        {
-          text: "Learn More",          href: "#services"},
-      ]}
+      buttons={[{ text: "Learn More", href: "#services" }]}
     />
   </div>
 
@@ -83,50 +73,36 @@ export default function LandingPage() {
       textboxLayout="split"
       useInvertedBackground={false}
       features={[
-        {
-          id: "f1",          title: "Bicycle Tune-ups",          description: "Full-service maintenance to ensure your bike is road-ready for any journey.",          tag: "Repair",          imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-repairing-bike-shop_23-2148932602.jpg"},
-        {
-          id: "f2",          title: "Purity Water Fill",          description: "Ultra-filtered drinking water available in bulk for all your hydration needs.",          tag: "Hydration",          imageSrc: "http://img.b2bpic.net/free-photo/close-focus-bartender-makes-homemade-lemonade-pours-sparkling-water-rustic-jar-with-strawberry-slices-ice-cubes-inside_346278-726.jpg"},
-        {
-          id: "f3",          title: "Rapid Repairs",          description: "Flat tires, chain issues, or brake adjustments handled quickly while you wait.",          tag: "Support",          imageSrc: "http://img.b2bpic.net/free-photo/repairman-workshop_1098-15533.jpg"},
+        { id: "f1", title: "Bicycle Tune-ups", description: "Full-service maintenance to ensure your bike is road-ready for any journey.", tag: "Repair", imageSrc: "http://img.b2bpic.net/free-photo/close-up-man-repairing-bike-shop_23-2148932602.jpg" },
+        { id: "f2", title: "Purity Water Fill", description: "Ultra-filtered drinking water available in bulk for all your hydration needs.", tag: "Hydration", imageSrc: "http://img.b2bpic.net/free-photo/close-focus-bartender-makes-homemade-lemonade-pours-sparkling-water-rustic-jar-with-strawberry-slices-ice-cubes-inside_346278-726.jpg" },
+        { id: "f3", title: "E-bike Rentals", description: "Explore the city with our fleet of premium electric bikes, perfect for short trips.", tag: "Rental", imageSrc: "http://img.b2bpic.net/free-photo/young-man-riding-electric-bike_23-2149132145.jpg" },
       ]}
       title="Expert Services We Provide"
-      description="Professional maintenance to keep your bike rolling and high-purity water to keep you refreshed."
+      description="Professional maintenance, fresh water, and electric mobility solutions."
       tag="Our Services"
       tagIcon={Wrench}
     />
   </div>
 
   <div id="testimonials" data-section="testimonials">
-      <TestimonialCardFifteen
-      useInvertedBackground={false}
-      testimonial="Otto’s is a staple of our neighborhood! Fast, friendly, and reliable service for both my bike and water refills."
-      rating={5}
-      author="Sarah Thompson"
-      avatars={[
-        {
-          src: "http://img.b2bpic.net/free-photo/woman-fastening-helmet-man_23-2147764135.jpg",          alt: "Customer 1"},
-        {
-          src: "http://img.b2bpic.net/free-photo/young-caucasian-man-smiling-confident-standing-with-arms-crossed-gesture-street_839833-30694.jpg",          alt: "Customer 2"},
-        {
-          src: "http://img.b2bpic.net/free-photo/mechanic-examining-bicycles_1170-2371.jpg",          alt: "Customer 3"},
-        {
-          src: "http://img.b2bpic.net/free-photo/young-blond-girl-happy-expression_1194-4509.jpg",          alt: "Customer 4"},
-        {
-          src: "http://img.b2bpic.net/free-photo/mechanic-holding-bicycle_1170-2609.jpg",          alt: "Customer 5"},
+      <TestimonialCardTwelve
+      cardTitle="What Our Community Says"
+      cardTag="Testimonials"
+      cardAnimation="slide-up"
+      testimonials={[
+        { id: "t1", name: "Sarah T.", imageSrc: "http://img.b2bpic.net/free-photo/woman-fastening-helmet-man_23-2147764135.jpg" },
+        { id: "t2", name: "Mike D.", imageSrc: "http://img.b2bpic.net/free-photo/young-caucasian-man-smiling-confident-standing-with-arms-crossed-gesture-street_839833-30694.jpg" },
+        { id: "t3", name: "Alex R.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-examining-bicycles_1170-2371.jpg" }
       ]}
-      ratingAnimation="slide-up"
-      avatarsAnimation="slide-up"
     />
   </div>
 
   <div id="contact" data-section="contact">
       <ContactCenter
       useInvertedBackground={false}
-      background={{
-        variant: "gradient-bars"}}
+      background={{ variant: "gradient-bars" }}
       tag="Contact Us"
-      title="Need Help? Reach Out to Otto's"
+      title="Get in Touch"
       description="Send us an inquiry for your repair request or visit us for fresh water anytime."
       tagIcon={Mail}
       inputPlaceholder="Enter your email address"
@@ -135,30 +111,13 @@ export default function LandingPage() {
   </div>
 
   <div id="footer" data-section="footer">
-      <FooterBaseCard
+      <FooterLogoReveal
       logoText="Otto's Bicycle & Water"
-      columns={[
-        {
-          title: "Services",          items: [
-            {
-              label: "Bike Repair",              href: "#services"},
-            {
-              label: "Water Shop",              href: "#services"},
-          ],
-        },
-        {
-          title: "Info",          items: [
-            {
-              label: "Contact",              href: "#contact"},
-            {
-              label: "Privacy",              href: "#"},
-          ],
-        },
-      ]}
-      copyrightText="© 2025 Otto's Bicycle & Water Shop"
+      leftLink={{ text: "Privacy Policy", href: "#" }}
+      rightLink={{ text: "Contact", href: "#contact" }}
     />
   </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}
\ No newline at end of file
-- 
2.49.1