From f7da804e40b990e5f1ee2214a2e2e4984d704f16 Mon Sep 17 00:00:00 2001
From: toufic ar <contact@toufy.me>
Date: Tue, 7 Jul 2026 18:29:43 +0300
Subject: initial commit

---
 src/lib/components/Socials.svelte | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)
 create mode 100644 src/lib/components/Socials.svelte

(limited to 'src/lib/components/Socials.svelte')

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>
-- 
cgit v1.3.1

