diff --git a/AceJobAgency.client/public/aja.svg b/AceJobAgency.client/public/aja.svg
new file mode 100644
index 0000000..cdb22b6
--- /dev/null
+++ b/AceJobAgency.client/public/aja.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 369.895 107.194" preserveAspectRatio="xMidYMid meet" xmlns:v="https://vecta.io/nano"><g fill="#111"><use href="#B"/><path d="M23.096 51.88c-.239-2.051-2.009-3.357-3.944-3.36l-2.429-.044-3.517 6.886-.466-3.483.544-1.162c.591-1.263-.223-2.241-.776-2.241h-1.925c-.554 0-1.368.978-.776 2.241l.544 1.162-.466 3.483-3.517-6.886-2.681.023c-1.988-.002-3.511 1.267-3.691 3.38l1.593 23.683c.94 1.009 1.196 1.167 2.39 1.842l.797 24.34c.797 1.702 3.152 1.702 6.374 1.702 3.296 0 6.374 0 7.169-1.702l.757-24.34c1.166-.692 1.446-.749 2.43-1.842l1.59-23.683zm39.95-20.572c-.353-3.019-2.956-4.94-5.805-4.943l-3.574-.065-5.176 10.135-.686-5.127.801-1.711c.87-1.858-.327-3.297-1.143-3.297h-2.832c-.816 0-2.012 1.44-1.143 3.297l.801 1.711-.686 5.127L38.426 26.3l-3.946.034c-2.926-.004-5.167 1.865-5.433 4.974l2.345 34.852c1.382 1.484 1.761 1.717 3.517 2.71l1.172 35.819c1.173 2.503 4.638 2.503 9.379 2.503 4.85 0 9.379 0 10.551-2.505l1.114-35.819c1.716-1.017 2.13-1.102 3.576-2.71l2.345-34.851z"/><use href="#B" x="69.004"/><path d="M92.1 51.88c-.239-2.051-2.009-3.357-3.944-3.36l-2.429-.044-3.517 6.886-.466-3.483.544-1.162c.591-1.263-.223-2.241-.776-2.241h-1.925c-.554 0-1.368.978-.776 2.241l.544 1.162-.466 3.483-3.517-6.886-2.681.023c-1.988-.002-3.511 1.267-3.691 3.38l1.593 23.683c.94 1.009 1.196 1.167 2.39 1.842l.797 24.34c.797 1.702 3.152 1.702 6.374 1.702 3.296 0 6.374 0 7.169-1.702l.757-24.34c1.166-.692 1.446-.749 2.43-1.842L92.1 51.88zM39.523 15.45l-6.307-5.662a.44.44 0 0 1-.127-.462c.052-.166.195-.285.368-.308l8.508-1.082L45.511.263c.073-.157.23-.258.403-.258s.33.1.403.258l3.546 7.673 8.507 1.082c.172.022.316.143.368.308a.44.44 0 0 1-.127.462l-6.307 5.662 1.709 8.497c.034.171-.035.346-.177.447s-.33.11-.481.023l-7.44-4.326-7.442 4.326a.44.44 0 0 1-.658-.47l1.709-8.497zm108.314 30.541c.203.579-.058.984-.695.984h-4.891c-.463 0-.81-.174-.984-.695l-2.576-7.206h-17.48l-2.576 7.206c-.203.521-.521.695-.984.695h-4.891c-.637 0-.897-.405-.695-.984l14.557-38.838a1.02 1.02 0 0 1 1.013-.695h4.544c.463 0 .897.232 1.071.695zM123.238 33.46h13.428l-6.714-18.724zm62.251 4.225l2.981 3.155c.376.405.376.839-.029 1.216-3.675 3.56-8.393 5.672-13.949 5.672-11.547 0-20.635-9.232-20.635-20.837 0-11.663 9.087-20.895 20.635-20.895 5.557 0 10.274 2.171 13.949 5.672.405.376.405.81.029 1.216l-2.981 3.155c-.376.405-.81.376-1.216.029-2.691-2.315-5.817-3.733-9.811-3.733-7.756 0-13.949 6.222-13.949 14.557 0 8.248 6.193 14.499 13.949 14.499 3.994 0 7.119-1.418 9.811-3.733.405-.347.839-.376 1.216.029zm37.304 3.473c.521 0 .868.347.868.868v4.081c0 .521-.347.868-.868.868h-24.918c-.521 0-.868-.347-.868-.868V7.326c0-.521.347-.868.868-.868h24.86c.521 0 .868.347.868.868v4.081c0 .521-.347.868-.868.868H203.49v10.853h17.741c.521 0 .868.347.868.868v4.081c0 .521-.347.868-.868.868H203.49v12.213h19.303zm59.762-34.7c.521 0 .868.347.868.868v24.513c0 11.142-6.309 15.975-14.904 15.975-8.509 0-14.673-4.573-15.049-15.107 0-.579.347-.868.868-.868h4.63c.521 0 .868.289.868.868.347 6.367 3.791 8.943 8.682 8.943 4.862 0 8.422-2.663 8.422-9.811V12.275h-16.728c-.521 0-.868-.347-.868-.868V7.326c0-.521.347-.868.868-.868h22.342zm29.606 41.269c-11.46 0-20.779-9.261-20.779-20.837 0-11.634 9.319-20.895 20.779-20.895 11.431 0 20.779 9.261 20.779 20.895 0 11.576-9.348 20.837-20.779 20.837zm0-6.193c8.017 0 14.326-6.454 14.326-14.644 0-8.248-6.309-14.702-14.326-14.702s-14.354 6.454-14.354 14.702c0 8.19 6.338 14.644 14.354 14.644zm49.517-16.38c5.557 1.244 8.219 5.18 8.219 10.158 0 7.988-4.399 11.663-14.528 11.663h-13.602c-.521 0-.868-.347-.868-.868V7.326c0-.521.347-.868.868-.868h14.094c8.885 0 11.981 4.862 11.981 10.013 0 4.167-1.968 7.438-6.164 8.682zm0-8.017c0-3.444-2.026-4.862-6.425-4.862h-7.872V22.81h8.017c4.283 0 6.28-1.997 6.28-5.672zm-6.251 24.021c5.325 0 7.93-1.707 7.93-6.338 0-4.023-2.315-6.541-7.785-6.541h-8.19v12.879h8.045zm-205.282 59.408c.216.616-.062 1.047-.739 1.047H144.2c-.493 0-.863-.185-1.047-.739l-2.742-7.67h-18.606l-2.742 7.67c-.216.554-.554.739-1.047.739h-5.206c-.678 0-.955-.431-.739-1.047l15.495-41.339c.185-.493.585-.739 1.078-.739h4.836c.493 0 .955.246 1.14.739zm-26.184-13.338h14.293l-7.147-19.93zm73.376-8.902a.87.87 0 0 1 .924.924v2.957c0 11.274-7.362 20.208-19.622 20.208-12.414 0-22.087-9.919-22.087-22.271 0-12.322 9.673-22.148 21.963-22.148 5.914 0 10.935 2.31 14.848 6.038.431.4.431.863.031 1.294l-3.173 3.358c-.4.431-.863.4-1.294.031-2.865-2.464-6.192-3.974-10.443-3.974-8.256 0-14.848 6.623-14.848 15.402s6.407 15.525 14.971 15.525c7.732 0 12.691-4.867 12.938-11.367H179.1a.87.87 0 0 1-.924-.924V79.25a.87.87 0 0 1 .924-.924h18.236zm37.612 17.096a.87.87 0 0 1 .924.924v4.343a.87.87 0 0 1-.924.924h-26.522a.87.87 0 0 1-.924-.924V59.412a.87.87 0 0 1 .924-.924h26.461a.87.87 0 0 1 .924.924v4.343a.87.87 0 0 1-.924.924h-20.485v11.552h18.883a.87.87 0 0 1 .924.924v4.343a.87.87 0 0 1-.924.924h-18.883v12.999h20.546zm42.818-36.934a.87.87 0 0 1 .924.924v41.278c0 .524-.339.893-.832.924h-6.13c-.493 0-.863-.185-1.109-.616l-18.452-31.975v31.667a.87.87 0 0 1-.924.924h-5.052a.87.87 0 0 1-.924-.924V59.412c0-.524.339-.893.832-.924h6.13c.493 0 .863.185 1.109.616l18.452 31.975V59.412a.87.87 0 0 1 .924-.924h5.052zm43.834 33.238l3.173 3.358c.4.431.4.893-.031 1.294-3.912 3.789-8.933 6.038-14.848 6.038-12.291 0-21.963-9.827-21.963-22.179 0-12.414 9.673-22.241 21.963-22.241 5.914 0 10.935 2.31 14.848 6.038.431.4.431.863.031 1.294l-3.173 3.358c-.4.431-.863.4-1.294.031-2.865-2.464-6.192-3.974-10.443-3.974-8.256 0-14.848 6.623-14.848 15.495 0 8.779 6.592 15.433 14.848 15.433 4.251 0 7.578-1.509 10.443-3.974.431-.37.893-.4 1.294.031zm47.5-33.238c.739 0 1.017.462.616 1.109L353.73 84.918v15.772a.87.87 0 0 1-.924.924h-5.083a.87.87 0 0 1-.924-.924V84.856l-15.957-25.259c-.431-.647-.123-1.109.616-1.109h5.76a1.2 1.2 0 0 1 1.109.616l11.952 18.914L362.2 59.104a1.2 1.2 0 0 1 1.109-.616h5.791z"/></g><defs ><path id="B" d="M6.707 40.266c-.341-5.334 1.7-6.374 4.78-6.374s5.236 1.04 4.78 6.374c-.279 3.273-1.381 6.374-4.78 6.374-3.771 0-4.52-2.32-4.78-6.374z"/></defs></svg>
\ No newline at end of file
diff --git a/AceJobAgency.client/src/components/NavigationBar.tsx b/AceJobAgency.client/src/components/NavigationBar.tsx
new file mode 100644
index 0000000..8ba3089
--- /dev/null
+++ b/AceJobAgency.client/src/components/NavigationBar.tsx
@@ -0,0 +1,55 @@
+import {
+  Button,
+  Link,
+  Navbar,
+  NavbarBrand,
+  NavbarContent,
+  NavbarItem,
+} from "@heroui/react";
+import { useNavigate } from "react-router-dom";
+
+export default function NavigationBar() {
+  const navigate = useNavigate();
+
+  return (
+    <Navbar className="border-b-[1px] border-neutral-500/25">
+      <NavbarBrand>
+        <Link
+          color="foreground"
+          onPress={() => {
+            navigate("/");
+          }}
+        >
+          <img
+            src="/aja.svg"
+            alt="aja logo"
+            width={100}
+            className="dark:invert"
+          />
+        </Link>
+      </NavbarBrand>
+      <NavbarContent justify="end">
+        <NavbarItem className="hidden lg:flex">
+          <Button
+            onPress={() => {
+              navigate("/login");
+            }}
+            variant="light"
+          >
+            Login
+          </Button>
+        </NavbarItem>
+        <NavbarItem>
+          <Button
+            onPress={() => {
+              navigate("/signup");
+            }}
+            variant="bordered"
+          >
+            Sign Up
+          </Button>
+        </NavbarItem>
+      </NavbarContent>
+    </Navbar>
+  );
+}
diff --git a/AceJobAgency.client/src/layouts/DefaultLayout.tsx b/AceJobAgency.client/src/layouts/DefaultLayout.tsx
index 2f4e5f2..0eff6ca 100644
--- a/AceJobAgency.client/src/layouts/DefaultLayout.tsx
+++ b/AceJobAgency.client/src/layouts/DefaultLayout.tsx
@@ -1,18 +1,20 @@
 import { Outlet } from "react-router-dom";
