Vercel Build

components/Header.tsx

@@ -1,5 +1,6 @@
 import { useState } from 'react';
 import Link from 'next/link';
+import Image from 'next/image';
 
 export default function Header() {
   const [isMenuOpen, setIsMenuOpen] = useState(false);
@@ -22,9 +23,11 @@ export default function Header() {
           <div className="flex justify-between items-center h-20">
             <Link href="/" className="flex items-center">
               <div className="w-32 h-32">
-                <img 
-                  src="https://www.ankara.bel.tr/assets/images/logo-white.svg" 
+                <Image
+                  src="https://www.ankara.bel.tr/assets/images/logo-white.svg"
                   alt="Ankara Belediyesi Logo"
+                  width={128}
+                  height={128}
                   className="w-full h-full object-contain"
                 />
               </div>