First version

src/lib/Footer.svelte

@@ -0,0 +1,24 @@
+<script lang="ts">
+	import Icon from '@iconify/svelte';
+	import { firstName, lastName, socialNetworks } from './data/global';
+
+	const year = new Date().getFullYear();
+</script>
+
+<div class="flex flex-wrap items-center justify-center" id="contact">
+	{#each socialNetworks as socialNetwork}
+		<div class="p-5">
+			<a
+				href={socialNetwork.url}
+				target="_blank"
+				title={socialNetwork.title}
+				rel="noopener"
+				data-umami-event={`Social ${socialNetwork.title} button`}
+			>
+				<Icon icon={socialNetwork.icon} class="text-5xl" />
+			</a>
+		</div>
+	{/each}
+</div>
+
+<div class="pb-5 text-center text-lg font-light">© {year} {firstName} {lastName}</div>