<template>
  <main>
    <UiAppPageHeaderFixed>
      Connect with the<br />
      <UiTypewriterEffect
        :values="['enthusiasts', 'advocates', 'mentors', 'experts']"
      />
      from within<br />
      the Qiskit community
    </UiAppPageHeaderFixed>
    <AdvocatesJoinSection />
    <AdvocatesMeetTheAdvocates />
  </main>
</template>

<script setup lang="ts">
definePageMeta({
  layout: "default-max",
});

useHead({
  title: "Qiskit Advocates",
  meta: [
    {
      name: "description",
      content:
        "The Qiskit advocate program is a global program that provides support to the individuals who actively contribute to the Qiskit Community.",
    },
  ],
});

// TODO: Refactor tracking
// export default class AdvocatesPage {
//   routeName: string = 'advocates'
// }
</script>
