1<!DOCTYPE html> 2<html lang="en"> 3 <head> 4 <meta charset="utf-8" /> 5 <meta name="viewport" content="width=device-width, initial-scale=1" /> 6 <link rel="icon" 7 type="image/svg+xml" 8 href="src\assets\1DataCloud_1.png" 9 /> 10 <!-- Primary Meta Tags --> 11 <title>1DataCloud â Hybrid Cloud Database Management</title> 12 <meta name="title" content="1DataCloud â Hybrid Cloud Database Management" /> 13 <meta name="description" content="One dashboard for all your cloud databases. Connect AWS, GCP, MongoDB Atlas, and on-premise, then query any database in plain English with AI." /> 14 <meta name="keywords" content="cloud database, database management, hybrid cloud, Query1AI, natural language queries, AWS databases, Google Cloud databases, unified dashboard, database monitoring" /> 15 <meta name="author" content="1DataCloud" /> 16 17 <!-- Canonical URL --> 18 <link rel="canonical" href="https://1datacloud.ai/" /> 19 20 <!-- Favicon --> 21 <link rel="icon" type="image/svg+xml" href="/1dataCloud_dark.svg" media="(prefers-color-scheme: light)" /> 22 <link rel="icon" type="image/svg+xml" href="/1dataCloud_white.svg" media="(prefers-color-scheme: dark)" /> 23 <link rel="apple-touch-icon" href="/1dataCloud_dark.svg" /> 24 25 <!-- Open Graph / Facebook --> 26 <meta property="og:type" content="website" /> 27 <meta property="og:url" content="https://1datacloud.ai/" /> 28 <meta property="og:title" content="1DataCloud â Hybrid Cloud Database Management" /> 29 <meta property="og:description" content="One dashboard for all your cloud databases. Connect AWS, GCP, MongoDB Atlas, and on-premise, then query any database in plain English with AI." /> 30 <meta property="og:image" content="https://1datacloud.ai/website_thumbnail.png" /> 31 <meta property="og:site_name" content="1DataCloud" /> 32 33 <!-- Twitter --> 34 <meta name="twitter:card" content="summary_large_image" /> 35 <meta name="twitter:url" content="https://1datacloud.ai/" /> 36 <meta name="twitter:title" content="1DataCloud â Hybrid Cloud Database Management" /> 37 <meta name="twitter:description" content="One dashboard for all your cloud databases. Connect AWS, GCP, MongoDB Atlas, and on-premise, then query any database in plain English with AI." /> 38 <meta name="twitter:image" content="https://1datacloud.ai/website_thumbnail.png" /> 39 40 <!-- Security Headers --> 41 <meta http-equiv="X-UA-Compatible" content="IE=edge" /> 42 <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests" /> 43 44 <!-- Performance: Preconnect to external domains --> 45 <link rel="preconnect" href="https://fonts.googleapis.com" /> 46 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin /> 47 <link rel="preconnect" href="https://c.animaapp.com" crossorigin /> 48 <link rel="dns-prefetch" href="https://c.animaapp.com" /> 49 <!-- Preload LCP image (used in HowItWorksSection) so it's ready when React renders --> 50 <link rel="preload" href="https://c.animaapp.com/egcb21o0/img/[email protected]" as="image" fetchpriority="high" /> 51 <link rel="preload" href="/1dataCloud_white.svg" as="image" type="image/svg+xml" /> 52 53 <!-- Performance: Load fonts non-blocking with display=swap --> 54 <link rel="preload" href="https://fonts.googleapis.com/css?family=Instrument+Sans:400,600|Montserrat:600,700,900|Lexend:400&display=swap" as="style" onload="this.onload=null;this.rel='stylesheet'" /> 55 <noscript><link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Instrument+Sans:400,600|Montserrat:600,700,900|Lexend:400&display=swap" /></noscript> 56 57 <style> 58 /* Meyer Reset inlined to avoid render-blocking CDN request */ 59 html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;font-size:100%;font:inherit;vertical-align:baseline}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{dis
59play:block}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0} 60 * { 61 -webkit-font-smoothing: antialiased; 62 box-sizing: border-box; 63 } 64 html, 65 body { 66 margin: 0px; 67 height: 100%; 68 background: linear-gradient(180deg, #113871 0%, #bfebff 100%); 69 } 70 button:focus-visible { 71 outline: 2px solid #4a90e2 !important; 72 outline: -webkit-focus-ring-color auto 5px !important; 73 } 74 a { 75 text-decoration: none; 76 } 77 /* CSS entry animations â opacity removed from keyframes so elements are 78 always visible; fill:forwards only keeps final transform, no opacity:0 flash */ 79 @keyframes dc-hdr { from{transform:translateY(-12px)} to{transform:none} } 80 @keyframes dc-up { from{transform:translateY(20px)} to{transform:none} } 81 @keyframes dc-scl { from{transform:scale(.93)} to{transform:none} } 82 @keyframes dc-dn { from{transform:translateY(-10px)} to{transform:none} } 83 @keyframes spin { to { transform: rotate(360deg) } } 84 .dc-hdr { animation: dc-hdr .4s ease-out both } 85 .dc-hero-chip { animation: dc-dn .4s ease-out both } 86 .dc-hero-h1 { animation: dc-up .5s ease-out both } 87 .dc-hero-p { animation: dc-up .5s ease-out both } 88 .dc-hero-trust{ animation: dc-up .4s ease-out both } 89 .dc-hero-cta { animation: dc-up .5s ease-out both } 90 @media (max-width:1023px){ #_pre-nav{ display:none!important } } 91 </style> 92 93 <!-- Structured Data (Schema.org) --> 94
94<script type="application/ld+json"> 95 { 96 "@context": "https://schema.org", 97 "@type": "SoftwareApplication", 98 "name": "1DataCloud", 99 "applicationCategory": "BusinessApplication", 100 "operatingSystem": "Web", 101 "description": "Unified cloud database management platform with Query1AI natural language querying. Securely connect, query, and manage databases across AWS, Google Cloud, and on-premises infrastructure.", 102 "url": "https://1datacloud.ai", 103 "offers": { 104 "@type": "Offer", 105 "price": "0", 106 "priceCurrency": "USD", 107 "description": "Free trial available" 108 }, 109 "provider": { 110 "@type": "Organization", 111 "name": "1DataCloud", 112 "url": "https://1datacloud.ai" 113 }, 114 "featureList": [ 115 "Natural language database queries with Query1AI", 116 "Multi-cloud database management", 117 "AWS database support (Aurora, DynamoDB, RDS, Redshift)", 118 "Google Cloud database support (BigQuery, Firestore, Spanner, Bigtable)", 119 "Unified dashboard for all databases", 120 "Real-time performance monitoring", 121 "Secure agentless connectivity" 122 ] 123 } 124 </script>
124 125 126
126<script type="application/ld+json"> 127 { 128 "@context": "https://schema.org", 129 "@type": "Organization", 130 "name": "1DataCloud", 131 "url": "https://1datacloud.ai", 132 "logo": "https://1datacloud.ai/1dataCloud_dark.svg", 133 "description": "Cloud database management platform provider", 134 "sameAs": [] 135 } 136 </script>
136 137
137<script type="module" crossorigin src="/assets/index-BV43nOm1.js"></script>
137 138 <link rel="modulepreload" crossorigin href="/assets/react-vendor-DsxjXLc7.js"> 139 <link rel="modulepreload" crossorigin href="/assets/motion-vendor-BtG4OcNB.js"> 140 <link rel="stylesheet" crossorigin href="/assets/index-BlldmrBe.css"> 141 <meta property="og:image:width" content="1200" /> 142 <meta property="og:image:height" content="630" /> 143 </head> 144 <body> 145 <!-- Static prerender: header + hero visible before JS loads. position:fixed keeps it out of document flow (CLS=0). Removed by MutationObserver when React mounts. --> 146 <div id="_pre" aria-hidden="true" style="position:fixed;top:0;left:0;right:0;bottom:0;z-index:500;pointer-events:none;background:linear-gradient(180deg,#113871 0%,#bfebff 100%);overflow:hidden"> 147 <!-- Header â exact same logo URL and sizing as Header.jsx --> 148 <div style="padding:1rem 2rem;display:flex;align-items:center;justify-content:space-between;max-width:80rem;margin:0 auto;width:100%"> 149 <img src="\src\assets\logo\1DataCloud_4.png" alt="" width="153" height="31" decoding="async" /> 150 <div id="_pre-nav" style="display:flex;align-items:center;gap:2rem;font-family:Montserrat,system-ui,sans-serif"> 151 <span style="color:#d9d9d9;font-weight:600;font-size:1rem">Dashboard</span> 152 <span style="color:#d9d9d9;font-weight:600;font-size:1rem">Query1Ai</span> 153 <span style="color:#d9d9d9;font-weight:600;font-size:1rem">Pricing</span> 154 <span style="color:#d9d9d9;font-weight:600;font-size:1rem">Roadmap</span> 155 <span style="color:#d9d9d9;font-weight:600;font-size:1rem">Contact</span> 156 <span style="color:#d9d9d9;font-weight:600;font-size:1rem">Blog</span> 157 <div style="padding:.5rem 1.5rem;border-radius:999px;border:2px solid #1d67aa;background:linear-gradient(90deg,#12406a,#0c2a44);color:#fff;font-weight:600;font-size:1rem">Sign In</div> 158 </div> 159 </div> 160 <!-- Hero content --> 161 <div style="padding:3rem 1.5rem 0;text-align:center;max-width:900px;margin:0 auto"> 162 <div style="display:inline-block;padding:.35rem 1.1rem;border-radius:999px;background:rgba(132,217,255,.15);border:1px solid rgba(132,217,255,.3);color:#84d9ff;font-size:.75rem;font-weight:600;letter-spacing:2px;text-transform:uppercase;font-family:Montserrat,system-ui,sans-serif;margin-bottom:1.25rem">All Your Databases â One Platform</div> 163 <h1 style="color:#fff;font-family:Montserrat,system-ui,sans-serif;font-weight:900;font-size:clamp(1.8rem,4.5vw,3.8rem);line-height:1.15;letter-spacing:-1.5px;margin:.5rem 0 1rem">Connect Every Cloud.<br><span style="color:#84d9ff">Query With AI.</span></h1> 164 <p style="color:rgba(200,230,255,.9);font-family:Lexend,system-ui,sans-serif;font-size:1.05rem;max-width:680px;margin:0 auto .75rem;line-height:1.6">One platform to connect, monitor, and query all your cloud databases with AI.</p> 165 <p style="color:rgba(255,255,255,.45);font-family:Lexend,system-ui,sans-serif;font-size:.8rem;letter-spacing:1px;margin-bottom:1.75rem">Read-only · No agents · Setup in minutes · Free tier available</p> 166 <div style="display:flex;gap:1rem;justify-content:center;flex-wrap:wrap"> 167 <div style="display:inline-block;padding:.75rem 2.25rem;border-radius:999px;border:3px solid #1d67aa;background:linear-gradient(90deg,#12406a 2%,#0c2a44 100%);color:#fff;font-family:Montserrat,system-ui,sans-serif;font-weight:600;font-size:1rem;letter-spacing:.5px">Start Free â Takes 5 Minutes</div> 168 <div style="display:inline-block;padding:.75rem 2rem;border-radius:999px;border:2px solid rgba(255,255,255,.3);color:rgba(255,255,255,.9);font-family:Montserrat,system-ui,sans-serif;font-weight:600;font-size:1rem">Watch Demo â¶</div> 169 </div> 170 </div> 171 </div> 172 <div id="root"><div class="min-h-screen flex flex-col"><header class="dc-hdr w-full absolute top-0 left-0 right-0 z-50 py-4 md:py-6 px-4 md:px-8 bg-transparent"><div class="max-w-7xl mx-auto flex items-center justify-between"><div><a aria-current="page" class="flex-shrink-0 active" href="/"><img class="w-[120px] h-[50px] sm:w-[198px] sm:h-[90px]" alt="1DataCloud logo" src="/assets/1DataCloud_4-Dk5mNlDt.png"/></a></div><nav class="hidden lg:flex items-center justify-center bg-transparent roun
172ded-[27px] px-8 py-3" aria-label="Main navigation"><ul class="flex items-center gap-8"><li><a class="font-semibold text-base tracking-[0] transition-colors text-[#d9d9d9] hover:text-white" href="/dashboard">Dashboard</a></li><li><a class="font-semibold text-base tracking-[0] transition-colors text-[#d9d9d9] hover:text-white" href="/queryai">Query1Ai</a></li><li><a class="font-semibold text-base tracking-[0] transition-colors text-[#d9d9d9] hover:text-white" href="/pricing">Pricing</a></li><li><a class="font-semibold text-base tracking-[0] transition-colors text-[#d9d9d9] hover:text-white" href="/roadmap">Roadmap</a></li><li><a class="font-semibold text-base tracking-[0] transition-colors text-[#d9d9d9] hover:text-white" href="/contact">Contact</a></li><li><a class="font-semibold text-base tracking-[0] transition-colors text-[#d9d9d9] hover:text-white" href="/blog">Blog</a></li></ul><div class="ml-6"><a href="https://www.producthunt.com/products/1datacloud?embed=true&utm_source=badge-featured&utm_medium=badge&utm_campaign=badge-1datacloud" target="_blank" rel="noopener noreferrer" aria-label="1DataCloud is Featured on Product Hunt â visit our page" class="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full bg-[#FF6154] hover:bg-[#e5504b] text-white text-xs font-semibold whitespace-nowrap transition-colors focus:outline-none focus:ring-2 focus:ring-[#FF6154] focus:ring-offset-2 focus:ring-offset-transparent" tabindex="0"><span role="img" aria-hidden="true">ð</span><span>Product Hunt</span></a></div><button class="ml-4 px-6 py-2 rounded-full border-2 border-[#1d67aa] bg-gradient-to-r from-[#12406a] to-[#0c2a44] text-white font-semibold text-base cursor-pointer transition-all hover:scale-105" tabindex="0">Sign In</button></nav><button class="lg:hidden relative z-50 flex flex-col justify-center items-center w-10 h-10 space-y-1.5" aria-label="Toggle mobile menu" aria-expanded="false"><span class="w-6 h-0.5 bg-white rounded-full"></span><span class="w-6 h-0.5 bg-white rounded-full"></span><span class="w-6 h-0.5 bg-white rounded-full"></span></button></div></header><main class="flex-grow w-full"><div class="w-full overflow-x-hidden relative"><div class="hidden lg:block w-full relative pt-24" style="min-height:8332px"><div class="absolute pointer-events-none z-0" style="width:100vw;height:8332px;left:50%;transform:translateX(-50%);top:0"><div class="absolute w-full bg-[linear-gradient(180deg,rgba(17,56,113,1)_0%,rgba(191,235,255,1)_100%)]" style="top:0;left:0;right:0;height:1893px"></div><div class="absolute w-full bg-no-repeat bg-center" style="top:1887px;left:0;right:0;height:1598px;background-image:url(https://c.animaapp.com/egcb21o0/img/bg.svg);background-size:1440px 1598px"></div><div class="absolute w-full bg-[#000000]" style="top:1887px;left:0;right:0;height:1556px"></div><svg class="absolute w-full" style="top:3323px;left:0;right:0;height:200px;z-index:1" viewBox="0 0 1440 200" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"><path d="M0,0 L1440,0 L720,200 Z" fill="#000000"></path></svg><div class="absolute w-full bg-[linear-gradient(356deg,rgba(255,255,255,1)_29%,rgba(132,217,255,1)_100%)]" style="top:3336px;left:0;right:0;height:2391px"></div><div class="absolute w-full bg-[#ffffff]" style="top:5300px;left:0;right:0;height:1592px"></div><div class="absolute w-full bg-[linear-gradient(180deg,rgba(255,255,255,1)_1%,rgba(115,156,193,1)_32%,rgba(17,56,113,1)_78%)]" style="top:6892px;left:0;right:0;height:300px"></div><div class="absolute w-full bg-[linear-gradient(180deg,rgba(17,56,113,1)_0%,rgba(27,45,89,1)_100%)]" style="top:7192px;left:0;right:0;height:1140px"></div></div><div class="relative z-10" style="height:8332px"><div style="width:1440px;height:8332px;transform:scale(1);transform-origin:top left;margin:0 auto"><div class="bg-transparent overflow-hidden w-full min-w-[1443px] h-[8332px] relative" data-model-id="1:1502"><div class="absolute top-0 left-0 w-[1440px] h-[8332px]"><div class="absolute w-[22.64%] h-0 top-[68.04%] left-[38.68%] [font-family:'Montserrat',Helvetica] font-bold text-[#4f378a] text-[32px] text-center tracking-[-0.96px] leading-[58px]" style="opacity:0;transform:scale(0.8)">Key Features</div></div><img class="absolute top-[4335px] left-[137px] w-[327px] h-[343px] aspect-[0.95]" alt="Floating robot" src="https://c.animaapp.com/egcb21o0/img/[email protected]" loading="lazy" decoding="async" style="opacity:0;transform:translateX(-100px)"/><div class="absolute top-[4298px] left-[354px] w-[512px] h-[74px] rounded-[32px_32px_32px_0px] bg-[linear-gradient(97deg,rgba(32,17,91,1)_0%,rgba(168,166,233,1)_100%)]" style="opacity:0;transform:scale(0)"></div><div class="absolute top-[90px] left-[70px] w-[1300px] flex flex-col items-center z-20"><div class="dc-hero-chip mb-4"><span class="inline-block px-5 py-1.5 rounded-full bg-[#84d9ff]/15 border border-[#84d9ff]/30 [font-family:'Montserrat',Helvetica] font-semibold text-[#84d9ff] text-sm tracking-[2px] uppercase">All Your Databases â One Platform</span></div><h1 class="dc-hero-h1 w-full [font-family:'Montserrat',Helvetica] font-black text-[#ffffff] text-[62px] text-center tracking-[-1.8px] leading-[74px] mb-3">Connect Every Cloud.<br/><span class="text-[#84d9ff]">Query With AI.</span></h1><p class="dc-hero-p w-full max-w-[800px] mx-auto text-center [font-family:'Lexend',Helvetica] text-[#c8e6ff] text-lg leading-relaxed mb-2">
172One dashboard for all your cloud databases â connect AWS, GCP, MongoDB Atlas, and on-premise, see everything in one place, then query any database in plain English with AI.</p><p class="dc-hero-trust text-white/50 text-sm [font-family:'Lexend',Helvetica] mb-5 tracking-wide">Read-only  · No agents  · Setup in minutes  · Free tier available</p><div class="dc-hero-cta flex items-center gap-5"><button class="px-10 py-3 rounded-full border-[3px] border-solid border-[#1d67aa] bg-[linear-gradient(90deg,rgba(18,64,106,1)_2%,rgba(12,42,68,1)_100%)] cursor-pointer [font-family:'Montserrat',Helvetica] font-semibold text-[#ffffff] text-base tracking-[0.5px]" aria-label="Start in Minutes" tabindex="0">Start Free â Takes 5 Minutes</button><button class="px-8 py-3 rounded-full border-2 border-white/30 cursor-pointer [font-family:'Montserrat',Helvetica] font-semibold text-white/90 text-base hover:bg-white/10 transition-colors">Watch Demo â¶</button></div><img class="w-[1177px] h-3.5 mt-[28px]" alt="Line" src="https://c.animaapp.com/egcb21o0/img/line-4.svg" loading="lazy" decoding="async"/></div><div class="absolute top-[4320px] left-[408px] w-[392px] [font-family:'Lexend',Helvetica] font-normal text-[#ebe5e5] text-2xl text-center tracking-[0] leading-[normal]" style="opacity:0;transform:translateY(20px)">What Query1Ai does?</div><section class="absolute top-[4083px] left-[390px] w-[727px] h-[172px]" aria-label="Supported Databases" style="opacity:0;transform:translateY(50px)"><div class="absolute top-0 left-60 w-[245px] h-[43px] bg-[#394b93] rounded-[50px_50px_0px_0px]"></div><div class="absolute w-[99.72%] h-[75.00%] top-[25.00%] left-0 bg-[#abe6f680] rounded-[61.5px] shadow-[0px_0px_12.4px_#ffffff]"></div><img class="absolute top-[68px] left-[46px] w-[158px] h-[79px]" alt="Mysql" src="https://c.animaapp.com/egcb21o0/img/mysql-ar21-1.svg" loading="lazy" decoding="async" style="opacity:0;transform:scale(0)"/><img class="absolute w-[20.43%] h-[30.18%] top-[48.26%] left-[29.52%]" alt="Group" src="https://c.animaapp.com/egcb21o0/img/[email protected]" loading="lazy" decoding="async" style="opacity:0;transform:scale(0)"/><img class="absolute w-[19.17%] h-[41.86%] top-[41.86%] left-[52.83%]" alt="Postgresql" src="https://c.animaapp.com/egcb21o0/img/postgresql-ar21-1.svg" loading="lazy" decoding="async" style="opacity:0;transform:scale(0)"/><img class="absolute w-[18.21%] h-[28.47%] top-[50.00%] left-[73.52%]" alt="Logo redshift" src="https://c.animaapp.com/egcb21o0/img/[email protected]" loading="lazy" decoding="async" style="opacity:0;transform:scale(0)"/><div class="absolute top-[13px] left-[262px] w-48 [font-family:'Montserrat',Helvetica] font-bold text-[#ffffff] text-base text-center tracking-[0] leading-[normal]">Works Across</div></section><div id="landing-video" class="absolute top-[5100px] left-[calc(50%_-_450px)] w-[900px] h-[500px]" style="opacity:0;transform:scale(0.8)"><div class="w-full h-full rounded-lg shadow-lg overflow-hidden"></div></div><article class="absolute w-[332px] h-[414px] rounded-[15px] overflow-hidden" style="top:5848px;left:167px;background:linear-gradient(160deg, rgba(255,255,255,0.97) 0%, rgba(232,240,255,0.97) 100%);box-shadow:0 4px 24px rgba(0,0,0,0.08), 0 0 0 1px rgba(0,19,112,0.12);opacity:0;transform:translateY(80px)"><div class="absolute top-0 left-0 right-0 h-[3px] rounded-t-[15px]" style="background:linear-gradient(90deg, rgba(0,19,112,1) 0%, rgba(0,188,255,0.7) 100%)"></div><img class="absolute top-[40px] left-1/2 -translate-x-1/2 w-[140px] h-[140px] object-contain" alt="Cloud computing" src="https://c.animaapp.com/egcb21o0/img/cloud-computing-5215388-1.svg" loading="lazy" decoding="async"/><h3 class="absolute top-[202px] left-4 right-4 [font-family:'Montserrat',Helvetica] font-bold text-[#1a1a2e] text-[21px] text-center leading-[28px]">Multi-Cloud Support</h3><div class="absolute top-[252px] left-8 right-8 h-px bg-gradient-to-r from-transparent via-[rgba(0,19,112,0.15)] to-transparent"></div><p class="absolute top-[270px] left-5 right-5 [font-family:'Poppins',Helvetica] font-normal text-[#3a3580] text-[15px] text-center leading-[22px]">Connect AWS & GCP databases in minutes</p></article>
172<article class="absolute w-[332px] h-[414px] rounded-[15px] overflow-hidden" style="top:5848px;left:556px;background:linear-gradient(160deg, rgba(255,255,255,0.97) 0%, rgba(232,240,255,0.97) 100%);box-shadow:0 4px 24px rgba(0,0,0,0.08), 0 0 0 1px rgba(0,19,112,0.12);opacity:0;transform:translateY(80px)"><div class="absolute top-0 left-0 right-0 h-[3px] rounded-t-[15px]" style="background:linear-gradient(90deg, rgba(0,19,112,1) 0%, rgba(100,80,220,0.7) 100%)"></div><img class="absolute top-[40px] left-1/2 -translate-x-1/2 w-[140px] h-[140px] object-contain" alt="Security lock" src="https://c.animaapp.com/egcb21o0/img/security-lock-8957999-1.svg" loading="lazy" decoding="async"/><h3 class="absolute top-[202px] left-4 right-4 [font-family:'Montserrat',Helvetica] font-bold text-[#1a1a2e] text-[21px] text-center leading-[28px]">Secure, Read-Only Connections</h3><div class="absolute top-[252px] left-8 right-8 h-px bg-gradient-to-r from-transparent via-[rgba(0,19,112,0.15)] to-transparent"></div><p class="absolute top-[270px] left-5 right-5 [font-family:'Poppins',Helvetica] font-normal text-[#3a3580] text-[15px] text-center leading-[22px]">Uses IAM roles and least-privilege access</p></article><article class="absolute w-[332px] h-[414px] rounded-[15px] overflow-hidden" style="top:5848px;left:945px;background:linear-gradient(160deg, rgba(255,255,255,0.97) 0%, rgba(232,240,255,0.97) 100%);box-shadow:0 4px 24px rgba(0,0,0,0.08), 0 0 0 1px rgba(0,19,112,0.12);opacity:0;transform:translateY(80px)"><div class="absolute top-0 left-0 right-0 h-[3px] rounded-t-[15px]" style="background:linear-gradient(90deg, rgba(0,19,112,1) 0%, rgba(0,188,255,0.7) 100%)"></div><img class="absolute top-[40px] left-1/2 -translate-x-1/2 w-[140px] h-[140px] object-contain" alt="AI" src="https://c.animaapp.com/egcb21o0/img/ai-1.svg" loading="lazy" decoding="async"/><h3 class="absolute top-[202px] left-4 right-4 [font-family:'Montserrat',Helvetica] font-bold text-[#1a1a2e] text-[21px] text-center leading-[28px]">Natural Language Querying</h3><div class="absolute top-[252px] left-8 right-8 h-px bg-gradient-to-r from-transparent via-[rgba(0,19,112,0.15)] to-transparent"></div><p class="absolute top-[270px] left-5 right-5 [font-family:'Poppins',Helvetica] font-normal text-[#3a3580] text-[15px] text-center leading-[22px]">AI-powered query generator (Query1AI)</p></article><article class="absolute w-[332px] h-[414px] rounded-[15px] overflow-hidden" style="top:6333px;left:372px;background:linear-gradient(160deg, rgba(255,255,255,0.97) 0%, rgba(232,240,255,0.97) 100%);box-shadow:0 4px 24px rgba(0,0,0,0.08), 0 0 0 1px rgba(0,19,112,0.12);opacity:0;transform:translateY(80px)"><div class="absolute top-0 left-0 right-0 h-[3px] rounded-t-[15px]" style="background:linear-gradient(90deg, rgba(0,19,112,1) 0%, rgba(100,80,220,0.7) 100%)"></div><img class="absolute top-[40px] left-1/2 -translate-x-1/2 w-[140px] h-[140px] object-contain" alt="Database" src="https://c.animaapp.com/egcb21o0/img/database-11313468-1.svg" loading="lazy" decoding="async"/><h3 class="absolute top-[202px] left-4 right-4 [font-family:'Montserrat',Helvetica] font-bold text-[#1a1a2e] text-[21px] text-center leading-[28px]">Unified Dashboard</h3><div class="absolute top-[252px] left-8 right-8 h-px bg-gradient-to-r from-transparent via-[rgba(0,19,112,0.15)] to-transparent"></div><p class="absolute top-[270px] left-5 right-5 [font-family:'Poppins',Helvetica] font-normal text-[#3a3580] text-[15px] text-center leading-[22px]">All databases in one centralized view</p></article><article class="absolute w-[332px] h-[414px] rounded-[15px] overflow-hidden" style="top:6333px;left:762px;background:linear-gradient(160deg, rgba(255,255,255,0.97) 0%, rgba(232,240,255,0.97) 100%);box-shadow:0 4px 24px rgba(0,0,0,0.08), 0 0 0 1px rgba(0,19,112,0.12);opacity:0;transform:translateY(80px)"><div class="absolute top-0 left-0 right-0 h-[3px] rounded-t-[15px]" style="background:linear-gradient(90deg, rgba(0,19,112,1) 0%, rgba(0,188,255,0.7) 100%)"></div><img class="absolute top-[40px] left-1/2 -translate-x-1/2 w-[140px] h-[140px] object-contain" alt="Download" src="https://c.animaapp.com/egcb21o0/img/download-8919461-1.svg" loading="lazy" decoding="async"/><h3 class="absolute top-[202px] left-4 right-4 [font-family:'Montserrat',Helvetica] font-bold text-[#1a1a2e] text-[21px] text-center leading-[28px]">No Agents Required</h3><div class="absolute top-[252px] left-8 right-8 h-px bg-gradient-to-r from-transparent via-[rgba(0,19,112,0.15)] to-transparent"></div><p class="absolute top-[270px] left-5 right-5 [font-family:'Poppins',Helvetica] font-normal text-[#3a3580] text-[15px] text-center leading-[22px]">100% API-based â zero installation needed</p></article></div></div></div></div><div class="block lg:hidden w-full relative bg-gradient-to-b from-[#0d2847] via-[#113871] to-transparent overflow-x-hidden"><div class="relative bg-gradient-to-b from-transparent via-[#113871] to-[#a8d8ef] px-4 py-12 sm:py-16 pt-20"><div class="max-w-3xl mx-auto text-center"><div class="dc-hero-chip mb-4"><span class="inline-block px-4 py-1 rounded-full bg-[#84d9ff]/15 border border-[#84d9ff]/30 font-semibold text-[#84d9ff] text-xs tracking-[1.5px] uppercase">All Your Databases â One Platform</span></div><h1 class="dc-hero-h1 font-black text-white text-3xl sm:text-4xl md:text-5xl leading-tight mb-4">Connect Every Cloud.<br/><span class="text-[#84d9ff]">Query With AI.</span></h1><p class="dc-hero-p text-white/85 text-sm sm:text-base mb-3 px-2 leading-relaxed max-w-xl mx-auto">
172One dashboard for all your cloud databases â connect AWS, GCP, MongoDB Atlas, and on-premise, see everything in one place, then query any database in plain English with AI.</p><p class="dc-hero-trust text-white/45 text-xs mb-6 tracking-wide">Read-only · No agents · Setup in minutes · Free tier</p><div class="dc-hero-cta flex flex-col sm:flex-row items-center justify-center gap-3"><button class="w-full sm:w-auto px-8 py-3 rounded-full border-2 border-[#1d67aa] bg-gradient-to-r from-[#12406a] to-[#0c2a44] text-white font-semibold text-base cursor-pointer transition-all" tabindex="0">Start Free â Takes 5 Min</button><button class="w-full sm:w-auto px-6 py-3 rounded-full border border-white/25 text-white/80 font-semibold text-sm hover:bg-white/10 transition-colors cursor-pointer">Watch Demo â¶</button></div></div></div><div class="relative bg-gradient-to-b from-[#a8d8ef] via-[#6ba3c8] to-[#2e5a7d] px-4 py-12 sm:py-16"><div class="text-center mb-8" style="opacity:0;transform:translateY(20px)"><p class="text-[#adc208] text-sm font-medium mb-2">EASY SETUP</p><h2 class="text-white font-bold text-3xl sm:text-4xl mb-3">How It Works</h2><p class="text-white/70 text-sm">1DataCloud in 4 steps</p></div><div class="space-y-6 max-w-lg mx-auto"><div class="rounded-2xl p-6 border border-white/20 backdrop-blur-sm relative overflow-hidden" style="background-color:rgba(91, 142, 175, 0.3);opacity:0;transform:translateX(-50px)"><div class="flex items-start gap-4 mb-3"><div class="flex-shrink-0 w-12 h-12 sm:w-14 sm:h-14 flex items-center justify-center bg-white/10 rounded-xl"><img src="https://c.animaapp.com/egcb21o0/img/[email protected]" alt="Step 1" class="w-8 h-8 sm:w-10 sm:h-10 object-contain" loading="lazy" decoding="async"/></div><div class="flex-1"><p class="font-semibold text-sm mb-1" style="color:#ff9500">Step 1</p><h3 class="text-white font-semibold text-lg sm:text-xl">Connect your cloud accounts</h3></div></div><p class="text-white/90 text-sm sm:text-base leading-relaxed pl-0">Grant read-only access to your AWS or GCP account using our secure connector (5-step setup).</p></div><div class="rounded-2xl p-6 border border-white/20 backdrop-blur-sm relative overflow-hidden" style="background-color:rgba(75, 125, 160, 0.3);opacity:0;transform:translateX(-50px)"><div class="flex items-start gap-4 mb-3"><div class="flex-shrink-0 w-12 h-12 sm:w-14 sm:h-14 flex items-center justify-center bg-white/10 rounded-xl"><img src="https://c.animaapp.com/egcb21o0/img/[email protected]" alt="Step 2" class="w-8 h-8 sm:w-10 sm:h-10 object-contain" loading="lazy" decoding="async"/></div><div class="flex-1"><p class="font-semibold text-sm mb-1" style="color:#ff9500">Step 2</p><h3 class="text-white font-semibold text-lg sm:text-xl">Auto-detect your databases</h3></div></div><p class="text-white/90 text-sm sm:text-base leading-relaxed pl-0">1DataCloud automatically discovers all supported databases (RDS, Aurora, Cloud SQL, BigQuery, etc.).</p></div><div class="rounded-2xl p-6 border border-white/20 backdrop-blur-sm relative overflow-hidden" style="background-color:rgba(59, 108, 145, 0.3);opacity:0;transform:translateX(-50px)"><div class="flex items-start gap-4 mb-3"><div class="flex-shrink-0 w-12 h-12 sm:w-14 sm:h-14 flex items-center justify-center bg-white/10 rounded-xl"><img src="https://c.animaapp.com/egcb21o0/img/icon-1.svg" alt="Step 3" class="w-8 h-8 sm:w-10 sm:h-10 object-contain" loading="lazy" decoding="async"/></div><div class="flex-1"><p class="font-semibold text-sm mb-1" style="color:#ff8d28">Step 3</p><h3 class="text-white font-semibold text-lg sm:text-xl">Centralize and monitor</h3></div></div><p class="text-white/90 text-sm sm:text-base leading-relaxed pl-0">All detected databases instantly show up in the Unified Dashboard with health, performance and usage metrics.</p></div><div class="rounded-2xl p-6 border border-white/20 backdrop-blur-sm relative overflow-hidden" style="background-color:rgba(43, 91, 130, 0.3);opacity:0;transform:translateX(-50px)"><div class="flex items-start gap-4 mb-3"><div class="flex-shrink-0 w-12 h-12 sm:w-14 sm:h-14 flex items-center justify-center bg-white/10 rounded-xl"><img src="https://c.animaapp.com/egcb21o0/img/[email protected]" alt="Step 4" class="w-8 h-8 sm:w-10 sm:h-10 object-contain" loading="lazy" decoding="async"/></div><div class="flex-1"><p class="font-semibold text-sm mb-1" style="color:#ff8d28">Step 4</p><h3 class="text-white font-semibold text-lg sm:text-xl">Ask Query1AI</h3></div></div><p class="text-white/90 text-sm sm:text-base leading-relaxed pl-0">Use natural language to get answers from any database without writing SQL.</p></div></div></div><div class="relative bg-black" style="width:100vw;margin-left:calc(50% - 50vw)"><div style="position:absolute;bottom:-1px;left:0;width:100%;height:0;border-left:50vw solid transparent;border-right:50vw solid transparent;border-top:82px solid #000000;z-index:10"></div><div class="px-4 py-12 sm:py-16"><h2 class="text-white font-bold text-3xl sm:text-4xl text-center mb-4" style="opacity:0;transform:translateY(20px)">Unified Dashboard</h2><p class="text-[#84d9ff] text-center text-sm sm:text-base mb-8 max-w-2xl mx-auto" style="opacity:0">All your databases - one view</p><img class="w-full max-w-2xl mx-auto rounded-lg shadow-2xl mb-8" alt="Unified Dashboard" src="https://c.animaapp.com/egcb21o0/img/image.png" style="opacity:0;transform:scale(0.8)"/><div class="bg-[#7675751a] rounded-lg p-6 backdrop-blur-sm border border-gray-700 max-w-md mx-auto mb-8" style="opacity:0;transform:translateY(50px)"><h3 class="text-white font-semibold text-xl mb-3 text-center">No switching console to console</h3><p class="text-white/80 text-sm sm:text-base text-center leading-relaxed">See real-time metrics, performance trends, slow query logs and configuration details in one place.</p></div><div class="space-y-4 max-w-md mx-auto"><div class="flex items-start gap-3" style="opacity:0;transform:translateX(-30px)"><div class="w-6 h-6 rounded-full bg-gradient-to-br from-[#150459] to-[#02080a] flex items-center justify-center flex-shrink-0 mt-1"><span class="text-[#84d9ff] text-xs">â</span></div><p class="text-white text-sm sm:text-base">Unified inventory of all cloud databases</p></div><div class="flex items-start gap-3" style="opacity:0;transform:translateX(-30px)"><div class="w-6 h-6 rounded-full bg-gradient-to-br from-[#150459] to-[#02080a] flex items-center justify-center flex-shrink-0 mt-1"><span class="text-[#84d9ff] text-xs">â</span></div><p class="text-white text-sm sm:text-base">Drill-down into individual database configuration and settings</p></div><div class="flex items-start gap-3" style="opacity:0;transform:translateX(-30px)"><div class="w-6 h-6 rounded-full bg-gradient-to-br from-[#150459] to-[#02080a] flex items-center justify-center flex-shrink-0 mt-1"><span class="text-[#84d9ff] text-xs">â</span></div><p class="text-white text-sm sm:text-base">Fully agentless â doesn't require installing anything on the database nodes</p></div></div><div class="mt-12 space-y-8" style="opacity:0"><div class="text-center"><img class="w-32 mx-auto mb-4" alt="AWS" src="https://c.animaapp.com/egcb21o0/img/aws-group.png"/><div class="flex flex-wrap justify-center gap-3"><div class="bg-[#001e2ecc] px-4 py-2 rounded-lg text-white text-sm font-semibold" style="transform:scale(0)">RDS</div><div class="bg-[#001e2ecc] px-4 py-2 rounded-lg text-white text-sm font-semibold" style="transform:scale(0)">Redshift</div><div class="bg-[#001e2ecc] px-4 py-2 rounded-lg text-white text-sm font-semibold" style="transform:scale(0)">DynamoDB</div><div class="bg-[#001e2ecc] px-4 py-2 rounded-lg text-white text-sm font-semibold" style="transform:scale(0)">DocumentDB</div><div class="bg-[#001e2ecc] px-4 py-2 rounded-lg text-white text-sm font-semibold" style="transform:scale(0)">Neptune</div><div class="bg-[#001e2ecc] px-4 py-2 rounded-lg text-white text-sm font-semibold" style="transform:scale(0)">Elasticache</div></div></div><div class="text-center"><img class="w-32 mx-auto mb-4" alt="GCP" src="https://c.animaapp.com/egcb21o0/img/gcp-group.png"/><div class="flex flex-wrap justify-center gap-3"><div class="bg-[#001e2ecc] px-4 py-2 rounded-lg text-white text-sm font-semibold" style="transform:scale(0)">Cloud SQL</div><div class="bg-[#001e2ecc] px-4 py-2 rounded-lg text-white text-sm font-semibold" style="transform:scale(0)">Spanner</div><div class="bg-[#001e2ecc] px-4 py-2 rounded-lg text-white text-sm font-semibold" style="transform:scale(0)">BigQuery</div><div class="bg-[#001e2ecc] px-4 py-2 rounded-lg text-white text-sm font-semibold" style="transform:scale(0)">Firestore</div><div class="bg-[#001e2ecc] px-4 py-2 rounded-lg text-white text-sm font-semibold" style="transform:scale(0)">BigTable</div><div class="bg-[#001e2ecc] px-4 py-2 rounded-lg text-white text-sm font-semibold" style="transform:scale(0)">Cloud Storage</div></div></div></div></div></div><div class="relative bg-gradient-to-b from-white via-[#84d9ff]/30 to-white py-12 sm:py-16" style="width:100vw;margin-left:calc(50% - 50vw);margin-top:-80px;padding-top:120px"><div class="px-4"><img class="absolute top-5 sm:top-32 left-[33%] -translate-x-1/2 w-40 h-40 sm:w-48 sm:h-52 md:w-56 md:h-60 opacity-90 z-20" alt="Floating robot" src="https://c.animaapp.com/egcb21o0/img/[email protected]" style="opacity:0;transform:translateX(50px)"/><div class="text-center mt-8 relative z-10" style="opacity:0;transform:translateY(20px)"><h2 class="text-[#26354c] font-bold text-3xl sm:text-4xl mb-3">Query1AI</h2><p class="text-[#26354c]/70 text-sm sm:text-base">Ask your data anything - instantly</p></div><div id="mobile-landing-video" class="w-full max-w-md mx-auto mb-8 relative z-10" style="opacity:0;transform:scale(0.8)"><div class="relative w-full" style="padding-bottom:56.25%"><div class="absolute top-0 left-0 w-full h-full rounded-lg overflow-hidden"></div></div></div><div class="bg-[#161f42] rounded-2xl p-6 max-w-lg mx-auto mb-8" style="opacity:0;transform:translateY(50px)"><h3 class="text-white text-lg font-semibold mb-4 text-center">What Query1AI does?</h3><ul class="space-y-4"><li class="flex items-start gap-3"><div class="w-2 h-2 bg-[#00bbff] rounded-full flex-shrink-0 mt-2"></div><p class="text-white text-sm sm:text-base">Converts natural language questions â optimized database queries</p></li><li class="flex items-start gap-3"><div class="w-2 h-2 bg-[#00bbff] rounded-full flex-shrink-0 mt-2"></div><p class="text-white text-sm sm:text-base">Automatically understands database schema and relations</p></li><li class="flex items-start gap-3"><div class="w-2 h-2 bg-[#00bbff] rounded-full flex-shrink-0 mt-2"></div><p class="text-white text-sm sm:text-base">Executes queries safely (read-only) and returns results instantly</p></li><li class="flex items-start gap-3"><div class="w-2 h-2 bg-[#00bbff] rounded-full flex-shrink-0 mt-2"></div><p class="text-white text-sm sm:text-base">Supports multi-cloud databases (AWS + GCP)</p></li></ul></div><div class="max-w-3xl mx-auto mb-8"><div class="relative py-8"><div class="absolute left-0 right-0 top-1/2 h-0.5 bg-gradient-to-r from-transparent via-[#394b93] to-transparent hidden sm:block"></div><div class="grid grid-cols-1 sm:grid-cols-3 gap-8 relative"><div class="flex flex-col items-center text-center bg-white/80 backdrop-blur-sm rounded-2xl p-6 shadow-lg" style="opacity:0;transform:translateY(30px)"><div class="w-20 h-20 mb-4 rounded-full bg-gradient-to-br from-[#5e3a9c] to-[#669df6] flex items-center justify-center shadow-xl"><svg class="w-10 h-10 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24">
172<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 7v10c0 2.21 3.582 4 8 4s8-1.79 8-4V7M4 7c0 2.21 3.582 4 8 4s8-1.79 8-4M4 7c0-2.21 3.582-4 8-4s8 1.79 8 4m0 5c0 2.21-3.582 4-8 4s-8-1.79-8-4"></path></svg></div><h3 class="font-bold text-lg sm:text-xl mb-2 text-[#26354c]">NO MORE</h3><p class="text-gray-600 text-sm sm:text-base leading-relaxed">No more hunting down schema or writing SQL</p></div><div class="flex flex-col items-center text-center bg-white/80 backdrop-blur-sm rounded-2xl p-6 shadow-lg" style="opacity:0;transform:translateY(30px)"><div class="w-20 h-20 mb-4 rounded-full bg-gradient-to-br from-[#4e62c8] to-[#45e3ff] flex items-center justify-center shadow-xl"><svg class="w-10 h-10 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0zm6 3a2 2 0 11-4 0 2 2 0 014 0zM7 10a2 2 0 11-4 0 2 2 0 014 0z"></path></svg></div><h3 class="font-bold text-lg sm:text-xl mb-2 text-[#26354c]">NON-TECHNICAL</h3><p class="text-gray-600 text-sm sm:text-base leading-relaxed">Non-technical users can explore data</p></div><div class="flex flex-col items-center text-center bg-white/80 backdrop-blur-sm rounded-2xl p-6 shadow-lg" style="opacity:0;transform:translateY(30px)"><div class="w-20 h-20 mb-4 rounded-full bg-gradient-to-br from-[#669df6] to-[#5e3a9c] flex items-center justify-center shadow-xl"><svg class="w-10 h-10 text-white" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M9 19v-6a2 2 0 00-2-2H5a2 2 0 00-2 2v6a2 2 0 002 2h2a2 2 0 002-2zm0 0V9a2 2 0 012-2h2a2 2 0 012 2v10m-6 0a2 2 0 002 2h2a2 2 0 002-2m0 0V5a2 2 0 012-2h2a2 2 0 012 2v14a2 2 0 01-2 2h-2a2 2 0 01-2-2z"></path></svg></div><h3 class="font-bold text-lg sm:text-xl mb-2 text-[#26354c]">DBAs</h3><p class="text-gray-600 text-sm sm:text-base leading-relaxed">DBAs can speed up analysis and investigations</p></div></div></div></div><div class="mt-12 bg-[#abe6f680] rounded-3xl p-6 shadow-lg max-w-2xl mx-auto" style="opacity:0;transform:scale(0.9)"><div class="bg-[#394b93] rounded-t-3xl py-2 px-4 -mx-6 -mt-6 mb-4"><p class="text-white font-bold text-center text-sm">Works Across</p></div><div class="flex flex-wrap justify-center items-center gap-4"><img class="w-24 h-auto" alt="MySQL" src="https://c.animaapp.com/egcb21o0/img/mysql-ar21-1.svg"/><img class="w-20 h-auto" alt="PostgreSQL" src="https://c.animaapp.com/egcb21o0/img/postgresql-ar21-1.svg"/><img class="w-16 h-auto" alt="Redshift" src="https://c.animaapp.com/egcb21o0/img/[email protected]"/><img class="w-20 h-auto" alt="BigQuery" src="https://c.animaapp.com/egcb21o0/img/[email protected]"/></div></div></div></div><div class="relative bg-white px-4 py-12 sm:py-16"><h2 class="text-[#4f378a] font-bold text-3xl sm:text-4xl text-center mb-8" style="opacity:0;transform:translateY(20px)">Key Features</h2><img class="w-full max-w-2xl mx-auto rounded-lg shadow-lg mb-8" alt="Query Builder Demo" src="https://c.animaapp.com/mgal4n6yhXAe6s/img/video-sample-low-1.png" style="opacity:0;transform:scale(0.8)"/><div class="grid grid-cols-1 sm:grid-cols-2 gap-6 max-w-4xl mx-auto"><article class="bg-white rounded-2xl p-6 shadow-lg border-2 border-transparent hover:border-[#45e3ff]/50 transition-all" style="background:linear-gradient(white, white) padding-box, linear-gradient(180deg, rgba(0,19,112,1) 0%, rgba(69,227,255,0.7) 100%) border-box;opacity:0;transform:translateY(50px)"><div class="flex flex-col items-center text-center"><img class="w-24 h-24 mb-4" alt="Cloud computing" src="https://c.animaapp.com/egcb21o0/img/cloud-computing-5215388-1.svg"/><h3 class="font-bold text-xl text-black mb-2">Multi-Cloud Support</h3><p class="text-[#2e27ad] text-base font-medium">Connect AWS & GCP databases in minutes</p></div></article><article class="bg-white rounded-2xl p-6 shadow-lg border-2 border-transparent hover:border-[#45e3ff]/50 transition-all" style="background:linear-gradient(white, white) padding-box, linear-gradient(180deg, rgba(0,19,112,1) 0%, rgba(69,227,255,0.7) 100%) border-box;opacity:0;transform:translateY(50px)"><div class="flex flex-col items-center text-center"><img class="w-24 h-24 mb-4" alt="Security lock" src="https://c.animaapp.com/egcb21o0/img/security-lock-8957999-1.svg"/><h3 class="font-bold text-xl text-black mb-2">Secure, Read-Only Connections</h3><p class="text-[#2e27ad] text-base font-medium">Uses IAM roles and least-privilege access</p></div></article><article class="bg-white rounded-2xl p-6 shadow-lg border-2 border-transparent hover:border-[#45e3ff]/50 transition-all" style="background:linear-gradient(white, white) padding-box, linear-gradient(180deg, rgba(0,19,112,1) 0%, rgba(69,227,255,0.7) 100%) border-box;opacity:0;transform:translateY(50px)"><div class="flex flex-col items-center text-center"><img class="w-24 h-24 mb-4" alt="AI" src="https://c.animaapp.com/egcb21o0/img/ai-1.svg"/><h3 class="font-bold text-xl text-black mb-2">Natural Language Querying</h3><p class="text-[#2e27ad] text-base font-medium">AI-powered query generator (Query1AI)</p></div></article><article class="bg-white rounded-2xl p-6 shadow-lg border-2 border-transparent hover:border-[#45e3ff]/50 transition-all" style="background:linear-gradient(white, white) padding-box, linear-gradient(180deg, rgba(0,19,112,1) 0%, rgba(69,227,255,0.7) 100%) border-box;opacity:0;transform:translateY(50px)"><div class="flex flex-col items-center text-center"><img class="w-24 h-24 mb-4" alt="Database" src="https://c.animaapp.com/egcb21o0/img/database-11313468-1.svg"/><h3 class="font-bold text-xl text-black mb-2">Unified Dashboard</h3><p class="text-[#2e27ad] text-base font-medium">All databases in one centralized view</p></div></article><article class="bg-white rounded-2xl p-6 shadow-lg border-2 border-transparent hover:border-[#45e3ff]/50 transition-all" style="background:linear-gradient(white, white) padding-box, linear-gradient(180deg, rgba(0,19,112,1) 0%, rgba(69,227,255,0.7) 100%) border-box;opacity:0;transform:translateY(50px)"><div class="flex flex-col items-center text-center"><img class="w-24 h-24 mb-4" alt="Download" src="https://c.animaapp.com/egcb21o0/img/download-8919461-1.svg"/><h3 class="font-bold text-xl text-black mb-2">No Agents Required</h3><p class="text-[#2e27ad] text-base font-medium">100% API-based â zero installation needed</p></div></article></div></div><div class="relative bg-gradient-to-b from-white via-[#739cc1] to-[#113871] px-4 py-12 sm:py-16"><div class="max-w-3xl mx-auto" style="opacity:0;transform:translateY(20px)"><h2 class="text-[#cde0fd] font-bold text-3xl sm:text-4xl mb-2">Architecture Highlight</h2><p class="text-[#cde0fd] text-lg mb-4">for technical visitors</p><img class="w-full max-w-2xl mx-auto rounded-lg shadow-2xl mb-6" alt="Architecture Diagram" src="https://c.animaapp.com/egcb21o0/img/database-1.png" style="opacity:0;transform:scale(0.8)"/><p class="text-[#cde0fd] text-sm sm:text-base leading-relaxed">
1721DataCloud securely connects to your cloud provider via IAM role (AWS) or Service Account (GCP) using read-only permissions.<br/><br/>Once connected, our backend discovers all supported databases, collects metrics via API, and stores schema metadata to enable Query1Ai natural language querying.</p></div></div><div class="relative bg-gradient-to-b from-[#113871] to-[#1b2d59] px-4 py-12 sm:py-16 text-center"><div class="max-w-2xl mx-auto" style="opacity:0;transform:translateY(30px)"><img class="w-48 h-48 mx-auto mb-6" alt="Cloud Infrastructure" src="https://c.animaapp.com/egcb21o0/img/cloud-computing-server-digital-data-storage-network-infrastructu.png" style="opacity:0;transform:scale(0.8)"/><h2 class="text-white font-bold text-3xl sm:text-4xl mb-4">Start your free trial</h2><p class="text-white/80 text-sm sm:text-base mb-6 px-4">Ready to centralize your cloud databases and ask them anything?</p><button class="w-full sm:w-auto px-10 py-4 rounded-full border-2 border-[#1d67aa] bg-gradient-to-r from-[#12406a] to-[#0c2a44] text-white font-semibold text-lg cursor-pointer transition-all" tabindex="0">Call to Action</button></div></div></div><section class="bg-[#050a14] border-t border-white/5 py-16 px-4 flex flex-col items-center gap-6" aria-label="1DataCloud on Product Hunt"><p class="text-white/35 text-xs font-semibold uppercase tracking-widest">As featured on</p><div class="w-full max-w-[560px] mx-auto rounded-2xl border border-white/10 bg-white/5 backdrop-blur-sm p-6 sm:p-8 flex flex-col sm:flex-row items-center gap-6" role="complementary" aria-label="1DataCloud on Product Hunt" style="opacity:0;transform:translateY(24px)"><div class="shrink-0"><svg width="48" height="48" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true" focusable="false"><circle cx="20" cy="20" r="20" fill="#FF6154"></circle><path d="M11 29V11h9a6 6 0 010 12h-5v6z" fill="white"></path></svg></div><div class="flex-1 text-center sm:text-left"><p class="text-white/40 text-xs font-semibold uppercase tracking-widest mb-1">We launched on</p><h3 class="text-white font-bold text-xl mb-2">Product Hunt</h3><p class="text-white/60 text-sm leading-relaxed mb-5">Connect every cloud database and query with AI. Support our launch and leave us a review!</p><a href="https://www.producthunt.com/products/1datacloud?embed=true&utm_source=badge-featured&utm_medium=badge&utm_campaign=badge-1datacloud" target="_blank" rel="noopener noreferrer" aria-label="Check 1DataCloud out on Product Hunt" class="inline-flex items-center gap-2 px-5 py-2.5 rounded-full bg-[#FF6154] hover:bg-[#e5554c] text-white font-semibold text-sm transition-colors focus:outline-none focus:ring-2 focus:ring-[#FF6154] focus:ring-offset-2 focus:ring-offset-black" tabindex="0"><span role="img" aria-hidden="true">ð</span>Check us out on Product Hunt</a></div></div></section></div></main><footer class="relative w-full bg-black py-12 md:py-16 mt-auto" style="opacity:0"><div class="max-w-7xl mx-auto px-4 md:px-8 relative"><div class="grid grid-cols-2 md:grid-cols-5 gap-8 md:gap-12 mb-12"><div class="flex flex-col gap-6 col-span-2 md:col-span-1" style="opacity:0;transform:translateY(50px)"><img class="w-[146px] h-[30px] object-cover mb-2" alt="1DataCloud logo" src="/assets/1DataCloud_4-Dk5mNlDt.png"/><p class="text-gray-400 text-sm leading-relaxed max-w-xs">One dashboard for all your cloud databases â connect AWS, GCP, MongoDB Atlas, and on-premise, see everything in one place, then query any database in plain English with AI.</p><ul class="text-gray-500 text-xs space-y-1.5 max-w-xs list-disc list-inside"><li>Read-only by default â your data is never modified</li><li>No agents or scripts â API-based connections only</li></ul><a href="https://www.producthunt.com/products/1datacloud?embed=true&utm_source=badge-featured&utm_medium=badge&utm_campaign=badge-1datacloud" target="_blank" rel="noopener noreferrer" aria-label="1DataCloud - Connect Every Cloud. Query With AI. | Product Hunt" class="inline-block opacity-75 hover:opacity-100 transition-opacity focus:outline-none focus:ring-2 focus:ring-[#84d9ff] focus:ring-offset-2 focus:ring-offset-black rounded-md"><img alt="1DataCloud - Connect Every Cloud. Query With AI. | Product Hunt" width="200" height="43" src="https://api.producthunt.com/widgets/embed-image/v1/featured.svg?post_id=1176577&theme=dark" loading="lazy" decoding="async"/></a><div class="flex gap-4 items-center"><a href="https://linkedin.com/company/1datacloud" target="_blank" rel="noopener noreferrer" class="text-white hover:text-gray-400 transition-colors"><svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M20.447 20.452h-3.554v-5.569c0-1.328-.027-3.037-1.852-3.037-1.853 0-2.136 1.445-2.136 2.939v5.667H9.351V9h3.414v1.561h.046c.477-.9 1.637-1.85 3.37-1.85 3.601 0 4.267 2.37 4.267 5.455v6.286zM5.337 7.433c-1.144 0-2.063-.926-2.063-2.065 0-1.138.92-2.063 2.063-2.063 1.14 0 2.064.925 2.064 2.063 0 1.139-.925 2.065-2.064 2.065zm1.782 13.019H3.555V9h3.564v11.452zM22.225 0H1.771C.792 0 0 .774 0 1.729v20.542C0 23.227.792 24 1.771 24h20.451C23.2 24 24 23.227 24 22.271V1.729C24 .774 23.2 0 22.222 0h.003z"></path></svg></a><a href="https://youtube.com/@1datacloud" target="_blank" rel="noopener noreferrer" class="text-white hover:text-gray-400 transition-colors"><svg class="w-6 h-6" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z"></path></svg></a><a href="https://x.com/1datacloud" target="_blank" rel="noopener noreferrer" class="text-white hover:text-gray-400 transition-colors"><svg class="w-5 h-5" fill="currentColor" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z"></path></svg></a></div></div><div class="flex flex-col gap-6" style="opacity:0;transform:translateY(50px)"><h3 class="font-semibold text-white text-base">Products</h3><div class="flex flex-col gap-3"><div><a class="text-gray-400 hover:text-white transition-colors text-base" href="/dashboard">Unified Dashboard</a></div><div><a class="text-gray-400 hover:text-white transition-colors text-base" href="/queryai">Query1AI</a></div><div><a class="text-gray-400 hover:text-white transition-colors text-base" href="/roadmap">Roadmap</a></div></div></div><div class="flex flex-col gap-6" style="opacity:0;transform:translateY(50px)"><h3 class="font-semibold text-white text-base">Company</h3><div class="flex flex-col gap-3"><div><a class="text-gray-400 hover:text-white transition-colors text-base" href="/">About Us</a></div><div><a href="https://linkedin.com/company/1datacloud" rel="noopener noreferrer" target="_blank" class="text-gray-400 hover:text-white transition-colors text-base">LinkedIn</a></div></div></div><div class="flex flex-col gap-6" style="opacity:0;transform:translateY(50px)"><h3 class="font-semibold text-white text-base">Support</h3><div class="flex flex-col gap-3"><div><a class="text-gray-400 hover:text-white transition-colors text-base" href="/contact">Contact</a></div></div></div><div class="flex flex-col gap-6" style="opacity:0;transform:translateY(50px)"><h3 class="font-semibold text-white text-base">Legal</h3><div class="flex flex-col gap-3"><div><a class="text-gray-400 hover:text-white transition-colors text-base" href="/privacy-policy">Privacy Policy</a></div><div><a class="text-gray-400 hover:text-white transition-colors text-base" href="/terms-of-condition">Terms of Service</a></div><div><a class="text-gray-400 hover:text-white transition-colors text-base" href="/security">Security & Compliance</a></div></div></div></div><div class="border-t border-white/20 pt-8" style="opacity:0;transform:translateY(30px)"><div class="flex justify-center items-center"><div class="text-gray-400 text-base">
172© 1DataCloud 2026</div></div></div></div></footer></div></div> 173
173<script>!function(){var r=document.getElementById('root');function rm(){var e=document.getElementById('_pre');if(e)e.remove();}if(!r)return;if(r.firstChild){rm();return;}var o=new MutationObserver(function(){rm();o.disconnect();});o.observe(r,{childList:true});}();</script>
173 174 <!-- Google Analytics deferred to avoid parser blocking --> 175
175<script> 176
vendor: 145 bytes, lines 176-179
176window.dataLayer = window.dataLayer || []; 177 function gtag(){dataLayer.push(arguments);} 178 gtag('js', new Date()); 179 gtag('config', '
179G-TMVSLGRHQS
vendor: 8 bytes, lines 179-180
179'); 180
180</script>
vendor: 68 bytes, lines 180-181
180 181 <script async src="https://www.googletagmanager.com/gtag/js?id=
181G-TMVSLGRHQS
vendor: 14 bytes, lines 181-182
181"></script> 182
182</body> 183</html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.