src/app/services/page.tsx

@@ -23,61 +23,63 @@ export default function ServicesPage() {
         headingFontWeight="light"
     >
       <ReactLenis root>
-  <div id="nav" data-section="nav">
-      <NavbarLayoutFloatingInline
-      navItems={[
-        { name: "Home", id: "/" },
-        { name: "About", id: "/about" },
-        { name: "Services", id: "/services" },
-        { name: "Contact", id: "/contact" },
-      ]}
-      brandName="Regency Plumbing"
-      button={{ text: "Get a Quote", href: "/contact" }}
-    />
-  </div>
+        <div id="nav" data-section="nav">
+            <NavbarLayoutFloatingInline
+            navItems={[
+              { name: "Home", id: "/" },
+              { name: "About", id: "/about" },
+              { name: "Services", id: "/services" },
+              { name: "Contact", id: "/contact" },
+            ]}
+            brandName="Regency Plumbing"
+            button={{ text: "Get a Quote", href: "/contact" }}
+          />
+        </div>
 
-  <div id="services-list" data-section="services-list">
-      <FeatureBorderGlow
-      animationType="slide-up"
-      textboxLayout="split"
-      useInvertedBackground={true}
-      features={[
-        { title: "General Plumbing", description: "Full plumbing maintenance for your home.", icon: Wrench },
-        { title: "Leak Repairs", description: "Quick identification and fixing of all leaks.", icon: Droplet },
-        { title: "Drain Cleaning", description: "Professional cleaning of clogged drains.", icon: Waves },
-        { title: "Bathroom Installations", description: "New bathroom fittings and installation.", icon: Droplets },
-        { title: "Emergency Plumbing", description: "Available for urgent plumbing needs.", icon: AlertTriangle },
-      ]}
-      title="Our Professional Services"
-      description="We offer a wide range of plumbing services to keep your home running smoothly."
-    />
-  </div>
+        <div id="services-list" data-section="services-list">
+            <FeatureBorderGlow
+            animationType="slide-up"
+            textboxLayout="split"
+            useInvertedBackground={true}
+            features={[
+              { title: "General Plumbing", description: "Full plumbing maintenance for your home.", icon: Wrench },
+              { title: "Leak Repairs", description: "Quick identification and fixing of all leaks.", icon: Droplet },
+              { title: "Drain Cleaning", description: "Professional cleaning of clogged drains.", icon: Waves },
+              { title: "Bathroom Installations", description: "New bathroom fittings and installation.", icon: Droplets },
+              { title: "Emergency Plumbing", description: "Available for urgent plumbing needs.", icon: AlertTriangle },
+            ]}
+            title="Our Professional Services"
+            description="We offer a wide range of plumbing services to keep your home running smoothly."
+          />
+        </div>
 
-  <div id="feature" data-section="feature">
-      <FeatureCardTwentySix
-      textboxLayout="default"
-      useInvertedBackground={false}
-      title="Why Choose Us?"
-      description="Benefits of choosing our services."
-      features={[
-        {
-          title: "Quality Assured",          description: "Satisfaction guarantee.",          icon: CheckCircle,
-        },
-        {
-          title: "Competitive Rates",          description: "No hidden fees.",          icon: BadgePercent,
-        },
-      ]}
-    />
-  </div>
+        <div id="feature" data-section="feature">
+            <FeatureCardTwentySix
+            textboxLayout="default"
+            useInvertedBackground={false}
+            title="Why Choose Us?"
+            description="Benefits of choosing our services."
+            features={[
+              {
+                title: "Quality Assured",          
+                description: "Satisfaction guarantee."
+              },
+              {
+                title: "Competitive Rates",          
+                description: "No hidden fees."
+              },
+            ]}
+          />
+        </div>
 
-  <div id="footer" data-section="footer">
-      <FooterBase
-      columns={[
-        { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] },
-        { title: "Services", items: [{ label: "General Plumbing", href: "/services" }, { label: "Emergency", href: "/services" }] }
-      ]}
-    />
-  </div>
+        <div id="footer" data-section="footer">
+            <FooterBase
+            columns={[
+              { title: "Company", items: [{ label: "About Us", href: "/about" }, { label: "Contact", href: "/contact" }] },
+              { title: "Services", items: [{ label: "General Plumbing", href: "/services" }, { label: "Emergency", href: "/services" }] }
+            ]}
+          />
+        </div>
       </ReactLenis>
     </ThemeProvider>
   );