Fixes for #46

apps/hub/app/_components/Nav.tsx

@@ -11,6 +11,7 @@ import Link from "next/link";
 import { WarningAlert } from "./ui/PageAlert";
 import { getServerSession } from "api/auth/[...nextauth]/auth";
 import { Error } from "./Error";
+import Image from "next/image";
 
 export const VerticalNav = async () => {
 	const session = await getServerSession();
@@ -103,7 +104,17 @@ export const VerticalNav = async () => {
 export const HorizontalNav = () => (
 	<div className="navbar bg-base-200 shadow-md rounded-lg mb-4">
 		<div className="flex items-center">
-			<a className="btn btn-ghost normal-case text-xl">Virtual Air Rescue - HUB</a>
+			<Link href="/" className="flex items-center">
+				<Image
+					src="/mail/var_logo.png"
+					alt="VAR Logo"
+					width={40}
+					height={40}
+					className="ml-2 mr-3"
+					priority
+				/>
+				<h2 className="normal-case text-xl font-semibold">Virtual Air Rescue - HUB</h2>
+			</Link>
 			<WarningAlert />
 		</div>
 		<div className="flex items-center ml-auto">