Vercel Build

components/Footer.tsx

@@ -1,4 +1,5 @@
 import Link from 'next/link';
+import Image from 'next/image';
 
 export default function Footer() {
   return (
@@ -8,14 +9,16 @@ export default function Footer() {
           {/* Logo ve Bilgi */}
           <div>
             <div className="mb-4">
-              <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 Büyükşehir Belediyesi"
+                width={64}
+                height={64}
                 className="h-16 w-auto object-contain"
               />
             </div>
             <p className="text-gray-300 text-sm leading-relaxed">
-              A2 Metro Hattı İnşaat Projesi - Ankara'nın ulaşım altyapısına modern çözümler sunuyoruz.
+              A2 Metro Hattı İnşaat Projesi - Ankara&#39;nın ulaşım altyapısına modern çözümler sunuyoruz.
             </p>
           </div>
 

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>