<script lang="ts">
  import Icon from '$lib/components/Icon.svelte';
  import type { HomePageContent } from '$lib/types';

  export let instagram: HomePageContent['instagram'];
</script>

<section id="instagram">
  <h2>{instagram.title}</h2>
  <p class="instagram-blurb">See our dogs in action — walks, play, and happy pups</p>
  <a href={instagram.href} target="_blank" rel="noopener" class="btn btn-green">
    <Icon name="fab fa-instagram" />
    {instagram.label}
  </a>
</section>
