diff --git a/pages/src/App.tsx b/pages/src/App.tsx
index 765c37ad..d8d7bb46 100644
--- a/pages/src/App.tsx
+++ b/pages/src/App.tsx
@@ -21,6 +21,7 @@ const App: React.FC = () => {
       <ScrollToTop />
       <Routes>
         <Route path="/" element={<LandingPage><FeaturesPage /></LandingPage>} />
+        <Route path="/features" element={<LandingPage><FeaturesPage /></LandingPage>} />
         <Route path="/benchmark" element={<LandingPage><BenchmarkPage /></LandingPage>} />
         <Route path="/quickstart" element={<LandingPage><QuickStartPage /></LandingPage>} />
         <Route path="/docs" element={<DocsPage />} />
diff --git a/pages/src/components/Navbar.tsx b/pages/src/components/Navbar.tsx
index 2ea18aac..d8e99f75 100644
--- a/pages/src/components/Navbar.tsx
+++ b/pages/src/components/Navbar.tsx
@@ -14,7 +14,7 @@ const LANG_OPTIONS: { value: Language; label: string }[] = [
 ];
 
 const navTabs = [
-  { path: '/', labelKey: 'navbar.features' },
+  { path: '/features', labelKey: 'navbar.features' },
   { path: '/benchmark', labelKey: 'navbar.benchmark' },
   { path: '/quickstart', labelKey: 'navbar.quickstart' },
   { path: '/docs', labelKey: 'navbar.docs' },
@@ -80,7 +80,7 @@ const Navbar: React.FC = () => {
         {!isMobile && (
           <div style={{ display: 'flex', alignItems: 'center', gap: 4 }}>
             {navTabs.map((tab) => {
-              const isActive = tab.path === '/' ? currentPath === '/' : currentPath.startsWith(tab.path);
+              const isActive = currentPath.startsWith(tab.path);
               return (
                 <button
                   key={tab.path}