From ae4677d27e2337ab0c239d1e814d47607e381cb4 Mon Sep 17 00:00:00 2001 From: ayrisdev Date: Sun, 12 Apr 2026 13:43:57 +0300 Subject: [PATCH] fix: resolve broken image URLs and add missing sizes prop to all Image components --- app/filomuz/page.tsx | 3 ++- app/hakkimizda/page.tsx | 4 +++- app/hizmetler/page.tsx | 4 +++- app/iletisim/page.tsx | 2 ++ components/FleetList.tsx | 2 ++ components/Hero.tsx | 3 ++- components/ServicesPreview.tsx | 3 ++- lib/data.ts | 4 ++-- 8 files changed, 18 insertions(+), 7 deletions(-) diff --git a/app/filomuz/page.tsx b/app/filomuz/page.tsx index ba5a399..5e12444 100644 --- a/app/filomuz/page.tsx +++ b/app/filomuz/page.tsx @@ -24,9 +24,10 @@ export default function FleetPage() {
Heavy crane
diff --git a/app/hakkimizda/page.tsx b/app/hakkimizda/page.tsx index 1e2b291..7d3b03f 100644 --- a/app/hakkimizda/page.tsx +++ b/app/hakkimizda/page.tsx @@ -50,9 +50,10 @@ export default function AboutPage() {
Crane at sunset
@@ -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" />
diff --git a/app/hizmetler/page.tsx b/app/hizmetler/page.tsx index f9a35f9..66ecc4a 100644 --- a/app/hizmetler/page.tsx +++ b/app/hizmetler/page.tsx @@ -51,9 +51,10 @@ export default function ServicesPage() {
Cranes at sunset
@@ -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" />
diff --git a/app/iletisim/page.tsx b/app/iletisim/page.tsx index 879f5e9..759fd3f 100644 --- a/app/iletisim/page.tsx +++ b/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" />
@@ -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" />
diff --git a/components/FleetList.tsx b/components/FleetList.tsx index d452d94..732306d 100644 --- a/components/FleetList.tsx +++ b/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" />
diff --git a/components/Hero.tsx b/components/Hero.tsx index b37c4f5..3a89a64 100644 --- a/components/Hero.tsx +++ b/components/Hero.tsx @@ -18,10 +18,11 @@ export function Hero() {
Industrial crane
diff --git a/components/ServicesPreview.tsx b/components/ServicesPreview.tsx index 2ac95af..493862a 100644 --- a/components/ServicesPreview.tsx +++ b/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" />
diff --git a/lib/data.ts b/lib/data.ts index c299c94..17bca92 100644 --- a/lib/data.ts +++ b/lib/data.ts @@ -21,7 +21,7 @@ export const SERVICES = [ { title: "Mobil Vinç Kiralama", description: "500 tona kadar kaldırma kapasitesine sahip geniş filomuzla, en zorlu şantiye koşullarında yüksek hassasiyetli operasyonlar.", - 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", @@ -46,7 +46,7 @@ export const FLEET_ITEMS = [ description: "Endüstriyel ağır kaldırma operasyonları için maksimum stabilite ve erişim gücü.", capacity: "300 Ton", reach: "78 Metre", - 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", status: "Müsait", category: "Mobil Vinç" },