<template>
  <div class="team-page">
    <LandingTeamSection />
  </div>
</template>

<script setup lang="ts">
const { t, locale } = useI18n()

// SEO Meta
useSeoMeta({
  title: () => t('team.meta.title'),
  description: () => t('team.meta.description'),
  ogTitle: () => t('team.meta.title'),
  ogDescription: () => t('team.meta.description'),
  ogImage: '/og-image.png',
  ogType: 'website',
  twitterCard: 'summary_large_image'
})

// Structured data for SEO
useHead({
  htmlAttrs: {
    lang: () => locale.value
  },
  script: [
    {
      type: 'application/ld+json',
      innerHTML: JSON.stringify({
        '@context': 'https://schema.org',
        '@type': 'AboutPage',
        name: t('team.meta.title'),
        description: t('team.meta.description'),
        mainEntity: {
          '@type': 'Organization',
          name: 'GremiumHub',
          member: [
            {
              '@type': 'Person',
              name: 'Raphael Lugowski',
              jobTitle: t('team.members.raphael.role')
            },
            {
              '@type': 'Person',
              name: 'Denis Lugowski',
              jobTitle: t('team.members.denis.role')
            }
          ]
        }
      })
    }
  ]
})
</script>

<style scoped>
.team-page {
  padding-top: 5rem; /* Header offset */
}
</style>
