app/about: use Image

Signed-off-by: Xe Iaso <me@xeiaso.net>
This commit is contained in:
Xe Iaso 2024-09-20 13:44:02 -04:00
parent 9447a4bef7
commit b3d3443243
Signed by: xe
SSH Key Fingerprint: SHA256:7EWsWanxCI427bJ0t3CA6LyqXnkPajReCxkUhbpJULU

View File

@ -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>