@props(['service'])

<div class="service-card reveal">
  <div class="service-icon-box">
    <i class="{{ $service->icon ?? 'fas fa-briefcase' }}"></i>
  </div>
  <h3 class="service-title">{{ $service->title }}</h3>
  <p class="service-desc">{{ $service->short_description }}</p>
  <a href="{{ route('services.show', $service->slug) }}" class="service-link">
    Learn More <i class="fas fa-arrow-right"></i>
  </a>
</div>