From 542efe7b022a919a86c535c28c4f4bda94095317 Mon Sep 17 00:00:00 2001
From: Cho Young-Hwi <cyh76507707@gmail.com>
Date: Mon, 23 Mar 2026 15:38:55 +0000
Subject: [PATCH] [#472] Add logo symbol to NavBar, use Lora bold for brand
 text

- Add plotlink-logo-symbol.svg before "PlotLink" text in NavBar
- Change brand text to font-heading (Lora) bold
- Verified: favicon.png, icon.png, og-image.png already correctly
  referenced in layout.tsx metadata and farcaster.json manifest

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/components/NavBar.tsx | 14 ++++++++++++--
 1 file changed, 12 insertions(+), 2 deletions(-)

diff --git a/src/components/NavBar.tsx b/src/components/NavBar.tsx
index a92155ab..a3cf6b57 100644
--- a/src/components/NavBar.tsx
+++ b/src/components/NavBar.tsx
@@ -3,6 +3,7 @@
 import { useState } from "react";
 import Link from "next/link";
 import { usePathname } from "next/navigation";
+import Image from "next/image";
 import { ConnectWallet } from "./ConnectWallet";
 
 const NAV_LINKS = [
@@ -23,9 +24,18 @@ export function NavBar() {
         {/* Logo */}
         <Link
           href="/"
-          className="text-sm font-semibold tracking-tight text-[var(--text)] transition-opacity hover:opacity-80"
+          className="flex items-center gap-1.5 transition-opacity hover:opacity-80"
         >
-          PlotLink
+          <Image
+            src="/plotlink-logo-symbol.svg"
+            alt=""
+            width={20}
+            height={24}
+            className="h-5 w-auto"
+          />
+          <span className="font-heading text-sm font-bold tracking-tight text-[var(--text)]">
+            PlotLink
+          </span>
         </Link>
 
         {/* Desktop nav links */}