Update

resources/js/pages/home/partials/BrandLogo.jsx

@@ -0,0 +1,18 @@
+import { cn } from '@/lib/utils';
+import { Link } from '@inertiajs/react';
+import { route } from 'ziggy-js';
+
+const BrandLogo = ({ className = '', onNavClick = () => {}, isNavActive = false }) => {
+    return (
+        <Link href={route('home')} className={cn('flex w-full items-center justify-center gap-2 hover:opacity-80 transition-opacity', className)}>
+            <img alt="MEMEFA.ST LOGO" className="h-10 w-10" src="/logo/memefast-logo-144.png"></img>
+
+            <div className="font-display ml-0 text-lg tracking-wide md:ml-3 md:text-xl">
+                <span className="text-foreground">MEME</span>
+                <span className="text-[#00DD00] dark:text-[#00FF00]">FAST</span>
+            </div>
+        </Link>
+    );
+};
+
+export default BrandLogo;