1 files changed, 30 insertions, 0 deletions
diff --git a/src/lib/components/Socials.svelte b/src/lib/components/Socials.svelte
new file mode 100644
index 0000000..c616405
--- /dev/null
+++ b/src/lib/components/Socials.svelte
@@ -0,0 +1,30 @@
+<script lang="ts">
+  import SectionTitle from "./SectionTitle.svelte";
+  import SocialCard from "./SocialCard.svelte";
+</script>
+
+<SectionTitle title="socials">places you can find me</SectionTitle>
+<div class="flex place-content-start place-items-start w-full">
+  <SocialCard
+    name="mastodon"
+    icon="iconify-[fa7-brands--mastodon]"
+    rel="me"
+    href="https://beige.party/@toufy"
+    --color-fg="#6364ff"
+    --color-bg="#ffffff"
+  />
+  <SocialCard
+    name="email"
+    icon="iconify-[fa7-solid--envelope]"
+    href="mailto:contact@toufy.me"
+    --color-fg="gray"
+    --color-bg="#ffffff"
+  />
+  <SocialCard
+    name="tmdb"
+    icon="iconify-[cib--the-movie-database]"
+    href="https://www.themoviedb.org/u/toufy"
+    --color-fg="#0177d2"
+    --color-bg="#ffffff"
+  />
+</div>