Vercel Build

app/haberler/page.tsx

@@ -1,6 +1,7 @@
 'use client';
 
 import { useState } from 'react';
+import Image from 'next/image';
 import Header from "@/components/Header";
 import Footer from "@/components/Footer";
 
@@ -132,9 +133,11 @@ export default function News() {
               >
                 {/* Görsel */}
                 <div className="relative h-48 overflow-hidden">
-                  <img
+                  <Image
                     src={item.image}
                     alt={item.title}
+                    width={400}
+                    height={192}
                     className="w-full h-full object-cover transition-transform duration-300 hover:scale-110"
                   />
                   <div className="absolute top-3 left-3">
@@ -191,9 +194,11 @@ export default function News() {
           <div className="bg-white rounded-2xl max-w-4xl w-full max-h-[90vh] overflow-y-auto">
             {/* Görsel */}
             <div className="relative h-64 md:h-96">
-              <img
+              <Image
                 src={selectedNewsItem.image}
                 alt={selectedNewsItem.title}
+                width={800}
+                height={384}
                 className="w-full h-full object-cover"
               />
               <button