diff --git a/webserver/public/WelcomePageImage.webp b/webserver/public/WelcomePageImage.webp
new file mode 100644
index 0000000..8300963
Binary files /dev/null and b/webserver/public/WelcomePageImage.webp differ
diff --git a/webserver/src/App.js b/webserver/src/App.js
index 121f7cd..2203370 100644
--- a/webserver/src/App.js
+++ b/webserver/src/App.js
@@ -14,6 +14,7 @@ import "./App.css";
 //Pages
 import NotFoundPage from "./Pages/NotFoundPage";
 import DashboardPage from "./Pages/DashboardPage/DashboardPage";
+import WelcomePage from "./Pages/WelcomePage";
 import InputPage from "./Pages/InputPage";
 
 function App() {
@@ -23,7 +24,7 @@ function App() {
         <Router>
           <Navigation />
           <Routes>
-            <Route path="/" element={<DashboardPage />} />
+            <Route path="/" element={<WelcomePage />} />
             <Route path="/Dashboard" element={<DashboardPage />} />
             <Route path="/Input" element={<InputPage />} />
             <Route path="/404" element={<NotFoundPage />} />
diff --git a/webserver/src/Pages/WelcomePage.css b/webserver/src/Pages/WelcomePage.css
new file mode 100644
index 0000000..1a25e1e
--- /dev/null
+++ b/webserver/src/Pages/WelcomePage.css
@@ -0,0 +1,6 @@
+.center {
+    display: block;
+    margin-left: auto;
+    margin-right: auto;
+    width: 50%;
+  }
\ No newline at end of file
diff --git a/webserver/src/Pages/WelcomePage.js b/webserver/src/Pages/WelcomePage.js
new file mode 100644
index 0000000..7612b08
--- /dev/null
+++ b/webserver/src/Pages/WelcomePage.js
@@ -0,0 +1,11 @@
+import React from 'react'
+
+const WelcomePage = () => {
+    return (
+        <div class='center'>
+            <img src = "/WelcomePageImage.webp"/>
+        </div>
+    )
+}
+
+export default WelcomePage
\ No newline at end of file