---
const { title, description, href, image } = Astro.props;
---
<article class="card service-card">
  {image && <img src={image} alt="" loading="lazy" />}
  <div class="card-body"><h3><a href={href}>{title}</a></h3><p>{description}</p><a class="text-link" href={href}>Learn more</a></div>
</article>