From b3d344324372d602be5cae446defd168cae2ed20 Mon Sep 17 00:00:00 2001
From: Xe Iaso <me@xeiaso.net>
Date: Fri, 20 Sep 2024 13:44:02 -0400
Subject: [PATCH] app/about: use Image

Signed-off-by: Xe Iaso <me@xeiaso.net>
---
 app/about/page.jsx | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/app/about/page.jsx b/app/about/page.jsx
index a9be705..e380ede 100644
--- a/app/about/page.jsx
+++ b/app/about/page.jsx
@@ -2,10 +2,11 @@ import React from 'react';
 import { User, Award, Globe } from 'lucide-react';
 import { Button } from '@/components/ui/Button';
 import { allAuthors } from '@/.content-collections/generated';
+import Image from 'next/image';
 
 const TeamMember = ({ name, role, image }) => (
     <div className="text-center">
-        <img className="mx-auto h-40 w-40 rounded-full" src={image} alt={name} />
+        <Image className="mx-auto h-40 w-40 rounded-full" width={256} height={256} src={image} alt={name} />
         <div className="mt-4">
             <h3 className="text-lg font-medium text-gray-900">{name}</h3>
             <p className="text-sm text-gray-500">{role}</p>