Working hardly

src/pages/contact.vue

@@ -9,19 +9,6 @@
         {{ $t('contact.why.description') }}
       </h3>
     </section>
-    <section class="w-full lg:w-3/4 mb-10 mt-4 text-justify">
-      <h1 class="font-bold text-gray-700 text-xl md:text-3xl my-4 dark:text-gray-400">
-        {{ $t('contact.available.title') }}
-      </h1>
-      <h3 class="text-lg md:text-xl">
-        {{ $t('contact.available.description') }}
-      </h3>
-      <div class="text-lg md:text-xl my-4 text-indigo-600">
-        {{ $t('contact.available.start') }}
-        <span v-if="info && info.hiring.status && info.hiring.color" class="py-1 px-2 font-bold rounded-full m-0.5" :class="getColor">{{ $t('hiring.status.' + info.hiring.status) }}</span>
-        {{ $t('contact.available.end') }}
-      </div>
-    </section>
     <ContactForm class="w-full"/>
   </main>
 </template>

src/pages/projects.vue

@@ -1,5 +1,5 @@
 <template>
-  <main v-if="projects" class="work flex flex-col items-center px-4 xl:px-32">
+  <main v-if="projects" class="flex flex-col items-center px-4 xl:px-32">
     <PageTitle title="part.projects" />
     <h1 v-if="projects.length === 0" class="text-xl font-bold text-center my-8 w-full">{{ $t('projects.no_project') }}</h1>
     <div v-else class="flex flex-col justify-around items-center py-10 w-full">

src/pages/services.vue

@@ -0,0 +1,18 @@
+<template>
+  <main class="flex flex-col items-center px-4 xl:px-32">
+    <PageTitle title="part.services" />
+    <p class="text-justify text-gray-700 dark:text-gray-400 text-xl my-8">{{ $t('services.description') }}</p>
+  </main>
+</template>
+
+<script lang="ts">
+import {defineComponent} from "@nuxtjs/composition-api";
+
+export default defineComponent({
+  name: "services"
+})
+</script>
+
+<style scoped>
+
+</style>