Update src/app/services/page.tsx

src/app/services/page.tsx

@@ -30,7 +30,8 @@ export default function ServicesPage() {
             <NavbarLayoutFloatingOverlay
               navItems={[
                 { name: "Home", id: "/" },
-                { name: "Services", id: "#services" },
+                { name: "Services", id: "/services" },
+                { name: "How It Works", id: "/how-it-works" },
                 { name: "Contact", id: "/contact" },
               ]}
               brandName="Palante STS"
@@ -101,7 +102,7 @@ export default function ServicesPage() {
         <div id="cta" data-section="cta">
             <ContactText
               text="Ready to get started?"
-              buttons={[{ text: "Book a Consultation", href: "mailto:hello@palantests.com" }]}
+              buttons={[{ text: "Book a Consultation", href: "/contact" }]}
               background={{ variant: "sparkles-gradient" }}
               useInvertedBackground={false}
             />
@@ -110,10 +111,10 @@ export default function ServicesPage() {
         <div id="footer" data-section="footer">
             <FooterLogoEmphasis
               logoText="Palante STS"
-              columns={[{ items: [{ label: "Home", href: "/" }, { label: "Services", href: "#services" }] }]} 
+              columns={[{ items: [{ label: "Home", href: "/" }, { label: "Services", href: "/services" }, { label: "How It Works", href: "/how-it-works" }, { label: "Contact", href: "/contact" }] }]} 
             />
         </div>
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}