<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>
