From 69c222bd6c4360e7a8919a78d3ddee54e63f58ee Mon Sep 17 00:00:00 2001
From: Leander Tolksdorf <leander.tolksdorf@fu-berlin.de>
Date: Thu, 2 Dec 2021 18:34:16 +0100
Subject: [PATCH] create home page #12
---
client/src/pages/Home.tsx | 35 ++++++++++++++++++++++++++++++++++-
1 file changed, 34 insertions(+), 1 deletion(-)
diff --git a/client/src/pages/Home.tsx b/client/src/pages/Home.tsx
index 3cb2d7d..00d4867 100644
--- a/client/src/pages/Home.tsx
+++ b/client/src/pages/Home.tsx
@@ -1,7 +1,40 @@
import React from "react";
+import { Button, Col, Container, Image, Row } from "react-bootstrap";
+import { Link } from "react-router-dom";
+import logo from "../assets/logo_unisport.png";
function Home() {
- return <div>Home</div>;
+ return (
+ <Container className="h-100">
+ <Row className="h-100">
+ <Col
+ xs={{ span: 8, offset: 2 }}
+ className="h-100 py-5 text-center d-flex flex-column justify-content-between"
+ >
+ <Image src={logo} className="mb-5" />
+ <div>
+ <Link to="/book">
+ <Button
+ variant="primary"
+ className="w-100 mb-2 text-uppercase text-secondary border"
+ >
+ Book a boat
+ </Button>
+ </Link>
+ <br />
+ <Link to="/login">
+ <Button
+ variant="secondary"
+ className="w-100 mb-2 text-uppercase border"
+ >
+ Staff Login
+ </Button>
+ </Link>
+ </div>
+ </Col>
+ </Row>
+ </Container>
+ );
}
export default Home;
--
GitLab