Initial commit

src/components/navbar/Logo.tsx

@@ -0,0 +1,48 @@
+"use client";
+
+import { memo } from "react";
+import Image from "next/image";
+import { cls } from "@/lib/utils";
+
+interface LogoProps {
+  logoSrc?: string;
+  logoAlt?: string;
+  brandName?: string;
+  className?: string;
+  imageClassName?: string;
+  textClassName?: string;
+}
+
+const Logo = memo<LogoProps>(function Logo({
+  logoSrc,
+  logoAlt = "",
+  brandName = "Webild",
+  className = "",
+  imageClassName = "",
+  textClassName = ""
+}) {
+  if (logoSrc) {
+    return (
+      <div className={cls("relative h-[var(--text-xl)] w-auto", className)}>
+        <Image
+          src={logoSrc}
+          alt={logoAlt}
+          width={100}
+          height={24}
+          className={cls("h-full w-auto object-contain", imageClassName)}
+          unoptimized={logoSrc.startsWith('http') || logoSrc.startsWith('//')}
+        />
+      </div>
+    );
+  }
+
+  return (
+    <h2 className={cls("text-xl font-medium text-foreground", textClassName)}>
+      {brandName}
+    </h2>
+  );
+});
+
+Logo.displayName = "Logo";
+
+export default Logo;