<template>
  <div>
    <div class="row justify-content-center">
      <div class="col-12 col-lg-9 col-md-11 col-sm-12 col-xl-8">
        <h1 class="h3 fw-bold text-center py-3">
          {{ t('About Mindboost') }}
        </h1>
        <div class="row pt-4">
          <div class="col-12">
            <h2 class="h6 fw-bold">
              {{ t('WHAT IS MINDBOOST?') }}
            </h2>
            <p class="text-muted ">
              {{ t('Mindboost creates soundscapes for your headphones that help you focus up to 35% better. Mindboost combines voice masking, binaural beats and alpha waves.') }}
            </p>
          </div>
          <div class="col-12 pt-3">
            <h2 class="h6 fw-bold">
              {{ t('HOW DOES MINDBOOST WORK?') }}
            </h2>
            <p class="text-muted ">
              {{ t('Our algorithm measures the acoustics of your cell phone or other device in the room in real time and generates a soundscape that optimally blocks out disruptive background noise such as colleagues on the phone.') }}
            </p>
          </div>
          <div class="col-12 pt-3">
            <h2 class="h6 fw-bold">
              {{ t('WHY DOES MINDBOOST WORK?') }}
            </h2>
            <p class="text-muted ">
              {{ t('All soundscapes in Mindboost have been tested and optimized in listening tests in cooperation with the Fraunhofer IBP. So you can be sure that Mindboost supports you optimally with your concentration.') }}
            </p>
          </div>
          <div class="col-12 pt-3">
            <h2 class="h6 fw-bold">
              {{ t('WHO WE ARE?') }}
            </h2>
            <p class="text-muted ">
              {{ t('We are a small team of audio developers. Inspiried by the power of sound, well known from music, we cannot stop exploring the digital audio world. We are happy that we can be part of a community that uses audio next to practical services mainly to generate fun.') }}
            </p>
          </div>
        </div>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: 'SettingPage',
  setup () {
    const { t } = useI18n()
    const localePath = useLocalePath()
    return { t, localePath }
  }
}
</script>

<style>

</style>
