diff --git a/pages/src/App.tsx b/pages/src/App.tsx
index e0b88b91..cab09d44 100644
--- a/pages/src/App.tsx
+++ b/pages/src/App.tsx
@@ -4,6 +4,7 @@ import LandingPage from './components/LandingPage';
 import ErrorBoundary from './components/ErrorBoundary';
 import { useTranslation } from './i18n';
 import FeaturesPage from './pages/FeaturesPage';
+import FeaturesRoutePage from './pages/FeaturesRoutePage';
 
 const BenchmarkPage = React.lazy(() => import(/* webpackChunkName: "benchmark-page" */ './pages/BenchmarkPage'));
 const QuickStartPage = React.lazy(() => import(/* webpackChunkName: "quickstart-page" */ './pages/QuickStartPage'));
@@ -74,6 +75,7 @@ const App: React.FC = () => {
         <Suspense fallback={<div style={{ minHeight: '100vh', background: '#000000' }} />}>
           <Routes>
             <Route path="/" element={<LandingPage><FeaturesPage /></LandingPage>} />
+            <Route path="/features" element={<LandingPage><FeaturesRoutePage /></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..00f167d5 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,9 @@ 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 = tab.path === '/features'
+                ? (currentPath === '/' || currentPath.startsWith('/features'))
+                : currentPath.startsWith(tab.path);
               return (
                 <button
                   key={tab.path}
diff --git a/pages/src/pages/FeaturesRoutePage.tsx b/pages/src/pages/FeaturesRoutePage.tsx
new file mode 100644
index 00000000..2f32fcea
--- /dev/null
+++ b/pages/src/pages/FeaturesRoutePage.tsx
@@ -0,0 +1,19 @@
+import React from 'react';
+import FeaturesSection from '../components/FeaturesSection';
+import Footer from '../components/Footer';
+import FadeInSection from '../components/FadeInSection';
+
+const FeaturesRoutePage: React.FC = () => {
+  return (
+    <div style={{ paddingTop: 72 }}>
+      <FadeInSection>
+        <FeaturesSection />
+      </FadeInSection>
+      <FadeInSection>
+        <Footer />
+      </FadeInSection>
+    </div>
+  );
+};
+
+export default FeaturesRoutePage;