Started to add some real text

Also worked on the translation system

src/components/home/presentation.vue

@@ -1,18 +1,9 @@
 <template>
   <div id="presentation_div" class="">
       <div id="presentation_text">
-        <h1>Thanks for coming !</h1>
+        <h1>{{ $t("home.presentationTitle") }}</h1>
         <article>
-          <p>
-            Lorem ipsum dolor sit amet, consectetur adipiscing elit. 
-            Aenean nec ante tristique, tincidunt dolor a, maximus nisl. 
-            Curabitur ut metus accumsan, vestibulum ex vitae, pretium enim.
-            Etiam tincidunt mauris quis elit egestas, vel viverra justo 
-            efficitur. Nulla facilisi. Cras porttitor odio a massa pretium 
-            varius. Vivamus felis risus, luctus vel mollis nec, lacinia non 
-            libero. Proin mattis, ante vitae mattis sollicitudin, turpis 
-            erat auctor arcu, vel fringilla arcu diam aliquam urna. 
-          </p>
+          <p>{{ $t("home.presentationText") }}</p>
         </article>
       </div>
       <div id="presentation_img"><img :src="welcomeImg"></div>

src/components/home/welcome.vue

@@ -7,7 +7,7 @@
            
             <div id="name_div_right_container">
               <div class="test" id="welcome_text_div">
-                <h1>Hello ! I'm {{ $t('message.hello') }} </h1>
+                <h1> {{ $t('home.greeting') }} </h1>
                 <dynamicOccupation id="dynamic_occupation" :sentences="occupations" />
               </div>
               <div id="social_networks" class="test">
@@ -29,8 +29,14 @@
 
 <script setup>
   import dynamicOccupation from './dynamicOccupation.vue';
+  import {useI18n} from 'vue-i18n';
 
-  const occupations = ["AI enthousiast", "I don't know", "Test Hello World"]
+  const i18n = useI18n();
+
+  const occupations = [
+  i18n.t('home.occupation.ai'), i18n.t('home.occupation.fullstack'),
+  i18n.t('home.occupation.student')
+  ]
 </script>
 
 <style scoped>