diff --git a/src/app/page.tsx b/src/app/page.tsx
index 23862a7..f9200cc 100644
--- a/src/app/page.tsx
+++ b/src/app/page.tsx
@@ -14,7 +14,7 @@ import { Award, Code, CreditCard, Gauge, Lock, Palette, Quote, ShoppingCart, Sma
 export default function LandingPage() {
   return (
     <ThemeProvider
-      defaultButtonVariant="hover-bubble"
+      defaultButtonVariant="hover-magnetic"
       defaultTextAnimation="entrance-slide"
       borderRadius="rounded"
       contentWidth="medium"
@@ -29,7 +29,7 @@ export default function LandingPage() {
         <NavbarStyleFullscreen
           navItems={[
             { name: "Home", id: "hero" },
-            { name: "About", id: "about" },
+            { name: "About", id: "/about" },
             { name: "Services", id: "services" },
             { name: "Work", id: "testimonials" },
             { name: "Contact", id: "contact" },