30 lines
745 B
Svelte
30 lines
745 B
Svelte
|
<script lang="ts">
|
||
|
|
import Icon from '$lib/components/Icon.svelte';
|
||
|
|
import type { IconCard } from '$lib/types';
|
||
|
|
|
||
|
|
export let services: IconCard[];
|
||
|
|
|
||
|
|
</script>
|
||
|
|
|
||
|
|
<section id="services">
|
||
|
|
<div class="services-inner">
|
||
|
|
<h2 class="section-heading">What we do</h2>
|
||
|
|
|
||
|
|
<div class="services-grid">
|
||
|
|
{#each services as service}
|
||
|
|
<div class="service-card">
|
||
|
|
<div class="service-icon-bubble">
|
||
|
|
<Icon name={service.icon} className="service-card-icon" />
|
||
|
|
</div>
|
||
|
|
<h3>{service.title}</h3>
|
||
|
|
<p>{service.body}</p>
|
||
|
|
|
||
|
|
{#if service.href}
|
||
|
|
<a href={service.href} class="btn btn-green">Learn more</a>
|
||
|
|
{/if}
|
||
|
|
</div>
|
||
|
|
{/each}
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</section>
|