Update components/Logo.tsx

components/Logo.tsx

@@ -0,0 +1,17 @@
+"use client";
+import Link from "next/link";
+import React from "react";
+
+export const Logo = () => {
+  return (
+    <Link
+      href="/"
+      className="font-normal flex space-x-2 items-center text-sm mr-4  text-black px-2 py-1  relative z-20"
+    >
+      <div className="h-6 w-6 bg-pink-500 rounded-lg flex items-center justify-center">
+        <span className="text-white font-bold text-xs">H</span>
+      </div>
+      <span className="font-medium text-black">HerCraft</span>
+    </Link>
+  );
+};