<template>
  <div>
    <div class="bg"></div>

    <div class="container">
      <div class="card">
        <div class="status">
          <span></span>
          DEPLOYMENT SUCCESS
        </div>

        <h1>
          Welcome to <br />
          <span class="gradient">Coolify Demo</span>
        </h1>

        <p>
          Website ini berhasil di deploy menggunakan Docker + Coolify +
          Traefik.
          <br />
          Semua service berjalan dengan normal.
        </p>

        <div class="boxes">
          <div class="box">
            <h2>Docker</h2>
            <p>Container Running Successfully</p>
          </div>

          <div class="box">
            <h2>Coolify</h2>
            <p>Deployment Completed</p>
          </div>

          <div class="box">
            <h2>SSL</h2>
            <p>Ready for Production</p>
          </div>
        </div>

        <div class="footer">
          Powered by DifarFT • Coolify • Docker • Linux
        </div>
      </div>
    </div>
  </div>
</template>

<script setup>
useHead({
  title: "Demo Deployment - Coolify",
});
</script>