diff --git a/app/cloud/page.tsx b/app/cloud/page.tsx
index 71c69b8..e5f332a 100644
--- a/app/cloud/page.tsx
+++ b/app/cloud/page.tsx
@@ -97,33 +97,136 @@ export default function Index() {
           </div>
 
           {/* Content */}
-          <div className="text-center mb-8 md:mb-16">
-            <div className="inline-flex items-center justify-center px-3 md:px-4 py-1 md:py-1.5 rounded-lg border border-[#ffffff20] mb-4 md:mb-6">
-              <span className="text-sm font-medium">Cloud</span>
-            </div>
+          <div className="mb-8 md:mb-16 flex flex-col md:flex-row">
+            <div className="w-full md:w-1/2 text-center md:text-left">
+              <h1 className="text-lg sm:text-2xl 2xl:text-3xl leading-tight font-bold mb-4 md:max-w-[600px]">
+                We host Databasus for you, you save ~64% on VPS self-hosting.{" "}
+                <span className="underline decoration-2 underline-offset-2 sm:decoration-4 sm:underline-offset-4 decoration-[#0d6efd]">
+                  Care about backups
+                </span>{" "}
+                instead of uptime and security
+              </h1>
 
-            <h1 className="text-2xl sm:text-4xl sm:max-w-[300px] md:text-4xl leading-tight font-bold mb-4 md:mb-6 mx-auto md:max-w-[600px]">
-              Databasus cloud
-            </h1>
+              <p className="text-sm xl:text-lg text-gray-200 mb-6 max-w-[450px] 2xl:max-w-[500px] mx-auto md:mx-0">
+                Databasus cloud is processing updates, monitoring and double
+                reservation.{" "}
+                <span className="underline decoration-2 underline-offset-2 decoration-[#0d6efd] font-bold">
+                  You pay only for used storage
+                </span>{" "}
+                and can focus on your work instead of maintaining servers
+              </p>
 
-            <p className="text-sm sm:text-lg text-gray-200 max-w-[550px] mx-auto mb-6 md:mb-10 px-2">
-              Cloud for PostgreSQL, MySQL\MariaDB and MongoDB backup tool. We
-              care about uptime, availability and security of your backups, so
-              you can focus on your work and sleep well at night
-            </p>
-
-            <div>
-              <div className="flex flex-col sm:flex-row sm:flex-wrap items-center justify-center gap-2 sm:gap-2 sm:max-w-[300px] mx-auto pb-0 sm:pb-[50px] lg:pb-0 lg:[0px]">
+              <div className="max-w-[350px] mx-auto md:mx-0">
                 <CloudDashboardButton variant="hero" />
 
-                <a
-                  href="https://databasus.com"
-                  target="_blank"
-                  rel="noopener noreferrer"
-                  className="w-full inline-flex items-center justify-center px-4 py-2 sm:px-5 sm:py-2.5 bg-white rounded-lg text-black font-medium hover:opacity-70 transition-opacity order-3"
-                >
-                  Go back to self-hosted
-                </a>
+                <div className="mt-2 text-center text-sm max-w-[250px] mx-auto text-gray-500">
+                  You can always switch back to self-hosted, because we are{" "}
+                  <a
+                    href="https://github.com/databasus/databasus?tab=readme-ov-file#you-have-a-cloud-version--are-you-truly-open-source"
+                    target="_blank"
+                    rel="noopener noreferrer"
+                    className="underline decoration-1 underline-offset-2"
+                  >
+                    fully open source
+                  </a>
+                </div>
+              </div>
+            </div>
+
+            <div className="w-full md:w-1/2 grid grid-cols-1 sm:grid-cols-2 gap-3 md:gap-4 content-center mt-8 md:mt-0">
+              <div className="group rounded-xl border border-[#ffffff15] bg-[#ffffff05] p-5 flex flex-col gap-3 hover:border-[#ffffff30] hover:bg-[#ffffff08] transition-all duration-200">
+                <div className="w-10 h-10 rounded-lg bg-green-500/10 flex items-center justify-center">
+                  <span className="relative flex h-3 w-3">
+                    <span className="animate-ping absolute inline-flex h-full w-full rounded-full bg-green-400 opacity-75"></span>
+                    <span className="relative inline-flex rounded-full h-3 w-3 bg-green-500"></span>
+                  </span>
+                </div>
+                <div>
+                  <h3 className="text-base font-semibold text-white mb-1">
+                    24x7 Uptime
+                  </h3>
+                  <p className="text-sm text-gray-400 leading-relaxed">
+                    Always-on monitoring ensures your backups never miss a beat
+                  </p>
+                </div>
+              </div>
+
+              <div className="group rounded-xl border border-[#ffffff15] bg-[#ffffff05] p-5 flex flex-col gap-3 hover:border-[#ffffff30] hover:bg-[#ffffff08] transition-all duration-200">
+                <div className="w-10 h-10 rounded-lg bg-blue-500/10 flex items-center justify-center">
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    className="w-5 h-5 text-blue-500"
+                    viewBox="0 0 24 24"
+                    fill="none"
+                    stroke="currentColor"
+                    strokeWidth="2"
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                  >
+                    <path d="M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z" />
+                  </svg>
+                </div>
+                <div>
+                  <h3 className="text-base font-semibold text-white mb-1">
+                    2x Reservation
+                  </h3>
+                  <p className="text-sm text-gray-400 leading-relaxed">
+                    Independent backup copies stored across separate locations
+                  </p>
+                </div>
+              </div>
+
+              <div className="group rounded-xl border border-[#ffffff15] bg-[#ffffff05] p-5 flex flex-col gap-3 hover:border-[#ffffff30] hover:bg-[#ffffff08] transition-all duration-200">
+                <div className="w-10 h-10 rounded-lg bg-blue-500/10 flex items-center justify-center">
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    className="w-5 h-5 text-blue-500"
+                    viewBox="0 0 24 24"
+                    fill="none"
+                    stroke="currentColor"
+                    strokeWidth="2"
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                  >
+                    <path d="M14.7 6.3a1 1 0 0 0 0 1.4l1.6 1.6a1 1 0 0 0 1.4 0l3.77-3.77a6 6 0 0 1-7.94 7.94l-6.91 6.91a2.12 2.12 0 0 1-3-3l6.91-6.91a6 6 0 0 1 7.94-7.94l-3.76 3.76z" />
+                  </svg>
+                </div>
+                <div>
+                  <h3 className="text-base font-semibold text-white mb-1">
+                    Zero Maintenance
+                  </h3>
+                  <p className="text-sm text-gray-400 leading-relaxed">
+                    No servers to patch, update, or monitor — we handle it all
+                  </p>
+                </div>
+              </div>
+
+              <div className="group rounded-xl border border-[#ffffff15] bg-[#ffffff05] p-5 flex flex-col gap-3 hover:border-[#ffffff30] hover:bg-[#ffffff08] transition-all duration-200">
+                <div className="w-10 h-10 rounded-lg bg-blue-500/10 flex items-center justify-center">
+                  <svg
+                    xmlns="http://www.w3.org/2000/svg"
+                    className="w-5 h-5 text-blue-500"
+                    viewBox="0 0 24 24"
+                    fill="none"
+                    stroke="currentColor"
+                    strokeWidth="2"
+                    strokeLinecap="round"
+                    strokeLinejoin="round"
+                  >
+                    <path d="M17 21v-2a4 4 0 0 0-4-4H5a4 4 0 0 0-4 4v2" />
+                    <circle cx="9" cy="7" r="4" />
+                    <path d="M23 21v-2a4 4 0 0 0-3-3.87" />
+                    <path d="M16 3.13a4 4 0 0 1 0 7.75" />
+                  </svg>
+                </div>
+                <div>
+                  <h3 className="text-base font-semibold text-white mb-1">
+                    Suitable for teams
+                  </h3>
+                  <p className="text-sm text-gray-400 leading-relaxed">
+                    Unlimited users with full team access and audit logs
+                  </p>
+                </div>
               </div>
             </div>
           </div>
diff --git a/app/components/CloudDashboardButton.tsx b/app/components/CloudDashboardButton.tsx
index 88a58b9..09125ed 100644
--- a/app/components/CloudDashboardButton.tsx
+++ b/app/components/CloudDashboardButton.tsx
@@ -15,7 +15,7 @@ export function CloudDashboardButton({
       href="https://app.databasus.com"
       className="w-full inline-flex items-center justify-center gap-2 px-4 py-2 sm:px-12 sm:py-2.5 bg-[#0d6efd] rounded-lg text-white font-medium hover:opacity-70 transition-opacity order-1 cursor-pointer"
     >
-      <span>Dashboard</span>
+      <span>Configure backups</span>
       <svg
         aria-hidden={true}
         width="20"
diff --git a/app/page.tsx b/app/page.tsx
index fb48964..7b11b48 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -400,8 +400,7 @@ export default function Index() {
                 </div>
 
                 <a
-                  href="https://app.databasus.com"
-                  target="_blank"
+                  href="/cloud"
                   className="w-full sm:max-w-[312px] inline-flex items-center justify-center px-4 py-2 sm:px-5 sm:py-2.5 bg-white rounded-lg text-black font-medium hover:opacity-70 transition-opacity order-1"
                 >
                   <span>Configure in 2 minutes</span>