디자인디테일

src/app/components/AppHeader.tsx

@@ -5,6 +5,7 @@ import Link from "next/link";
 import { SearchBar } from "@/app/components/SearchBar";
 import React from "react";
 import { usePathname, useSearchParams } from "next/navigation";
+import { SinglePageLogo } from "@/app/components/SinglePageLogo";
 
 export function AppHeader() {
   const [categories, setCategories] = React.useState<Array<{ id: string; name: string; slug: string; boards: Array<{ id: string; name: string; slug: string }> }>>([]);
@@ -309,7 +310,7 @@ export function AppHeader() {
           </span>
         </button>
         <Link href="/" aria-label="홈" className="shrink-0">
-          <Image src="/logo.png" alt="logo" width={120} height={28} priority className="w-20 xl:w-[120px] h-auto" />
+          <SinglePageLogo width={120} height={28} className="w-20 xl:w-[120px] h-auto" />
         </Link>
       </div>
       <nav className="flex flex-1 items-center gap-4 justify-between">