diff --git a/src/components/ui/insight-card.tsx b/src/components/ui/insight-card.tsx
index 38aedec..26db453 100644
--- a/src/components/ui/insight-card.tsx
+++ b/src/components/ui/insight-card.tsx
@@ -1,5 +1,6 @@
 'use client';
 
+import Image from 'next/image';
 import { Calendar, Clock, ArrowRight } from 'lucide-react';
 import { Badge } from '@/components/ui/badge';
 
@@ -34,10 +35,11 @@ export function InsightCard({
     >
       {imageUrl && (
         <div className="relative h-48 overflow-hidden">
-          <img
+          <Image
             src={imageUrl}
             alt={title}
-            className="w-full h-full object-cover transition-transform duration-300 group-hover:scale-105"
+            fill
+            className="object-cover transition-transform duration-300 group-hover:scale-105"
           />
           <div className="absolute inset-0 bg-gradient-to-t from-black/20 to-transparent" />
         </div>
diff --git a/src/components/ui/testimonial-card.tsx b/src/components/ui/testimonial-card.tsx
index 23eda42..17cb00f 100644
--- a/src/components/ui/testimonial-card.tsx
+++ b/src/components/ui/testimonial-card.tsx
@@ -1,5 +1,6 @@
 'use client';
 
+import Image from 'next/image';
 import { Quote } from 'lucide-react';
 
 export interface TestimonialCardProps {
@@ -39,14 +40,16 @@ export function TestimonialCard({
       )}
 
       <blockquote className="text-base text-[#171717] mb-6 leading-relaxed">
-        "{quote}"
+        &ldquo;{quote}&rdquo;
       </blockquote>
 
       <div className="flex items-center gap-4">
         {avatarUrl && (
-          <img
+          <Image
             src={avatarUrl}
             alt={author}
+            width={48}
+            height={48}
             className="w-12 h-12 rounded-full object-cover"
           />
         )}