<template>
  <div class="benefits-company-page">
    <LandingBenefitsCompany />
  </div>
</template>

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

// SEO Meta
useSeoMeta({
  title: () => `${t('company.title', { highlight: t('company.titleHighlight') })} - GremiumHub`,
  description: () => t('company.description'),
  ogTitle: () => `${t('company.title', { highlight: t('company.titleHighlight') })} - GremiumHub`,
  ogDescription: () => t('company.description'),
  ogImage: '/og-image.png',
  ogType: 'website',
  twitterCard: 'summary_large_image'
})

useHead({
  htmlAttrs: {
    lang: () => locale.value
  }
})
</script>

<style scoped>
.benefits-company-page {
  padding-top: 6rem;
}
</style>
