diff --git a/apps/frontend/src/app.spec.tsx b/apps/frontend/src/app.spec.tsx
deleted file mode 100644
index 95caf44d..00000000
--- a/apps/frontend/src/app.spec.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-import { render } from '@testing-library/react';
-
-import App from './app';
-
-describe('App', () => {
-  it('should render successfully', () => {
-    const { baseElement } = render(<App />);
-    expect(baseElement).toBeTruthy();
-  });
-
-  it('should have a greeting as the title', () => {
-    const { getByText } = render(<App />);
-    expect(getByText(/Welcome frontend/gi)).toBeTruthy();
-  });
-});
diff --git a/apps/frontend/src/app.tsx b/apps/frontend/src/app.tsx
index a51df65b..4b419f1a 100644
--- a/apps/frontend/src/app.tsx
+++ b/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 />,
+      },
+    ],
   },
 ]);
 
diff --git a/apps/frontend/src/containers/landingPage.tsx b/apps/frontend/src/containers/landingPage.tsx
new file mode 100644
index 00000000..0e1a72b4
--- /dev/null
+++ b/apps/frontend/src/containers/landingPage.tsx
@@ -0,0 +1,5 @@
+const LandingPage: React.FC = () => {
+  return <>Landing page</>;
+};
+
+export default LandingPage;
diff --git a/apps/frontend/src/containers/orders.tsx b/apps/frontend/src/containers/orders.tsx
new file mode 100644
index 00000000..b4aa4db9
--- /dev/null
+++ b/apps/frontend/src/containers/orders.tsx
@@ -0,0 +1,5 @@
+const Orders: React.FC = () => {
+  return <>Orders</>;
+};
+
+export default Orders;
diff --git a/apps/frontend/src/containers/pantries.tsx b/apps/frontend/src/containers/pantries.tsx
new file mode 100644
index 00000000..91e9e22d
--- /dev/null
+++ b/apps/frontend/src/containers/pantries.tsx
@@ -0,0 +1,5 @@
+const Pantries: React.FC = () => {
+  return <>Pantries</>;
+};
+
+export default Pantries;
diff --git a/apps/frontend/src/containers/pantryOverview.tsx b/apps/frontend/src/containers/pantryOverview.tsx
new file mode 100644
index 00000000..aceb09a5
--- /dev/null
+++ b/apps/frontend/src/containers/pantryOverview.tsx
@@ -0,0 +1,5 @@
+const PantryOverview: React.FC = () => {
+  return <>Pantry overview</>;
+};
+
+export default PantryOverview;
diff --git a/apps/frontend/src/containers/pantryPastOrders.tsx b/apps/frontend/src/containers/pantryPastOrders.tsx
new file mode 100644
index 00000000..260a492f
--- /dev/null
+++ b/apps/frontend/src/containers/pantryPastOrders.tsx
@@ -0,0 +1,5 @@
+const PantryPastOrders: React.FC = () => {
+  return <>Pantry past orders</>;
+};
+
+export default PantryPastOrders;
diff --git a/apps/frontend/src/containers/test.tsx b/apps/frontend/src/containers/test.tsx
deleted file mode 100644
index 28d48042..00000000
--- a/apps/frontend/src/containers/test.tsx
+++ /dev/null
@@ -1,12 +0,0 @@
-// import { Button } from '@shared/src/components/button';
-
-const Test: React.FC = () => {
-  return (
-    <>
-      <div>I am test page</div>
-      {/* <Button>Clicking this button won't do anything</Button> */}
-    </>
-  );
-};
-
-export default Test;