From eadc8c0477e79a7a1e21d4b2d6a7a626a5ed720b Mon Sep 17 00:00:00 2001
From: Marios Antonoudiou <m.antonoudiou@celonis.com>
Date: Thu, 9 May 2024 14:08:28 +0300
Subject: [PATCH] chore: change companies to roles

---
 components/home/been-working-with.vue | 100 +++++++++++++++++++-------
 components/{company.vue => role.vue}  |  11 +--
 2 files changed, 82 insertions(+), 29 deletions(-)
 rename components/{company.vue => role.vue} (78%)

diff --git a/components/home/been-working-with.vue b/components/home/been-working-with.vue
index 47096b7..a8c8cb8 100644
--- a/components/home/been-working-with.vue
+++ b/components/home/been-working-with.vue
@@ -1,39 +1,89 @@
 <template>
   <UContainer class="flex flex-col gap-5" as="section">
     <div class="text-sm text-gray-500">Been working with</div>
-    <Company logo="celonis-logo.webp" href="https://celonis.com">
-      <template v-slot:title>Celonis</template>
-      <template v-slot:description>
-        Process mining and execution management software
+    <Role
+      company="Celonis"
+      role="Senior frontend engineer"
+      logo="celonis-logo.webp"
+      href="https://celonis.com"
+    >
+      <template>
+        <ul class="list-disc list-inside">
+          <li>
+            EMS 2.0 OCPM frontend: Pioneering the future of process mining.
+          </li>
+          <li>
+            Developed internal shared component libraries and build pipelines.
+          </li>
+          <li>
+            Facilitated cross-departmental collaboration with Backstage
+            implementation.
+          </li>
+        </ul>
       </template>
-    </Company>
+    </Role>
 
-    <Company logo="lenses-logo.webp" href="https://lenses.io">
-      <template v-slot:title>Lenses</template>
-      <template v-slot:description>
-        Data-ops platform for Apache Kafka
+    <Role
+      company="Lenses.io"
+      role="Senior frontend engineer"
+      logo="lenses-logo.webp"
+      href="https://lenses.io"
+    >
+      <template>
+        <ul class="list-disc list-inside">
+          <li>Engineered the frontend for SQL Processors and Data Catalog.</li>
+          <li>Architected the shared components library.</li>
+          <li>Worked on the Lenses.io CLI tool.</li>
+        </ul>
       </template>
-    </Company>
+    </Role>
 
-    <Company logo="thechatshop-logo.jpg" href="https://thechatshop.com">
-      <template v-slot:title>The Chat Shop</template>
-      <template v-slot:description>
-        AI chatbots and human-led conversation for customer engagement
+    <Role
+      company="The Chat Shop"
+      role="Lead Engineer"
+      logo="thechatshop-logo.jpg"
+      href="https://thechatshop.com"
+    >
+      <template>
+        <ul class="list-disc list-inside">
+          <li>Spearheaded end-to-end processing architecture.</li>
+          <li>Established the company’s streaming data infrastructure.</li>
+          <li>
+            Worked on devops to achieve continuous integration and deployment.
+          </li>
+        </ul>
       </template>
-    </Company>
+    </Role>
 
-    <Company logo="up-logo.webp" href="https://uphellas.gr">
-      <template v-slot:title>Up Hellas</template>
-      <template v-slot:description>
-        Digital-first employee benefits that transform the workplace experience
+    <Role
+      company="Commversion"
+      role="Contractor Software Engineer"
+      logo="commversion-logo.webp"
+      href="https://commversion.com"
+    >
+      <template>
+        <ul class="list-disc list-inside">
+          <li>
+            Developed the frontend delivery platform with public-facing
+            infrastructure.
+          </li>
+          <li>Designed and implemented the initial InstantConnect system.</li>
+        </ul>
       </template>
-    </Company>
+    </Role>
 
-    <Company logo="commversion-logo.webp" href="https://commversion.com">
-      <template v-slot:title>Commversion</template>
-      <template v-slot:description>
-        Conversational marketing platform
+    <Role
+      company="Commversion"
+      role="Contractor Frontend Engineer"
+      logo="up-logo.webp"
+      href="https://uphellas.gr"
+    >
+      <template>
+        <ul class="list-disc list-inside">
+          <li>Implemented client's area dashboards.</li>
+          <li>Designed and implemented internal sales dashrboard.</li>
+        </ul>
       </template>
-    </Company>
+    </Role>
   </UContainer>
 </template>
diff --git a/components/company.vue b/components/role.vue
similarity index 78%
rename from components/company.vue
rename to components/role.vue
index 22375b4..4b410e8 100644
--- a/components/company.vue
+++ b/components/role.vue
@@ -2,6 +2,8 @@
 interface Props {
   logo: string;
   href?: string;
+  company: string;
+  role: string;
 }
 
 const props = defineProps<Props>();
@@ -31,12 +33,13 @@ const altContent = computed(() => titleRef.value?.$el.textContent);
         class="md:text-xl text-lg font-semibold hover:underline hover:underline-offset-4"
         ref="titleRef"
       >
-        <slot name="title">Company</slot>
+        {{ props.company }}
       </NuxtLink>
+      <div class="mb-2 text-xs text-gray-500 uppercase font-bold">
+        {{ props.role }}
+      </div>
       <div class="text-sm text-gray-500">
-        <slot name="description">
-          Lorem ipsum, dolor sit amet consectetur adipisicing elit.
-        </slot>
+        <slot> Lorem ipsum, dolor sit amet consectetur adipisicing elit. </slot>
       </div>
     </div>
   </div>