From 75b5ef283502647bf955ddb10fbbffec35da1d96 Mon Sep 17 00:00:00 2001
From: Marios Antonoudiou <m.antonoudiou@celonis.com>
Date: Mon, 4 Mar 2024 12:20:25 +0200
Subject: [PATCH] chore: refactor

---
 components/{ => home}/been-working-with.vue |  0
 components/{ => home}/connect.vue           |  0
 components/{ => home}/introduction.vue      |  0
 components/{ => home}/personal-projects.vue |  2 +-
 components/{ => home}/recent-posts.vue      |  0
 components/services.vue                     | 55 +++++++++++++++++++++
 pages/index.vue                             | 10 ++--
 7 files changed, 61 insertions(+), 6 deletions(-)
 rename components/{ => home}/been-working-with.vue (100%)
 rename components/{ => home}/connect.vue (100%)
 rename components/{ => home}/introduction.vue (100%)
 rename components/{ => home}/personal-projects.vue (97%)
 rename components/{ => home}/recent-posts.vue (100%)
 create mode 100644 components/services.vue

diff --git a/components/been-working-with.vue b/components/home/been-working-with.vue
similarity index 100%
rename from components/been-working-with.vue
rename to components/home/been-working-with.vue
diff --git a/components/connect.vue b/components/home/connect.vue
similarity index 100%
rename from components/connect.vue
rename to components/home/connect.vue
diff --git a/components/introduction.vue b/components/home/introduction.vue
similarity index 100%
rename from components/introduction.vue
rename to components/home/introduction.vue
diff --git a/components/personal-projects.vue b/components/home/personal-projects.vue
similarity index 97%
rename from components/personal-projects.vue
rename to components/home/personal-projects.vue
index 51ceae1..608efe8 100644
--- a/components/personal-projects.vue
+++ b/components/home/personal-projects.vue
@@ -53,7 +53,7 @@
       <Project
         title="Places for LiveChat"
         image="https://cdn.livechat-files.com/api/file/developers/img/applications/vHcaOp3Mg/icons/pPrAdfeGR-960x960.png"
-        url="https://www.livechat.com/marketplace/apps/skirthooks"
+        url="https://www.livechat.com/marketplace/apps/places"
         marketplace="LiveChat"
       >
         <template v-slot:description>
diff --git a/components/recent-posts.vue b/components/home/recent-posts.vue
similarity index 100%
rename from components/recent-posts.vue
rename to components/home/recent-posts.vue
diff --git a/components/services.vue b/components/services.vue
new file mode 100644
index 0000000..e0d38c3
--- /dev/null
+++ b/components/services.vue
@@ -0,0 +1,55 @@
+<template>
+  <UContainer class="flex flex-col gap-5" as="section">
+    <div class="text-sm text-gray-500">Services</div>
+
+    <div class="grid grid-cols-1 gap-5 md:grid-cols-2">
+      <Project
+        title="LiveChat development"
+        image="https://www.livechat.com/livechat-logo.9b173245a0c2d41944b64ac12d977c1cebd5fa1a1fde476ff1d3589ee7afde56.svg"
+        url="https://www.livechat.com/marketplace/apps/sneakpeek"
+        marketplace="LiveChat"
+      >
+        <template v-slot:description
+          >Turn URLs into visual chat-friendly previews</template
+        >
+        <template v-slot:subtitle> Built for LiveChat marketplace </template>
+      </Project>
+
+      <Project
+        title="Currencies"
+        image="https://www.livechat.com/livechat-logo.9b173245a0c2d41944b64ac12d977c1cebd5fa1a1fde476ff1d3589ee7afde56.svg"
+        url="https://www.livechat.com/marketplace/apps/currencies"
+        marketplace="LiveChat"
+      >
+        <template v-slot:description
+          >The quickest way to convert currencies.</template
+        >
+        <template v-slot:subtitle> Built for LiveChat marketplace </template>
+      </Project>
+
+      <Project
+        title="Skirthooks"
+        image="https://cdn.livechat-files.com/api/file/developers/img/applications/yn4GN3-7g/icons/37aysFLng-960x960.png"
+        url="https://www.livechat.com/marketplace/apps/skirthooks"
+        marketplace="LiveChat"
+      >
+        <template v-slot:description
+          >Build webhook based apps, without the web servers.</template
+        >
+        <template v-slot:subtitle> Built for LiveChat marketplace </template>
+      </Project>
+
+      <Project
+        title="Places for LiveChat"
+        image="https://cdn.livechat-files.com/api/file/developers/img/applications/vHcaOp3Mg/icons/pPrAdfeGR-960x960.png"
+        url="https://www.livechat.com/marketplace/apps/places"
+        marketplace="LiveChat"
+      >
+        <template v-slot:description>
+          Guide customers & leads straight to your business.
+        </template>
+        <template v-slot:subtitle> Built for LiveChat marketplace </template>
+      </Project>
+    </div>
+  </UContainer>
+</template>
diff --git a/pages/index.vue b/pages/index.vue
index ae9c129..fffb2b7 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -10,10 +10,10 @@ useSeoMeta({
 </script>
 
 <template>
-  <Introduction v-motion-fade />
-  <BeenWorkingWith v-motion-fade :delay="500" />
-  <PersonalProjects v-motion-fade :delay="500" />
-  <RecentPosts v-motion-fade :delay="500" />
-  <Connect v-motion-fade :delay="500" />
+  <HomeIntroduction v-motion-fade />
+  <HomeBeenWorkingWith v-motion-fade :delay="500" />
+  <HomePersonalProjects v-motion-fade :delay="500" />
+  <HomeRecentPosts v-motion-fade :delay="500" />
+  <HomeConnect v-motion-fade :delay="500" />
   <Footer v-motion-fade :delay="500" />
 </template>