Initial commit

src/lib/components/ServicesSection.svelte

@@ -0,0 +1,29 @@
+<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>