Eatsfine · jjjsun · Feb 11, 2026 · Feb 11, 2026 · Feb 11, 2026 · Feb 11, 2026
diff --git a/index.html b/index.html
@@ -2,7 +2,7 @@
 <html lang="ko">
   <head>
     <meta charset="UTF-8" />
-    <link rel="icon" type="image/svg+xml" href="/eatsfineLogo.svg" />
+    <link rel="icon" type="image/svg+xml" href="/Logo(blue no bg).svg" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
     <title>잇츠파인(Eatsfine)</title>
     <meta
@@ -11,9 +11,14 @@
     />
     <meta
       property="og:description"
-      content="자리 자체를 예약하는 새로운 식문화 플랫폼 웹 애플리케이션 서비스"
+      content="'자리 자체'에 대한 니즈를 포착한 IT 커머스형 웹 애플리케이션 서비스"
+    />
+    <meta
+      name="description"
+      content="자리 자체에 대한 니즈를 포착한 IT 커머스형 웹 애플리케이션 서비스"
     />
     <meta property="og:image" content="/eatsfineLogo.svg" />
+    <meta property="og:type" content="website" />
   </head>
   <body>
     <div id="root"></div>

diff --git a/public/Logo(Black no bg).svg b/public/Logo(Black no bg).svg
diff --git a/public/Logo(blue no bg).svg b/public/Logo(blue no bg).svg
diff --git a/public/Logo(white no bg).svg b/public/Logo(white no bg).svg
diff --git a/src/components/main/Header.tsx b/src/components/main/Header.tsx
@@ -63,7 +63,6 @@ export default function Header() {
     return () => observer.disconnect();
   }, []);
 
-  // 햄버거 메뉴 열려있을때 스크롤방지용
   useEffect(() => {
     if (!mobileOpen) return;
     const prev = document.body.style.overflow;
@@ -92,6 +91,10 @@ export default function Header() {
     ? "bg-white/90 backdrop-blur border-b border-border"
     : "bg-transparent border-b border-white/10";
 
+  const logoSrc = scrolled
+    ? "/Logo(Black no bg).svg"
+    : "/Logo(white no bg).svg";
+
   const brandClass = scrolled ? "text-[#191919]" : "text-white";
 
   const navLinkClass = scrolled
@@ -116,13 +119,17 @@ export default function Header() {
     >
       <div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
         <div className="flex items-center justify-between h-20">
-          <button
-            type="button"
-            onClick={() => go("/")}
-            className={`text-[24px] tracking-tight ${brandClass}`}
+          <Link
+            to="/"
+            className="flex items-center gap-3"
+            onClick={() => setMobileOpen(false)}
           >
-            잇츠파인
-          </button>
+            <img src={logoSrc} alt="잇츠파인 로고" className="w-9 h-9" />
+            <span className={`text-[24px] tracking-tight ${brandClass}`}>
+              잇츠파인
+            </span>
+          </Link>
+
           <nav className="hidden lg:flex items-center gap-8 whitespace-nowrap">
             {navItems.map((item) => (
               <Link
@@ -184,8 +191,6 @@ export default function Header() {
           </button>
         </div>
       </div>
-      {/* "transition-[max-height,opacity] duration-300 ease-out",
-          mobileOpen ? "max-h-130 opacity-100" : "max-h-0 opacity-0", */}
       <div
         className={cn(
           "lg:hidden overflow-hidden",

diff --git a/src/layouts/PublicLayout.tsx b/src/layouts/PublicLayout.tsx
@@ -69,7 +69,7 @@ export default function PublicLayout() {
         <div className="mx-auto flex h-16 max-w-7xl items-center justify-between px-4 sm:px-6 lg:px-8 ">
           <Link to="/" className="flex items-center gap-3">
             <img
-              src="/eatsfineLogo.svg"
+              src="/Logo(blue no bg).svg"
               alt="잇츠파인 로고"
               className="h-10 w-10 object-contain"
             />