<template>
    <main>
        <article class="article">
            <section class="hero-section">
              <div class="container">
                <h1 :id="t('about.hero.title').replace(/ /g, '_')" class="title">{{ t('about.hero.title') }}</h1>
                <!-- <p :id="t('about.hero.sub').replace(/ /g, '_')" class="subtitle">{{ t('about.hero.sub') }}</p> -->
              </div>
            </section>
            <section class="container">

            </section>
        </article>
    </main>
</template>

<script setup>
const {t} = useI18n();
const config = useRuntimeConfig();
const baseUrl = config.public.baseUrl

useHead({
  title: '*nix in Thailand',
  titleTemplate: '%s',
  meta: [
    { property: 'og:type', content: 'website' }
  ]
})
</script>