From f8f63bef07edf89d16e54ca112f67cb99e7776fd Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Fri, 8 May 2026 18:33:38 +0000
Subject: [PATCH] Update src/app/services/page.tsx

---
 src/app/services/page.tsx | 181 +++++++++++---------------------------
 1 file changed, 52 insertions(+), 129 deletions(-)

diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index f1b7811..10ff9b7 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -8,7 +8,7 @@ import FooterBase from '@/components/sections/footer/FooterBase';
 import NavbarStyleCentered from '@/components/navbar/NavbarStyleCentered/NavbarStyleCentered';
 import { Waves } from "lucide-react";
 
-export default function LandingPage() {
+export default function ServicesPage() {
   return (
     <ThemeProvider
         defaultButtonVariant="shift-hover"
@@ -23,137 +23,60 @@ export default function LandingPage() {
         headingFontWeight="medium"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarStyleCentered
-      navItems={[
-        {
-          name: "Home",
-          id: "/",
-        },
-        {
-          name: "Services",
-          id: "/services",
-        },
-        {
-          name: "Classes",
-          id: "/classes",
-        },
-        {
-          name: "Booking",
-          id: "/booking",
-        },
-        {
-          name: "Contact",
-          id: "/contact",
-        },
-      ]}
-      brandName="PIVOT FITNESS"
-    />
-  </div>
+        <div id="nav" data-section="nav">
+          <NavbarStyleCentered
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "Services", id: "/services" },
+              { name: "Classes", id: "/classes" },
+              { name: "Booking", id: "/booking" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="PIVOT FITNESS"
+          />
+        </div>
 
-  <div id="services-list" data-section="services-list">
-      <FeatureCardTwelve
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      features={[
-        {
-          id: "1",
-          label: "Performance",
-          title: "Personal Training",
-          items: [
-            "One-on-one coaching",
-            "Custom meal plans",
-            "Progress tracking",
-          ],
-        },
-        {
-          id: "2",
-          label: "Community",
-          title: "Group Classes",
-          items: [
-            "HIIT Sessions",
-            "Strength Circuits",
-            "Core Training",
-          ],
-        },
-        {
-          id: "3",
-          label: "Recovery",
-          title: "Yoga & Pilates",
-          items: [
-            "Mobility flow",
-            "Flexibility training",
-            "Mind-body connection",
-          ],
-        },
-      ]}
-      title="Elite Fitness Services"
-      description="Tailored programs to meet your health and wellness goals."
-    />
-  </div>
+        <div id="services-list" data-section="services-list">
+          <FeatureCardTwelve
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            features={[
+              { id: "1", label: "Performance", title: "Personal Training", items: ["One-on-one coaching", "Custom meal plans", "Progress tracking"] },
+              { id: "2", label: "Community", title: "Group Classes", items: ["HIIT Sessions", "Strength Circuits", "Core Training"] },
+              { id: "3", label: "Recovery", title: "Yoga & Pilates", items: ["Mobility flow", "Flexibility training", "Mind-body connection"] },
+            ]}
+            title="Elite Fitness Services"
+            description="Tailored programs to meet your health and wellness goals."
+          />
+        </div>
 
-  <div id="feature" data-section="feature">
-      <FeatureCardTen
-      animationType="slide-up"
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Our Amenities"
-      description="Beyond the equipment, we offer complete recovery."
-      features={[
-        {
-          title: "Sauna",
-          description: "Relax after your session.",
-          media: {
-            imageSrc: "asset://amenity-sauna",
-          },
-          items: [
-            {
-              icon: Waves,
-              text: "Dry Heat",
-            },
-          ],
-          reverse: false,
-          imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qo7br4&_wi=1",
-          imageAlt: "luxury gym interior dark aesthetic",
-        },
-      ]}
-    />
-  </div>
+        <div id="feature" data-section="feature">
+          <FeatureCardTen
+            animationType="slide-up"
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Our Amenities"
+            description="Beyond the equipment, we offer complete recovery."
+            features={[
+              {
+                title: "Sauna",                description: "Relax after your session.",                media: { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/default/no-image.jpg?id=qo7br4" },
+                items: [{ icon: Waves, text: "Dry Heat" }],
+                reverse: false
+              },
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        {
-          title: "Services",
-          items: [
-            {
-              label: "Personal Training",
-              href: "/services",
-            },
-            {
-              label: "Yoga",
-              href: "/services",
-            },
-          ],
-        },
-        {
-          title: "Company",
-          items: [
-            {
-              label: "About Us",
-              href: "/about",
-            },
-            {
-              label: "Contact",
-              href: "/contact",
-            },
-          ],
-        },
-      ]}
-      logoText="PIVOT FITNESS"
-    />
-  </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            columns={[
+              { title: "Services", items: [{ label: "Personal Training", href: "/services" }, { label: "Yoga", href: "/services" }] },
+              { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] },
+            ]}
+            logoText="PIVOT FITNESS"
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );