Create Homepage

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>

src/pages/Home.js

@@ -0,0 +1,3 @@
+export function Home ( props ) {
+    return ( <h1>{props.greeting} </h1>)
+}