<template>
  <div>
    <h1 class="text-center mb-6">About</h1>
    <v-card class="pa-4">
      <p>
        This project is a full-stack web application demonstrating the integration of modern web technologies through a
        Docker Compose setup.
      </p>

      <p>
        It serves as both a proof of concept and a starter template for developers looking to work with this particular
        technology stack.
      </p>

      <p>
        The backend is built with <a href="https://symfony.com/" target="_blank">Symfony 7</a> and
        <a href="https://api-platform.com/" target="_blank">API Platform 4</a>.

        The frontend uses <a href="https://nuxt.com/" target="_blank">Nuxt.js 3</a> with
        <a href="https://vuetifyjs.com/en" target="_blank">Vuetify</a> components and
        <a href="https://www.typescriptlang.org/" target="_blank">TypeScript</a>.

        The entire application is served through <a href="https://caddyserver.com/" target="_blank">Caddy</a> web server, offering automatic HTTPS.
        Enjoy!
      </p>
      <p class="text-center">
        <v-btn href="https://github.com/olinox14/snc-demo" target="_blank">
          Contribute
        </v-btn>
      </p>
    </v-card>
  </div>
</template>

<script setup lang="ts">
useHead({
  title: 'About'
})
</script>

<style scoped lang="scss">
  .v-card p {
    max-width: 900px;
    margin: 25px auto;
    text-align: justify;
  }
</style>
