Gitlab-Migration/demo-websites
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

replace <img> with Next.js Image component for optimized image handling

Browse Source
This commit is contained in:
Thatsaphorn
2025-06-23 09:25:24 +09:00
parent 5754a9c391
commit 88f43d6220
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
lawfirm-demos/demo-1/app/ueber-uns/page.tsx
View File

@@ -4,6 +4,7 @@ import {team} from '@/data/team';
import SubpageHero from '@/components/SubpageHero'; import SubpageHero from '@/components/SubpageHero';
import {motion} from 'framer-motion'; import {motion} from 'framer-motion';
import DualCTA from "@/components/DualCTA"; import DualCTA from "@/components/DualCTA";
import Image from 'next/image';
const fadeUp = { const fadeUp = {
hidden: {opacity: 0, y: 40}, hidden: {opacity: 0, y: 40},
@@ -115,10 +116,12 @@ export default function UeberUnsPage() {
viewport={{once: true}} viewport={{once: true}}
transition={{delay: i * 0.1, duration: 0.5, ease: 'easeOut'}} transition={{delay: i * 0.1, duration: 0.5, ease: 'easeOut'}}
> >
<img <Image
src={lawyer.image} src={lawyer.image}
alt={lawyer.name} 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"> <div className="flex flex-col justify-center">
<h3 className="text-lg font-semibold">{lawyer.name}</h3> <h3 className="text-lg font-semibold">{lawyer.name}</h3>