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

app/filomuz/page.tsx

@@ -24,9 +24,10 @@ export default function FleetPage() {
       <header className="relative h-[70vh] flex items-end overflow-hidden bg-surface-container-lowest">
         <div className="absolute inset-0 z-0">
           <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="Heavy crane"
             fill
+            sizes="100vw"
             className="object-cover grayscale opacity-60"
           />
           <div className="absolute inset-0 bg-gradient-to-t from-surface via-transparent to-transparent"></div>

app/hakkimizda/page.tsx

@@ -50,9 +50,10 @@ export default function AboutPage() {
       <section className="relative h-[60vh] flex items-center justify-center overflow-hidden">
         <div className="absolute inset-0 z-0">
           <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="Crane at sunset"
             fill
+            sizes="100vw"
             className="object-cover grayscale opacity-60"
           />
           <div className="absolute inset-0 bg-gradient-to-b from-surface/40 to-surface/90"></div>
@@ -78,6 +79,7 @@ export default function AboutPage() {
                 src="https://images.unsplash.com/photo-1578319439584-104c94d37305?q=80&w=2070&auto=format&fit=crop"
                 alt="Crane operation"
                 fill
+                sizes="(max-width: 768px) 100vw, 50vw"
                 className="object-cover grayscale hover:grayscale-0 transition-all duration-700"
               />
             </div>

app/hizmetler/page.tsx

@@ -51,9 +51,10 @@ export default function ServicesPage() {
       <section className="relative h-[60vh] flex items-center justify-start overflow-hidden px-8 md:px-16 border-b border-outline-variant/10">
         <div className="absolute inset-0 z-0">
           <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="Cranes at sunset"
             fill
+            sizes="100vw"
             className="object-cover opacity-40 grayscale"
           />
           <div className="absolute inset-0 bg-gradient-to-r from-background via-background/80 to-transparent"></div>
@@ -110,6 +111,7 @@ export default function ServicesPage() {
                   src={service.image}
                   alt={service.title}
                   fill
+                  sizes="(max-width: 768px) 100vw, 25vw"
                   className="object-contain object-right-bottom"
                 />
               </div>

app/iletisim/page.tsx

@@ -22,6 +22,7 @@ export default function ContactPage() {
             src="https://images.unsplash.com/photo-1581092918056-0c4c3acd3789?q=80&w=2070&auto=format&fit=crop"
             alt="Industrial machinery"
             fill
+            sizes="100vw"
             className="object-cover grayscale"
           />
           <div className="absolute inset-0 bg-gradient-to-r from-surface via-surface/80 to-transparent"></div>
@@ -111,6 +112,7 @@ export default function ContactPage() {
             src="https://images.unsplash.com/photo-1526778548025-fa2f459cd5c1?q=80&w=2066&auto=format&fit=crop"
             alt="Dalaman map mockup"
             fill
+            sizes="100vw"
             className="object-cover grayscale contrast-125 brightness-50 opacity-80"
           />
         </div>