chore: refactor

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>

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>

pages/index.vue

@@ -10,10 +10,10 @@ useSeoMeta({
 </script>
 
 <template>
-  <Introduction v-motion-fade />
+  <HomeIntroduction v-motion-fade />
-  <BeenWorkingWith v-motion-fade :delay="500" />
+  <HomeBeenWorkingWith v-motion-fade :delay="500" />
-  <PersonalProjects v-motion-fade :delay="500" />
+  <HomePersonalProjects v-motion-fade :delay="500" />
-  <RecentPosts v-motion-fade :delay="500" />
+  <HomeRecentPosts v-motion-fade :delay="500" />
-  <Connect v-motion-fade :delay="500" />
+  <HomeConnect v-motion-fade :delay="500" />
   <Footer v-motion-fade :delay="500" />
 </template>