<template>
  <UContainer class="flex flex-col gap-5" as="section">
    <div class="text-sm text-gray-500">Personal projects</div>

    <div class="grid grid-cols-1 gap-5 md:grid-cols-3">
      <Project
        title="Places for Zendesk"
        image="https://990141.apps.zdusercontent.com/990141/assets/1701544308-8c83d0f02afd0b3d7342e5f19304c4b4/logo.png"
        url="https://getplaces.co"
      >
        <template v-slot:description>
          Drive leads and customers straight to your business.
        </template>
        <template v-slot:subtitle> Built for Zendesk marketplace </template>
      </Project>

      <Project
        title="SneakPeek"
        image="https://cdn.livechat-files.com/api/file/developers/img/applications/449B6QFGg/icons/AecAyk1Gg-960x960.png"
        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://cdn.livechat-files.com/api/file/developers/img/applications/WA1l7z4Gg/stCs0iVMg-icon-960x960.png"
        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>
