TestimonialItem

Props

Source apps/www/src/components/TestimonialItem.astro @ gitt.one

---
import { Image } from 'astro:assets';
import { resolveImage } from '../lib/images';

interface Props {
  name: string;
  role: string;
  description: string;
  imageName: string;
}

const { name, role, description, imageName } = Astro.props;

const image = await resolveImage(imageName);
---

<li class="py-8 px-4 bg-primary-900/40 text-center rounded-lg xl:px-8 xl:text-left">
  <div class="space-y-4 xl:space-y-8">
    <Image
      src={image}
      alt=""
      widths={[400]}
      class="block mx-auto h-40 w-40 rounded-full object-cover xl:w-44 xl:h-44"
    />
    <div class="space-y-2 xl:flex xl:items-center xl:justify-between">
      <div class="text-lg leading-6 space-y-1">
        <h3 class="text-white font-medium text-2xl m-0">{name}</h3>
        <p class="text-primary-200 font-medium text-xl">{role}</p>
        <p class="text-gray-300 font-medium text-xl">{description}</p>
      </div>
    </div>
  </div>
</li>