fix: resolve all ESLint errors and warnings

components/CTASection.tsx

@@ -1,7 +1,7 @@
 'use client';
 
 import { motion } from "framer-motion";
-import { ArrowRight, MessageCircle } from "lucide-react";
+import { MessageCircle } from "lucide-react";
 import { siteConfig } from "@/lib/data";
 
 export function CTASection() {
@@ -41,7 +41,7 @@ export function CTASection() {
               transition={{ delay: 0.1 }}
               className="font-body text-lg md:text-2xl text-on-surface-variant leading-relaxed"
             >
-              Her türlü ağır yük ve yüksek irtifa projeleriniz için profesyonel mühendislik çözümleri sunuyoruz. Dalaman'dan tüm Türkiye'ye 7/24 hizmetinizdeyiz.
+              Her türlü ağır yük ve yüksek irtifa projeleriniz için profesyonel mühendislik çözümleri sunuyoruz. Dalaman'dan tüm Türkiye'ye 7/24 hizmetinizdeyiz.
             </motion.p>
           </div>
 
@@ -54,7 +54,7 @@ export function CTASection() {
               onClick={handleWhatsApp}
               className="bg-primary text-on-primary font-headline font-black uppercase tracking-widest px-12 py-6 text-xl hover:brightness-110 active:scale-95 transition-all rounded-none shadow-[10px_10px_0px_0px_rgba(0,0,0,0.5)] active:shadow-none whitespace-nowrap flex items-center justify-center gap-4 group"
             >
-              WHATSAPP'TAN TEKLİF ALIN
+              WHATSAPP&apos;TAN TEKLİF ALIN
               <MessageCircle className="w-6 h-6 group-hover:rotate-12 transition-transform" />
             </button>
             <p className="text-center font-label text-[10px] uppercase tracking-widest text-on-surface-variant font-bold">

components/FleetSection.tsx

@@ -3,6 +3,7 @@
 import { motion } from "framer-motion";
 import { cn } from "@/lib/utils";
 import { FLEET_ITEMS, siteConfig } from "@/lib/data";
+import Image from "next/image";
 import Link from "next/link";
 import { MessageCircle } from "lucide-react";
 
@@ -37,10 +38,12 @@ export function FleetSection() {
             className="min-w-[320px] md:min-w-[500px] bg-surface-container-lowest flex flex-col group shadow-2xl"
           >
             <div className="h-64 md:h-96 overflow-hidden relative">
-              <img 
+              <Image 
                 className="w-full h-full object-cover grayscale group-hover:grayscale-0 transition-all duration-1000 group-hover:scale-105" 
                 src={v.image} 
                 alt={v.name} 
+                fill
+                sizes="(max-width: 768px) 320px, 500px"
               />
               <div className={cn(
                 "absolute top-0 left-0 px-4 py-2 font-label text-[10px] font-bold uppercase tracking-widest",

components/Hero.tsx

@@ -3,7 +3,7 @@
 import { motion } from "framer-motion";
 import Image from "next/image";
 import Link from "next/link";
-import { ArrowRight, Phone, MessageCircle } from "lucide-react";
+import { ArrowRight, MessageCircle } from "lucide-react";
 import { siteConfig } from "@/lib/data";
 import { openinaryUrl } from "@/lib/openinary";
 
@@ -62,7 +62,7 @@ export function Hero() {
               className="bg-surface-container-high text-white px-10 py-5 font-headline font-black uppercase tracking-widest text-lg hover:bg-white hover:text-black transition-all rounded-none border-b-2 border-primary/50 flex items-center justify-center gap-3"
             >
               <MessageCircle className="w-6 h-6" />
-              WhatsApp'tan Teklif Al
+              WhatsApp&apos;tan Teklif Al
             </button>
           </div>
         </motion.div>