From c0783ef4a5d21fe122b083bfd6de0162bce0fa92 Mon Sep 17 00:00:00 2001 From: Wind-Explorer Date: Sat, 8 Feb 2025 19:52:02 +0800 Subject: [PATCH] home --- AceJobAgency.client/public/aja.svg | 1 + .../src/components/NavigationBar.tsx | 55 +++++++++++++++++++ .../src/layouts/DefaultLayout.tsx | 8 ++- AceJobAgency.client/src/pages/HomePage.tsx | 25 ++++++++- 4 files changed, 84 insertions(+), 5 deletions(-) create mode 100644 AceJobAgency.client/public/aja.svg create mode 100644 AceJobAgency.client/src/components/NavigationBar.tsx 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 @@ + \ 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 ( + + + { + navigate("/"); + }} + > + aja logo + + + + + + + + + + + + ); +} 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 (
+
{/* - 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. + */}
); 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 ( -
-

Ace Job Agency

+
+
+
+

+ Where the best employees get +
+ matched with the best employers. +

+

+ Join the world’s most widely adopted job search platform. +

+
+
+ + + + +
+
); }