Update src/app/services/page.tsx

src/app/services/page.tsx

@@ -1,11 +1,8 @@
 "use client";
 
-import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
-import FeatureBento from "@/components/sections/feature/FeatureBento";
-import FooterBase from "@/components/sections/footer/FooterBase";
-import { Dumbbell, Users, Activity, Target } from "lucide-react";
+import FooterSimple from "@/components/sections/footer/FooterSimple";
 
 export default function ServicesPage() {
   return (
@@ -15,61 +12,35 @@ export default function ServicesPage() {
       borderRadius="pill"
       contentWidth="medium"
       sizing="medium"
-      background="none"
+      background="circleGradient"
       cardStyle="glass-elevated"
-      primaryButtonStyle="metallic"
+      primaryButtonStyle="gradient"
       secondaryButtonStyle="glass"
-      headingFontWeight="medium"
+      headingFontWeight="normal"
     >
-      <ReactLenis root>
+      <div id="nav" data-section="nav">
         <NavbarLayoutFloatingOverlay
-          brandName="Webild"
           navItems={[
-            { name: "Work", id: "/work" },
-            { name: "Services", id: "/services" },
+            { name: "Home", id: "/" },
             { name: "About", id: "/about" },
+            { name: "Services", id: "/services" },
             { name: "Contact", id: "/contact" },
           ]}
         />
-        
-        <FeatureBento
-          title="Our Fitness Services"
-          description="Comprehensive training programs designed to help you reach your peak physical performance."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          animationType="slide-up"
-          features={[
-            {
-              title: "Personal Training",              description: "One-on-one sessions tailored to your specific goals, fitness level, and schedule.",              bentoComponent: "media-stack",              items: [
-                { text: "Customized Workout Plans" },
-                { text: "Real-time Form Correction" },
-                { text: "Nutrition Guidance" },
-              ],
-            },
-            {
-              title: "Group Classes",              description: "Energetic group workouts that motivate and challenge you alongside a community.",              bentoComponent: "media-stack",              items: [
-                { text: "High Intensity Interval Training" },
-                { text: "Strength & Conditioning" },
-                { text: "Yoga & Mobility" },
-              ],
-            },
-            {
-              title: "Cardio & Strength Training",              description: "Access state-of-the-art equipment for independent strength building and cardiovascular health.",              bentoComponent: "media-stack",              items: [
-                { text: "Free Weights & Machines" },
-                { text: "Endurance Tracking" },
-                { text: "Performance Metrics" },
-              ],
-            },
-          ]}
-        />
-
-        <FooterBase
+      </div>
+      <div id="footer" data-section="footer">
+        <FooterSimple
+          bottomLeftText="© 2026 Webild"
+          bottomRightText="All rights reserved."
           columns={[
-            { title: "Company", items: [{ label: "About", href: "/about" }, { label: "Services", href: "/services" }] },
-            { title: "Services", items: [{ label: "Personal Training", href: "#" }, { label: "Group Classes", href: "#" }, { label: "Cardio & Strength", href: "#" }] },
+            {
+              title: "Services",              items: [
+                { label: "Dev", href: "#" },
+              ],
+            },
           ]}
         />
-      </ReactLenis>
+      </div>
     </ThemeProvider>
   );
-}
+}