mirror of
https://github.com/databasus/databasus.git
synced 2026-04-06 00:32:03 +02:00
update pages
This commit is contained in:
Rostislav Dugin
@@ -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>
|
||||
|
||||
@@ -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"
|
||||
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user