diff --git a/src/App.js b/src/App.js
index 9cc1fba..2536820 100644
--- a/src/App.js
+++ b/src/App.js
@@ -7,9 +7,11 @@ import "react-bootstrap/Navbar"
 import "react-bootstrap/Nav"
 import './App.css';
 import { About } from "./pages/About";
+import { Home } from "./pages/Home";
 import Container from "react-bootstrap/Container";
 import { Nav, Navbar } from "react-bootstrap/esm";
 
+
 function App() {
   const FBapp = initializeApp(FirebaseConfig);
   return (
@@ -25,6 +27,7 @@ function App() {
         </Container>
       </Navbar>
       <Routes>
+        <Route path="/" element={ <Home greeting="Hey you, this is home page!" /> } />
         <Route path="/about" element={ <About greeting="Hey you, this is about page!" /> } />
       </Routes>
         </div>
diff --git a/src/pages/Home.js b/src/pages/Home.js
new file mode 100644
index 0000000..41f894c
--- /dev/null
+++ b/src/pages/Home.js
@@ -0,0 +1,3 @@
+export function Home ( props ) {
+    return ( <h1>{props.greeting} </h1>)
+}
\ No newline at end of file