add logo

apps/spa/src/components/Navbar.tsx

@@ -146,6 +146,8 @@ export default function Navbar({ topOffsetClassName = 'top-0' }: NavbarProps) {
   const finalTopClassName = scrolled ? 'top-0' : computedOffset
   const brandName = settings?.brandName || ''
 
+  const logoUrl = settings?.logoUrl || ''
+
   return (
     <>
       <nav
@@ -160,7 +162,7 @@ export default function Navbar({ topOffsetClassName = 'top-0' }: NavbarProps) {
           {/* Left: Logo */}
           <div className="flex items-center shrink-0">
             <Link to="/" onClick={() => setMobileOpen(false)} className="text-xl md:text-2xl font-bold tracking-widest text-spa-forest uppercase italic shrink-0">
-              {brandName}
+              {logoUrl ? <img src={logoUrl} alt={brandName} className="h-8 md:h-10 object-contain" /> : brandName}
             </Link>
           </div>