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

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>