diff --git a/client/src/pages/Home.tsx b/client/src/pages/Home.tsx
index 3cb2d7d4838393dfcffe94f9b5c4e9ee6f287ab3..00d4867dffe759daa33624eccd37c9b85b6f8113 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;