Create initial routes to pages

apps/frontend/src/app.tsx

@@ -4,17 +4,39 @@ import { createBrowserRouter, RouterProvider } from 'react-router-dom';
 import apiClient from '@api/apiClient';
 import Root from '@containers/root';
 import NotFound from '@containers/404';
-import Test from '@containers/test';
+import LandingPage from '@containers/landingPage';
+import PantryOverview from '@containers/pantryOverview';
+import PantryPastOrders from '@containers/pantryPastOrders';
+import Pantries from '@containers/pantries';
+import Orders from '@containers/orders';
 
 const router = createBrowserRouter([
   {
     path: '/',
     element: <Root />,
     errorElement: <NotFound />,
-  },
-  {
-    path: '/test',
-    element: <Test />,
+    children: [
+      {
+        path: '/landing-page',
+        element: <LandingPage />,
+      },
+      {
+        path: '/pantry-overview',
+        element: <PantryOverview />,
+      },
+      {
+        path: '/pantry-past-orders',
+        element: <PantryPastOrders />,
+      },
+      {
+        path: '/pantries',
+        element: <Pantries />,
+      },
+      {
+        path: '/orders',
+        element: <Orders />,
+      },
+    ],
   },
 ]);
 

apps/frontend/src/containers/landingPage.tsx

@@ -0,0 +1,5 @@
+const LandingPage: React.FC = () => {
+  return <>Landing page</>;
+};
+
+export default LandingPage;

apps/frontend/src/containers/orders.tsx

@@ -0,0 +1,5 @@
+const Orders: React.FC = () => {
+  return <>Orders</>;
+};
+
+export default Orders;

apps/frontend/src/containers/pantries.tsx

@@ -0,0 +1,5 @@
+const Pantries: React.FC = () => {
+  return <>Pantries</>;
+};
+
+export default Pantries;

apps/frontend/src/containers/pantryOverview.tsx

@@ -0,0 +1,5 @@
+const PantryOverview: React.FC = () => {
+  return <>Pantry overview</>;
+};
+
+export default PantryOverview;

apps/frontend/src/containers/pantryPastOrders.tsx

@@ -0,0 +1,5 @@
+const PantryPastOrders: React.FC = () => {
+  return <>Pantry past orders</>;
+};
+
+export default PantryPastOrders;