Create Homepage
This commit is contained in:
parent
85ce7c85ff
commit
5489b44682
|
@ -7,9 +7,11 @@ import "react-bootstrap/Navbar"
|
||||||
import "react-bootstrap/Nav"
|
import "react-bootstrap/Nav"
|
||||||
import './App.css';
|
import './App.css';
|
||||||
import { About } from "./pages/About";
|
import { About } from "./pages/About";
|
||||||
|
import { Home } from "./pages/Home";
|
||||||
import Container from "react-bootstrap/Container";
|
import Container from "react-bootstrap/Container";
|
||||||
import { Nav, Navbar } from "react-bootstrap/esm";
|
import { Nav, Navbar } from "react-bootstrap/esm";
|
||||||
|
|
||||||
|
|
||||||
function App() {
|
function App() {
|
||||||
const FBapp = initializeApp(FirebaseConfig);
|
const FBapp = initializeApp(FirebaseConfig);
|
||||||
return (
|
return (
|
||||||
|
@ -25,6 +27,7 @@ function App() {
|
||||||
</Container>
|
</Container>
|
||||||
</Navbar>
|
</Navbar>
|
||||||
<Routes>
|
<Routes>
|
||||||
|
<Route path="/" element={ <Home greeting="Hey you, this is home page!" /> } />
|
||||||
<Route path="/about" element={ <About greeting="Hey you, this is about page!" /> } />
|
<Route path="/about" element={ <About greeting="Hey you, this is about page!" /> } />
|
||||||
</Routes>
|
</Routes>
|
||||||
</div>
|
</div>
|
||||||
|
|
|
@ -0,0 +1,3 @@
|
||||||
|
export function Home ( props ) {
|
||||||
|
return ( <h1>{props.greeting} </h1>)
|
||||||
|
}
|
Loading…
Reference in New Issue