Add workflow and translate page

src/locales/en-EN.ts

@@ -16,34 +16,51 @@ const translations = {
     close: 'Close the menu'
   },
 
-  part: {
-    about: 'About me',
-    blog: 'My blog',
-    projects: 'My projects',
-    contact: 'Contact me',
-    env: 'My environment',
-    newsletter: 'My newsletter',
-    services: 'My services'
-  },
-
   services: {
-    description: 'Je fourni tout ce dont vous avez besoin pour créer votre site internet parfait',
+    description: 'I provide everything you need to create your perfect website, app or future project',
     1: {
-      title: "Développement d'application",
-      content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vulputate quam vel maximus pulvinar. Aliquam vitae risus at sem varius pulvinar. Vivamus pulvinar tortor sit amet condimentum aliquam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Suspendisse finibus, metus eu dictum aliquet, tellus libero aliquam libero, eu lacinia dui mauris congue dolor. Nunc a lacinia ligula. Mauris bibendum orci eget pretium consequat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus porttitor finibus odio.'
+      title: "Strategy",
+      1: 'Communication',
+      2: 'Advices',
+      3: 'Research',
+      4: 'Improvements',
+      5: 'Product design',
+      6: 'Tests',
     },
     2: {
-      title: "Installation d'infrastructure",
-      content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vulputate quam vel maximus pulvinar. Aliquam vitae risus at sem varius pulvinar. Vivamus pulvinar tortor sit amet condimentum aliquam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Suspendisse finibus, metus eu dictum aliquet, tellus libero aliquam libero, eu lacinia dui mauris congue dolor. Nunc a lacinia ligula. Mauris bibendum orci eget pretium consequat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus porttitor finibus odio.'
+      title: "Design",
+      1: "UX Design",
+      2: "DX Design",
+      3: "UI Design",
+      4: 'Dashboard',
+      5: 'Web panel',
+      6: 'Responsive Design',
+      7: 'Prototypes',
     },
     3: {
-      title: "Conseil dans l'informatique",
-      content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vulputate quam vel maximus pulvinar. Aliquam vitae risus at sem varius pulvinar. Vivamus pulvinar tortor sit amet condimentum aliquam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Suspendisse finibus, metus eu dictum aliquet, tellus libero aliquam libero, eu lacinia dui mauris congue dolor. Nunc a lacinia ligula. Mauris bibendum orci eget pretium consequat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus porttitor finibus odio.'
+      title: "Developing",
+      1: 'Portfolio',
+      2: 'Web Application',
+      3: 'Mobile Application',
+      4: 'Desktop Application',
+      5: 'API',
+      6: 'Infrastructure',
+      7: 'Softwares',
+      8: 'DevSecOps',
     },
-    4: {
-      title: "Revue de vos applications",
-      content: 'Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam vulputate quam vel maximus pulvinar. Aliquam vitae risus at sem varius pulvinar. Vivamus pulvinar tortor sit amet condimentum aliquam. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Suspendisse finibus, metus eu dictum aliquet, tellus libero aliquam libero, eu lacinia dui mauris congue dolor. Nunc a lacinia ligula. Mauris bibendum orci eget pretium consequat. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Vivamus porttitor finibus odio.'
+    workflow: {
+      title: 'My Workflow',
+      1: 'Planning',
+      2: 'Designing',
+      3: 'Developing',
+      4: 'Testing',
+      5: 'Publishing',
+      6: 'Maintaining',
     },
+    ad: {
+      title: 'When do we start?',
+      description: 'Are you satisfied with my services and the way I work? Schedule an appointment to tell me about your next project. We will discuss the best way to meet your goals.'
+    }
   },
 
   footer: {
@@ -245,13 +262,6 @@ const translations = {
     12: 'December',
   },
 
-  works: {
-    athena: 'Athena is my personal API connected to my various instances',
-    ares: 'Ares is my personal website creating a single point of contact',
-    erisium: 'Erisium is a french minecraft mini-game server.',
-    linkyjs: 'LinkyJS is my custom and Open-Source url shortener'
-  },
-
   loading: 'Loading...',
 
   maintenance: {

src/locales/fr-FR.ts

@@ -17,19 +17,49 @@ const translations = {
   },
 
   services: {
-    description: 'Je fourni tout ce dont vous avez besoin pour créer votre site internet parfait',
+    description: 'Je fourni tout ce dont vous avez besoin pour créer votre site internet parfait, votre application ou votre futur projet',
     1: {
       title: "Stratégie",
+      1: 'Communication',
+      2: 'Conseils',
+      3: 'Recherche',
+      4: 'Amélioration',
+      5: 'Conception de produit',
+      6: 'Tests',
     },
     2: {
-      title: "Design",
+      title: "Conception",
+      1: "Conception UX",
+      2: "Conception DX",
+      3: "Conception UI",
+      4: 'Tableau de bord',
+      5: 'Web panel',
+      6: 'Conception mobile',
+      7: 'Prototypes',
     },
     3: {
       title: "Développement",
+      1: 'Portfolio',
+      2: 'Application Web',
+      3: 'Application Mobile',
+      4: 'Application Bureautique',
+      5: 'API',
+      6: 'Infrastructure',
+      7: 'Logiciels',
+      8: 'DevSecOps',
+    },
+    workflow: {
+      title: 'Mon Workflow',
+      1: 'Planification',
+      2: 'Conception',
+      3: 'Développement',
+      4: 'Essai',
+      5: 'Publication',
+      6: 'Maintenance',
     },
     ad: {
       title: 'Quand commence-t-on ?',
-      description: 'Mes services et ma manière de travailler vous satisfont ? Planifier un rendez-vous pour me détailler votre prochain projet. Nous discuterons de la meilleure façon de remplir vos objectifs.'
+      description: 'Mes services et la manière de travailler vous satisfont ? Planifier un rendez-vous pour me détailler votre prochain projet. Nous discuterons de la meilleure façon de remplir vos objectifs.'
     }
   },
 
@@ -178,7 +208,6 @@ const translations = {
   },
 
   contact: {
-    description: 'Cette page est dédiée ',
     form: {
       title: {
         main: 'Remplissez le formulaire ou',
@@ -233,13 +262,6 @@ const translations = {
     12: 'Décembre',
   },
 
-  works: {
-    athena: 'Athena est mon API personnelle connectée à mes diverses instances.',
-    ares: 'Ares est mon site personnel créant un point de contact unique.',
-    erisium: 'Erisium est un serveur minecraft francophone de mini-jeux.',
-    linkyjs: "LinkyJS est mon raccourcisseur d'url personnalisé et Open-Source."
-  },
-
   loading: 'Chargement...',
 
   maintenance: {

src/pages/services.vue

@@ -12,12 +12,12 @@
             </template>
             <template v-slot:content>
               <div class="flex flex-col space-y-4">
-                <p class="service-item">Communication</p>
-                <p class="service-item">Conseils</p>
-                <p class="service-item">Recherche</p>
-                <p class="service-item">Amélioration</p>
-                <p class="service-item">User Conception</p>
-                <p class="service-item">Tests</p>
+                <p class="service-item">{{ $t('services.1.1') }}</p>
+                <p class="service-item">{{ $t('services.1.2') }}</p>
+                <p class="service-item">{{ $t('services.1.3') }}</p>
+                <p class="service-item">{{ $t('services.1.4') }}</p>
+                <p class="service-item">{{ $t('services.1.5') }} de produit</p>
+                <p class="service-item">{{ $t('services.1.6') }}</p>
               </div>
             </template>
           </ServicePart>
@@ -29,13 +29,13 @@
             </template>
             <template v-slot:content>
               <div class="flex flex-col space-y-4">
-                <p class="service-item">User-Experience Design</p>
-                <p class="service-item">Developer-Experience Design</p>
-                <p class="service-item">User-Interface Design</p>
-                <p class="service-item">Dashboard</p>
-                <p class="service-item">Web panel</p>
-                <p class="service-item">Design Responsif</p>
-                <p class="service-item">Prototypes</p>
+                <p class="service-item">{{ $t('services.2.1') }}</p>
+                <p class="service-item">{{ $t('services.2.2') }}</p>
+                <p class="service-item">{{ $t('services.2.3') }}</p>
+                <p class="service-item">{{ $t('services.2.4') }}</p>
+                <p class="service-item">{{ $t('services.2.5') }}</p>
+                <p class="service-item">{{ $t('services.2.6') }}</p>
+                <p class="service-item">{{ $t('services.2.7') }}</p>
               </div>
             </template>
           </ServicePart>
@@ -47,14 +47,14 @@
             </template>
             <template v-slot:content>
               <div class="flex flex-col space-y-4">
-                <p class="service-item">Portfolio</p>
-                <p class="service-item">Application Web</p>
-                <p class="service-item">Application Mobile</p>
-                <p class="service-item">Application Bureautique</p>
-                <p class="service-item">API</p>
-                <p class="service-item">Infrastructure</p>
-                <p class="service-item">Logiciels</p>
-                <p class="service-item">DevSecOps</p>
+                <p class="service-item">{{ $t('services.3.1') }}</p>
+                <p class="service-item">{{ $t('services.3.2') }}</p>
+                <p class="service-item">{{ $t('services.3.3') }}</p>
+                <p class="service-item">{{ $t('services.3.4') }}</p>
+                <p class="service-item">{{ $t('services.3.5') }}</p>
+                <p class="service-item">{{ $t('services.3.6') }}</p>
+                <p class="service-item">{{ $t('services.3.7') }}</p>
+                <p class="service-item">{{ $t('services.3.8') }}</p>
               </div>
             </template>
           </ServicePart>
@@ -64,41 +64,41 @@
     <section class="mb-24 w-full">
       <div class="flex justify-center md:justify-end mb-8">
         <h1 class="text-3xl md:text-4xl py-4 px-8 bg-indigo-500 rounded-lg text-white dark:(text-black bg-indigo-600) transform md:rotate-10">
-          Mon Workflow
+          {{ $t('services.workflow.title') }}
         </h1>
       </div>
       <div class="flex flex-col items-center w-full">
         <div class="grid grid-cols-1 md:gap-x-12 md:mb-12 md:grid-cols-3 w-full">
           <div class="flex justify-start md:justify-center">
             <div class="workflow-item">
-              <span class="number">01</span> Planning
+              <span class="number">01</span> {{ $t('services.workflow.1') }}
             </div>
           </div>
           <div class="flex justify-center md:justify-center">
             <div class="workflow-item mt-8">
-              <span class="number">02</span> Designing
+              <span class="number">02</span> {{ $t('services.workflow.2') }}
             </div>
           </div>
           <div class="flex justify-end md:justify-center">
             <div class="workflow-item mt-16">
-              <span class="number">03</span> Developing
+              <span class="number">03</span> {{ $t('services.workflow.3') }}
             </div>
           </div>
         </div>
         <div class="grid grid-cols-1 md:gap-x-12 md:mb-20 md:grid-cols-3 w-full">
           <div class="flex justify-start md:justify-center">
             <div class="workflow-item">
-              <span class="number">04</span> Testing
+              <span class="number">04</span> {{ $t('services.workflow.4') }}
             </div>
           </div>
           <div class="flex justify-center">
             <div class="workflow-item mt-8">
-              <span class="number">05</span> Publishing
+              <span class="number">05</span> {{ $t('services.workflow.5') }}
             </div>
           </div>
           <div class="flex justify-end md:justify-center">
             <div class="workflow-item mt-16">
-              <span class="number">06</span> Maintaining
+              <span class="number">06</span> {{ $t('services.workflow.6') }}
             </div>
           </div>
         </div>
@@ -147,6 +147,6 @@ export default defineComponent({
 }
 
 .number {
-  @apply block text-indigo-500 mb-4
+  @apply block text-indigo-500 mb-2
 }
 </style>