recipe page updated

src/router.tsx

@@ -2,6 +2,7 @@ import { createRouter, createRootRoute, createRoute } from '@tanstack/react-rout
 import Layout from './components/layout'
 import MainPage from './pages/main'
 import HomePage from './pages/home'
+import RecipePage from './pages/recipe'
 
 // Create a root route with layout
 const rootRoute = createRootRoute({
@@ -22,9 +23,16 @@ const homeRoute = createRoute({
   component: HomePage,
 })
 
+// Recipe page route
+const recipeRoute = createRoute({
+  getParentRoute: () => rootRoute,
+  path: '/recipe',
+  component: RecipePage,
+})
+
 // Create the router
 const router = createRouter({
-  routeTree: rootRoute.addChildren([indexRoute, homeRoute]),
+  routeTree: rootRoute.addChildren([indexRoute, homeRoute, recipeRoute]),
 })
 
 export default router