mirror of
https://github.com/psviderski/uncloud.git
synced 2026-08-26 11:03:34 +00:00
docs: update landing value section
This commit is contained in:
Pasha Sviderski
+65
-75
@@ -186,15 +186,15 @@
|
||||
<div class="max-w-6xl mx-auto px-4 sm:px-6">
|
||||
<div class="max-w-3xl mx-auto text-center pb-12 md:pb-20">
|
||||
<h2 class="font-inter-tight text-3xl md:text-4xl font-bold text-zinc-900 mb-4">
|
||||
Cloud-like experience you control
|
||||
PaaS-like workflow on your own servers
|
||||
</h2>
|
||||
<p class="text-lg text-zinc-500">
|
||||
Keep the Docker Compose workflows you love while deploying anywhere with ease.
|
||||
Deploy with the simplicity of Heroku or Fly.io while keeping full control over your infrastructure.
|
||||
</p>
|
||||
</div>
|
||||
|
||||
<div class="max-w-xs mx-auto sm:max-w-none grid sm:grid-cols-2 md:grid-cols-3 gap-8 sm:gap-4 lg:gap-8">
|
||||
<!-- Mix and Match Infrastructure -->
|
||||
<!-- Your Infrastructure -->
|
||||
<article
|
||||
class="flex flex-col border border-transparent [background:linear-gradient(theme(colors.white),theme(colors.zinc.50))_padding-box,linear-gradient(120deg,theme(colors.zinc.300),theme(colors.zinc.100),theme(colors.zinc.300))_border-box] rounded-lg">
|
||||
<div class="grow flex flex-col p-5 pt-6">
|
||||
@@ -208,7 +208,7 @@
|
||||
<rect width="6" height="9" x="16" y="13" rx="1"/>
|
||||
</svg>
|
||||
<h3 class="font-inter-tight font-semibold text-zinc-900">
|
||||
Mix and Match Infrastructure
|
||||
Your infrastructure
|
||||
</h3>
|
||||
</div>
|
||||
<div class="text-sm text-zinc-500">
|
||||
@@ -219,7 +219,7 @@
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||
d="M5 13l4 4L19 7"/>
|
||||
</svg>
|
||||
Mix and match cloud and on-premise across regions and providers
|
||||
Full control over your servers and data
|
||||
</li>
|
||||
<li class="flex gap-3 items-start">
|
||||
<svg class="w-4 h-4 text-emerald-500 shrink-0 mt-0.5" fill="none"
|
||||
@@ -227,7 +227,7 @@
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||
d="M5 13l4 4L19 7"/>
|
||||
</svg>
|
||||
Deploy customer-facing apps on reliable cloud VMs
|
||||
Predictable costs without per-request pricing
|
||||
</li>
|
||||
<li class="flex gap-3 items-start">
|
||||
<svg class="w-4 h-4 text-emerald-500 shrink-0 mt-0.5" fill="none"
|
||||
@@ -235,7 +235,7 @@
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||
d="M5 13l4 4L19 7"/>
|
||||
</svg>
|
||||
Run resource-hungry background jobs on budget-friendly bare metal servers
|
||||
No vendor lock-in or platform dependencies
|
||||
</li>
|
||||
<li class="flex gap-3 items-start">
|
||||
<svg class="w-4 h-4 text-emerald-500 shrink-0 mt-0.5" fill="none"
|
||||
@@ -243,74 +243,14 @@
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||
d="M5 13l4 4L19 7"/>
|
||||
</svg>
|
||||
Transform that dusty Mac mini into a powerful staging environment
|
||||
SSH into machines and debug with standard tools
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Effortless Operation -->
|
||||
<article
|
||||
class="flex flex-col border border-transparent [background:linear-gradient(theme(colors.white),theme(colors.zinc.50))_padding-box,linear-gradient(120deg,theme(colors.zinc.300),theme(colors.zinc.100),theme(colors.zinc.300))_border-box] rounded-lg">
|
||||
<div class="grow flex flex-col p-5 pt-6">
|
||||
<div class="flex items-center space-x-3 mb-4">
|
||||
<svg class="inline-flex fill-zinc-400 shrink-0" xmlns="http://www.w3.org/2000/svg"
|
||||
width="20"
|
||||
height="20" viewBox="0 0 24 24">
|
||||
<path d="M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z"/>
|
||||
</svg>
|
||||
<h3 class="font-inter-tight font-semibold text-zinc-900">Effortless Operation</h3>
|
||||
</div>
|
||||
<div class="text-sm text-zinc-500">
|
||||
<ul class="space-y-3">
|
||||
<li class="flex gap-3 items-start">
|
||||
<svg class="w-4 h-4 text-emerald-500 shrink-0 mt-0.5" fill="none"
|
||||
stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||
d="M5 13l4 4L19 7"/>
|
||||
</svg>
|
||||
Zero-config distributed Docker cluster
|
||||
</li>
|
||||
<li class="flex gap-3 items-start">
|
||||
<svg class="w-4 h-4 text-emerald-500 shrink-0 mt-0.5" fill="none"
|
||||
stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||
d="M5 13l4 4L19 7"/>
|
||||
</svg>
|
||||
No control plane to manage
|
||||
</li>
|
||||
<li class="flex gap-3 items-start">
|
||||
<svg class="w-4 h-4 text-emerald-500 shrink-0 mt-0.5" fill="none"
|
||||
stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||
d="M5 13l4 4L19 7"/>
|
||||
</svg>
|
||||
Keep apps running even when machines go offline
|
||||
</li>
|
||||
<li class="flex gap-3 items-start">
|
||||
<svg class="w-4 h-4 text-emerald-500 shrink-0 mt-0.5" fill="none"
|
||||
stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||
d="M5 13l4 4L19 7"/>
|
||||
</svg>
|
||||
Battle-tested WireGuard networking connects all your machines and workloads
|
||||
right out of the box
|
||||
</li>
|
||||
<li class="flex gap-3 items-start">
|
||||
<svg class="w-4 h-4 text-emerald-500 shrink-0 mt-0.5" fill="none"
|
||||
stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||
d="M5 13l4 4L19 7"/>
|
||||
</svg>
|
||||
Automatic HTTPS for your domains using Let's Encrypt
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Developer Experience -->
|
||||
<!-- Familiar Docker Compose workflow -->
|
||||
<article
|
||||
class="flex flex-col border border-transparent [background:linear-gradient(theme(colors.white),theme(colors.zinc.50))_padding-box,linear-gradient(120deg,theme(colors.zinc.300),theme(colors.zinc.100),theme(colors.zinc.300))_border-box] rounded-lg">
|
||||
<div class="grow flex flex-col p-5 pt-6">
|
||||
@@ -320,8 +260,7 @@
|
||||
height="20" viewBox="0 0 24 24">
|
||||
<path d="M9.4 16.6L4.8 12l4.6-4.6L8 6l-6 6 6 6 1.4-1.4zm5.2 0l4.6-4.6-4.6-4.6L16 6l6 6-6 6-1.4-1.4z"/>
|
||||
</svg>
|
||||
<h3 class="font-inter-tight font-semibold text-zinc-900">Developer Experience You
|
||||
Love</h3>
|
||||
<h3 class="font-inter-tight font-semibold text-zinc-900">Familiar Docker Compose workflow</h3>
|
||||
</div>
|
||||
<div class="text-sm text-zinc-500">
|
||||
<ul class="space-y-3">
|
||||
@@ -331,7 +270,7 @@
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||
d="M5 13l4 4L19 7"/>
|
||||
</svg>
|
||||
Deploy and manage across machines with familiar Docker-like commands
|
||||
Build, push, and deploy with one command
|
||||
</li>
|
||||
<li class="flex gap-3 items-start">
|
||||
<svg class="w-4 h-4 text-emerald-500 shrink-0 mt-0.5" fill="none"
|
||||
@@ -339,7 +278,7 @@
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||
d="M5 13l4 4L19 7"/>
|
||||
</svg>
|
||||
Use the same Docker Compose from local dev to production
|
||||
No image registry required
|
||||
</li>
|
||||
<li class="flex gap-3 items-start">
|
||||
<svg class="w-4 h-4 text-emerald-500 shrink-0 mt-0.5" fill="none"
|
||||
@@ -347,7 +286,7 @@
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||
d="M5 13l4 4L19 7"/>
|
||||
</svg>
|
||||
Find your services instantly with built-in service discovery and DNS
|
||||
Zero-downtime rolling deployments
|
||||
</li>
|
||||
<li class="flex gap-3 items-start">
|
||||
<svg class="w-4 h-4 text-emerald-500 shrink-0 mt-0.5" fill="none"
|
||||
@@ -355,7 +294,58 @@
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||
d="M5 13l4 4L19 7"/>
|
||||
</svg>
|
||||
Communicate securely with services across machines without opening ports
|
||||
Scale replicas across machines
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
|
||||
<!-- Low Maintenance -->
|
||||
<article
|
||||
class="flex flex-col border border-transparent [background:linear-gradient(theme(colors.white),theme(colors.zinc.50))_padding-box,linear-gradient(120deg,theme(colors.zinc.300),theme(colors.zinc.100),theme(colors.zinc.300))_border-box] rounded-lg">
|
||||
<div class="grow flex flex-col p-5 pt-6">
|
||||
<div class="flex items-center space-x-3 mb-4">
|
||||
<svg class="inline-flex fill-zinc-400 shrink-0" xmlns="http://www.w3.org/2000/svg"
|
||||
width="20"
|
||||
height="20" viewBox="0 0 24 24">
|
||||
<path d="M19.14 12.94c.04-.3.06-.61.06-.94 0-.32-.02-.64-.07-.94l2.03-1.58c.18-.14.23-.41.12-.61l-1.92-3.32c-.12-.22-.37-.29-.59-.22l-2.39.96c-.5-.38-1.03-.7-1.62-.94l-.36-2.54c-.04-.24-.24-.41-.48-.41h-3.84c-.24 0-.43.17-.47.41l-.36 2.54c-.59.24-1.13.57-1.62.94l-2.39-.96c-.22-.08-.47 0-.59.22L2.74 8.87c-.12.21-.08.47.12.61l2.03 1.58c-.05.3-.09.63-.09.94s.02.64.07.94l-2.03 1.58c-.18.14-.23.41-.12.61l1.92 3.32c.12.22.37.29.59.22l2.39-.96c.5.38 1.03.7 1.62.94l.36 2.54c.05.24.24.41.48.41h3.84c.24 0 .44-.17.47-.41l.36-2.54c.59-.24 1.13-.56 1.62-.94l2.39.96c.22.08.47 0 .59-.22l1.92-3.32c.12-.22.07-.47-.12-.61l-2.01-1.58zM12 15.6c-1.98 0-3.6-1.62-3.6-3.6s1.62-3.6 3.6-3.6 3.6 1.62 3.6 3.6-1.62 3.6-3.6 3.6z"/>
|
||||
</svg>
|
||||
<h3 class="font-inter-tight font-semibold text-zinc-900">Low maintenance</h3>
|
||||
</div>
|
||||
<div class="text-sm text-zinc-500">
|
||||
<ul class="space-y-3">
|
||||
<li class="flex gap-3 items-start">
|
||||
<svg class="w-4 h-4 text-emerald-500 shrink-0 mt-0.5" fill="none"
|
||||
stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||
d="M5 13l4 4L19 7"/>
|
||||
</svg>
|
||||
No control plane or quorum to manage
|
||||
</li>
|
||||
<li class="flex gap-3 items-start">
|
||||
<svg class="w-4 h-4 text-emerald-500 shrink-0 mt-0.5" fill="none"
|
||||
stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||
d="M5 13l4 4L19 7"/>
|
||||
</svg>
|
||||
Secure cross-machine communication without opening ports
|
||||
</li>
|
||||
<li class="flex gap-3 items-start">
|
||||
<svg class="w-4 h-4 text-emerald-500 shrink-0 mt-0.5" fill="none"
|
||||
stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||
d="M5 13l4 4L19 7"/>
|
||||
</svg>
|
||||
Services find each other automatically
|
||||
</li>
|
||||
<li class="flex gap-3 items-start">
|
||||
<svg class="w-4 h-4 text-emerald-500 shrink-0 mt-0.5" fill="none"
|
||||
stroke="currentColor" viewBox="0 0 24 24">
|
||||
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2"
|
||||
d="M5 13l4 4L19 7"/>
|
||||
</svg>
|
||||
Automatic HTTPS via Let's Encrypt
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user