<style scoped src="./Footer.css"/>

<template>
  <footer class="Footer flex-col default-gap">
      <ul class="sitemap default-gap">
        <li><a :href="`${mainPage ? '/' : ''}#intro`">Über mich</a></li>
        <li><a :href="`${mainPage ? '/' : ''}#skills`">Meine Expertise</a></li>
        <li><a :href="`${mainPage ? '/' : ''}#customers`">Kunden & Projekte</a></li>
        <li><a :href="`${mainPage ? '/' : ''}#services`">Services</a></li>
        <li><a :href="`${mainPage ? '/' : ''}#network`">Mein Netzwerk</a></li>
        <li><a href="/imp">Impressum</a></li>
      </ul>
  </footer>
</template>

<script setup lang="ts">
type Props = {
  mainPage ?: boolean
}

defineProps<Props>()
</script>
