From a373dc84ee62c20993b6113ed7fc7d90d8a734b3 Mon Sep 17 00:00:00 2001
From: bender <kudin.dima@gmail.com>
Date: Wed, 3 Jun 2026 12:33:57 +0000
Subject: [PATCH] Update src/app/services/page.tsx

---
 src/app/services/page.tsx | 155 ++++++++++++++++++++------------------
 1 file changed, 80 insertions(+), 75 deletions(-)

diff --git a/src/app/services/page.tsx b/src/app/services/page.tsx
index 9886533..828d08c 100644
--- a/src/app/services/page.tsx
+++ b/src/app/services/page.tsx
@@ -22,81 +22,86 @@ export default function ServicesPage() {
       headingFontWeight="medium"
     >
       <ReactLenis root>
-        <NavbarLayoutFloatingOverlay
-          brandName="Webild"
-          navItems={[
-            { name: "Work", href: "/#work" },
-            { name: "Services", href: "/services" },
-            { name: "About", href: "/#about" },
-            { name: "Contact", href: "/contact" }
-          ]}
-          button={{ text: "Get Started", href: "/contact" }}
-        />
-        <FeatureBorderGlow
-          id="services"
-          title="Our Web Design Services"
-          description="From initial concept to launch, we offer a comprehensive suite of services to build your online success."
-          textboxLayout="default"
-          useInvertedBackground={false}
-          animationType="slide-up"
-          features={[
-            {
-              icon: Palette,
-              title: "UI/UX Design",              description: "Crafting intuitive and visually stunning interfaces that engage users and drive conversions."
-            },
-            {
-              icon: Code,
-              title: "Custom Web Development",              description: "Building bespoke, high-performance websites tailored to your unique business needs and goals."
-            },
-            {
-              icon: Monitor,
-              title: "Responsive Design",              description: "Ensuring your website looks and functions flawlessly across all devices, from desktops to smartphones."
-            },
-            {
-              icon: Zap,
-              title: "Performance Optimization",              description: "Optimizing your site for speed and efficiency, providing a seamless user experience and improved SEO."
-            },
-            {
-              icon: ShoppingCart,
-              title: "E-commerce Solutions",              description: "Developing powerful online stores with secure payment gateways and easy product management."
-            },
-            {
-              icon: Shield,
-              title: "Website Security",              description: "Implementing robust security measures to protect your website and user data from threats."
-            }
-          ]}
-        />
-        <FooterBase
-          logoText="Webild"
-          copyrightText="© 2026 | Webild"
-          columns={[
-            {
-              title: "Company",              items: [
-                { label: "About", href: "/#about" },
-                { label: "Services", href: "/services" },
-                { label: "Work", href: "/#work" },
-                { label: "Contact", href: "/contact" }
-              ]
-            },
-            {
-              title: "Services",              items: [
-                { label: "Web Development", href: "/services" },
-                { label: "SEO", href: "/services" },
-                { label: "Branding", href: "/services" },
-                { label: "UI/UX Design", href: "/services" }
-              ]
-            },
-            {
-              title: "Connect",              items: [
-                { label: "Twitter", href: "#" },
-                { label: "LinkedIn", href: "#" },
-                { label: "Instagram", href: "#" },
-                { label: "Dribbble", href: "#" }
-              ]
-            }
-          ]}
-        />
+        <div id="nav" data-section="nav">
+          <NavbarLayoutFloatingOverlay
+            brandName="Webild"
+            navItems={[
+              { name: "Work", id: "/#work" },
+              { name: "Services", id: "/services" },
+              { name: "About", id: "/#about" },
+              { name: "Contact", id: "/contact" }
+            ]}
+            button={{ text: "Get Started", href: "/contact" }}
+          />
+        </div>
+        <div id="services" data-section="services">
+          <FeatureBorderGlow
+            title="Our Web Design Services"
+            description="From initial concept to launch, we offer a comprehensive suite of services to build your online success."
+            textboxLayout="default"
+            useInvertedBackground={false}
+            animationType="slide-up"
+            features={[
+              {
+                icon: Palette,
+                title: "UI/UX Design",              description: "Crafting intuitive and visually stunning interfaces that engage users and drive conversions."
+              },
+              {
+                icon: Code,
+                title: "Custom Web Development",              description: "Building bespoke, high-performance websites tailored to your unique business needs and goals."
+              },
+              {
+                icon: Monitor,
+                title: "Responsive Design",              description: "Ensuring your website looks and functions flawlessly across all devices, from desktops to smartphones."
+              },
+              {
+                icon: Zap,
+                title: "Performance Optimization",              description: "Optimizing your site for speed and efficiency, providing a seamless user experience and improved SEO."
+              },
+              {
+                icon: ShoppingCart,
+                title: "E-commerce Solutions",              description: "Developing powerful online stores with secure payment gateways and easy product management."
+              },
+              {
+                icon: Shield,
+                title: "Website Security",              description: "Implementing robust security measures to protect your website and user data from threats."
+              }
+            ]}
+          />
+        </div>
+        <div id="footer" data-section="footer">
+          <FooterBase
+            logoText="Webild"
+            copyrightText="© 2026 | Webild"
+            columns={[
+              {
+                title: "Company",              items: [
+                  { label: "About", href: "/#about" },
+                  { label: "Services", href: "/services" },
+                  { label: "Work", href: "/#work" },
+                  { label: "Contact", href: "/contact" }
+                ]
+              },
+              {
+                title: "Services",              items: [
+                  { label: "Web Development", href: "/services" },
+                  { label: "SEO", href: "/services" },
+                  { label: "Branding", href: "/services" },
+                  { label: "UI/UX Design", href: "/services" }
+                ]
+              },
+              {
+                title: "Connect",              items: [
+                  { label: "Twitter", href: "#" },
+                  { label: "LinkedIn", href: "#" },
+                  { label: "Instagram", href: "#" },
+                  { label: "Dribbble", href: "#" }
+                ]
+              }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
\ No newline at end of file
+}