From 2602c5915d7d25a8e6a82ee5880d8cf213fc90fd Mon Sep 17 00:00:00 2001
From: kleap-admin <admin@kleap.co>
Date: Fri, 16 Jan 2026 16:41:39 +0000
Subject: [PATCH] Update components/Logo.tsx

---
 components/Logo.tsx | 23 +++++++++++++++++++++++
 1 file changed, 23 insertions(+)
 create mode 100644 components/Logo.tsx

diff --git a/components/Logo.tsx b/components/Logo.tsx
new file mode 100644
index 0000000..5e698cb
--- /dev/null
+++ b/components/Logo.tsx
@@ -0,0 +1,23 @@
+"use client";
+import { cn } from "@/lib/utils";
+import Link from "next/link";
+import React from "react";
+
+export const Logo = ({ className }: { className?: string }) => {
+  return (
+    <Link
+      href="/"
+      className={cn(
+        "font-normal flex space-x-2 items-center text-sm mr-4 px-2 py-1 relative z-20",
+        className || "text-black"
+      )}
+    >
+      {/* Replace with actual logo or app name */}
+      <div className={cn(
+        "h-5 w-6 rounded-br-lg rounded-tr-sm rounded-tl-lg rounded-bl-sm transition-colors duration-200",
+        className?.includes("text-white") ? "bg-white" : "bg-black"
+      )} />
+      <span className="font-medium">Miami Elite Coaching</span>
+    </Link>
+  );
+};