+import NavigationBar from "../components/NavigationBar";
 
 export default function DefaultLayout() {
   return (
     <div className="relative flex flex-col justify-between">
       <div className="flex flex-col min-h-screen">
         <div className="flex-grow">
+          <NavigationBar />
           <Outlet />
         </div>
       </div>
 
       {/*
-      A div that becomes black in dark mode to cover white color parts
-      of the website when scrolling past the window's original view.
-      */}
+			A div that becomes black in dark mode to cover white color parts
+			of the website when scrolling past the window's original view.
+			*/}
       <div className="fixed -z-50 dark:bg-black inset-0 w-full h-full"></div>
     </div>
   );
diff --git a/AceJobAgency.client/src/pages/HomePage.tsx b/AceJobAgency.client/src/pages/HomePage.tsx
index d7f3cf3..1fb337d 100644
--- a/AceJobAgency.client/src/pages/HomePage.tsx
+++ b/AceJobAgency.client/src/pages/HomePage.tsx
@@ -1,7 +1,28 @@
+import { Button, Card, Input } from "@heroui/react";
+
 export default function HomePage() {
   return (
-    <div className="absolute inset-0 w-full h-full">
-      <p className="p-8 pt-12 text-3xl">Ace Job Agency</p>
+    <div className="absolute inset-0 w-full h-full flex flex-col justify-center bg-indigo-500/10 dark:bg-indigo-500/20">
+      <div className="relative m-auto w-max h-max flex flex-col gap-10 justify-center text-center *:mx-auto">
+        <div className="flex flex-col gap-6 w-full text-wrap">
+          <p className="text-xl sm:text-2xl md:text-4xl lg:text-5xl font-bold">
+            Where the best employees get
+            <br />
+            matched with the best employers.
+          </p>
+          <p className="text-xl">
+            Join the world’s most widely adopted job search platform.
+          </p>
+        </div>
+        <div>
+          <Card className="flex flex-row gap-2 p-2">
+            <Input placeholder="Enter your email" size="lg" />
+            <Button color="primary" size="lg">
+              Sign up
+            </Button>
+          </Card>
+        </div>
+      </div>
     </div>
   );
 }