From 1caeb09949335313a91048f47dbb551451181247 Mon Sep 17 00:00:00 2001
From: Arthur DANJOU <arthurdanjou@outlook.fr>
Date: Tue, 31 Aug 2021 18:09:18 +0200
Subject: [PATCH] Working on services

---
 src/locales/fr-FR.ts   |   3 +-
 src/pages/services.vue | 104 ++++++++++++++++++++++++++---------------
 2 files changed, 68 insertions(+), 39 deletions(-)

diff --git a/src/locales/fr-FR.ts b/src/locales/fr-FR.ts
index 1a2ee78..80a260c 100755
--- a/src/locales/fr-FR.ts
+++ b/src/locales/fr-FR.ts
@@ -32,7 +32,7 @@ const translations = {
       title: "Stratégie",
     },
     2: {
-      title: "Illustration",
+      title: "Design",
     },
     3: {
       title: "Développement",
@@ -184,6 +184,7 @@ const translations = {
   },
 
   contact: {
+    description: 'Cette page est dédiée ',
     form: {
       title: {
         main: 'Remplissez le formulaire ou',
diff --git a/src/pages/services.vue b/src/pages/services.vue
index 0559f1b..e44bd05 100644
--- a/src/pages/services.vue
+++ b/src/pages/services.vue
@@ -4,44 +4,70 @@
     <p class="text-justify text-gray-700 dark:text-gray-400 text-xl my-8">{{ $t('services.description') }}</p>
     <div class="flex flex-col lg:(flex-row) justify-around items-center pt-10 w-full">
       <div class="grid grid-cols-1 gap-x-12 mb-20 sm:grid-cols-3 w-full">
-        <ServicePart title="services.1.title">
-          <template v-slot:icon>
-            <CompassIcon />
-          </template>
-          <template v-slot:content>
-            <div class="flex flex-col space-y-4">
-              <p>Développement</p>
-              <p>Architecture</p>
-              <p>Test</p>
-            </div>
-          </template>
-        </ServicePart>
-        <ServicePart title="services.2.title">
-          <template v-slot:icon>
-            <DesignIcon />
-          </template>
-          <template v-slot:content>
-            <div class="flex flex-col space-y-4">
-              <p>Développement</p>
-              <p>Architecture</p>
-              <p>Test</p>
-              <p>Test</p>
-            </div>
-          </template>
-        </ServicePart>
-        <ServicePart title="services.3.title">
-          <template v-slot:icon>
-            <CodeIcon />
-          </template>
-          <template v-slot:content>
-            <div class="flex flex-col space-y-4">
-              <p>Développement</p>
-              <p>Architecture</p>
-            </div>
-          </template>
-        </ServicePart>
+        <div class="flex justify-center">
+          <ServicePart title="services.1.title">
+            <template v-slot:icon>
+              <CompassIcon />
+            </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>
+              </div>
+            </template>
+          </ServicePart>
+        </div>
+        <div class="flex justify-center">
+          <ServicePart title="services.2.title">
+            <template v-slot:icon>
+              <DesignIcon />
+            </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>
+              </div>
+            </template>
+          </ServicePart>
+        </div>
+        <div class="flex justify-center">
+          <ServicePart title="services.3.title">
+            <template v-slot:icon>
+              <CodeIcon />
+            </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>
+              </div>
+            </template>
+          </ServicePart>
+        </div>
       </div>
     </div>
+    <div>
+      Workflow
+    </div>
+    <div>
+      <Ad color="green">
+        GOTO Contact
+      </Ad>
+    </div>
   </main>
 </template>
 
@@ -58,6 +84,8 @@ export default defineComponent({
 })
 </script>
 
-<style scoped>
-
+<style scoped lang="scss">
+.service-item {
+  @apply text-xl text-gray-500;
+}
 </style>