diff --git a/src/App.tsx b/src/App.tsx
index 11f4ac4..f38b2a6 100644
--- a/src/App.tsx
+++ b/src/App.tsx
@@ -1,5 +1,7 @@
 import { Component, lazy, Suspense, useEffect, type ErrorInfo, type ReactNode } from 'react'
 import { Routes, Route, Navigate } from 'react-router-dom'
+import BlogPage from './pages/blog/BlogPage';
+import BlogPostPage from './pages/blog/BlogPostPage';
 import { ReactLenis } from 'lenis/react'
 import { routes } from './routes'
 import Layout from './components/Layout'
@@ -191,6 +193,8 @@ function App() {
                 if (!Page) return null
                 return <Route key={route.path} path={route.path} element={<Page />} />
               })}
+              <Route path="/blog" element={<BlogPage />} />
+              <Route path="/blog/:slug" element={<BlogPostPage />} />
             </Route>
             <Route path="*" element={<Navigate to="/" replace />} />
           </Routes>