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

components/FleetList.tsx

@@ -73,6 +73,7 @@ export function FleetList({ items, categories }: FleetListProps) {
                   src={item.image}
                   alt={item.name}
                   fill
+                  sizes="(max-width: 768px) 100vw, (max-width: 1200px) 50vw, 33vw"
                   className="object-cover transition-transform duration-700 group-hover:scale-110"
                 />
                 <div className={cn(
@@ -141,6 +142,7 @@ export function FleetList({ items, categories }: FleetListProps) {
                     src={selectedItem.image}
                     alt={selectedItem.name}
                     fill
+                    sizes="(max-width: 1024px) 100vw, 50vw"
                     className="object-cover"
                   />
                 </div>

components/Hero.tsx

@@ -18,10 +18,11 @@ export function Hero() {
       <div className="absolute inset-0 z-0">
         <div className="absolute inset-0 bg-background/40 backdrop-blur-sm z-10" />
         <Image 
-          src="https://images.unsplash.com/photo-1541625602330-2277a4c4b282?q=80&w=2070&auto=format&fit=crop"
+          src="https://images.unsplash.com/photo-1504307651254-35680f356dfd?q=80&w=2070&auto=format&fit=crop"
           alt="Industrial crane"
           fill
           priority
+          sizes="100vw"
           className="object-cover grayscale brightness-50"
         />
         <div className="absolute inset-0 bg-gradient-to-t from-background via-transparent to-background/20 z-20" />

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" />