src/App.tsx

@@ -4,6 +4,7 @@ import HomePage from './pages/HomePage';
 
 import ProductsPage from "@/pages/ProductsPage";
 import AboutPage from "@/pages/AboutPage";
+import FeaturesPage from "@/pages/FeaturesPage";
 export default function App() {
   return (
     <Routes>
@@ -11,6 +12,7 @@ export default function App() {
         <Route path="/" element={<HomePage />} />
         <Route path="/products" element={<ProductsPage />} />
         <Route path="/about" element={<AboutPage />} />
+        <Route path="/features" element={<FeaturesPage />} />
       </Route>
     </Routes>
   );

src/components/Layout.tsx

@@ -37,6 +37,8 @@ export default function Layout() {
   },
   { name: "Products", href: "/products" },
   { name: "About", href: "/about" },
+  { name: "Features", href: "/features" },
+
 
 
 ];

src/pages/FeaturesPage.tsx

@@ -0,0 +1,16 @@
+import FeaturesAlternatingSplit from "@/components/sections/features/FeaturesAlternatingSplit";
+
+export default function FeaturesPage() {
+  return (
+    <>
+      <div data-webild-section="FeaturesAlternatingSplit"><FeaturesAlternatingSplit
+        tag="Core Mechanics"
+        title="Advanced Tokenomics & Liquidity"
+        description="Aerodrome is the central liquidity hub for the Base network, designed to provide the deepest liquidity and most efficient swaps for any asset."
+        primaryButton={{"text":"Launch App","href":"/app"}}
+        secondaryButton={{"text":"Read Docs","href":"/docs"}}
+        items={[{"title":"The MetaDEX Model","description":"Combining UniSwap V3 concentrated liquidity with an incentivized vote-lock governance system inherited from Velodrome V2.","imageSrc":"https://img.freepik.com/free-photo/3d-rendering-financial-neon-background_23-2151691923.jpg"},{"title":"100% Fee Distribution","description":"All trading fees and token incentives generated by the protocol are returned directly to the users, maximizing yield.","imageSrc":"https://img.freepik.com/free-photo/cryptocurrency-coding-digital-black-background_53876-124636.jpg"},{"title":"Vote-Escrow Governance","description":"Lock AERO tokens for veAERO NFTs. Direct future emissions to specific pools and earn 100% of their trading fees.","imageSrc":"https://img.freepik.com/free-photo/3d-cryptocurrency-rendering-design_23-2149074563.jpg"}]}
+      /></div>
+    </>
+  );
+}

src/routes.ts

@@ -8,4 +8,5 @@ export const routes: Route[] = [
   { path: '/', label: 'Home', pageFile: 'HomePage' },
   { path: '/products', label: 'Products', pageFile: 'ProductsPage' },
   { path: '/about', label: 'About', pageFile: 'AboutPage' },
+  { path: '/features', label: 'Features', pageFile: 'FeaturesPage' },
 ];