From 88f43d622073bce2122ccf7bb00d3de9ef43b39a Mon Sep 17 00:00:00 2001
From: Thatsaphorn Atchariyaphap <thatsaphorn@outlook.de>
Date: Mon, 23 Jun 2025 09:25:24 +0900
Subject: [PATCH] replace `<img>` with Next.js `Image` component for optimized
 image handling

---
 lawfirm-demos/demo-1/app/ueber-uns/page.tsx | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/lawfirm-demos/demo-1/app/ueber-uns/page.tsx b/lawfirm-demos/demo-1/app/ueber-uns/page.tsx
index ad900ec..fcf978d 100644
--- a/lawfirm-demos/demo-1/app/ueber-uns/page.tsx
+++ b/lawfirm-demos/demo-1/app/ueber-uns/page.tsx
@@ -4,6 +4,7 @@ import {team} from '@/data/team';
 import SubpageHero from '@/components/SubpageHero';
 import {motion} from 'framer-motion';
 import DualCTA from "@/components/DualCTA";
+import Image from 'next/image';
 
 const fadeUp = {
     hidden: {opacity: 0, y: 40},
@@ -115,10 +116,12 @@ export default function UeberUnsPage() {
                                 viewport={{once: true}}
                                 transition={{delay: i * 0.1, duration: 0.5, ease: 'easeOut'}}
                             >
-                                <img
+                                <Image
                                     src={lawyer.image}
                                     alt={lawyer.name}
-                                    className="w-24 h-32 object-cover rounded-lg shadow-sm"
+                                    width={96}
+                                    height={128}
+                                    className="rounded-lg shadow-sm object-cover w-24 h-32"
                                 />
                                 <div className="flex flex-col justify-center">
                                     <h3 className="text-lg font-semibold">{lawyer.name}</h3>