<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>
