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

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>