src/App.tsx

@@ -2,11 +2,13 @@ import { Routes, Route } from 'react-router-dom';
 import Layout from './components/Layout';
 import HomePage from './pages/HomePage';
 
+import ProductsPage from "@/pages/ProductsPage";
 export default function App() {
   return (
     <Routes>
       <Route element={<Layout />}>
         <Route path="/" element={<HomePage />} />
+        <Route path="/products" element={<ProductsPage />} />
       </Route>
     </Routes>
   );

src/components/Layout.tsx

@@ -34,7 +34,9 @@ export default function Layout() {
   {
     "name": "Features",
     "href": "#features"
-  }
+  },
+  { name: "Products", href: "/products" },
+
 ];
 
   return (

src/pages/ProductsPage.tsx

@@ -0,0 +1,16 @@
+import FeaturesAlternatingSplit from "@/components/sections/features/FeaturesAlternatingSplit";
+
+export default function ProductsPage() {
+  return (
+    <>
+      <div data-webild-section="FeaturesAlternatingSplit"><FeaturesAlternatingSplit
+        tag="Products"
+        title="The Central Liquidity Hub"
+        description="Explore our suite of decentralized finance products designed to provide the deepest liquidity and most efficient swaps on the Base network."
+        primaryButton={{"text":"Launch App","href":"/app"}}
+        secondaryButton={{"text":"Read Docs","href":"/docs"}}
+        items={[{"title":"Efficient Swaps","description":"Trade any asset with minimal slippage and low fees. Our advanced routing ensures you get the best possible price on the Base network.","primaryButton":{"text":"Swap Now","href":"/swap"},"imageSrc":"https://img.freepik.com/free-vector/gradient-crypto-logo-collection_23-2148979930.jpg"},{"title":"Decentralized Governance","description":"Lock your tokens to vote on emissions and direct liquidity. Earn trading fees and bribes from the pools you support.","primaryButton":{"text":"Vote Now","href":"/vote"},"imageSrc":"https://img.freepik.com/free-vector/voting-concept-illustration_114360-4061.jpg"},{"title":"Deep Liquidity Pools","description":"Provide liquidity to earn rewards. Aerodrome offers a wide range of pools with optimized yields for liquidity providers.","primaryButton":{"text":"Add Liquidity","href":"/liquidity"},"imageSrc":"https://img.freepik.com/free-vector/cryptocurrency-concept-illustration_114360-1879.jpg"},{"title":"Comprehensive Documentation","description":"Dive deep into our smart contracts, API references, and integration guides. Everything you need to build on Aerodrome.","primaryButton":{"text":"View Docs","href":"/docs"},"imageSrc":"https://img.freepik.com/free-vector/document-concept-illustration_114360-5476.jpg"},{"title":"Robust Security","description":"Built with security as a priority. Our smart contracts are rigorously audited to ensure your funds remain safe at all times.","primaryButton":{"text":"View Audits","href":"/security"},"imageSrc":"https://img.freepik.com/free-vector/cyber-security-concept-illustration_114360-1938.jpg"}]}
+      /></div>
+    </>
+  );
+}

src/routes.ts

@@ -6,4 +6,5 @@ export interface Route {
 
 export const routes: Route[] = [
   { path: '/', label: 'Home', pageFile: 'HomePage' },
+  { path: '/products', label: 'Products', pageFile: 'ProductsPage' },
 ];