Working on services

src/components/ServicePart.vue

@@ -1,15 +1,13 @@
 <template>
-  <div class="relative lg:(w-1/2 m-8) mt-8">
-    <div class="absolute right-0 top-0 bg-indigo-600 text-white rounded-xl p-3">
-      <slot />
+  <div>
+    <div>
+      <slot name="icon" />
     </div>
-    <div class="rounded-lg mt-8 md:mr-8 pt-4 md:p-8">
-      <h1 class="font-bold capitalize text-4xl mb-4">
+    <div class="mt-8">
+      <h1 class="font-bold text-3xl mb-4">
         {{ $t(title) }}
       </h1>
-      <p class="text-gray-600 text-lg text-justify leading-5 ">
-        {{ $t(content) }}
-      </p>
+      <slot name="content"/>
     </div>
   </div>
 </template>
@@ -21,10 +19,6 @@ export default {
     title: {
       type: String,
       default: 'services.1.title'
-    },
-    content: {
-      type: String,
-      default: 'services.1.content'
     }
   }
 }