diff --git a/app/components/Navbar.tsx b/app/components/Navbar.tsx
index 8fdd427..3481b44 100644
--- a/app/components/Navbar.tsx
+++ b/app/components/Navbar.tsx
@@ -43,15 +43,30 @@ export function Navbar() {
 
         {/* Nav links */}
         <nav className="flex items-center gap-[3rem]">
-          {navLinks.map((link) => (
-            <Link
-              key={link.href}
-              href={link.href}
-              className="text-[1.125rem] font-semibold text-[#222221] tracking-[0.01125rem] hover:text-[#f6a701] transition-colors"
-            >
-              {link.label}
-            </Link>
-          ))}
+          {navLinks.map((link) =>
+            link.href.startsWith("#") ? (
+              <a
+                key={link.href}
+                href={link.href}
+                onClick={(e) => {
+                  e.preventDefault();
+                  document.getElementById(link.href.slice(1))?.scrollIntoView({ behavior: "smooth" });
+                  history.replaceState(null, "", link.href);
+                }}
+                className="text-[1.125rem] font-semibold text-[#222221] tracking-[0.01125rem] hover:text-[#f6a701] transition-colors cursor-pointer"
+              >
+                {link.label}
+              </a>
+            ) : (
+              <Link
+                key={link.href}
+                href={link.href}
+                className="text-[1.125rem] font-semibold text-[#222221] tracking-[0.01125rem] hover:text-[#f6a701] transition-colors"
+              >
+                {link.label}
+              </Link>
+            )
+          )}
         </nav>
 
         {/* CTA buttons */}