Merge pull request #34 from fac29/logo

Logo Component

Author: that-Gui

components/component/nav-bar.tsx

@@ -1,17 +1,12 @@
-import Link from 'next/link';
-import Image from 'next/image';
+import Link from "next/link";
+import { Logo } from "../ui/logo";
+import Image from "next/image";
 
 export function NavBar() {
 	return (
 		<header className="flex h-32 items-center justify-between px-4 md:px-6">
 			<Link href="/" className="flex items-center gap-2" prefetch={false}>
-				<Image
-					className="hover:bg-[#e6e6e6]"
-					src="/The-Norm_Logo_Strapline_WHITE_1.svg"
-					width={200}
-					height={200}
-					alt="The Norm Logo"
-				/>
+				<Logo />
 			</Link>
 			<nav className="p-4">
 				<div className="flex items-center">