From acf8e1e9404cc9cab0a1a3f0595676b2ec5827df Mon Sep 17 00:00:00 2001
From: mstfyldz <mstfyldz@Mac.hgw.local>
Date: Fri, 17 Jul 2026 18:29:00 +0300
Subject: [PATCH] fix: resolve Next.js Image component warnings for LCP and
 dimensions

---
 components/About.tsx  | 1 +
 components/Header.tsx | 3 ++-
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/components/About.tsx b/components/About.tsx
index cb9b6d1..480e380 100644
--- a/components/About.tsx
+++ b/components/About.tsx
@@ -66,6 +66,7 @@ export default function About({ dict }: { dict: any }) {
                 src="/moy-beach.jpg"
                 alt="Moy Beach Atmosphere"
                 fill
+                priority
                 className="object-cover"
                 sizes="(max-width: 768px) 100vw, 50vw"
               />
diff --git a/components/Header.tsx b/components/Header.tsx
index 1c7bc4e..c9d9b1d 100644
--- a/components/Header.tsx
+++ b/components/Header.tsx
@@ -36,8 +36,9 @@ export default function Header({ dict, lang, dbSettings }: { dict: any, lang: st
             alt="Moy Beach Logo" 
             width={120}
             height={48}
+            priority
             className={`h-12 w-auto transition-all duration-300 ${!isScrolled ? "brightness-0 invert opacity-90" : ""}`} 
-            style={{ width: "auto" }}
+            style={{ width: "auto", height: "auto" }}
           />
         </a>