Upload Landing Page

.gitignore

@@ -0,0 +1,24 @@
+# Nuxt dev/build outputs
+.output
+.data
+.nuxt
+.nitro
+.cache
+dist
+
+# Node dependencies
+node_modules
+
+# Logs
+logs
+*.log
+
+# Misc
+.DS_Store
+.fleet
+.idea
+
+# Local env files
+.env
+.env.*
+!.env.example

README.md

@@ -0,0 +1,75 @@
+# Nuxt Minimal Starter
+
+Look at the [Nuxt documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
+
+## Setup
+
+Make sure to install dependencies:
+
+```bash
+# npm
+npm install
+
+# pnpm
+pnpm install
+
+# yarn
+yarn install
+
+# bun
+bun install
+```
+
+## Development Server
+
+Start the development server on `http://localhost:3000`:
+
+```bash
+# npm
+npm run dev
+
+# pnpm
+pnpm dev
+
+# yarn
+yarn dev
+
+# bun
+bun run dev
+```
+
+## Production
+
+Build the application for production:
+
+```bash
+# npm
+npm run build
+
+# pnpm
+pnpm build
+
+# yarn
+yarn build
+
+# bun
+bun run build
+```
+
+Locally preview production build:
+
+```bash
+# npm
+npm run preview
+
+# pnpm
+pnpm preview
+
+# yarn
+yarn preview
+
+# bun
+bun run preview
+```
+
+Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.

app/app.vue

@@ -0,0 +1,5 @@
+<template>
+  <NuxtLayout>
+    <NuxtPage />
+  </NuxtLayout>
+</template>

app/assets/css/main.css

@@ -0,0 +1,142 @@
+@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700;800&display=swap');
+
+*{
+    margin:0;
+    padding:0;
+    box-sizing:border-box;
+    font-family:Inter,sans-serif;
+}
+
+body{
+    min-height:100vh;
+    background:#050816;
+    overflow:hidden;
+    color:white;
+}
+
+.bg{
+    position:fixed;
+    inset:0;
+    background:
+    radial-gradient(circle at 20% 20%,#3b82f660,transparent 30%),
+    radial-gradient(circle at 80% 80%,#8b5cf660,transparent 30%),
+    radial-gradient(circle at 50% 50%,#06b6d460,transparent 40%);
+    filter:blur(80px);
+    z-index:-1;
+}
+
+.container{
+    min-height:100vh;
+    display:flex;
+    justify-content:center;
+    align-items:center;
+    padding:30px;
+}
+
+.card{
+    width:900px;
+    max-width:100%;
+    padding:50px;
+    border-radius:30px;
+    background:rgba(255,255,255,.05);
+    backdrop-filter:blur(25px);
+    border:1px solid rgba(255,255,255,.1);
+    box-shadow:0 30px 80px rgba(0,0,0,.5);
+    text-align:center;
+}
+
+.status{
+    display:inline-flex;
+    gap:10px;
+    align-items:center;
+    padding:10px 20px;
+    border-radius:999px;
+    background:#22c55e20;
+    color:#4ade80;
+    font-weight:bold;
+    margin-bottom:30px;
+}
+
+.status span{
+    width:12px;
+    height:12px;
+    border-radius:50%;
+    background:#4ade80;
+    animation:blink 1s infinite;
+}
+
+@keyframes blink{
+    50%{
+        opacity:.3;
+    }
+}
+
+h1{
+    font-size:65px;
+    margin-bottom:20px;
+    font-weight:800;
+}
+
+.gradient{
+    background:linear-gradient(
+        90deg,
+        #38bdf8,
+        #818cf8,
+        #a855f7
+    );
+    -webkit-background-clip:text;
+    -webkit-text-fill-color:transparent;
+}
+
+p{
+    color:#cbd5e1;
+    line-height:1.8;
+    font-size:20px;
+    margin-bottom:40px;
+}
+
+.boxes{
+    display:grid;
+    grid-template-columns:repeat(3,1fr);
+    gap:20px;
+}
+
+.box{
+    padding:25px;
+    border-radius:20px;
+    background:rgba(255,255,255,.05);
+    border:1px solid rgba(255,255,255,.08);
+}
+
+.box h2{
+    font-size:35px;
+    color:#38bdf8;
+    margin-bottom:10px;
+}
+
+.box p{
+    font-size:15px;
+    margin:0;
+}
+
+.footer{
+    margin-top:40px;
+    color:#94a3b8;
+    font-size:15px;
+}
+
+@media(max-width:768px){
+
+    h1{
+        font-size:45px;
+    }
+
+    .boxes{
+        grid-template-columns:1fr;
+    }
+
+    .card{
+        padding:30px;
+    }
+
+}

app/pages/index.vue

@@ -0,0 +1,53 @@
+<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>

nuxt.config.ts

@@ -0,0 +1,6 @@
+// https://nuxt.com/docs/api/configuration/nuxt-config
+export default defineNuxtConfig({
+  compatibilityDate: '2025-07-15',
+  css: ["~/assets/css/main.css"],
+  devtools: { enabled: true }
+})

package.json

@@ -0,0 +1,17 @@
+{
+  "name": "landingpage-demo",
+  "type": "module",
+  "private": true,
+  "scripts": {
+    "build": "nuxt build",
+    "dev": "nuxt dev",
+    "generate": "nuxt generate",
+    "preview": "nuxt preview",
+    "postinstall": "nuxt prepare"
+  },
+  "dependencies": {
+    "nuxt": "^4.5.1",
+    "vue": "^3.5.40",
+    "vue-router": "^5.2.0"
+  }
+}

public/robots.txt

@@ -0,0 +1,2 @@
+User-Agent: *
+Disallow:

tsconfig.json

@@ -0,0 +1,18 @@
+{
+  // https://nuxt.com/docs/guide/concepts/typescript
+  "files": [],
+  "references": [
+    {
+      "path": "./.nuxt/tsconfig.app.json"
+    },
+    {
+      "path": "./.nuxt/tsconfig.server.json"
+    },
+    {
+      "path": "./.nuxt/tsconfig.shared.json"
+    },
+    {
+      "path": "./.nuxt/tsconfig.node.json"
+    }
+  ]
+}