fix: resolve broken image URLs and add missing sizes prop to all Image components

components/ServicesPreview.tsx

@@ -14,7 +14,7 @@ const SERVICES = [
   {
     title: "Mobil Vinç",
     description: "300-500 ton kapasiteli teleskopik vinç çözümleri.",
-    image: "https://images.unsplash.com/photo-1541625602330-2277a4c4b282?q=80&w=2070&auto=format&fit=crop"
+    image: "https://images.unsplash.com/photo-1504307651254-35680f356dfd?q=80&w=2070&auto=format&fit=crop"
   },
   {
     title: "Sepetli Platform",
@@ -59,6 +59,7 @@ export function ServicesPreview() {
                 src={service.image}
                 alt={service.title}
                 fill
+                sizes="(max-width: 768px) 100vw, 33vw"
                 className="object-cover grayscale group-hover:grayscale-0 group-hover:scale-110 transition-all duration-1000 z-0"
               />
               <div className="absolute inset-0 bg-gradient-to-t from-background via-background/20 to-transparent z-10" />