diff --git a/components/Logo.tsx b/components/Logo.tsx
new file mode 100644
index 0000000..9cd1883
--- /dev/null
+++ b/components/Logo.tsx
@@ -0,0 +1,14 @@
+"use client";
+import Link from "next/link";
+import React from "react";
+
+export const Logo = () => {
+  return (
+    <Link
+      href="/"
+      className="font-black flex space-x-2 items-center text-xl text-black relative z-20 uppercase tracking-tighter"
+    >
+      <span>@ALEXCREATES</span>
+    </Link>
+  );
+};