diff --git a/FrontendV2/src/App.tsx b/FrontendV2/src/App.tsx
index 05c206c..400fe4f 100644
--- a/FrontendV2/src/App.tsx
+++ b/FrontendV2/src/App.tsx
@@ -16,6 +16,7 @@ import { Box, Flex } from "@chakra-ui/react";
 import { Footer } from "./components/footer/Footer";
 import { QueryClient, QueryClientProvider } from "@tanstack/react-query";
 import { API_BASE } from "@/config/api.config";
+import { ContactPage } from "./pages/ContactPage";
 
 const queryClient = new QueryClient();
 
@@ -80,6 +81,7 @@ function App() {
                   <Route path="/" element={<HomePage />} />
                   <Route path="/my-loans" element={<MyLoansPage />} />
                   <Route path="/landingpage" element={<Landingpage />} />
+                  <Route path="/contact" element={<ContactPage />} />
                 </Route>
 
                 <Route path="/login" element={<LoginPage />} />
diff --git a/FrontendV2/src/pages/ContactPage.tsx b/FrontendV2/src/pages/ContactPage.tsx
new file mode 100644
index 0000000..8a0e129
--- /dev/null
+++ b/FrontendV2/src/pages/ContactPage.tsx
@@ -0,0 +1,13 @@
+import { Field, Textarea } from "@chakra-ui/react"
+
+export const ContactPage = () => {
+  return (
+    <Field.Root invalid>
+      <Field.Label>
+        Comment <Field.RequiredIndicator />
+      </Field.Label>
+      <Textarea placeholder="Start typing..." variant="subtle" />
+      <Field.ErrorText>Field is required</Field.ErrorText>
+    </Field.Root>
+  );
+};
diff --git a/docker-compose.yml b/docker-compose.yml
index f89466c..90ab08c 100644
--- a/docker-compose.yml
+++ b/docker-compose.yml
@@ -16,6 +16,8 @@ services:
   backend_v2:
     container_name: borrow_system-backend_v2
     build: ./backendV2
+    ports:
+      - "8004:8004"
     environment:
       NODE_ENV: production
       DB_HOST: mysql_v2