PageSourceSearch

https://www.automq.com/

html automq.com collected 2026-10-02 10:51:22 UTC 230,257 bytes, 184 lines download raw bytes

1<!DOCTYPE html><!--QSd4JCsMi0w5CNeWgAxjN--><html lang="en" class="__variable_14db65 light"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=5"/><link rel="preload" href="/_next/static/media/636a5ac981f94f8b-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" href="/icons/Slack.svg"/><link rel="preload" as="image" href="/icons/automq-heng-white.svg"/><link rel="preload" as="image" href="/images/automq/aicpa-soc-logo.png"/><link rel="preload" as="image" href="/images/automq/gdpr-compliant.webp"/><link rel="preload" as="image" href="/icons/automq-logo.svg"/><link rel="preload" as="image" href="/cloud/aws.svg"/><link rel="preload" as="image" href="/cloud/gcp.svg"/><link rel="preload" as="image" href="/cloud/azure.svg"/><link rel="preload" as="image" href="/cloud/oracle.svg"/><link rel="preload" as="image" href="/customers/lguplus.png"/><link rel="stylesheet" href="/_next/static/css/929bbd6530b080c4.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/8c8f5e88c6b47027.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-667e40957c637b6a.js"/>
1<script src="/_next/static/chunks/1705473d-3be5ec6b7023b477.js" async=""></script>
1<script src="/_next/static/chunks/4659-44a0c458d0f5b943.js" async=""></script>
1<script src="/_next/static/chunks/main-app-b114a6a0514f235b.js" async=""></script>
1<script src="/_next/static/chunks/5285-46615e5c58fc8d57.js" async=""></script>
1<script src="/_next/static/chunks/5312-45033d25be470064.js" async=""></script>
1<script src="/_next/static/chunks/6366-ae8106222c2e5443.js" async=""></script>
1<script src="/_next/static/chunks/524-024cfeb50ddbdab2.js" async=""></script>
1<script src="/_next/static/chunks/3045-ce292946353dad9d.js" async=""></script>
1<script src="/_next/static/chunks/3034-cdb482bd709c93e2.js" async=""></script>
1<script src="/_next/static/chunks/app/layout-0132352f3a8d2f3a.js" async=""></script>
1<script src="/_next/static/chunks/3867-5892511935d31bcc.js" async=""></script>
1<script src="/_next/static/chunks/app/template-3da572fe864c6429.js" async=""></script>
1<script src="/_next/static/chunks/app/not-found-7e0b7ceb0d96c395.js" async=""></script>
1<script src="/_next/static/chunks/6860-19ec59c647af0048.js" async=""></script>
1<script src="/_next/static/chunks/7446-28e46935897facae.js" async=""></script>
1<script src="/_next/static/chunks/41-4b09384b544ced14.js" async=""></script>
1<script src="/_next/static/chunks/8607-91700ac9b0815fd7.js" async=""></script>
1<script src="/_next/static/chunks/2776-2e8af55c795931b8.js" async=""></script>
1<script src="/_next/static/chunks/5322-c90818dd31db5660.js" async=""></script>
1<script src="/_next/static/chunks/app/page-74a1a6ea424fa1f7.js" async=""></script>
1<link rel="preload" href="https://plausible.io/js/script.file-downloads.hash.outbound-links.pageview-props.revenue.tagged-events.js" as="script"/><link rel="preload" href="//js.hs-scripts.com/48998039.js" as="script"/><link rel="preload" href="https://tools.luckyorange.com/core/lo.js?site-id=5b751547" as="script"/><link rel="preload" as="image" href="/customers/grab.svg"/><link rel="preload" as="image" href="/customers/tencent.svg"/><link rel="preload" as="image" href="/customers/poizon.svg"/><link rel="preload" as="image" href="/customers/honda.svg"/><link rel="preload" as="image" href="/customers/bitkub.svg"/><link rel="preload" as="image" href="/customers/geely.svg"/><link rel="preload" as="image" href="/customers/jd.svg"/><link rel="preload" as="image" href="/customers/iqiyi.svg"/><link rel="preload" as="image" href="/customers/aviagames.svg"/><link rel="preload" as="image" href="/customers/bambulab.webp"/><link rel="preload" as="image" href="/customers/tencent-music.svg"/><link rel="preload" as="image" href="/customers/hubspot.svg"/><link rel="preload" as="image" href="/customers/fresha.webp"/><link rel="preload" as="image" href="/customers/weizhong.svg"/><link rel="preload" as="image" href="/customers/oneiot.webp"/><link rel="preload" as="image" href="/customers/palmpay.webp"/><link rel="preload" as="image" href="/customers/oceanbase.png"/><link rel="preload" as="image" href="/customers/xpeng.svg"/><link rel="preload" as="image" href="/customers/tripcom.webp"/><link rel="preload" as="image" href="/icons/kafka-logo.svg"/><link rel="preload" as="image" href="/icons/disk-logo.svg"/><link rel="preload" as="image" href="/icons/wal-logo.svg"/><link rel="preload" as="image" href="/icons/cache-logo.svg"/><link rel="preload" as="image" href="/icons/s3-logo.svg"/><link rel="preload" as="image" href="/customers/poizon.webp"/><link rel="preload" as="image" href="/cloud/aws-light.svg"/><link rel="preconnect" href="https://www.google-analytics.com" crossorigin="anonymous"/><link rel="dns-prefetch" href="https://www.googletagmanager.com"/><link rel="dns-prefetch" href="https://www.google-analytics.com"/><meta name="next-size-adjust" content=""/><meta name="theme-color" content="#2d64eb"/><title>AutoMQ - Diskless Kafka® on S3 | Lower Cost, Millisecond Latency</title><meta name="description" content="AutoMQ is a cloud-native, diskless Kafka built on S3. Instant elasticity, zero cross-AZ fees, millisecond latency. Trusted by JD, Grab, Tencent. Start free trial today."/><meta name="author" content="AutoMQ"/><link rel="manifest" href="/site.webmanifest"/><meta name="keywords" content="AutoMQ, Kafka, Apache Kafka, diskless Kafka, cloud-native Kafka, S3 Kafka, Kafka alternative, Kafka cost reduction, serverless Kafka, elastic Kafka, real-time streaming, event streaming, BYOC Kafka"/><meta name="referrer" content="origin-when-cross-origin"/><meta name="creator" content="AutoMQ"/><meta name="publisher" content="AutoMQ"/><meta name="robots" content="index, follow"/><meta name="googlebot" content="index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1"/><meta name="msapplication-TileColor" content="#2d64eb"/><link rel="canonical" href="https://www.automq.com"/><meta name="format-detection" content="telephone=no"/><meta name="mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-status-bar-style" content="black-translucent"/><meta property="og:title" content="AutoMQ - Diskless Kafka® on S3 | Lower Cost, Millisecond Latency"/><meta property="og:description" content="AutoMQ is a cloud-native, diskless Kafka built on S3. Instant elasticity, zero cross-AZ fees, millisecond latency. Trusted by JD, Grab, Tencent. Start free trial today."/><meta property="og:url" content="https://www.automq.com"/><meta property="og:site_name" content="AutoMQ"/><meta property="og:image" content="https://www.automq.com/images/automq/og-image.webp"/><meta property="og:image:width" content="1200"/><meta property="og:image:height" content="630"/><meta property="og:image:alt" content="AutoMQ - Diskless Kafka® on S3 | Lower Cost, Millisecond Latency"/><meta property="og:type" content="website"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:creator" content="@AutoMQ"/><meta name="twitter:title" content="AutoMQ - Diskless Kafka® on S3 | Lower Cost, Millisecond Latency"/><meta name="twitter:description" content="AutoMQ is a cloud-native, diskless Kafka built on S3. Instant elasticity, zero cross-AZ fees, millisecond latency. Trusted by JD, Grab, Tencent. Start free trial today."/><meta name="twitter:image" content="https://www.automq.com/images/automq/og-image.
1webp"/><link rel="shortcut icon" href="/favicon.ico"/><link rel="icon" href="/favicon.ico" sizes="any"/><link rel="icon" href="/favicon.svg" type="image/svg+xml"/><link rel="icon" href="/favicon-48x48.png" sizes="48x48" type="image/png"/><link rel="icon" href="/favicon-32x32.png" sizes="32x32" type="image/png"/><link rel="icon" href="/favicon-16x16.png" sizes="16x16" type="image/png"/><link rel="apple-touch-icon" href="/apple-touch-icon.png" sizes="180x180" type="image/png"/>
1<script type="application/ld+json">{"@context":"https://schema.org","@type":"Organization","name":"AutoMQ","url":"https://www.automq.com","logo":"https://www.automq.com/logo.png","description":"Cloud-native Apache Kafka alternative built on S3","sameAs":["https://github.com/AutoMQ","https://twitter.com/AutoMQ","https://www.linkedin.com/company/automq"]}</script>
1<script id="anchor-console-helper">
2(function () {
3  if (typeof window === "undefined" || window.__automqAnchorHelperInstalled) {
4    return;
5  }
6
7  window.__automqAnchorHelperInstalled = true;
8  document.documentElement.setAttribute("data-automq-anchor-helper", "ready");
9
10  var anchorSelector = "section[id], [data-page-anchor][id]";
11  var helpMessage = "AutoMQ anchors: type anchors() to list this page's anchors, or copyAnchors() to copy anchor URLs.";
12  var printTimer;
13  var lastPrintedPath = "";
14
15  function normalizeText(text) {
16    return String(text || "").replace(/\s+/g, " ").trim();
17  }
18
19  function getAnchorTitle(element) {
20    var heading = element.querySelector("h1,h2,h3");
21    return normalizeText(
22      (heading && heading.textContent) ||
23        element.getAttribute("aria-label") ||
24        element.getAttribute("data-anchor-title") ||
25        ""
26    );
27  }
28
29  function getCanonicalPageUrl() {
30    var canonical = document.querySelector('link[rel="canonical"]');
31    var href = canonical && canonical.getAttribute("href");
32
33    if (!href) {
34      return window.location.origin + window.location.pathname;
35    }
36
37    return new URL(href, window.location.href).href.replace(/#.*$/, "");
38  }
39
40  function getPageAnchors() {
41    var seenIds = {};
42    var pageUrl = getCanonicalPageUrl();
43
44    return Array.prototype.slice
45      .call(document.querySelectorAll(anchorSelector))
46      .filter(function (element) {
47        if (!element.id || seenIds[element.id]) {
48          return false;
49        }
50
51        seenIds[element.id] = true;
52        return true;
53      })
54      .map(function (element) {
55        return {
56          id: "#" + element.id,
57          title: getAnchorTitle(element),
58          url: pageUrl + "#" + encodeURIComponent(element.id),
59        };
60      });
61  }
62
63  function logTable(rows) {
64    if (console.table) {
65      console.table(rows);
66      return;
67    }
68
69    console.log(rows);
70  }
71
72  function formatPageAnchors(pageAnchors) {
73    return [
74      "AutoMQ anchors (" + pageAnchors.length + "):",
75    ].concat(
76      pageAnchors.map(function (anchor, index) {
77        var title = anchor.title ? " - " + anchor.title : "";
78        return String(index + 1) + ". " + anchor.id + title + "\n   " + anchor.url;
79      })
80    ).join("\n");
81  }
82
83  function printPageAnchors() {
84    var pageAnchors = getPageAnchors();
85
86    lastPrintedPath = window.location.pathname + window.location.search;
87    document.documentElement.setAttribute("data-automq-anchor-count", String(pageAnchors.length));
88    document.documentElement.setAttribute(
89      "data-automq-anchor-ids",
90      pageAnchors.map(function (anchor) { return anchor.id; }).join(" ")
91    );
92
93    if (pageAnchors.length === 0) {
94      console.info(helpMessage);
95      console.info("No page anchors found.");
96      return pageAnchors;
97    }
98
99    console.info(formatPageAnchors(pageAnchors));
100    console.info(helpMessage);
101    logTable(pageAnchors);
102    return pageAnchors;
103  }
104
105  function copyPageAnchors() {
106    var pageAnchors = getPageAnchors();
107    var anchorText = pageAnchors
108      .map(function (anchor) {
109        return anchor.title
110          ? anchor.id + " " + anchor.title + "\n" + anchor.url
111          : anchor.id + "\n" + anchor.url;
112      })
113      .join("\n\n");
114
115    if (!anchorText) {
116      console.info("No page anchors found.");
117      return Promise.resolve(pageAnchors);
118    }
119
120    if (navigator.clipboard && navigator.clipboard.writeText) {
121      return navigator.clipboard
122        .writeText(anchorText)
123        .then(function () {
124          console.info("Copied " + pageAnchors.length + " anchor URLs.");
125          return pageAnchors;
126        })
127        .catch(function () {
128          console.info(anchorText);
129          console.warn("Could not access the clipboard. Anchor URLs were printed instead.");
130          return pageAnchors;
131        });
132    }
133
134    console.info(anchorText);
135    console.warn("Clipboard API is unavailable. Anchor URLs were printed instead.");
136    return Promise.resolve(pageAnchors);
137  }
138
139  function schedulePrint() {
140    window.clearTimeout(printTimer);
141    printTimer = window.setTimeout(printPageAnchors, 180);
142  }
143
144  function scheduleRoutePrint() {
145    window.clearTimeout(printTimer);
146    printTimer = window.setTimeout(function () {
147      var pathKey = window.location.pathname + window.location.search;
148
149      if (pathKey === lastPrintedPath) {
150        return;
151      }
152
153      lastPrintedPath = pathKey;
154      printPageAnchors();
155    }, 420);
156  }
157
158  var originalPushState = history.pushState;
159  var originalReplaceState = history.replaceState;
160
161  history.pushState = function () {
162    var result = originalPushState.apply(this, arguments);
163    scheduleRoutePrint();
164    return result;
165  };
166
167  history.replaceState = function () {
168    var result = originalReplaceState.apply(this, arguments);
169    scheduleRoutePrint();
170    return result;
171  };
172
173  window.anchors = printPageAnchors;
174  window.copyAnchors = copyPageAnchors;
175  window.addEventListener("popstate", scheduleRoutePrint);
176
177  if (document.readyState === "loading") {
178    document.addEventListener("DOMContentLoaded", schedulePrint, { once: true });
179  } else {
180    schedulePrint();
181  }
182})();
183</script>
183<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script>
183</head><body class="__className_14db65 min-h-screen bg-white dark:bg-gray-950 text-gray-900 dark:text-gray-100 overflow-x-hidden transition-colors duration-300"><div hidden=""><!--$--><!--/$--></div><header class="fixed top-0 w-full z-50 transition-all duration-300 bg-white/90 dark:bg-gray-900/90 backdrop-blur-sm"><div class="container mx-auto px-4"><div class="max-w-[1320px] mx-auto"><div class="flex items-center gap-4 py-3 w-full max-w-full"><div class="flex min-w-0 items-center gap-5 xl:gap-8"><a class="flex items-center gap-3 animate-slide-in-left group flex-shrink-0" href="/"><svg viewBox="0 0 452 80" class="h-5 w-auto"><path d="M207 70H197.306V45.2803H171.574V70H162V25.96C162 23.08 162.718 20.44 164.154 18.04C165.59 15.5601 167.545 13.6002 170.019 12.1602C172.492 10.7202 175.165 10 178.037 10H207V70ZM223.682 54.2861C223.682 56.032 224.287 57.5398 225.497 58.8096C226.788 59.9999 228.321 60.5957 230.096 60.5957H242.318V25H251.879L252 70H230.217C227.312 70 224.609 69.3257 222.108 67.9766C219.607 66.548 217.631 64.6427 216.179 62.2617C214.727 59.8015 214 57.1431 214 54.2861V25H223.682V54.2861ZM268.615 24.5195H280.755V34H268.615V54.04C268.695 5
1835.7998 269.336 57.3197 270.538 58.5996C271.82 59.7995 273.343 60.4003 275.105 60.4004H284V70H274.985C272.101 70 269.417 69.2798 266.933 67.8398C264.529 66.3999 262.605 64.48 261.163 62.0801C259.721 59.6001 259 56.92 259 54.04V10H268.615V24.5195ZM310.904 25C313.809 25 316.471 25.7141 318.892 27.1426C321.393 28.5711 323.369 30.5162 324.821 32.9766C326.273 35.4368 327 38.0951 327 40.9521V54.167C327 57.024 326.273 59.6824 324.821 62.1426C323.45 64.5235 321.514 66.4288 319.013 67.8574C316.592 69.2859 313.93 70 311.025 70H305.217C302.312 70 299.609 69.2859 297.108 67.8574C294.607 66.4288 292.631 64.5235 291.179 62.1426C289.727 59.6824 289 57.024 289 54.167V40.9521C289 38.0951 289.727 35.4368 291.179 32.9766C292.631 30.5162 294.567 28.5711 296.987 27.1426C299.488 25.7141 302.191 25 305.096 25H310.904ZM392 70H382.333V19.5996H367.833V70H358.167V19.5996H350.191C348.419 19.5997 346.929 20.2397 345.721 21.5195C344.432 22.7195 343.748 24.2 343.667 25.96L343.787 70H334.121L334 25.96C334 23.08 334.725 20.44 336.175 18.04C337.625 15.5601 339.599 13.6001 342.096 12.1602C344.512 10.7202 347.171 10 350.071 10H392V70ZM428.005 10C430.87 10 433.496 10.7203 435.883 12.1602C438.35 13.6002 440.3 15.56 441.732 18.04C443.244 20.52 444 23.2002 444 26.0801L443.881 53.9199C443.881 56.2388 443.416 58.4278 442.487 60.4873L452 70H442L438.204 66.2041C437.489 66.8086 436.715 67.3538 435.883 67.8398C433.416 69.2797 430.75 70 427.886 70H414.995C412.13 70 409.464 69.2798 406.997 67.8398C404.53 66.3999 402.581 64.4399 401.148 61.96C399.716 59.48 399 56.7999 399 53.9199V26.0801C399 23.2001 399.716 20.52 401.148 18.04C402.581 15.5601 404.53 13.6001 406.997 12.1602C409.464 10.7202 412.13 10 414.995 10H428.005ZM305.096 34.5234C303.321 34.5234 301.788 35.1589 300.497 36.4287C299.287 37.6985 298.682 39.2062 298.682 40.9521V54.167C298.682 55.9129 299.287 57.4207 300.497 58.6904C301.788 59.8808 303.321 60.4766 305.096 60.4766H310.904C312.679 60.4766 314.172 59.8808 315.382 58.6904C316.673 57.4207 317.359 55.9129 317.439 54.167L317.318 40.9521C317.318 39.1269 316.673 37.6191 315.382 36.4287C314.172 35.1589 312.679 34.5234 310.904 34.5234H305.096ZM414.995 19.7197C413.245 19.7197 411.732 20.3598 410.459 21.6396C409.265 22.8396 408.668 24.3201 408.668 26.0801L408.549 53.9199C408.628 55.6799 409.265 57.2005 410.459 58.4805C411.732 59.7603 413.245 60.4004 414.995 60.4004H428.005C429.755 60.4004 431.268 59.7603 432.541 58.4805C433.814 57.2005 434.412 55.6799 434.332 53.9199V26.0801C434.332 24.3201 433.695 22.8396 432.422 21.6396C431.149 20.3597 429.636 19.7197 427.886 19.7197H414.995ZM178.037 19.4805C176.282 19.4805 174.766 20.1204 173.489 21.4004C172.213 22.6803 171.574 24.2001 171.574 25.96V35.4404H197.306V19.4805H178.037Z" fill="#0D1117"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M110.718 40H95.697C94.2493 40 92.9131 40.7722 92.1973 42.0225L71.6144 77.9775C70.8987 79.2278 69.5624 80 68.1147 80H54.3521C52.1286 80 50.326 78.2091 50.326 76L50.326 46.1731L50.326 46.15C50.326 43.3886 48.0728 41.15 45.2934 41.15C43.4975 41.15 41.9214 42.0845 41.0307 43.4908L21.2884 77.9775C20.5726 79.2278 19.2364 80 17.7887 80H0V70.5L39.1041 2.02609C39.8192 0.773805 41.1566 0 42.6058 0H56.3656C58.5892 0 60.3917 1.79086 60.3917 4V40H65.5856C67.0401 40 68.3816 39.2206 69.0947 37.961L89.4328 2.03895C90.1459 0.779445 91.4873 0 92.9418 0H106.692C108.915 0 110.718 1.79086 110.718 4V40ZM110.718 40L117.009 53.4375L121.624 63.2973C122.181 64.4862 122.116 65.8705 121.45 67.0026L114.97 78.0183C114.248 79.2456 112.925 80 111.494 80H87.6344L110.718 40Z" fill="url(#paint0_linear_1_437)"></path><path fill-rule="evenodd" clip-rule="evenodd" d="M110.718 40H95.697C94.2493 40 92.9131 40.7722 92.1973 42.0225L71.6144 77.9775C70.8987 79.2278 69.5624 80 68.1147 80H54.3521C52.1286 80 50.326 78.2091 50.326 76L50.326 46.1731L50.326 46.15C50.326 43.3886 48.0728 41.15 45.2934 41.15C43.4975 41.15 41.9214 42.0845 41.0307 43.4908L21.2884 77.9775C20.5726 79.2278 19.2364 80 17.7887 80H0V70.5L39.1041 2.02609C39.8192 0.773805 41.1566 0 42.6058 0H56.3656C58.5892 0 60.3917 1.79086 60.3917 4V40H65.5856C67.0401 40 68.3816 39.2206 69.0947 37.961L89.4328 2.03895C90.1459 0.779445 91.4873 0 92.9418 0H106.692C108.915 0 110.718 1.79086 110.718 4V40ZM110.718 40L117.009 53.4375L121.624 63.2973C122.181 64.4862 122.116 65.8705 121.45 67.0026L114.97 78.0183C114.248 79.2456 112.925 80 111.494 80H87.6344L110.718 40Z" fill="url(#paint1_linear_1_437)"></path><defs><linearGradient id="paint0_linear_1_437" x1="48.5" y1="-8" x2="76.4519" y2="95.5774" gradientUnits="userSpaceOnUse"><stop stop-color="#3700D4"></stop><stop offset="1" stop-color="#C482F1"></stop></linearGradient><linearGradient id="paint1_linear_1_437" x1="21" y1="-9" x2="110" y2="72" gradientUnits="userSpaceOnUse"><stop stop-color="#122796"></stop><stop offset="1" stop-color="#3C73FF"></stop></linearGradient></defs></svg></a><nav aria-label="Main" data-orientation="horizontal" dir="ltr" data-slot="navigation-menu" data-viewport="false" class="group/navigation-menu relative items-center justify-center hidden xl:flex w-max max-w-full flex-none animate-fade-in"><div style="position:relative"><ul data-orientation="horizontal" data-slot="navigation-menu-list" class="group flex flex-1 list-none items-center justify-center gap-0 xl:gap-1" dir="ltr"><li data-slot="navigation-menu-item" class="relative"><button id="radix-_R_illb_-trigger-radix-_R_billb_" data-state="closed" aria-expanded="false" aria-controls="radix-_R_illb_-content-radix-_R_billb_" data-slot="navigation-menu-trigger" class="group inline-flex w-max items-center justify-center py-2 text-sm font-medium focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none focus-visible:ring-[3px] focus-visible:outline-1 group group h-10 bg-transparent px-3 xl:px-4 hover:bg-[#2d64eb]/10 dark:hover:bg-[#2d64eb]/20 hover:text-[#2d64eb] dark:hover:text-[#2d64eb] transition-all duration-200 rounded-lg" data-radix-collection-item="">WHY AUTOMQ<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></li><li data-slot="navigation-menu-item" class="relative"><a data-slot="navigation-menu-link" class="data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground focus-visible:ring-ring/50 [&amp;_svg:not([class*=&#x27;text-&#x27;])]:text-muted-foreground flex-col gap-1 p-2 text-sm outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&amp;_svg:not([class*=&#x27;
183size-&#x27;])]:size-4 group inline-flex h-10 w-max items-center justify-center rounded-lg bg-transparent px-4 py-2 font-medium transition-colors hover:bg-[#2d64eb]/10 dark:hover:bg-[#2d64eb]/20 hover:text-[#2d64eb] dark:hover:text-[#2d64eb] focus:bg-[#2d64eb]/10 dark:focus:bg-[#2d64eb]/20 focus:text-[#2d64eb] dark:focus:text-[#2d64eb] focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-[#2d64eb]/10 dark:data-[active]:bg-[#2d64eb]/20 data-[state=open]:bg-[#2d64eb]/10 dark:data-[state=open]:bg-[#2d64eb]/20" data-radix-collection-item="" href="/customers">CUSTOMERS</a></li><li data-slot="navigation-menu-item" class="relative"><a data-slot="navigation-menu-link" class="data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground focus-visible:ring-ring/50 [&amp;_svg:not([class*=&#x27;text-&#x27;])]:text-muted-foreground flex-col gap-1 p-2 text-sm outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 group inline-flex h-10 w-max items-center justify-center rounded-lg bg-transparent px-4 py-2 font-medium transition-colors hover:bg-[#2d64eb]/10 dark:hover:bg-[#2d64eb]/20 hover:text-[#2d64eb] dark:hover:text-[#2d64eb] focus:bg-[#2d64eb]/10 dark:focus:bg-[#2d64eb]/20 focus:text-[#2d64eb] dark:focus:text-[#2d64eb] focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-[#2d64eb]/10 dark:data-[active]:bg-[#2d64eb]/20 data-[state=open]:bg-[#2d64eb]/10 dark:data-[state=open]:bg-[#2d64eb]/20" data-radix-collection-item="" href="/pricing">PRICING</a></li><li data-slot="navigation-menu-item" class="relative"><button id="radix-_R_illb_-trigger-radix-_R_13illb_" data-state="closed" aria-expanded="false" aria-controls="radix-_R_illb_-content-radix-_R_13illb_" data-slot="navigation-menu-trigger" class="group inline-flex w-max items-center justify-center py-2 text-sm font-medium focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none focus-visible:ring-[3px] focus-visible:outline-1 group group h-10 bg-transparent px-3 xl:px-4 hover:bg-[#2d64eb]/10 dark:hover:bg-[#2d64eb]/20 hover:text-[#2d64eb] dark:hover:text-[#2d64eb] transition-all duration-200 rounded-lg" data-radix-collection-item="">PRODUCTS<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></li><li data-slot="navigation-menu-item" class="relative"><button id="radix-_R_illb_-trigger-radix-_R_1billb_" data-state="closed" aria-expanded="false" aria-controls="radix-_R_illb_-content-radix-_R_1billb_" data-slot="navigation-menu-trigger" class="group inline-flex w-max items-center justify-center py-2 text-sm font-medium focus:bg-accent focus:text-accent-foreground disabled:pointer-events-none disabled:opacity-50 data-[state=open]:hover:bg-accent data-[state=open]:text-accent-foreground data-[state=open]:focus:bg-accent data-[state=open]:bg-accent/50 focus-visible:ring-ring/50 outline-none focus-visible:ring-[3px] focus-visible:outline-1 group group h-10 bg-transparent px-3 xl:px-4 hover:bg-[#2d64eb]/10 dark:hover:bg-[#2d64eb]/20 hover:text-[#2d64eb] dark:hover:text-[#2d64eb] transition-all duration-200 rounded-lg" data-radix-collection-item="">LEARN<!-- --> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down relative top-[1px] ml-1 size-3 transition duration-300 group-data-[state=open]:rotate-180" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button></li><li data-slot="navigation-menu-item" class="relative"><a data-slot="navigation-menu-link" class="data-[active=true]:focus:bg-accent data-[active=true]:hover:bg-accent data-[active=true]:bg-accent/50 data-[active=true]:text-accent-foreground focus-visible:ring-ring/50 [&amp;_svg:not([class*=&#x27;text-&#x27;])]:text-muted-foreground flex-col gap-1 p-2 text-sm outline-none focus-visible:ring-[3px] focus-visible:outline-1 [&amp;_svg:not([class*=&#x27;
183size-&#x27;])]:size-4 group inline-flex h-10 w-max items-center justify-center rounded-lg bg-transparent px-4 py-2 font-medium transition-colors hover:bg-[#2d64eb]/10 dark:hover:bg-[#2d64eb]/20 hover:text-[#2d64eb] dark:hover:text-[#2d64eb] focus:bg-[#2d64eb]/10 dark:focus:bg-[#2d64eb]/20 focus:text-[#2d64eb] dark:focus:text-[#2d64eb] focus:outline-none disabled:pointer-events-none disabled:opacity-50 data-[active]:bg-[#2d64eb]/10 dark:data-[active]:bg-[#2d64eb]/20 data-[state=open]:bg-[#2d64eb]/10 dark:data-[state=open]:bg-[#2d64eb]/20" data-radix-collection-item="" href="/contact">CONTACT</a></li></ul></div></nav></div><div class="ml-auto hidden xl:flex flex-shrink-0 items-center justify-end gap-2 pl-4 animate-fade-in 2xl:gap-3"><a href="https://go.automq.com/slack" target="_blank" rel="noopener noreferrer" aria-label="Join AutoMQ Slack community" class="group inline-flex h-9 items-center justify-center gap-2 rounded-full border border-[#2d64eb]/25 bg-[#2d64eb]/5 px-2.5 text-sm font-semibold text-[#2d64eb] shadow-sm shadow-[#2d64eb]/5 transition-all hover:-translate-y-0.5 hover:border-[#2d64eb]/45 hover:bg-[#2d64eb]/10 hover:shadow-md hover:shadow-[#2d64eb]/15 focu
183s-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#2d64eb]/30 dark:border-[#5b8aff]/30 dark:bg-[#2d64eb]/15 dark:text-[#8fb0ff] dark:hover:bg-[#2d64eb]/25 2xl:px-3" title="Slack"><img src="/icons/Slack.svg" alt="Slack" class="h-5 w-5"/><span class="hidden 2xl:inline">Slack</span></a><a href="https://github.com/AutoMQ/automq" target="_blank" rel="noopener noreferrer" aria-label="View AutoMQ on GitHub" class="group inline-flex h-9 items-center justify-center gap-1.5 rounded-full border border-gray-300 bg-white px-2.5 text-gray-900 shadow-sm transition-all hover:-translate-y-0.5 hover:border-[#2d64eb]/45 hover:bg-[#2d64eb]/5 hover:text-[#2d64eb] hover:shadow-md hover:shadow-[#2d64eb]/10 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#2d64eb]/30 dark:border-white/15 dark:bg-white/10 dark:text-gray-100 dark:hover:border-[#5b8aff]/50 dark:hover:bg-[#2d64eb]/20 dark:hover:text-[#8fb0ff] 2xl:px-3" title="GitHub"><svg class="h-5 w-5" viewBox="0 0 16 16" fill="currentColor" aria-hidden="true"><path d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.013 8.013 0 0016 8c0-4.42-3.58-8-8-8z"></path></svg><span class="hidden text-sm font-semibold github-value 2xl:inline">10.9K</span></a><a target="_blank" rel="noopener noreferrer" class="inline-flex h-10 items-center whitespace-nowrap px-1 text-sm font-medium text-gray-700 transition-colors hover:text-[#2d64eb] dark:text-gray-300 dark:hover:text-[#2d64eb]" href="https://console.automq.cloud/?cta_location=header_desktop">Sign In</a><a target="_blank" rel="noopener noreferrer" class="group relative inline-flex h-10 w-[172px] shrink-0 overflow-hidden rounded-lg bg-gradient-to-r from-[#2d64eb] via-[#326ff3] to-[#2450c7] text-white shadow-md shadow-[#2d64eb]/20 transition-all duration-300 ease-out hover:-translate-y-0.5 hover:shadow-lg hover:shadow-[#2d64eb]/30 active:translate-y-0 focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-[#2d64eb]/50 focus-visible:ring-offset-2 dark:focus-visible:ring-offset-gray-900" href="https://console.automq.cloud/?cta_location=header_start_free_desktop"><span aria-hidden="true" class="pointer-events-none absolute inset-y-0 -left-1/2 w-1/2 skew-x-[-18deg] bg-white/20 opacity-0 blur-sm transition-all duration-700 ease-out group-hover:left-full group-hover:opacity-100"></span><span class="relative z-10 flex h-full flex-1 items-center justify-center px-4 text-[14px] font-semibold whitespace-nowrap">Start for Free</span><span class="relative z-10 flex h-full w-11 shrink-0 items-center justify-center border-l border-white/20 bg-[#1e40af]/25 transition-colors duration-300 group-hover:bg-[#1e40af]/45"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-up-right h-4 w-4 transition-transform duration-300 group-hover:-translate-y-0.5 group-hover:translate-x-0.5"><path d="M7 7h10v10"></path><path d="M7 17 17 7"></path></svg></span></a></div><div class="flex items-center gap-2 xl:hidden"><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap text-sm font-medium disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive size-9 hover:bg-[#2d64eb]/10 dark:hover:bg-[#2d64eb]/20 hover:text-[#2d64eb] dark:hover:text-[#2d64eb] transition-colors rounded-lg"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-menu h-6 w-6"><line x1="4" x2="20" y1="12" y2="12"></line><line x1="4" x2="20" y1="6" y2="6"></line><line x1="4" x2="20" y1="18" y2="18"></line></svg></button></div></div></div></div></header><div class="h-16"></div><div style="opacity:0;transform:translateY(10px)">
183<script type="application/ld+json">{"@context":"https://schema.org","@type":"WebSite","name":"AutoMQ","url":"https://www.automq.com","description":"AutoMQ is a cloud-native Kafka alternative built on S3. Diskless, auto-scaling, pay-as-you-go. Trusted by Grab, Tencent. Start your free trial today.","potentialAction":{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https://www.automq.com/search?q={search_term_string}"},"query-input":"required name=search_term_string"}}</script>
183<script type="application/ld+json">{"@context":"https://schema.org","@type":"SoftwareApplication","name":"AutoMQ","applicationCategory":"DeveloperApplication","operatingSystem":"Cloud","offers":{"@type":"Offer","price":"0","priceCurrency":"USD","description":"Open source version available"},"description":"AutoMQ is a cloud-native Kafka alternative built on S3. Diskless, auto-scaling, pay-as-you-go. Trusted by Grab, Tencent. Start your free trial today."}</script>
183<main class="relative"><section id="hero" class="relative flex flex-col justify-center overflow-hidden bg-gradient-to-br from-blue-50 via-white to-blue-50 dark:from-gray-900 dark:via-gray-800 dark:to-gray-900 py-20 pt-16"><div class="absolute inset-0 overflow-hidden pointer-events-none"><div class="absolute top-20 left-10 w-72 h-72 bg-blue-200/30 dark:bg-blue-600/20 rounded-full blur-3xl animate-float"></div><div class="absolute bottom-20 right-10 w-96 h-96 bg-purple-200/20 dark:bg-purple-600/10 rounded-full blur-3xl animate-float" style="animation-delay:1s"></div><div class="absolute top-1/2 left-1/3 w-64 h-64 bg-green-200/20 dark:bg-green-600/10 rounded-full blur-3xl animate-float" style="animation-delay:2s"></div></div><div class="w-full max-w-6xl mx-auto px-4 relative z-10"><div class="space-y-6"><div class="animate-slide-in-left"><a class="inline-block" href="/pricing?latency=high&amp;avg=200&amp;peak=200&amp;partitions=2000&amp;retention=72&amp;az=multi&amp;fanout=3&amp;requests=12800&amp;compare=mskstandard&amp;kafka_fetch=leader&amp;kafka_net=50&amp;kafka_disk=50&amp;mskexp_fetch=leader&amp;mskexp_net=50&amp;mskstd_fetch=leader&amp;mskstd_net=50&amp;mskstd_disk=50"><span data-slot="badge" class="inline-flex items-center justify-center rounded-md font-medium w-fit whitespace-nowrap shrink-0 [&amp;&gt;svg]:size-3 gap-1 [&amp;&gt;svg]:pointer-events-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive transition-[color,box-shadow] overflow-hidden border-transparent [a&amp;]:hover:bg-primary/90 bg-gradient-to-r from-blue-600 to-blue-700 text-white border-0 px-4 py-2 shadow-lg hover-scale rounded-modern text-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-down inline-block mr-2 h-4 w-4"><polyline points="22 17 13.5 8.5 8.5 13.5 2 7"></polyline><polyline points="16 17 22 17 22 11"></polyline></svg>Save up to 74% vs. Amazon MSK</span></a></div><div class="max-w-4xl mx-auto text-center"><div class="space-y-8"><div class="animate-slide-in-left"><h1 class="text-4xl lg:text-5xl xl:text-6xl font-bold mb-6 leading-tight"><span class="relative inline-block"><span class="text-gray-900 dark:text-white">Low-Latency</span><svg class="absolute left-0 -bottom-2 w-full" viewBox="0 0 200 14" preserveAspectRatio="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 11 Q50 1, 100 8 T200 11" stroke="currentColor" stroke-width="3" fill="none" class="text-[#2d64eb]"></path></svg></span><span class="text-gray-900 dark:text-white">,<!-- --> </span><span class="gradient-text">Diskless</span><span class="text-gray-900 dark:text-white"> <!-- -->Kafka® on S3</span></h1><p class="text-xl text-gray-600 dark:text-gray-300 mb-8 leading-relaxed max-w-3xl mx-auto"><span class="font-semibold text-gray-900 dark:text-white">AutoMQ</span> runs Kafka directly on <span class="font-semibold text-gray-900 dark:text-white">S3</span>. 100% Kafka compatible with sub-10ms P99 latency, infinite storage, and elastic scaling without over-provisioning.</p></div><div class="grid grid-cols-2 lg:grid-cols-4 gap-4 lg:gap-6 mb-8 max-w-3xl mx-auto animate-fade-in" style="animation-delay:0.3s"><div class="flex flex-col items-center p-4 lg:p-5 bg-white/60 dark:bg-gray-800/60 backdrop-blur-sm rounded-modern border-0 hover-scale transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap h-6 w-6 text-[#2d64eb] dark:text-blue-400 mb-2"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg><span class="text-xl lg:text-2xl font-bold text-gray-900 dark:text-white">Sub-10ms</span><span class="text-sm text-gray-600 dark:text-gray-400 text-center">P99 Latency</span></div><div class="flex flex-col items-center p-4 lg:p-5 bg-white/60 dark:bg-gray-800/60 backdrop-blur-sm rounded-modern border-0 hover-scale transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-down h-6 w-6 text-[#2d64eb] dark:text-blue-400 mb-2"><polyline points="22 17 13.5 8.5 8.5 13.5 2 7"></polyline><polyline points="16 17 22 17 22 11"></polyline></svg><span class="text-xl lg:text-2xl font-bold text-gray-900 dark:text-white">Zero</span><span class="text-sm text-gray-600 dark:text-gray-400 text-center">Over-provisioning</span></div><div class="flex flex-col items-center p-4 lg:p-5 bg-white/60 dark:bg-gray-800/60 backdrop-blur-sm rounded-modern border-0 hover-scale transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe h-6 w-6 text-[#2d64eb] dark:text-blue-400 mb-2"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg><span class="text-xl lg:text-2xl font-bold text-gray-900 dark:text-white">$0</span><span class="text-sm text-gray-600 dark:text-gray-400 text-center">Cross-AZ Costs</span></div><div class="flex flex-col items-center p-4 lg:p-5 bg-white/60 dark:bg-gray-800/60 backdrop-blur-sm rounded-modern border-0 hover-scale transition-all duration-300"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big h-6 w-6 text-[#2d64eb] dark:text-blue-400 mb-2"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg><span class="text-xl lg:text-2xl font-bold text-gray-900 dark:text-white">100%</span><span class="text-sm text-gray-600 dark:text-gray-400 text-center">Kafka Compatible</span></div></div><div class="flex flex-col sm:flex-row gap-4 justify-center sm:items-center"><a href="https://console.automq.cloud/?cta_location=home_hero" target="_blank" rel="noopener noreferrer" data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;
183size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-primary/90 py-2 has-[&gt;svg]:px-3 w-full sm:w-auto h-10 px-6 bg-gradient-to-r from-blue-600 to-blue-700 hover:from-blue-700 hover:to-blue-800 text-white shadow-lg hover-lift group rounded-modern text-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-rocket mr-2 h-4 w-4 transition-transform group-hover:translate-y-[-2px]"><path d="M4.5 16.5c-1.5 1.26-2 5-2 5s3.74-.5 5-2c.71-.84.7-2.13-.09-2.91a2.18 2.18 0 0 0-2.91-.09z"></path><path d="m12 15-3-3a22 22 0 0 1 2-3.95A12.88 12.88 0 0 1 22 2c0 2.72-.78 7.5-6 11a22.35 22.35 0 0 1-4 2z"></path><path d="M9 12H4s.55-3.03 2-4c1.62-1.08 5 0 5 0"></path><path d="M12 15v5s3.03-.55 4-2c1.08-1.62 0-5 0-5"></path></svg>Start for Free</a><a href="/automq-vs-msk"><button data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap rounded-md font-medium disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive py-2 has-[&gt;svg]:px-3 w-full h-10 px-6 border border-blue-600 dark:border-blue-400 text-blue-600 dark:text-blue-400 hover:bg-blue-600 hover:text-white dark:hover:bg-blue-500 dark:hover:text-white transition-all duration-300 shadow-lg hover-lift group bg-white/80 dark:bg-gray-800/90 backdrop-blur-sm rounded-modern hover:border-blue-700 dark:hover:border-blue-400 hover:shadow-xl text-[14px]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-compare mr-2 h-4 w-4 transition-transform group-hover:scale-110 text-blue-600 dark:text-blue-400 group-hover:text-white"><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M13 6h3a2 2 0 0 1 2 2v7"></path><path d="M11 18H8a2 2 0 0 1-2-2V9"></path></svg>Compare with MSK</button></a></div></div></div><div class="mt-16 animate-fade-in" style="animation-delay:0.8s"><div class="flex flex-col items-center"><p class="text-sm uppercase tracking-wider text-gray-500 dark:text-gray-400 mb-5 font-bold flex items-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cloud h-4 w-4 mr-2 text-gray-500 dark:text-gray-400"><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"></path></svg>Deploy on Any Cloud</p><div class="flex flex-wrap items-center justify-center gap-3"><a href="https://aws.amazon.com/marketplace/pp/prodview-mtkwt73meb222?trk=176b570f-20dd-4b84-aa7e-cae53990fe91&amp;sc_channel=el&amp;source=automq" target="_blank" rel="noopener noreferrer" class="flex items-center gap-2 px-4 py-2 bg-white/70 dark:bg-gray-800/70 backdrop-blur-sm rounded-full border border-gray-200/50 dark:border-gray-700/50 hover:border-gray-300 dark:hover:border-gray-600 transition-colors" aria-label="AWS Marketplace"><img src="/cloud/aws.svg" alt="aws logo" class="h-4 w-auto"/><span class="text-sm font-medium text-gray-700 dark:text-gray-300">AWS</span></a><div class="flex items-center gap-2 px-4 py-2 bg-white/70 dark:bg-gray-800/70 backdrop-blur-sm rounded-full border border-gray-200/50 dark:border-gray-700/50 hover:border-gray-300 dark:hover:border-gray-600 transition-colors"><img src="/cloud/gcp.svg" alt="gcp logo" class="h-5 w-auto"/><span class="text-sm font-medium text-gray-700 dark:text-gray-300">GCP</span></div><div class="flex items-center gap-2 px-4 py-2 bg-white/70 dark:bg-gray-800/70 backdrop-blur-sm rounded-full border border-gray-200/50 dark:border-gray-700/50 hover:border-gray-300 dark:hover:border-gray-600 transition-colors"><img src="/cloud/azure.svg" alt="azure logo" class="h-5 w-auto"/><span class="text-sm font-medium text-gray-700 dark:text-gray-300">Azure</span></div><div class="flex items-center gap-2 px-4 py-2 bg-white/70 dark:bg-gray-800/70 backdrop-blur-sm rounded-full border border-gray-200/50 dark:border-gray-700/50 hover:border-gray-300 dark:hover:border-gray-600 transition-colors"><img src="/cloud/oracle.svg" alt="oracle logo" class="h-4 w-auto"/><span class="text-sm font-medium text-gray-700 dark:text-gray-300">Oracle</span></div></div></div></div></div></div></section><section id="customers" class="py-12 bg-gray-50 dark:bg-gray-900/50 border-t border-gray-200 dark:border-gray-800"><div class="container mx-auto px-4"><div class="max-w-7xl mx-auto"><div class="flex items-center justify-center gap-2 mb-8"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big h-5 w-5 text-[#2d64eb] dark:text-[#2d64eb]"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg>
183<h2 class="text-gray-600 dark:text-gray-400 tracking-wider uppercase text-sm">Currently in production at</h2></div><div class="logo-banner-2rows flex flex-wrap gap-4 justify-center"><div class="relative"><a class="group flex items-center justify-center w-28 h-[67px] bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 hover:border-[#2d64eb] dark:hover:border-[#2d64eb] transition-all duration-300 hover:shadow-md" aria-label="LG U+" href="/customers/lguplus"><div class="flex items-center justify-center w-full h-full" style="width:112px;height:67px"><img src="/customers/lguplus.png" alt="lguplus logo" class="w-auto object-contain opacity-60 group-hover:opacity-100 transition-opacity grayscale brightness-[0.85] contrast-[0.9] opacity-60 group-hover:grayscale-0 group-hover:brightness-100 group-hover:contrast-100 group-hover:opacity-100 transition-all duration-300" style="max-width:67.2px;max-height:40.199999999999996px;object-fit:contain"/></div></a><a class="group absolute top-0 right-0 -translate-y-1/2 translate-x-1/2 w-4 h-4 bg-gray-100 dark:bg-gray-700 rounded-full flex items-center justify-center border border-gray-300 dark:border-gray-600 hover:bg-[#2d64eb] hover:border-[#2d64eb] transition-all duration-200 z-10" aria-label="Read case study: LG U+" data-state="closed" data-slot="tooltip-trigger" href="/customers/lguplus"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info w-2.5 h-2.5 text-gray-500 dark:text-gray-400 group-hover:text-white"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></a></div><div class="relative"><a class="group flex items-center justify-center w-28 h-[67px] bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 hover:border-[#2d64eb] dark:hover:border-[#2d64eb] transition-all duration-300 hover:shadow-md" aria-label="Grab" href="/customers/grab"><div class="flex items-center justify-center w-full h-full" style="width:112px;height:67px"><img src="/customers/grab.svg" alt="grab logo" class="w-auto object-contain opacity-60 group-hover:opacity-100 transition-opacity grayscale brightness-[0.85] contrast-[0.9] opacity-60 group-hover:grayscale-0 group-hover:brightness-100 group-hover:contrast-100 group-hover:opacity-100 transition-all duration-300" style="max-width:67.2px;max-height:40.199999999999996px;object-fit:contain"/></div></a><a class="group absolute top-0 right-0 -translate-y-1/2 translate-x-1/2 w-4 h-4 bg-gray-100 dark:bg-gray-700 rounded-full flex items-center justify-center border border-gray-300 dark:border-gray-600 hover:bg-[#2d64eb] hover:border-[#2d64eb] transition-all duration-200 z-10" aria-label="Read case study: Grab" data-state="closed" data-slot="tooltip-trigger" href="/customers/grab"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info w-2.5 h-2.5 text-gray-500 dark:text-gray-400 group-hover:text-white"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></a></div><div class="relative"><a class="group flex items-center justify-center w-28 h-[67px] bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 hover:border-[#2d64eb] dark:hover:border-[#2d64eb] transition-all duration-300 hover:shadow-md" aria-label="Tencent" href="/customers/tencent"><div class="flex items-center justify-center w-full h-full" style="width:112px;height:67px"><img src="/customers/tencent.svg" alt="tencent logo" class="w-auto object-contain opacity-60 group-hover:opacity-100 transition-opacity grayscale brightness-[0.85] contrast-[0.9] opacity-60 group-hover:grayscale-0 group-hover:brightness-100 group-hover:contrast-100 group-hover:opacity-100 transition-all duration-300" style="max-width:67.2px;max-height:40.199999999999996px;object-fit:contain"/></div></a><a class="group absolute top-0 right-0 -translate-y-1/2 translate-x-1/2 w-4 h-4 bg-gray-100 dark:bg-gray-700 rounded-full flex items-center justify-center border border-gray-300 dark:border-gray-600 hover:bg-[#2d64eb] hover:border-[#2d64eb] transition-all duration-200 z-10" aria-label="Read case study: Tencent" data-state="closed" data-slot="tooltip-trigger" href="/customers/tencent"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info w-2.5 h-2.5 text-gray-500 dark:text-gray-400 group-hover:text-white"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></a></div><div class="relative"><a class="group flex items-center justify-center w-28 h-[67px] bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 hover:border-[#2d64eb] dark:hover:border-[#2d64eb] transition-all duration-300 hover:shadow-md" aria-label="Poizon" href="/customers/poizon"><div class="flex items-center justify-center w-full h-full" style="width:112px;height:67px"><img src="/customers/poizon.svg" alt="poizon logo" class="w-auto object-contain opacity-60 group-hover:opacity-100 transition-opacity grayscale brightness-[0.85] contrast-[0.9] opacity-60 group-hover:grayscale-0 group-hover:brightness-100 group-hover:contrast-100 group-hover:opacity-100 transition-all duration-300" style="max-width:67.2px;max-height:40.199999999999996px;object-fit:contain"/></div></a><a class="group absolute top-0 right-0 -translate-y-1/2 translate-x-1/2 w-4 h-4 bg-gray-100 dark:bg-gray-700 rounded-full flex items-center justify-center border border-gray-300 dark:border-gray-600 hover:bg-[#2d64eb] hover:border-[#2d64eb] transition-all duration-200 z-10" aria-label="Read case study: Poizon" data-state="closed" data-slot="tooltip-trigger" href="/customers/poizon"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info w-2.5 h-2.5 text-gray-500 dark:text-gray-400 group-hover:text-white"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></a></div><div class="relative"><a class="group flex items-center justify-center w-28 h-[67px] bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 hover:border-[#2d64eb] dark:hover:border-[#2d64eb] transition-all duration-300 hover:shadow-md" aria-label="Honda" href="/customers/honda"><div class="flex items-center justify-center w-full h-full" style="width:112px;height:67px"><img src="/customers/honda.svg" alt="honda logo" class="w-auto object-contain opacity-60 group-hover:opacity-100 transition-opacity grayscale brightness-[0.85] contrast-[0.9] opacity-60 group-hover:grayscale-0 group-hover:brightness-100 group-hover:contrast-100 group-hover:opacity-100 transition-all duration-300" style="max-width:67.2px;max-height:40.199999999999996px;object-fit:contain"/></div></a><a class="group absolute top-0 right-0 -translate-y-1/2 translate-x-1/2 w-4 h-4 bg-gray-100 dark:bg-gray-700 rounded-full flex items-center justify-center border border-gray-300 dark:border-gray-600 hover:bg-[#2d64eb] hover:border-[#2d64eb] transition-all duration-200 z-10" aria-label="Read case study: Honda" data-state="closed" data-slot="tooltip-trigger" href="/customers/honda"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info w-2.5 h-2.5 text-gray-500 dark:text-gray-400 group-hover:text-white"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></a></div><div class="relative"><a class="group flex items-center justify-center w-28 h-[67px] bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 hover:border-[#2d64eb] dark:hover:border-[#2d64eb] transition-all duration-300 hover:shadow-md" aria-label="Bitkub Blockchain Technology" href="/customers/bitkub"><div class="flex items-center justify-center w-full h-full" style="width:112px;height:67px"><img src="/customers/bitkub.svg" alt="bitkub logo" class="w-auto object-contain opacity-60 group-hover:opacity-100 transition-opacity grayscale brightness-[0.85] contrast-[0.9] opacity-60 group-hover:grayscale-0 group-hover:brightness-100 group-hover:contrast-100 group-hover:opacity-100 transition-all duration-300" style="max-width:67.2px;max-height:40.199999999999996px;object-fit:contain"/></div></a><a class="group absolute top-0 right-0 -translate-y-1/2 translate-x-1/2 w-4 h-4 bg-gray-100 dark:bg-gray-700 rounded-full flex items-center justify-center border border-gray-300 dark:border-gray-600 hover:bg-[#2d64eb] hover:border-[#2d64eb] transition-all duration-200 z-10" aria-label="Read case study: Bitkub Blockchain Technology" data-state="closed" data-slot="tooltip-trigger" href="/customers/bitkub"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info w-2.5 h-2.5 text-gray-500 dark:text-gray-400 group-hover:text-white"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></a></div><div class="relative"><a class="group flex items-center justify-center w-28 h-[67px] bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 hover:border-[#2d64eb] dark:hover:border-[#2d64eb] transition-all duration-300 hover:shadow-md" aria-label="Geely" href="/customers/geely"><div class="flex items-center justify-center w-full h-full" style="width:112px;height:67px"><img src="/customers/geely.svg" alt="geely logo" class="w-auto object-contain opacity-60 group-hover:opacity-100 transition-opacity grayscale brightness-[0.85] contrast-[0.9] opacity-60 group-hover:grayscale-0 group-hover:brightness-100 group-hover:contrast-100 group-hover:opacity-100 transition-all duration-300" style="max-width:67.2px;max-height:40.199999999999996px;object-fit:contain"/></div></a><a class="group absolute top-0 right-0 -translate-y-1/2 translate-x-1/2 w-4 h-4 bg-gray-100 dark:bg-gray-700 rounded-full flex items-center justify-center border border-gray-300 dark:border-gray-600 hover:bg-[#2d64eb] hover:border-[#2d64eb] transition-all duration-200 z-10" aria-label="Read case study: Geely" data-state="closed" data-slot="tooltip-trigger" href="/customers/geely"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info w-2.5 h-2.5 text-gray-500 dark:text-gray-400 group-hover:text-white"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></a></div><div class="relative"><a class="group flex items-center justify-center w-28 h-[67px] bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 hover:border-[#2d64eb] dark:hover:border-[#2d64eb] transition-all duration-300 hover:shadow-md" aria-label="JD.com" href="/customers/jd"><div class="flex items-center justify-center w-full h-full" style="width:112px;height:67px"><img src="/customers/jd.svg" alt="jd logo" class="w-auto object-contain opacity-60 group-hover:opacity-100 transition-opacity grayscale brightness-[0.85] contrast-[0.9] opacity-60 group-hover:grayscale-0 group-hover:brightness-100 group-hover:contrast-100 group-hover:opacity-100 transition-all duration-300" style="max-width:67.2px;max-height:40.199999999999996px;object-fit:contain"/></div></a><a class="group absolute top-0 right-0 -translate-y-1/2 translate-x-1/2 w-4 h-4 bg-gray-100 dark:bg-gray-700 rounded-full flex items-center justify-center border border-gray-300 dark:border-gray-600 hover:bg-[#2d64eb] hover:border-[#2d64eb] transition-all duration-200 z-10" aria-label="Read case study: JD.com" data-state="closed" data-slot="tooltip-trigger" href="/customers/jd"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info w-2.5 h-2.5 text-gray-500 dark:text-gray-400 group-hover:text-white"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></a></div><div class="relative"><a class="group flex items-center justify-center w-28 h-[67px] bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 hover:border-[#2d64eb] dark:hover:border-[#2d64eb] transition-all duration-300 hover:shadow-md" aria-label="iQIYI" href="/customers/iqiyi"><div class="flex items-center justify-center w-full h-full" style="width:112px;height:67px"><img src="/customers/iqiyi.svg" alt="iqiyi logo" class="w-auto object-contain opacity-60 group-hover:opacity-100 transition-opacity grayscale brightness-[0.85] contrast-[0.9] opacity-60 group-hover:grayscale-0 group-hover:brightness-100 group-hover:contrast-100 group-hover:opacity-100 transition-all duration-300" style="max-width:67.2px;max-height:40.199999999999996px;object-fit:contain"/></div></a><a class="group absolute top-0 right-0 -translate-y-1/2 translate-x-1/2 w-4 h-4 bg-gray-100 dark:bg-gray-700 rounded-full flex items-center justify-center border border-gray-300 dark:border-gray-600 hover:bg-[#2d64eb] hover:border-[#2d64eb] transition-all duration-200 z-10" aria-label="Read case study: iQIYI" data-state="closed" data-slot="tooltip-trigger" href="/customers/iqiyi"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info w-2.5 h-2.5 text-gray-500 dark:text-gray-400 group-hover:text-white"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></a></div><div class="relative"><a class="group flex items-center justify-center w-28 h-[67px] bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 hover:border-[#2d64eb] dark:hover:border-[#2d64eb] transition-all duration-300 hover:shadow-md" aria-label="Avia Games" href="/customers/aviagames"><div class="flex items-center justify-center w-full h-full" style="width:112px;height:67px"><img src="/customers/aviagames.svg" alt="aviagames logo" class="w-auto object-contain opacity-60 group-hover:opacity-100 transition-opacity grayscale brightness-[0.85] contrast-[0.9] opacity-60 group-hover:grayscale-0 group-hover:brightness-100 group-hover:contrast-100 group-hover:opacity-100 transition-all duration-300" style="max-width:67.2px;max-height:40.199999999999996px;object-fit:contain"/></div></a><a class="group absolute top-0 right-0 -translate-y-1/2 translate-x-1/2 w-4 h-4 bg-gray-100 dark:bg-gray-700 rounded-full flex items-center justify-center border border-gray-300 dark:border-gray-600 hover:bg-[#2d64eb] hover:border-[#2d64eb] transition-all duration-200 z-10" aria-label="Read case study: Avia Games" data-state="closed" data-slot="tooltip-trigger" href="/customers/aviagames"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info w-2.5 h-2.5 text-gray-500 dark:text-gray-400 group-hover:text-white"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></a></div><div class="relative"><a class="group flex items-center justify-center w-28 h-[67px] bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 hover:border-[#2d64eb] dark:hover:border-[#2d64eb] transition-all duration-300 hover:shadow-md" aria-label="Bambu Lab" href="/customers/bambulab"><div class="flex items-center justify-center w-full h-full" style="width:112px;height:67px"><img src="/customers/bambulab.webp" alt="bambulab logo" class="w-auto object-contain opacity-60 group-hover:opacity-100 transition-opacity grayscale brig
183htness-[0.85] contrast-[0.9] opacity-60 group-hover:grayscale-0 group-hover:brightness-100 group-hover:contrast-100 group-hover:opacity-100 transition-all duration-300" style="max-width:67.2px;max-height:40.199999999999996px;object-fit:contain"/></div></a><a class="group absolute top-0 right-0 -translate-y-1/2 translate-x-1/2 w-4 h-4 bg-gray-100 dark:bg-gray-700 rounded-full flex items-center justify-center border border-gray-300 dark:border-gray-600 hover:bg-[#2d64eb] hover:border-[#2d64eb] transition-all duration-200 z-10" aria-label="Read case study: Bambu Lab" data-state="closed" data-slot="tooltip-trigger" href="/customers/bambulab"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info w-2.5 h-2.5 text-gray-500 dark:text-gray-400 group-hover:text-white"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></a></div><div class="relative"><a class="group flex items-center justify-center w-28 h-[67px] bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 hover:border-[#2d64eb] dark:hover:border-[#2d64eb] transition-all duration-300 hover:shadow-md" aria-label="Tencent Music" href="/customers/tencent-music"><div class="flex items-center justify-center w-full h-full" style="width:112px;height:67px"><img src="/customers/tencent-music.svg" alt="tencent-music logo" class="w-auto object-contain opacity-60 group-hover:opacity-100 transition-opacity grayscale brightness-[0.85] contrast-[0.9] opacity-60 group-hover:grayscale-0 group-hover:brightness-100 group-hover:contrast-100 group-hover:opacity-100 transition-all duration-300" style="max-width:67.2px;max-height:40.199999999999996px;object-fit:contain"/></div></a><a class="group absolute top-0 right-0 -translate-y-1/2 translate-x-1/2 w-4 h-4 bg-gray-100 dark:bg-gray-700 rounded-full flex items-center justify-center border border-gray-300 dark:border-gray-600 hover:bg-[#2d64eb] hover:border-[#2d64eb] transition-all duration-200 z-10" aria-label="Read case study: Tencent Music" data-state="closed" data-slot="tooltip-trigger" href="/customers/tencent-music"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-info w-2.5 h-2.5 text-gray-500 dark:text-gray-400 group-hover:text-white"><circle cx="12" cy="12" r="10"></circle><path d="M12 16v-4"></path><path d="M12 8h.01"></path></svg></a></div><div class="relative"><div class="group flex items-center justify-center w-28 h-[67px] bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 hover:border-[#2d64eb] dark:hover:border-[#2d64eb] transition-all duration-300 hover:shadow-md cursor-default" aria-label="Hubspot"><div class="flex items-center justify-center w-full h-full" style="width:112px;height:67px"><img src="/customers/hubspot.svg" alt="hubspot logo" class="w-auto object-contain opacity-60 group-hover:opacity-100 transition-opacity grayscale brightness-[0.85] contrast-[0.9] opacity-60 group-hover:grayscale-0 group-hover:brightness-100 group-hover:contrast-100 group-hover:opacity-100 transition-all duration-300" style="max-width:67.2px;max-height:40.199999999999996px;object-fit:contain"/></div></div></div><div class="relative"><div class="group flex items-center justify-center w-28 h-[67px] bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 hover:border-[#2d64eb] dark:hover:border-[#2d64eb] transition-all duration-300 hover:shadow-md cursor-default" aria-label="Fresha"><div class="flex items-center justify-center w-full h-full" style="width:112px;height:67px"><img src="/customers/fresha.webp" alt="fresha logo" class="w-auto object-contain opacity-60 group-hover:opacity-100 transition-opacity grayscale brightness-[0.85] contrast-[0.9] opacity-60 group-hover:grayscale-0 group-hover:brightness-100 group-hover:contrast-100 group-hover:opacity-100 transition-all duration-300" style="max-width:67.2px;max-height:40.199999999999996px;object-fit:contain"/></div></div></div><div class="relative"><div class="group flex items-center justify-center w-28 h-[67px] bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 hover:border-[#2d64eb] dark:hover:border-[#2d64eb] transition-all duration-300 hover:shadow-md cursor-default" aria-label="WeBank"><div class="flex items-center justify-center w-full h-full" style="width:112px;height:67px"><img src="/customers/weizhong.svg" alt="weizhong logo" class="w-auto object-contain opacity-60 group-hover:opacity-100 transition-opacity grayscale brightness-[0.85] contrast-[0.9] opacity-60 group-hover:grayscale-0 group-hover:brightness-100 group-hover:contrast-100 group-hover:opacity-100 transition-all duration-300" style="max-width:67.2px;max-height:40.199999999999996px;object-fit:contain"/></div></div></div><div class="relative"><div class="group flex items-center justify-center w-28 h-[67px] bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 hover:border-[#2d64eb] dark:hover:border-[#2d64eb] transition-all duration-300 hover:shadow-md cursor-default" aria-label="OneIoT"><div class="flex items-center justify-center w-full h-full" style="width:112px;height:67px"><img src="/customers/oneiot.webp" alt="oneiot logo" class="w-auto object-contain opacity-60 group-hover:opacity-100 transition-opacity grayscale brightness-[0.85] contrast-[0.9] opacity-60 group-hover:grayscale-0 group-hover:brightness-100 group-hover:contrast-100 group-hover:opacity-100 transition-all duration-300" style="max-width:67.2px;max-height:40.199999999999996px;object-fit:contain"/></div></div></div><div class="relative"><div class="group flex items-center justify-center w-28 h-[67px] bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 hover:border-[#2d64eb] dark:hover:border-[#2d64eb] transition-all duration-300 hover:shadow-md cursor-default" aria-label="Palmpay"><div class="flex items-center justify-center w-full h-full" style="width:112px;height:67px"><img src="/customers/palmpay.webp" alt="palmpay logo" class="w-auto object-contain opacity-60 group-hover:opacity-100 transition-opacity grayscale brightness-[0.85] contrast-[0.9] opacity-60 group-hover:grayscale-0 group-hover:brightness-100 group-hover:contrast-100 group-hover:opacity-100 transition-all duration-300" style="max-width:67.2px;max-height:40.199999999999996px;object-fit:contain"/></div></div></div><div class="relative"><div class="group flex items-center justify-center w-28 h-[67px] bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 hover:border-[#2d64eb] dark:hover:border-[#2d64eb] transition-all duration-300 hover:shadow-md cursor-default" aria-label="OceanBase"><div class="flex items-center justify-center w-full h-full" style="width:112px;height:67px"><img src="/customers/oceanbase.png" alt="oceanbase logo" class="w-auto object-contain opacity-60 group-hover:opacity-100 transition-opacity grayscale brightness-[0.85] contrast-[0.9] opacity-60 group-hover:grayscale-0 group-hover:brightness-100 group-hover:contrast-100 group-hover:opacity-100 transition-all duration-300" style="max-width:67.2px;max-height:40.199999999999996px;object-fit:contain"/></div></div></div><div class="relative"><div class="group flex items-center justify-center w-28 h-[67px] bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 hover:border-[#2d64eb] dark:hover:border-[#2d64eb] transition-all duration-300 hover:shadow-md cursor-default" aria-label="XPeng"><div class="flex items-center justify-center w-full h-full" style="width:112px;height:67px"><img src="/customers/xpeng.svg" alt="xpeng logo" class="w-auto object-contain opacity-60 group-hover:opacity-100 transition-opacity grayscale brightness-[0.85] contrast-[0.9] opacity-60 group-hover:grayscale-0 group-hover:brightness-100 group-hover:contrast-100 group-hover:opacity-100 transition-all duration-300" style="max-width:67.2px;max-height:40.199999999999996px;object-fit:contain"/></div></div></div><div class="relative"><div class="group flex items-center justify-center w-28 h-[67px] bg-white dark:bg-gray-800 border border-gray-200 dark:border-gray-700 hover:border-[#2d64eb] dark:hover:border-[#2d64eb] transition-all duration-300 hover:shadow-md cursor-default" aria-label="Trip"><div class="flex items-center justify-center w-full h-full" style="width:112px;height:67px"><img src="/customers/tripcom.webp" alt="tripcom logo" class="w-auto object-contain opacity-60 group-hover:opacity-100 transition-opacity grayscale brightness-[0.85] contrast-[0.9] opacity-60 group-hover:grayscale-0 group-hover:brightness-100 group-hover:contrast-100 group-hover:opacity-100 transition-all duration-300" style="max-width:67.2px;max-height:40.199999999999996px;object-fit:contain"/></div></div></div><a class="flex flex-col items-center justify-center w-28 h-[67px] border-2 border-dashed border-gray-300 dark:border-gray-600 hover:border-[#2d64eb] dark:hover:border-[#2d64eb] transition-all duration-300 hover:bg-gray-50 dark:hover:bg-gray-800/50" href="/customers"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-users w-4 h-4 text-gray-400 dark:text-gray-500 mb-1"><path d="M16 21v-2a4 4 0 0 0-4-4H6a4 4 0 0 0-4 4v2"></path><circle cx="9" cy="7" r="4"></circle><path d="M22 21v-2a4 4 0 0 0-3-3.87"></path><path d="M16 3.13a4 4 0 0 1 0 7.75"></path></svg><span class="text-xs text-gray-500 dark:text-gray-400">More</span></a></div></div></div></section><section id="architecture" class="py-20 lg:py-28 bg-white dark:bg-gray-950"><div class="container mx-auto px-4"><div class="max-w-7xl mx-auto mb-10 lg:mb-16"><div class="flex flex-col lg:flex-row lg:items-start lg:justify-between gap-6 lg:gap-8"><div class="flex-1 text-center lg:text-left"><h2 class="text-3xl lg:text-4xl xl:text-5xl font-bold text-gray-900 dark:text-white mb-4">Go <span class="gradient-text">Diskless</span> with AutoMQ</h2><p class="text-gray-600 dark:text-gray-400 max-w-2xl mx-auto lg:mx-0 text-[17px]">See how AutoMQ eliminates the operational complexity and cost of traditional Kafka.</p></div><div class="flex-shrink-0 flex justify-center lg:justify-end"><div role="tablist" aria-label="Architecture comparison" class="inline-flex items-center gap-2 lg:gap-3 p-1.5 bg-gray-100 dark:bg-gray-800 rounded-xl"><button role="tab" aria-selected="true" aria-controls="automq-architecture-panel" id="automq-tab" class="flex items-center gap-1.5 lg:gap-2 px-3 lg:px-5 py-2.5 lg:py-3 rounded-lg text-xs lg:text-sm font-medium transition-all duration-200 bg-[#2d64eb] text-white shadow-lg shadow-[#2d64eb]/30"><div class="w-4 h-4 rounded-full flex items-center justify-center bg-green-500" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-check w-3 h-3 text-white"><path d="M20 6 9 17l-5-5"></path></svg></div><span>With AutoMQ</span></button><button role="tab" aria-selected="false" aria-controls="kafka-architecture-panel" id="kafka-tab" class="flex items-center gap-1.5 lg:gap-2 px-3 lg:px-5 py-2.5 lg:py-3 rounded-lg text-xs lg:text-sm font-medium transition-all duration-200 bg-gray-200 dark:bg-gray-700 text-gray-700 dark:text-gray-400 hover:bg-red-50 dark:hover:bg-red-900/20 hover:text-red-700 dark:hover:text-red-400"><div class="w-4 h-4 rounded-full flex items-center justify-center bg-red-500/60" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="3" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-x w-3 h-3 text-white"><path d="M18 6 6 18"></path><path d="m6 6 12 12"></path></svg></div><span>Apache Kafka</span></button></div></div></div></div><div class="max-w-7xl mx-auto"><div class="lg:hidden"><div class="flex flex-col items-center gap-3 py-4"><div class="w-16 h-16 rounded-xl bg-[#2d64eb]/10 border-2 border-[#2d64eb] flex items-center justify-center"><img src="/icons/automq-logo.svg" alt="AutoMQ" class="w-8 h-8"/></div><div class="w-0.5 h-6 bg-[#2d64eb]"></div><div class="px-6 py-3 rounded-xl bg-green-50 dark:bg-green-900/20 border border-green-200 dark:border-green-800"><div class="flex items-center gap-2"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cloud w-5 h-5 text-green-600 dark:text-green-400"><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"></path></svg><span class="text-sm font-medium text-green-700 dark:text-green-300">Cloud Object Storage</span></div></div></div><div class="mt-8 space-y-4 px-2"><div class="flex items-start gap-3 bg-gray-50 dark:bg-gray-900 rounded-lg p-4 border border-gray-200 dark:border-gray-800">
183<div class="flex-shrink-0 w-8 h-8 bg-blue-100 dark:bg-blue-900/30 rounded-lg flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cloud w-4 h-4 text-[#2d64eb]"><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"></path></svg></div><div><h4 class="font-medium text-gray-900 dark:text-white text-sm mb-1">Cloud-Native Storage</h4><p class="text-xs text-gray-600 dark:text-gray-400 leading-relaxed">Built on object storage (S3, GCS, Azure Blob) — 11 nines durability, unlimited capacity, pay only for what you store</p></div></div><div class="flex items-start gap-3 bg-gray-50 dark:bg-gray-900 rounded-lg p-4 border border-gray-200 dark:border-gray-800"><div class="flex-shrink-0 w-8 h-8 bg-blue-100 dark:bg-blue-900/30 rounded-lg flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hard-drive w-4 h-4 text-[#2d64eb]"><line x1="22" x2="2" y1="12" y2="12"></line><path d="M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"></path><line x1="6" x2="6.01" y1="16" y2="16"></line><line x1="10" x2="10.01" y1="16" y2="16"></line></svg></div><div><h4 class="font-medium text-gray-900 dark:text-white text-sm mb-1">Zero Disk</h4><p class="text-xs text-gray-600 dark:text-gray-400 leading-relaxed">No EBS volumes, no RAID configs, no disk failures to handle — dramatically reduce ops overhead and infrastructure costs</p></div></div><div class="flex items-start gap-3 bg-gray-50 dark:bg-gray-900 rounded-lg p-4 border border-gray-200 dark:border-gray-800"><div class="flex-shrink-0 w-8 h-8 bg-blue-100 dark:bg-blue-900/30 rounded-lg flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap w-4 h-4 text-[#2d64eb]"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg></div><div><h4 class="font-medium text-gray-900 dark:text-white text-sm mb-1">Zero Over-Provisioning</h4><p class="text-xs text-gray-600 dark:text-gray-400 leading-relaxed">Stateless brokers auto-scale in seconds — no capacity planning, no partition reassignment, no idle resources</p></div></div><div class="flex items-start gap-3 bg-gray-50 dark:bg-gray-900 rounded-lg p-4 border border-gray-200 dark:border-gray-800"><div class="flex-shrink-0 w-8 h-8 bg-blue-100 dark:bg-blue-900/30 rounded-lg flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-dollar-sign w-4 h-4 text-[#2d64eb]"><line x1="12" x2="12" y1="2" y2="22"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg></div><div><h4 class="font-medium text-gray-900 dark:text-white text-sm mb-1">Zero Cross-AZ Traffic</h4><p class="text-xs text-gray-600 dark:text-gray-400 leading-relaxed">Clients connect to local-zone brokers, shared storage eliminates replica sync — no cross-AZ data transfer costs</p></div></div></div></div><div class="hidden lg:flex gap-12 items-start justify-between"><div class="flex-shrink-0 relative" style="height:618px;width:748px"><div role="tabpanel" id="kafka-architecture-panel" aria-labelledby="kafka-tab" class="transition-all duration-500 ease-in-out opacity-0 translate-y-4 pointer-events-none" style="margin-left:20px;position:absolute;top:0;left:0;width:728px;height:618px;padding-top:30px"><div class="kafka-cluster-border"></div><div class="absolute bg-red-50 dark:bg-red-900/20 text-red-700 dark:text-red-400 px-3 py-1.5 text-xs font-semibold rounded shadow-md" style="top:372.5px;left:748px;transform:translate(-50%, -50%) rotate(90deg);z-index:10;white-space:nowrap">Over-Provisioning</div><svg class="absolute inset-0 w-full h-full pointer-events-none" style="z-index:15" aria-hidden="true"><g class=""><defs><marker id="arrow-_R_1dd3imttb_" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto" markerUnits="userSpaceOnUse">
183<polygon points="0 0, 10 3.5, 0 7" fill="#a855f7" class=""></polygon></marker><marker id="arrow-start-_R_1dd3imttb_" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto" markerUnits="userSpaceOnUse"><polygon points="0 0, 10 3.5, 0 7" fill="#a855f7" class=""></polygon></marker></defs><path d="M 109.35050623623161 158.92884923661597 Q 191.3505062362316 208.92884923661597, 348.3505062362316 211.92884923661597" stroke="#a855f7" stroke-width="2" fill="none" stroke-dasharray="0" marker-end="url(#arrow-_R_1dd3imttb_)" class="animated-arrow-path " style="animation-delay:0s"></path><path d="M 349.6494937637684 206.07115076338403 Q 192.6494937637684 203.07115076338403, 110.64949376376839 153.07115076338403" stroke="#a855f7" stroke-width="2" fill="none" stroke-dasharray="0" marker-end="url(#arrow-start-_R_1dd3imttb_)" class="animated-arrow-path " style="animation-delay:0.5s"></path><g><rect x="157" y="176" width="70" height="20" fill="#fff1f2" stroke="#fecaca" stroke-width="0" rx="3" class="dark:hidden"></rect><rect x="157" y="176" width="70" height="20" fill="#4c0519" stroke="#fecaca" stroke-width="0" rx="3" class="hidden dark:block"></rect><text x="192" y="190" font-size="10" font-weight="400" fill="#6b7280" text-anchor="middle" class="dark:fill-gray-200" style="font-family:inherit">$0.02/GiB</text></g></g><g class=""><defs><marker id="arrow-_R_2dd3imttb_" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto" markerUnits="userSpaceOnUse"><polygon points="0 0, 10 3.5, 0 7" fill="#f59e0b" class=""></polygon></marker><marker id="arrow-start-_R_2dd3imttb_" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto" markerUnits="userSpaceOnUse"><polygon points="0 0, 10 3.5, 0 7" fill="#f59e0b" class=""></polygon></marker></defs><path d="M 617.3505062362316 153.07115076338403 Q 536.3505062362316 203.07115076338403, 378.3505062362316 206.07115076338403" stroke="#f59e0b" stroke-width="2" fill="none" stroke-dasharray="0" marker-end="url(#arrow-_R_2dd3imttb_)" class="animated-arrow-path " style="animation-delay:0.3s"></path><path d="M 379.6494937637684 211.92884923661597 Q 537.6494937637684 208.92884923661597, 618.6494937637684 158.92884923661597" stroke="#f59e0b" stroke-width="2" fill="none" stroke-dasharray="0" marker-end="url(#arrow-start-_R_2dd3imttb_)" class="animated-arrow-path " style="animation-delay:0.8s"></path><g><rect x="502" y="176" width="70" height="20" fill="#fff1f2" stroke="#fecaca" stroke-width="0" rx="3" class="dark:hidden"></rect><rect x="502" y="176" width="70" height="20" fill="#4c0519" stroke="#fecaca" stroke-width="0" rx="3" class="hidden dark:block"></rect><text x="537" y="190" font-size="10" font-weight="400" fill="#6b7280" text-anchor="middle" class="dark:fill-gray-200" style="font-family:inherit">$0.02/GiB</text></g></g><g class=""><defs><marker id="arrow-_R_3dd3imttb_" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto" markerUnits="userSpaceOnUse"><polygon points="0 0, 10 3.5, 0 7" fill="#06b6d4" class=""></polygon></marker><marker id="arrow-start-_R_3dd3imttb_" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto" markerUnits="userSpaceOnUse"><polygon points="0 0, 10 3.5, 0 7" fill="#06b6d4" class=""></polygon></marker></defs><path d="M 361 156 L 361 211" stroke="#06b6d4" stroke-width="2" fill="none" stroke-dasharray="0" marker-end="url(#arrow-_R_3dd3imttb_)" class="animated-arrow-path " style="animation-delay:0.15s"></path><path d="M 367 211 L 367 156" stroke="#06b6d4" stroke-width="2" fill="none" stroke-dasharray="0" marker-end="url(#arrow-start-_R_3dd3imttb_)" class="animated-arrow-path " style="animation-delay:0.65s"></path></g><g class=""><defs><marker id="arrow-_R_4dd3imttb_" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto" markerUnits="userSpaceOnUse"><polygon points="0 0, 10 3.5, 0 7" fill="#a855f7" class=""></polygon></marker></defs><path d="M 269 260 L 205 260" stroke="#a855f7" stroke-width="2.5" fill="none" stroke-dasharray="0" marker-end="url(#arrow-_R_4dd3imttb_)" class="animated-arrow-path " style="animation-delay:0.6s"></path><g><rect x="202" y="270" width="70" height="20" fill="#fff1f2" stroke="#fecaca" stroke-width="0" rx="3" class="dark:hidden"></rect><rect x="202" y="270" width="70" height="20" fill="#4c0519" stroke="#fecaca" stroke-width="0" rx="3" class="hidden dark:block"></rect><text x="237" y="284" font-size="10" font-weight="400" fill="#6b7280" text-anchor="middle" class="dark:fill-gray-200" style="font-family:inherit">$0.02/GiB</text></g></g><g class=""><defs><marker id="arrow-_R_5dd3imttb_" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto" markerUnits="userSpaceOnUse"><polygon points="0 0, 10 3.5, 0 7" fill="#eab308" class=""></polygon></marker></defs><path d="M 459 260 L 523 260" stroke="#eab308" stroke-width="2.5" fill="none" stroke-dasharray="0" marker-end="url(#arrow-_R_5dd3imttb_)" class="animated-arrow-path " style="animation-delay:0.9s"></path><g><rect x="456" y="270" width="70" height="20" fill="#fff1f2" stroke="#fecaca" stroke-width="0" rx="3" class="dark:hidden"></rect><rect x="456" y="270" width="70" height="20" fill="#4c0519" stroke="#fecaca" stroke-width="0" rx="3" class="hidden dark:block"></rect><text x="491" y="284" font-size="10" font-weight="400" fill="#6b7280" text-anchor="middle" class="dark:fill-gray-200" style="font-family:inherit">$0.02/GiB</text></g></g><g class="stroke-gray-800 dark:stroke-gray-200"><defs><marker id="arrow-_R_6dd3imttb_" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto" markerUnits="userSpaceOnUse"><polygon points="0 0, 10 3.5, 0 7" fill="currentColor" class="fill-gray-800 dark:fill-gray-200"></polygon></marker><marker id="arrow-start-_R_6dd3imttb_" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto" markerUnits="userSpaceOnUse"><polygon points="0 0, 10 3.5, 0 7" fill="currentColor" class="fill-gray-800 dark:fill-gray-200"></polygon></marker></defs><path d="M 107 330 L 107 435" stroke-width="2" fill="none" stroke-dasharray="0" marker-end="url(#arrow-_R_6dd3imttb_)" class="animated-arrow-path stroke-gray-800 dark:stroke-gray-200" style="animation-delay:0.2s"></path><path d="M 113 435 L 113 330" stroke-width="2" fill="none" stroke-dasharray="0" marker-end="url(#arrow-start-_R_6dd3imttb_)" class="animated-arrow-path stroke-gray-800 dark:stroke-gray-200" style="animation-delay:0.7s"></path><g><text x="135" y="387" font-size="10" font-weight="400" fill="#9ca3af" text-anchor="middle" class="dark:fill-gray-600" style="font-family:inherit">R/W</text></g></g><g class="stroke-gray-800 dark:stroke-gray-200"><defs><marker id="arrow-_R_7dd3imttb_" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto" markerUnits="userSpaceOnUse"><polygon points="0 0, 10 3.5, 0 7" fill="currentColor" class="fill-gray-800 dark:fill-gray-200"></polygon></marker><marker id="arrow-start-_R_7dd3imttb_" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto" markerUnits="userSpaceOnUse"><polygon points="0 0, 10 3.5, 0 7" fill="currentColor" class="fill-gray-800 dark:fill-gray-200"></polygon></marker></defs><path d="M 361 330 L 361 435" stroke-width="2" fill="none" stroke-dasharray="0" marker-end="url(#arrow-_R_7dd3imttb_)" class="animated-arrow-path stroke-gray-800 dark:stroke-gray-200" style="animation-delay:0.5s"></path><path d="M 367 435 L 367 330" stroke-width="2" fill="none" stroke-dasharray="0" marker-end="url(#arrow-start-_R_7dd3imttb_)" class="animated-arrow-path stroke-gray-800 dark:stroke-gray-200" style="animation-delay:1s"></path><g><text x="389" y="387" font-size="10" font-weight="400" fill="#9ca3af" text-anchor="middle" class="dark:fill-gray-600" style="font-family:inherit">R/W</text></g></g><g class="stroke-gray-800 dark:stroke-gray-200"><defs><marker id="arrow-_R_8dd3imttb_" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto" markerUnits="userSpaceOnUse"><polygon points="0 0, 10 3.5, 0 7" fill="currentColor" class="fill-gray-800 dark:fill-gray-200"></polygon></marker><marker id="arrow-start-_R_8dd3imttb_" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto" markerUnits="userSpaceOnUse"><polygon points="0 0, 10 3.5, 0 7" fill="currentColor" class="fill-gray-800 dark:fill-gray-200"></polygon></marker></defs><path d="M 615 330 L 615 435" stroke-width="2" fill="none" stroke-dasharray="0" marker-end="url(#arrow-_R_8dd3imttb_)" class="animated-arrow-path stroke-gray-800 dark:stroke-gray-200" style="animation-delay:0.8s"></path><path d="M 621 435 L 621 330" stroke-width="2" fill="none" stroke-dasharray="0" marker-end="url(#arrow-start-_R_8dd3imttb_)" class="animated-arrow-path stroke-gray-800 dark:stroke-gray-200" style="animation-delay:1.3s"></path><g><text x="643" y="387" font-size="10" font-weight="400" fill="#9ca3af" text-anchor="middle" class="dark:fill-gray-600" style="font-family:inherit">R/W</text></g></g></svg><div class="zone-container-vertical zone-purple " style="left:0px"><div class="zone-label-vertical">Zone A</div><div class="zone-accent-bar purple"></div><div class="absolute top-12 left-1/2 -translate-x-1/2"><div class="kafka-client-box"><div class="flex items-center gap-2" style="padding-left:20px;padding-right:20px;padding-top:12px;padding-bottom:12px"><div class="w-7 h-7 flex items-center justify-center flex-shrink-0"><img src="/icons/kafka-logo.svg" alt="Kafka" class="w-full h-full text-gray-800 dark:text-gray-100"/></div><span class="text-base font-semibold text-gray-800 dark:text-gray-100">Kafka<br/>Client</span></div></div></div><div class="absolute top-[220px] left-1/2 -translate-x-1/2"><div class="kafka-broker-box " style="position:relative"><div class="absolute -top-2 -right-2 bg-gradient-to-br from-[#64748b] to-[#475569] text-white text-[10px] font-semibold px-2 py-0.5 rounded shadow-lg z-10">Follower</div><div class="flex items-center gap-2" style="padding-left:20px;padding-right:20px;padding-top:12px;padding-bottom:12px"><div class="w-7 h-7 flex items-center justify-center flex-shrink-0"><img src="/icons/kafka-logo.svg" alt="Kafka" class="w-full h-full text-gray-800 dark:text-gray-100"/></div><span class="text-base font-semibold text-gray-800 dark:text-gray-100">Kafka<br/>
183Broker</span></div></div></div><div class="absolute bottom-12 left-1/2 -translate-x-1/2"><div class="kafka-broker-box"><div class="flex items-center gap-2" style="padding-left:20px;padding-right:20px;padding-top:12px;padding-bottom:12px"><div class="w-7 h-7 flex items-center justify-center flex-shrink-0"><img src="/icons/disk-logo.svg" alt="Disk" class="w-full h-full text-gray-800 dark:text-gray-100"/></div><span class="text-base font-semibold text-gray-800 dark:text-gray-100">Disk</span></div></div></div></div><div class="zone-container-vertical zone-blue " style="left:254px"><div class="zone-label-vertical">Zone B</div><div class="zone-accent-bar blue"></div><div class="absolute top-12 left-1/2 -translate-x-1/2"><div class="kafka-client-box"><div class="flex items-center gap-2" style="padding-left:20px;padding-right:20px;padding-top:12px;padding-bottom:12px"><div class="w-7 h-7 flex items-center justify-center flex-shrink-0"><img src="/icons/kafka-logo.svg" alt="Kafka" class="w-full h-full text-gray-800 dark:text-gray-100"/></div><span class="text-base font-semibold text-gray-800 dark:text-gray-100">Kafka<br/>Client</span></div></div></div><div class="absolute top-[220px] left-1/2 -translate-x-1/2"><div class="kafka-broker-box " style="position:relative"><div class="absolute -top-2 -right-2 bg-gradient-to-br from-[#10b981] to-[#059669] text-white text-[10px] font-semibold px-2 py-0.5 rounded shadow-lg z-10">Leader</div><div class="flex items-center gap-2" style="padding-left:20px;padding-right:20px;padding-top:12px;padding-bottom:12px"><div class="w-7 h-7 flex items-center justify-center flex-shrink-0"><img src="/icons/kafka-logo.svg" alt="Kafka" class="w-full h-full text-gray-800 dark:text-gray-100"/></div><span class="text-base font-semibold text-gray-800 dark:text-gray-100">Kafka<br/>Broker</span></div></div></div><div class="absolute bottom-12 left-1/2 -translate-x-1/2"><div class="kafka-broker-box"><div class="flex items-center gap-2" style="padding-left:20px;padding-right:20px;padding-top:12px;padding-bottom:12px"><div class="w-7 h-7 flex items-center justify-center flex-shrink-0"><img src="/icons/disk-logo.svg" alt="Disk" class="w-full h-full text-gray-800 dark:text-gray-100"/></div><span class="text-base font-semibold text-gray-800 dark:text-gray-100">Disk</span></div></div></div></div><div class="zone-container-vertical zone-yellow " style="left:508px"><div class="zone-label-vertical">Zone C</div><div class="zone-accent-bar yellow"></div><div class="absolute top-12 left-1/2 -translate-x-1/2"><div class="kafka-client-box"><div class="flex items-center gap-2" style="padding-left:20px;padding-right:20px;padding-top:12px;padding-bottom:12px"><div class="w-7 h-7 flex items-center justify-center flex-shrink-0"><img src="/icons/kafka-logo.svg" alt="Kafka" class="w-full h-full text-gray-800 dark:text-gray-100"/></div><span class="text-base font-semibold text-gray-800 dark:text-gray-100">Kafka<br/>Client</span></div></div></div><div class="absolute top-[220px] left-1/2 -translate-x-1/2"><div class="kafka-broker-box " style="position:relative"><div class="absolute -top-2 -right-2 bg-gradient-to-br from-[#64748b] to-[#475569] text-white text-[10px] font-semibold px-2 py-0.5 rounded shadow-lg z-10">Follower</div><div class="flex items-center gap-2" style="padding-left:20px;padding-right:20px;padding-top:12px;padding-bottom:12px"><div class="w-7 h-7 flex items-center justify-center flex-shrink-0"><img src="/icons/kafka-logo.svg" alt="Kafka" class="w-full h-full text-gray-800 dark:text-gray-100"/></div><span class="text-base font-semibold text-gray-800 dark:text-gray-100">Kafka<br/>Broker</span></div></div></div><div class="absolute bottom-12 left-1/2 -translate-x-1/2"><div class="kafka-broker-box"><div class="flex items-center gap-2" style="padding-left:20px;padding-right:20px;padding-top:12px;padding-bottom:12px"><div class="w-7 h-7 flex items-center justify-center flex-shrink-0"><img src="/icons/disk-logo.svg" alt="Disk" class="w-full h-full text-gray-800 dark:text-gray-100"/></div><span class="text-base font-semibold text-gray-800 dark:text-gray-100">Disk</span></div></div></div></div></div><div role="tabpanel" id="automq-architecture-panel" aria-labelledby="automq-tab" class="transition-all duration-500 ease-in-out opacity-100 translate-y-0" style="margin-left:20px;position:absolute;top:0;left:0;width:728px;height:618px;padding-top:30px"><div class="automq-cluster-border"></div><div class="absolute bg-green-50 dark:bg-green-900/20 text-green-700 dark:text-green-400 px-3 py-1.5 text-xs font-semibold rounded shadow-md" style="top:276px;left:748px;transform:translate(-50%, -50%) rotate(90deg);z-index:10;white-space:nowrap">Auto-Scaling</div><div class="cloud-storage-border"><div class="cloud-storage-accent-bar"></div><div class="absolute" style="top:16px;left:20px;width:220px"><div class="kafka-broker-box" style="width:100%;height:36px;display:flex;align-items:center;justify-content:flex-start;position:relative"><div class="flex items-center gap-2 px-5"><img src="/icons/wal-logo.svg" alt="WAL" class="w-6 h-6 text-gray-800 dark:text-gray-100"/><span class="text-sm font-semibold text-gray-800 dark:text-gray-100">Low Latency WAL</span></div></div></div><div class="absolute" style="top:16px;right:20px;width:454px"><div class="kafka-broker-box" style="width:100%;height:36px;display:flex;align-items:center;justify-content:flex-start;position:relative"><div class="flex items-center gap-2 px-5"><img src="/icons/cache-logo.svg" alt="Cache" class="w-6 h-6 text-gray-800 dark:text-gray-100"/><span class="text-sm font-semibold text-gray-800 dark:text-gray-100">
183Memory Cache</span></div></div></div><div class="absolute" style="bottom:16px;left:20px;right:20px"><div class="kafka-broker-box" style="width:100%;height:72px;display:flex;align-items:center;justify-content:flex-start;position:relative"><div class="absolute -top-2 -right-2 bg-[#2d64eb] dark:bg-[#5b8aff] text-white text-[10px] font-semibold px-2.5 py-0.5 rounded shadow-lg whitespace-nowrap">Unlimited Main Storage</div><div class="flex items-center gap-2 px-5"><img src="/icons/s3-logo.svg" alt="S3" class="w-6 h-6 text-gray-800 dark:text-gray-100"/><span class="text-sm font-semibold text-gray-800 dark:text-gray-100">Object Storage</span></div></div></div></div><svg class="absolute inset-0 w-full h-full pointer-events-none" style="z-index:15" aria-hidden="true"><g class=""><defs><marker id="arrow-_R_1id3imttb_" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto" markerUnits="userSpaceOnUse"><polygon points="0 0, 10 3.5, 0 7" fill="#a855f7" class=""></polygon></marker><marker id="arrow-start-_R_1id3imttb_" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto" markerUnits="userSpaceOnUse"><polygon points="0 0, 10 3.5, 0 7" fill="#a855f7" class=""></polygon></marker></defs><path d="M 107 156 L 107 211" stroke="#a855f7" stroke-width="2" fill="none" stroke-dasharray="0" marker-end="url(#arrow-_R_1id3imttb_)" class="animated-arrow-path " style="animation-delay:0s"></path><path d="M 113 211 L 113 156" stroke="#a855f7" stroke-width="2" fill="none" stroke-dasharray="0" marker-end="url(#arrow-start-_R_1id3imttb_)" class="animated-arrow-path " style="animation-delay:0.5s"></path></g><g class=""><defs><marker id="arrow-_R_2id3imttb_" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto" markerUnits="userSpaceOnUse"><polygon points="0 0, 10 3.5, 0 7" fill="#06b6d4" class=""></polygon></marker><marker id="arrow-start-_R_2id3imttb_" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto" markerUnits="userSpaceOnUse"><polygon points="0 0, 10 3.5, 0 7" fill="#06b6d4" class=""></polygon></marker></defs><path d="M 361 156 L 361 211" stroke="#06b6d4" stroke-width="2" fill="none" stroke-dasharray="0" marker-end="url(#arrow-_R_2id3imttb_)" class="animated-arrow-path " style="animation-delay:0.15s"></path><path d="M 367 211 L 367 156" stroke="#06b6d4" stroke-width="2" fill="none" stroke-dasharray="0" marker-end="url(#arrow-start-_R_2id3imttb_)" class="animated-arrow-path " style="animation-delay:0.65s"></path></g><g class=""><defs><marker id="arrow-_R_3id3imttb_" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto" markerUnits="userSpaceOnUse"><polygon points="0 0, 10 3.5, 0 7" fill="#eab308" class=""></polygon></marker><marker id="arrow-start-_R_3id3imttb_" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto" markerUnits="userSpaceOnUse"><polygon points="0 0, 10 3.5, 0 7" fill="#eab308" class=""></polygon></marker></defs><path d="M 615 156 L 615 211" stroke="#eab308" stroke-width="2" fill="none" stroke-dasharray="0" marker-end="url(#arrow-_R_3id3imttb_)" class="animated-arrow-path " style="animation-delay:0.3s"></path><path d="M 621 211 L 621 156" stroke="#eab308" stroke-width="2" fill="none" stroke-dasharray="0" marker-end="url(#arrow-start-_R_3id3imttb_)" class="animated-arrow-path " style="animation-delay:0.8s"></path></g><g class=""><defs><marker id="arrow-_R_4id3imttb_" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto" markerUnits="userSpaceOnUse"><polygon points="0 0, 10 3.5, 0 7" fill="#a855f7" class=""></polygon></marker><marker id="arrow-start-_R_4id3imttb_" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto" markerUnits="userSpaceOnUse"><polygon points="0 0, 10 3.5, 0 7" fill="#a855f7" class=""></polygon></marker></defs><path d="M 107 330 L 107 383" stroke="#a855f7" stroke-width="2" fill="none" stroke-dasharray="0" marker-end="url(#arrow-_R_4id3imttb_)" class="animated-arrow-path " style="animation-delay:0.2s"></path><path d="M 113 383 L 113 330" stroke="#a855f7" stroke-width="2" fill="none" stroke-dasharray="0" marker-end="url(#arrow-start-_R_4id3imttb_)" class="animated-arrow-path " style="animation-delay:0.7s"></path></g><g class=""><defs><marker id="arrow-_R_5id3imttb_" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto" markerUnits="userSpaceOnUse"><polygon points="0 0, 10 3.5, 0 7" fill="#06b6d4" class=""></polygon></marker><marker id="arrow-start-_R_5id3imttb_" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto" markerUnits="userSpaceOnUse"><polygon points="0 0, 10 3.5, 0 7" fill="#06b6d4" class=""></polygon></marker></defs><path d="M 361 330 L 361 383" stroke="#06b6d4" stroke-width="2" fill="none" stroke-dasharray="0" marker-end="url(#arrow-_R_5id3imttb_)" class="animated-arrow-path " style="animation-delay:0.5s"></path><path d="M 367 383 L 367 330" stroke="#06b6d4" stroke-width="2" fill="none" stroke-dasharray="0" marker-end="url(#arrow-start-_R_5id3imttb_)" class="animated-arrow-path " style="animation-delay:1s"></path></g><g class=""><defs><marker id="arrow-_R_6id3imttb_" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto" markerUnits="userSpaceOnUse"><polygon points="0 0, 10 3.5, 0 7" fill="#eab308" class=""></polygon></marker><marker id="arrow-start-_R_6id3imttb_" markerWidth="10" markerHeight="7" refX="9" refY="3.5" orient="auto" markerUnits="userSpaceOnUse"><polygon points="0 0, 10 3.5, 0 7" fill="#eab308" class=""></polygon></marker></defs><path d="M 615 330 L 615 383" stroke="#eab308" stroke-width="2" fill="none" stroke-dasharray="0" marker-end="url(#arrow-_R_6id3imttb_)" class="animated-arrow-path " style="animation-delay:0.8s"></path><path d="M 621 383 L 621 330" stroke="#eab308" stroke-width="2" fill="none" stroke-dasharray="0" marker-end="url(#arrow-start-_R_6id3imttb_)" class="animated-arrow-path " style="animation-delay:1.3s"></path></g></svg><div class="zone-container-vertical zone-purple automq-zone" style="left:0px"><div class="zone-label-vertical">Zone A</div><div class="zone-accent-bar purple"></div><div class="absolute top-12 left-1/2 -translate-x-1/2"><div class="kafka-client-box"><div class="flex items-center gap-2" style="padding-left:20px;padding-right:20px;padding-top:12px;padding-bottom:12px"><div class="w-7 h-7 flex items-center justify-center flex-shrink-0"><img src="/icons/kafka-logo.svg" alt="Kafka" class="w-full h-full text-gray-800 dark:text-gray-100"/></div><span class="text-base font-semibold text-gray-800 dark:text-gray-100">Kafka<br/>Client</span></div></div></div><div class="absolute top-[220px] left-1/2 -translate-x-1/2"><div class="kafka-broker-box automq-broker-highlight" style="position:relative"><div class="absolute -top-2 -right-2 bg-gradient-to-br from-[#10b981] to-[#059669] text-white text-[10px] font-semibold px-2 py-0.5 rounded shadow-lg z-10">Stateless</div><div class="flex items-center gap-2" style="padding-left:20px;padding-right:20px;padding-top:12px;padding-bottom:12px"><div class="w-7 h-7 flex items-center justify-center flex-shrink-0"><img src="/icons/automq-logo.svg" alt="AutoMQ" class="w-7 h-7"/></div><span class="text-base font-semibold text-[#2d64eb] dark:text-[#5b8aff]">AutoMQ<br/>
183Broker</span></div></div></div></div><div class="zone-container-vertical zone-blue automq-zone" style="left:254px"><div class="zone-label-vertical">Zone B</div><div class="zone-accent-bar blue"></div><div class="absolute top-12 left-1/2 -translate-x-1/2"><div class="kafka-client-box"><div class="flex items-center gap-2" style="padding-left:20px;padding-right:20px;padding-top:12px;padding-bottom:12px"><div class="w-7 h-7 flex items-center justify-center flex-shrink-0"><img src="/icons/kafka-logo.svg" alt="Kafka" class="w-full h-full text-gray-800 dark:text-gray-100"/></div><span class="text-base font-semibold text-gray-800 dark:text-gray-100">Kafka<br/>Client</span></div></div></div><div class="absolute top-[220px] left-1/2 -translate-x-1/2"><div class="kafka-broker-box automq-broker-highlight" style="position:relative"><div class="absolute -top-2 -right-2 bg-gradient-to-br from-[#10b981] to-[#059669] text-white text-[10px] font-semibold px-2 py-0.5 rounded shadow-lg z-10">Stateless</div><div class="flex items-center gap-2" style="padding-left:20px;padding-right:20px;padding-top:12px;padding-bottom:12px"><div class="w-7 h-7 flex items-center justify-center flex-shrink-0"><img src="/icons/automq-logo.svg" alt="AutoMQ" class="w-7 h-7"/></div><span class="text-base font-semibold text-[#2d64eb] dark:text-[#5b8aff]">AutoMQ<br/>Broker</span></div></div></div></div><div class="zone-container-vertical zone-yellow automq-zone" style="left:508px"><div class="zone-label-vertical">Zone C</div><div class="zone-accent-bar yellow"></div><div class="absolute top-12 left-1/2 -translate-x-1/2"><div class="kafka-client-box"><div class="flex items-center gap-2" style="padding-left:20px;padding-right:20px;padding-top:12px;padding-bottom:12px"><div class="w-7 h-7 flex items-center justify-center flex-shrink-0"><img src="/icons/kafka-logo.svg" alt="Kafka" class="w-full h-full text-gray-800 dark:text-gray-100"/></div><span class="text-base font-semibold text-gray-800 dark:text-gray-100">Kafka<br/>Client</span></div></div></div><div class="absolute top-[220px] left-1/2 -translate-x-1/2"><div class="kafka-broker-box automq-broker-highlight" style="position:relative"><div class="absolute -top-2 -right-2 bg-gradient-to-br from-[#10b981] to-[#059669] text-white text-[10px] font-semibold px-2 py-0.5 rounded shadow-lg z-10">Stateless</div><div class="flex items-center gap-2" style="padding-left:20px;padding-right:20px;padding-top:12px;padding-bottom:12px"><div class="w-7 h-7 flex items-center justify-center flex-shrink-0"><img src="/icons/automq-logo.svg" alt="AutoMQ" class="w-7 h-7"/></div><span class="text-base font-semibold text-[#2d64eb] dark:text-[#5b8aff]">AutoMQ<br/>Broker</span></div></div></div></div></div></div><div class="w-px bg-gray-300 dark:bg-gray-700 flex-shrink-0 self-stretch"></div><div class="w-96 flex-shrink-0"><div class="bg-gray-50 dark:bg-gray-900 rounded-lg border border-gray-200 dark:border-gray-800 p-6 min-h-[480px] transition-all duration-300 ease-in-out"><h3 class="text-xl font-semibold text-gray-900 dark:text-white mb-4">Diskless Kafka, Infinite Scale</h3><p class="text-gray-600 dark:text-gray-400 mb-6 text-sm leading-relaxed">100% Kafka-compatible — same APIs, same protocol, same ecosystem. AutoMQ&#x27;s shared-storage architecture delivers unlimited scalability with zero operational burden.</p><div class="space-y-4 mb-6"><div class="border-l-2 border-[#2d64eb] pl-3"><div class="flex items-center gap-2 mb-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cloud w-4 h-4 text-[#2d64eb]"><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"></path></svg><h4 class="font-medium text-gray-900 dark:text-white text-sm">Cloud-Native Storage</h4></div><p class="text-xs text-gray-600 dark:text-gray-400 leading-relaxed">Built on object storage (S3, GCS, Azure Blob) — 11 nines durability, unlimited capacity, pay only for what you store</p></div><div class="border-l-2 border-[#2d64eb] pl-3"><div class="flex items-center gap-2 mb-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-hard-drive w-4 h-4 text-[#2d64eb]"><line x1="22" x2="2" y1="12" y2="12"></line><path d="M5.45 5.11 2 12v6a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-6l-3.45-6.89A2 2 0 0 0 16.76 4H7.24a2 2 0 0 0-1.79 1.11z"></path>
183<line x1="6" x2="6.01" y1="16" y2="16"></line><line x1="10" x2="10.01" y1="16" y2="16"></line></svg><h4 class="font-medium text-gray-900 dark:text-white text-sm">Zero Disk</h4></div><p class="text-xs text-gray-600 dark:text-gray-400 leading-relaxed">No EBS volumes, no RAID configs, no disk failures to handle — dramatically reduce ops overhead and infrastructure costs</p></div><div class="border-l-2 border-[#2d64eb] pl-3"><div class="flex items-center gap-2 mb-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap w-4 h-4 text-[#2d64eb]"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg><h4 class="font-medium text-gray-900 dark:text-white text-sm">Zero Over-Provisioning</h4></div><p class="text-xs text-gray-600 dark:text-gray-400 leading-relaxed">Stateless brokers auto-scale in seconds — no capacity planning, no partition reassignment, no idle resources</p></div><div class="border-l-2 border-[#2d64eb] pl-3"><div class="flex items-center gap-2 mb-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-dollar-sign w-4 h-4 text-[#2d64eb]"><line x1="12" x2="12" y1="2" y2="22"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg><h4 class="font-medium text-gray-900 dark:text-white text-sm">Zero Cross-AZ Traffic</h4></div><p class="text-xs text-gray-600 dark:text-gray-400 leading-relaxed">Clients connect to local-zone brokers, shared storage eliminates replica sync — no cross-AZ data transfer costs</p></div></div></div><div class="mt-8"><a class="inline-flex items-center gap-2 text-[#2d64eb] dark:text-[#5b8aff] hover:text-[#2450c7] dark:hover:text-[#4a7aef] transition-colors group" href="/the-diskless-engine"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-5 h-5 group-hover:translate-x-1 transition-transform"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg><span class="text-sm font-medium">Deep dive: How we engineered diskless Kafka for S3</span></a></div></div></div></div></div></section><section id="elasticity" class="py-20 lg:py-28 bg-white dark:bg-gray-950"><div class="container mx-auto px-4"><div class="max-w-7xl mx-auto mb-16"><div class="text-center"><h2 class="text-4xl lg:text-5xl font-bold text-gray-900 dark:text-white mb-4">Scale Kafka with <span class="gradient-text">Ease</span>, Pay per GiB</h2><p class="text-gray-600 dark:text-gray-400 max-w-3xl mx-auto text-[17px]">Simplify scaling and costs. AutoMQ eliminates fixed clusters and provisions resources dynamically, charging you solely based on actual data transferred.</p></div></div><div class="max-w-7xl mx-auto lg:hidden"><div class="space-y-6"><div class="relative w-full aspect-[16/10] max-w-md mx-auto"><div class="flex justify-center gap-4 mb-2"><div class="flex items-center gap-1.5"><div class="w-4 h-0 border-t-2 border-dashed border-red-500 opacity-70"></div><span class="text-[10px] text-gray-600 dark:text-gray-400">Apache Kafka</span></div><div class="flex items-center gap-1.5"><div class="w-4 h-0 border-t-2 border-solid border-green-500"></div><span class="text-[10px] text-gray-600 dark:text-gray-400">Demand</span></div><div class="flex items-center gap-1.5"><div class="w-4 h-0 border-t-2 border-dashed border-[#2d64eb]"></div><span class="text-[10px] text-gray-600 dark:text-gray-400">AutoMQ</span></div></div><svg class="w-full h-full" viewBox="0 0 320 180" preserveAspectRatio="xMidYMid meet"><defs><pattern id="grid-mobile" width="20" height="20" patternUnits="userSpaceOnUse"><path d="M 20 0 L 0 0 0 20" fill="none" stroke="currentColor" stroke-width="0.5" class="text-gray-300 dark:text-gray-700"></path></pattern></defs><rect x="20" y="10" width="280" height="140" fill="url(#grid-mobile)"></rect><path d="M 20 30 L 300 30" stroke="#ef4444" stroke-width="2" fill="none" stroke-dasharray="6 3" class="opacity-70"></path><path d="M 20 140  C 50 140 80 130 100 115 C 115 105 125 85 135 75 C 145 65 160 80 180 100 C 195 115 205 120 220 115 C 230 110 245 80 260 55 C 270 45 280 55 290 75 C 295 90 300 120 300 140" stroke="#10b981" stroke-width="2" fill="none" class="opacity-90"></path><path d="M 20 135  L 60 135  L 60 110  L 90 110  L 90 85  L 120 85  L 120 65  L 170 65  L 170 85  L 200 85  L 200 100  L 230 100  L 230 70  L 250 70  L 250 45  L 280 45  L 280 55  L 300 55 L 300 135" stroke="#2d64eb" stroke-width="2" fill="none" stroke-dasharray="6 3" class="opacity-80"></path><path d="M 20 30  L 300 30  L 300 55  L 280 55  L 280 45  L 250 45  L 250 70  L 230 70  L 230 100  L 200 100  L 200 85  L 170 85  L 170 65  L 120 65  L 120 85  L 90 85  L 90 110  L 60 110  L 60 135  L 20 135  Z" fill="#fbbf24" class="opacity-20"></path><text x="160" y="55" font-size="10" font-weight="600" fill="#f59e0b" text-anchor="middle" class="dark:fill-yellow-400">60-80% Waste</text><text x="20" y="165" font-size="8" fill="currentColor" class="text-gray-500 dark:text-gray-400">00:00</text><text x="90" y="165" font-size="8" fill="currentColor" class="text-gray-500 dark:text-gray-400">06:00</text><text x="155" y="165" font-size="8" fill="currentColor" class="text-gray-500 dark:text-gray-400">12:00</text><text x="220" y="165" font-size="8" fill="currentColor" class="text-gray-500 dark:text-gray-400">18:00</text><text x="285" y="165" font-size="8" fill="currentColor" class="text-gray-500 dark:text-gray-400">24:00</text><text x="8" y="90" font-size="8" fill="currentColor" class="text-gray-500 dark:text-gray-400" transform="rotate(-90, 8, 90)" text-anchor="middle">Resources</text></svg></div><div class="bg-gray-50 dark:bg-gray-900 rounded-lg border border-gray-200 dark:border-gray-800 p-6"><h3 class="text-xl font-semibold text-gray-900 dark:text-white mb-4">Built-in Elasticity</h3><p class="text-gray-600 dark:text-gray-400 mb-6 text-sm leading-relaxed">AutoMQ automatically adjusts capacity based on demand, preventing over-provisioning and cutting expense.</p><div class="space-y-4"><div class="border-l-2 border-[#2d64eb] pl-3"><div class="flex items-center gap-2 mb-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up w-4 h-4 text-[#2d64eb]"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"></polyline><polyline points="16 7 22 7 22 13"></polyline></svg><h4 class="font-medium text-gray-900 dark:text-white text-sm">Auto-Scaling</h4></div><p class="text-xs text-gray-600 dark:text-gray-400 leading-relaxed">Scale automatically based on traffic without manual intervention.</p></div><div class="border-l-2 border-[#2d64eb] pl-3"><div class="flex items-center gap-2 mb-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-dollar-sign w-4 h-4 text-[#2d64eb]"><line x1="12" x2="12" y1="2" y2="22"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg><h4 class="font-medium text-gray-900 dark:text-white text-sm">Pay-as-You-Go Pricing</h4></div><p class="text-xs text-gray-600 dark:text-gray-400 leading-relaxed">Pay only for actual data transferred. No idle capacity charges.</p></div><div class="border-l-2 border-[#2d64eb] pl-3"><div class="flex items-center gap-2 mb-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-activity w-4 h-4 text-[#2d64eb]"><path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l
183-2.35 8.36A2 2 0 0 1 4.49 12H2"></path></svg><h4 class="font-medium text-gray-900 dark:text-white text-sm">Zero Capacity Planning</h4></div><p class="text-xs text-gray-600 dark:text-gray-400 leading-relaxed">No upfront sizing or resource forecasting. Deploy and forget.</p></div><div class="border-l-2 border-[#2d64eb] pl-3"><div class="flex items-center gap-2 mb-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle w-4 h-4 text-[#2d64eb]"><path d="m18 14 4 4-4 4"></path><path d="m18 2 4 4-4 4"></path><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"></path><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"></path><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"></path></svg><h4 class="font-medium text-gray-900 dark:text-white text-sm">Auto-Balancing</h4></div><p class="text-xs text-gray-600 dark:text-gray-400 leading-relaxed">Automatically rebalance partitions across brokers for optimal performance.</p></div></div></div><div class="flex flex-col sm:flex-row gap-4 justify-between sm:items-center"><a class="flex items-center gap-2 text-[#2d64eb] hover:text-[#1e4ec9] dar
183k:text-[#5b8aff] dark:hover:text-[#7da4ff] transition-colors group" href="/pricing"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calculator w-4 h-4"><rect width="16" height="20" x="4" y="2" rx="2"></rect><line x1="8" x2="16" y1="6" y2="6"></line><line x1="16" x2="16" y1="14" y2="18"></line><path d="M16 10h.01"></path><path d="M12 10h.01"></path><path d="M8 10h.01"></path><path d="M12 14h.01"></path><path d="M8 14h.01"></path><path d="M12 18h.01"></path><path d="M8 18h.01"></path></svg><span class="font-medium">See Pricing Based on Your Traffic</span><span class="transform group-hover:translate-x-1 transition-transform">→</span></a><a class="flex items-center gap-2 text-[#2d64eb] hover:text-[#1e4ec9] dark:text-[#5b8aff] dark:hover:text-[#7da4ff] transition-colors group" href="/demo"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play w-4 h-4"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg><span class="font-medium">Watch Auto-Scaling in Action</span><span class="transform group-hover:translate-x-1 transition-transform">→</span></a></div></div></div><div class="max-w-7xl mx-auto hidden lg:block"><div class="flex gap-12 items-start justify-between"><div class="flex-shrink-0"><div class="relative w-[728px] h-[420px]" style="margin-left:20px"><div class="absolute bottom-0 left-0 right-0 flex justify-between text-xs text-gray-500 dark:text-gray-400"><span>00:00</span><span>06:00</span><span>12:00</span><span>18:00</span><span>24:00</span></div><div class="absolute left-0 top-1/2 -translate-y-1/2 -translate-x-6 -rotate-90 text-xs text-gray-500 dark:text-gray-400 font-medium">Compute Resources</div><div class="absolute top-4 right-0 flex gap-6"><div class="flex items-center gap-2"><div class="w-6 h-0 border-t-[3px] border-dashed border-red-500 opacity-70"></div><span class="text-xs text-gray-700 dark:text-gray-300 font-medium">Apache Kafka</span></div><div class="flex items-center gap-2"><div class="w-6 h-0 border-t-[3px] border-solid border-green-500"></div><span class="text-xs text-gray-700 dark:text-gray-300 font-medium">Demand</span></div><div class="flex items-center gap-2"><div class="w-6 h-0 border-t-[3px] border-dashed border-[#2d64eb]"></div><span class="text-xs text-gray-700 dark:text-gray-300 font-medium">AutoMQ</span></div></div><svg class="absolute inset-0 w-full h-full" style="overflow:visible"><defs><pattern id="grid" width="30" height="30" patternUnits="userSpaceOnUse"><path d="M 30 0 L 0 0 0 30" fill="none" stroke="currentColor" stroke-width="0.5" class="text-gray-300 dark:text-gray-700"></path></pattern></defs><rect x="0" y="0" width="720" height="390" fill="url(#grid)"></rect><path d="M 0 60 L 720 60" stroke="#ef4444" stroke-width="3" fill="none" stroke-dasharray="8 4" class="opacity-70"></path><path d="M 0 360  C 60 360 120 345 180 315 C 220 295 250 245 270 225 C 290 205 320 235 360 275 C 400 305 420 315 450 305 C 470 295 495 225 525 165 C 545 145 565 145 585 165 C 610 195 625 235 640 275 C 660 315 690 345 720 360" stroke="#10b981" stroke-width="3" fill="none" class="opacity-90"></path><path d="M 0 330  L 120 330  L 120 300  L 180 300  L 180 240  L 210 240  L 210 210  L 330 210  L 330 240  L 360 240  L 360 270  L 420 270  L 420 270  L 450 270  L 450 210  L 480 210  L 480 180  L 510 180  L 510 150  L 540 150  L 540 120  L 570 120  L 570 150  L 600 150  L 600 180  L 630 180  L 630 240  L 660 240  L 660 300  L 690 300  L 690 330  L 720 330" stroke="#2d64eb" stroke-width="3" fill="none" stroke-dasharray="8 4" class="opacity-80"></path><path d="M 0 60  L 720 60  L 720 330  L 690 330  L 690 300  L 660 300  L 660 240  L 630 240  L 630 180  L 600 180  L 600 150  L 570 150  L 570 120  L 540 120  L 540 150  L 510 150  L 510 180  L 480 180  L 480 210  L 450 210  L 450 270  L 420 270  L 420 270  L 360 270  L 360 240  L 330 240  L 330 210  L 210 210  L 210 240  L 180 240  L 180 300  L 120 300  L 120 330  L 0 330  Z" fill="#fbbf24" class="opacity-20" style="cursor:pointer;transition:all 0.3s ease;filter:none"></path></svg></div><div class="flex justify-between items-center mt-6" style="margin-left:20px"><a class="flex items-center gap-2 text-[#2d64eb] hover:text-[#1e4ec9] dar
183k:text-[#5b8aff] dark:hover:text-[#7da4ff] transition-colors group" href="/pricing"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-calculator w-4 h-4"><rect width="16" height="20" x="4" y="2" rx="2"></rect><line x1="8" x2="16" y1="6" y2="6"></line><line x1="16" x2="16" y1="14" y2="18"></line><path d="M16 10h.01"></path><path d="M12 10h.01"></path><path d="M8 10h.01"></path><path d="M12 14h.01"></path><path d="M8 14h.01"></path><path d="M12 18h.01"></path><path d="M8 18h.01"></path></svg><span class="font-medium">See Pricing Based on Your Traffic</span><span class="transform group-hover:translate-x-1 transition-transform">→</span></a><a class="flex items-center gap-2 text-[#2d64eb] hover:text-[#1e4ec9] dark:text-[#5b8aff] dark:hover:text-[#7da4ff] transition-colors group" href="/demo"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play w-4 h-4"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg><span class="font-medium">Watch Auto-Scaling in Action</span><span class="transform group-hover:translate-x-1 transition-transform">→</span></a></div></div><div class="w-px bg-gray-300 dark:bg-gray-700 flex-shrink-0 self-stretch"></div><div class="w-96 flex-shrink-0"><div class="bg-gray-50 dark:bg-gray-900 rounded-lg border border-gray-200 dark:border-gray-800 p-6"><h3 class="text-xl font-semibold text-gray-900 dark:text-white mb-4">Built-in Elasticity</h3><p class="text-gray-600 dark:text-gray-400 mb-6 text-sm leading-relaxed">AutoMQ automatically adjusts capacity based on demand, preventing over-provisioning and cutting expense.</p><div class="space-y-4"><div class="border-l-2 border-[#2d64eb] pl-3"><div class="flex items-center gap-2 mb-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up w-4 h-4 text-[#2d64eb]"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"></polyline><polyline points="16 7 22 7 22 13"></polyline></svg><h4 class="font-medium text-gray-900 dark:text-white text-sm">Auto-Scaling</h4></div><p class="text-xs text-gray-600 dark:text-gray-400 leading-relaxed">Scale automatically based on traffic without manual intervention.</p></div><div class="border-l-2 border-[#2d64eb] pl-3"><div class="flex items-center gap-2 mb-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-dollar-sign w-4 h-4 text-[#2d64eb]"><line x1="12" x2="12" y1="2" y2="22"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg><h4 class="font-medium text-gray-900 dark:text-white text-sm">Pay-as-You-Go Pricing</h4></div><p class="text-xs text-gray-600 dark:text-gray-400 leading-relaxed">Pay only for actual data transferred. No idle capacity charges.</p></div><div class="border-l-2 border-[#2d64eb] pl-3"><div class="flex items-center gap-2 mb-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-activity w-4 h-4 text-[#2d64eb]"><path d="M22 12h-2.48a2 2 0 0 0-1.93 1.46l-2.35 8.36a.25.25 0 0 1-.48 0L9.24 2.18a.25.25 0 0 0-.48 0l-2.35 8.36A2 2 0 0 1 4.49 12H2"></path></svg><h4 class="font-medium text-gray-900 dark:text-white text-sm">Zero Capacity Planning</h4></div><p class="text-xs text-gray-600 dark:text-gray-400 leading-relaxed">No upfront sizing or resource forecasting. Deploy and forget.</p></div><div class="border-l-2 border-[#2d64eb] pl-3"><div class="flex items-center gap-2 mb-1"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shuffle w-4 h-4 text-[#2d64eb]"><path d="m18 14 4 4-4 4"></path><path d="m18 2 4 4-4 4"></path><path d="M2 18h1.973a4 4 0 0 0 3.3-1.7l5.454-8.6a4 4 0 0 1 3.3-1.7H22"></path><path d="M2 6h1.972a4 4 0 0 1 3.6 2.2"></path><path d="M22 18h-6.041a4 4 0 0 1-3.3-1.8l-.359-.45"></path></svg><h4 class="font-medium text-gray-900 dark:text-white text-sm">Auto-Balancing</h4></div><p class="text-xs text-gray-600 dark:text-gray-400 leading-relaxed">Automatically rebalance partitions across brokers for optimal performance.</p></div></div></div></div></div></div></div></section><section id="features" aria-labelledby="features-heading" class="py-20 lg:py-28 bg-gray-50 dark:bg-gray-900"><div class="container mx-auto px-4"><div class="max-w-7xl mx-auto"><div class="text-center mb-16"><h2 id="features-heading" class="text-4xl lg:text-5xl font-bold text-gray-900 dark:text-white mb-6">AutoMQ: The <span class="gradient-text">Better Kafka</span></h2><p class="text-gray-600 dark:text-gray-400 max-w-3xl mx-auto text-[17px]">A complete reimagining of Kafka for the cloud—radically simpler, more cost-effective, and truly elastic.</p></div><ul class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 list-none p-0 m-0"><li><div class="h-full bg-white dark:bg-gray-800 rounded-lg p-6 border border-gray-200 dark:border-gray-700 hover:border-blue-400 dark:hover:border-blue-500 hover:shadow-lg transition-all duration-300 flex flex-col"><div class="flex items-center gap-3 mb-4">
183<div class="p-2 bg-blue-100 dark:bg-blue-900/30 rounded-lg" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-zap h-6 w-6 text-blue-600 dark:text-blue-400"><path d="M4 14a1 1 0 0 1-.78-1.63l9.9-10.2a.5.5 0 0 1 .86.46l-1.92 6.02A1 1 0 0 0 13 10h7a1 1 0 0 1 .78 1.63l-9.9 10.2a.5.5 0 0 1-.86-.46l1.92-6.02A1 1 0 0 0 11 14z"></path></svg></div><h3 class="text-lg font-semibold text-gray-900 dark:text-white mb-0">Superior Performance</h3></div><ul class="space-y-2 list-none p-0 m-0 flex-1"><li class="text-gray-600 dark:text-gray-400 flex items-start"><span class="text-blue-600 dark:text-blue-400 mr-2 shrink-0">•</span><span>75% lower write latency with P99 ~ 20ms</span></li><li class="text-gray-600 dark:text-gray-400 flex items-start"><span class="text-blue-600 dark:text-blue-400 mr-2 shrink-0">•</span><span>5x faster catch-up reads</span></li><li class="text-gray-600 dark:text-gray-400 flex items-start"><span class="text-blue-600 dark:text-blue-400 mr-2 shrink-0">•</span><span>Partition reassignment in seconds, not hours</span></li><li class="text-gray-600 dark:text-gray-400 flex items-start"><span class="text-blue-600 dark:text-blue-400 mr-2 shrink-0">•</span><span>Read/write isolation prevents mutual interference</span></li></ul><a class="mt-6 inline-flex items-center gap-2 text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 transition-colors group" href="https://docs.automq.com/automq-cloud/appendix/performance-benchmark"><span>View Benchmark Results</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 shrink-0 transition-transform group-hover:translate-x-1"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></li><li><div class="h-full bg-white dark:bg-gray-800 rounded-lg p-6 border border-gray-200 dark:border-gray-700 hover:border-blue-400 dark:hover:border-blue-500 hover:shadow-lg transition-all duration-300 flex flex-col"><div class="flex items-center gap-3 mb-4"><div class="p-2 bg-blue-100 dark:bg-blue-900/30 rounded-lg" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-dollar-sign h-6 w-6 text-blue-600 dark:text-blue-400"><line x1="12" x2="12" y1="2" y2="22"></line><path d="M17 5H9.5a3.5 3.5 0 0 0 0 7h5a3.5 3.5 0 0 1 0 7H6"></path></svg></div><h3 class="text-lg font-semibold text-gray-900 dark:text-white mb-0">Cost Efficiency</h3></div><ul class="space-y-2 list-none p-0 m-0 flex-1"><li class="text-gray-600 dark:text-gray-400 flex items-start"><span class="text-blue-600 dark:text-blue-400 mr-2 shrink-0">•</span><span>Up to 21x lower storage cost (3× EBS replicas → S3)</span></li><li class="text-gray-600 dark:text-gray-400 flex items-start"><span class="text-blue-600 dark:text-blue-400 mr-2 shrink-0">•</span><span>Zero cross-AZ data transfer fees (vs ~$0.05/GB in Kafka)</span></li><li class="text-gray-600 dark:text-gray-400 flex items-start"><span class="text-blue-600 dark:text-blue-400 mr-2 shrink-0">•</span><span>Pay-as-you-go, usage-based pricing</span></li><li class="text-gray-600 dark:text-gray-400 flex items-start"><span class="text-blue-600 dark:text-blue-400 mr-2 shrink-0">•</span><span>Auto-scaling, no idle capacity or overprovisioning</span></li></ul><a class="mt-6 inline-flex items-center gap-2 text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 transition-colors group" href="/kafka-cost-comparison"><span>See Cost Comparison</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 shrink-0 transition-transform group-hover:translate-x-1"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></li><li><div class="h-full bg-white dark:bg-gray-800 rounded-lg p-6 border border-gray-200 dark:border-gray-700 hover:border-blue-400 dark:hover:border-blue-500 hover:shadow-lg transition-all duration-300 flex flex-col"><div class="flex items-center gap-3 mb-4">
183<div class="p-2 bg-blue-100 dark:bg-blue-900/30 rounded-lg" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-trending-up h-6 w-6 text-blue-600 dark:text-blue-400"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"></polyline><polyline points="16 7 22 7 22 13"></polyline></svg></div><h3 class="text-lg font-semibold text-gray-900 dark:text-white mb-0">True Elasticity</h3></div><ul class="space-y-2 list-none p-0 m-0 flex-1"><li class="text-gray-600 dark:text-gray-400 flex items-start"><span class="text-blue-600 dark:text-blue-400 mr-2 shrink-0">•</span><span>Scale up and down in seconds</span></li><li class="text-gray-600 dark:text-gray-400 flex items-start"><span class="text-blue-600 dark:text-blue-400 mr-2 shrink-0">•</span><span>Auto-scaling based on workload</span></li><li class="text-gray-600 dark:text-gray-400 flex items-start"><span class="text-blue-600 dark:text-blue-400 mr-2 shrink-0">•</span><span>Auto-balancing keeps partitions evenly distributed</span></li><li class="text-gray-600 dark:text-gray-400 flex items-start"><span class="text-blue-600 dark:text-blue-400 mr-2 shrink-0">•</span><span>Zero downtime during scaling operations</span></li></ul><a class="mt-6 inline-flex items-center gap-2 text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 transition-colors group" href="/the-diskless-engine"><span>Learn About Elasticity</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 shrink-0 transition-transform group-hover:translate-x-1"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></li><li><div class="h-full bg-white dark:bg-gray-800 rounded-lg p-6 border border-gray-200 dark:border-gray-700 hover:border-blue-400 dark:hover:border-blue-500 hover:shadow-lg transition-all duration-300 flex flex-col"><div class="flex items-center gap-3 mb-4"><div class="p-2 bg-blue-100 dark:bg-blue-900/30 rounded-lg" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-check-big h-6 w-6 text-blue-600 dark:text-blue-400"><path d="M21.801 10A10 10 0 1 1 17 3.335"></path><path d="m9 11 3 3L22 4"></path></svg></div><h3 class="text-lg font-semibold text-gray-900 dark:text-white mb-0">Fully Kafka Compatible</h3></div><ul class="space-y-2 list-none p-0 m-0 flex-1"><li class="text-gray-600 dark:text-gray-400 flex items-start"><span class="text-blue-600 dark:text-blue-400 mr-2 shrink-0">•</span><span>100% compatible with Apache Kafka APIs</span></li><li class="text-gray-600 dark:text-gray-400 flex items-start"><span class="text-blue-600 dark:text-blue-400 mr-2 shrink-0">•</span><span>Drop-in replacement for existing applications</span></li><li class="text-gray-600 dark:text-gray-400 flex items-start"><span class="text-blue-600 dark:text-blue-400 mr-2 shrink-0">•</span><span>Works with all Kafka ecosystem tools</span></li><li class="text-gray-600 dark:text-gray-400 flex items-start"><span class="text-blue-600 dark:text-blue-400 mr-2 shrink-0">•</span><span>No code changes required</span></li></ul><a class="mt-6 inline-flex items-center gap-2 text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 transition-colors group" href="/built-on-kafka"><span>View Compatibility</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 shrink-0 transition-transform group-hover:translate-x-1"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></li><li><div class="h-full bg-white dark:bg-gray-800 rounded-lg p-6 border border-gray-200 dark:border-gray-700 hover:border-blue-400 dark:hover:border-blue-500 hover:shadow-lg transition-all duration-300 flex flex-col"><div class="flex items-center gap-3 mb-4">
183<div class="p-2 bg-blue-100 dark:bg-blue-900/30 rounded-lg" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cloud h-6 w-6 text-blue-600 dark:text-blue-400"><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"></path></svg></div><h3 class="text-lg font-semibold text-gray-900 dark:text-white mb-0">Cloud Native</h3></div><ul class="space-y-2 list-none p-0 m-0 flex-1"><li class="text-gray-600 dark:text-gray-400 flex items-start"><span class="text-blue-600 dark:text-blue-400 mr-2 shrink-0">•</span><span>Built for AWS, Azure, Google Cloud, and OCI</span></li><li class="text-gray-600 dark:text-gray-400 flex items-start"><span class="text-blue-600 dark:text-blue-400 mr-2 shrink-0">•</span><span>Leverage cloud object storage</span></li><li class="text-gray-600 dark:text-gray-400 flex items-start"><span class="text-blue-600 dark:text-blue-400 mr-2 shrink-0">•</span><span>Multi-AZ deployment by default</span></li><li class="text-gray-600 dark:text-gray-400 flex items-start"><span class="text-blue-600 dark:text-blue-400 mr-2 shrink-0">•</span><span>Integrated with cloud-native tooling</span></li></ul><a class="mt-6 inline-flex items-center gap-2 text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 transition-colors group" href="/the-diskless-engine"><span>Explore Architecture</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 shrink-0 transition-transform group-hover:translate-x-1"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></li><li><div class="h-full bg-white dark:bg-gray-800 rounded-lg p-6 border border-gray-200 dark:border-gray-700 hover:border-blue-400 dark:hover:border-blue-500 hover:shadow-lg transition-all duration-300 flex flex-col"><div class="flex items-center gap-3 mb-4"><div class="p-2 bg-blue-100 dark:bg-blue-900/30 rounded-lg" aria-hidden="true"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-settings h-6 w-6 text-blue-600 dark:text-blue-400"><path d="M12.22 2h-.44a2 2 0 0 0-2 2v.18a2 2 0 0 1-1 1.73l-.43.25a2 2 0 0 1-2 0l-.15-.08a2 2 0 0 0-2.73.73l-.22.38a2 2 0 0 0 .73 2.73l.15.1a2 2 0 0 1 1 1.72v.51a2 2 0 0 1-1 1.74l-.15.09a2 2 0 0 0-.73 2.73l.22.38a2 2 0 0 0 2.73.73l.15-.08a2 2 0 0 1 2 0l.43.25a2 2 0 0 1 1 1.73V20a2 2 0 0 0 2 2h.44a2 2 0 0 0 2-2v-.18a2 2 0 0 1 1-1.73l.43-.25a2 2 0 0 1 2 0l.15.08a2 2 0 0 0 2.73-.73l.22-.39a2 2 0 0 0-.73-2.73l-.15-.08a2 2 0 0 1-1-1.74v-.5a2 2 0 0 1 1-1.74l.15-.09a2 2 0 0 0 .73-2.73l-.22-.38a2 2 0 0 0-2.73-.73l-.15.08a2 2 0 0 1-2 0l-.43-.25a2 2 0 0 1-1-1.73V4a2 2 0 0 0-2-2z"></path><circle cx="12" cy="12" r="3"></circle></svg></div><h3 class="text-lg font-semibold text-gray-900 dark:text-white mb-0">Simple Operations</h3></div><ul class="space-y-2 list-none p-0 m-0 flex-1"><li class="text-gray-600 dark:text-gray-400 flex items-start"><span class="text-blue-600 dark:text-blue-400 mr-2 shrink-0">•</span><span>No complex cluster management</span></li><li class="text-gray-600 dark:text-gray-400 flex items-start"><span class="text-blue-600 dark:text-blue-400 mr-2 shrink-0">•</span><span>Automated failover and recovery</span></li><li class="text-gray-600 dark:text-gray-400 flex items-start"><span class="text-blue-600 dark:text-blue-400 mr-2 shrink-0">•</span><span>Built-in monitoring and observability</span></li><li class="text-gray-600 dark:text-gray-400 flex items-start"><span class="text-blue-600 dark:text-blue-400 mr-2 shrink-0">•</span><span>Reduce operational overhead by 90%</span></li></ul><a class="mt-6 inline-flex items-center gap-2 text-blue-600 dark:text-blue-400 hover:text-blue-700 dark:hover:text-blue-300 transition-colors group" href="/bring-your-own-cloud-kafka-data-streaming"><span>See How It Works</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 shrink-0 transition-transform group-hover:translate-x-1"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></li></ul></div></div></section><section id="ecosystem" class="py-20 lg:py-28 bg-white dark:bg-gray-800"><div class="container mx-auto px-4"><div class="max-w-7xl mx-auto"><div class="text-center mb-16"><h2 class="text-4xl lg:text-5xl font-bold text-gray-900 dark:text-white leading-tight mb-6">Powering Your Kafka Ecosystem</h2><p class="text-xl text-gray-600 dark:text-gray-400 max-w-3xl mx-auto">Go beyond basic Kafka with enterprise‑grade solutions for seamless migration, managed connectors, multi‑cluster resilience, and lakehouse integration—all in one unified platform.</p></div><div class="grid md:grid-cols-2 gap-6"><a class="block p-8 bg-gray-50 dark:bg-gray-900 border border-gray-200 dark:border-gray-700 rounded-xl hover:shadow-xl transition-all duration-300 hover:-translate-y-1" href="/kafka-to-iceberg"><div class="flex items-center justify-between mb-4"><div class="flex items-center gap-4"><div class="flex-shrink-0"><div class="w-12 h-12 bg-gradient-to-br from-[#2d64eb]/20 to-[#2d64eb]/10 rounded-lg flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-table h-6 w-6 text-[#2d64eb]"><path d="M12 3v18"></path><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9h18"></path><path d="M3 15h18"></path></svg></div></div><h3 class="text-xl text-gray-900 dark:text-white font-bold">Table Topic</h3></div><span class="inline-flex items-center px-3 py-1 rounded-full text-xs bg-gradient-to-r from-[#2d64eb]/10 to-[#2d64eb]/20 text-[#2d64eb] dark:from-[#2d64eb]/20 dark:to-[#2d64eb]/30 dark:text-blue-400 border border-[#2d64eb]/30 flex-shrink-0">Streaming Lakehouse</span></div><p class="text-gray-600 dark:text-gray-400 leading-relaxed">Natively integrates Iceberg/Delta Lake table formats to auto-convert Kafka topics into query-ready tables without ETL pipelines.</p></a><a class="block p-8 bg-gray-50 dark:bg-gray-900 border border-gray-200 dark:border-gray-700 rounded-xl hover:shadow-xl transition-all duration-300 hover:-translate-y-1" href="/managed-kafka-connector"><div class="flex items-center justify-between mb-4"><div class="flex items-center gap-4"><div class="flex-shrink-0"><div class="w-12 h-12 bg-gradient-to-br from-purple-500/20 to-purple-500/10 rounded-lg flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cable h-6 w-6 text-purple-600"><path d="M17 21v-2a1 1 0 0 1-1-1v-1a2 2 0 0 1 2-2h2a2 2 0 0 1 2 2v1a1 1 0 0 1-1 1"></path><path d="M19 15V6.5a1 1 0 0 0-7 0v11a1 1 0 0 1-7 0V9"></path><path d="M21 21v-2h-4"></path><path d="M3 5h4V3"></path><path d="M7 5a1 1 0 0 1 1 1v1a2 2 0 0 1-2 2H4a2 2 0 0 1-2-2V6a1 1 0 0 1 1-1V3"></path></svg></div></div><h3 class="text-xl text-gray-900 dark:text-white font-bold">Managed Connector</h3></div><span class="inline-flex items-center px-3 py-1 rounded-full text-xs bg-gradient-to-r from-purple-500/10 to-purple-500/20 text-purple-600 dar
183k:from-purple-500/20 dark:to-purple-500/30 dark:text-purple-400 border border-purple-500/30 flex-shrink-0">Kafka Connector</span></div><p class="text-gray-600 dark:text-gray-400 leading-relaxed">300+ connectors with 100% compatibility with Kafka upstream and downstream ecosystem.</p></a><a class="block p-8 bg-gray-50 dark:bg-gray-900 border border-gray-200 dark:border-gray-700 rounded-xl hover:shadow-xl transition-all duration-300 hover:-translate-y-1" href="/kafka-linking-apache-kafka-migration-and-replication"><div class="flex items-center justify-between mb-4"><div class="flex items-center gap-4"><div class="flex-shrink-0"><div class="w-12 h-12 bg-gradient-to-br from-green-500/20 to-green-500/10 rounded-lg flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-link h-6 w-6 text-green-600"><path d="M10 13a5 5 0 0 0 7.54.54l3-3a5 5 0 0 0-7.07-7.07l-1.72 1.71"></path><path d="M14 11a5 5 0 0 0-7.54-.54l-3 3a5 5 0 0 0 7.07 7.07l1.71-1.71"></path></svg></div></div><h3 class="text-xl text-gray-900 dark:text-white font-bold">AutoMQ Linking</h3></div><span class="inline-flex items-center px-3 py-1 rounded-full text-xs bg-gradient-to-r from-green-500/10 to-green-500/20 text-green-600 dark:from-green-500/20 dark:to-green-500/30 dark:text-green-400 border border-green-500/30 flex-shrink-0">Migration</span></div><p class="text-gray-600 dark:text-gray-400 leading-relaxed">Zero-downtime migration from any Kafka. Byte-for-byte replication. Rolling cutover. Done.</p></a><a class="block p-8 bg-gray-50 dark:bg-gray-900 border border-gray-200 dark:border-gray-700 rounded-xl hover:shadow-xl transition-all duration-300 hover:-translate-y-1" href="/kafka-multi-cluster-disaster-recovery"><div class="flex items-center justify-between mb-4"><div class="flex items-center gap-4"><div class="flex-shrink-0"><div class="w-12 h-12 bg-gradient-to-br from-orange-500/20 to-orange-500/10 rounded-lg flex items-center justify-center"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-layers h-6 w-6 text-orange-600"><path d="M12.83 2.18a2 2 0 0 0-1.66 0L2.6 6.08a1 1 0 0 0 0 1.83l8.58 3.91a2 2 0 0 0 1.66 0l8.58-3.9a1 1 0 0 0 0-1.83z"></path><path d="M2 12a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 12"></path><path d="M2 17a1 1 0 0 0 .58.91l8.6 3.91a2 2 0 0 0 1.65 0l8.58-3.9A1 1 0 0 0 22 17"></path></svg></div></div><h3 class="text-xl text-gray-900 dark:text-white font-bold">Multi-Cluster DR</h3></div><span class="inline-flex items-center px-3 py-1 rounded-full text-xs bg-gradient-to-r from-orange-500/10 to-orange-500/20 text-orange-600 dark:from-orange-500/20 dark:to-orange-500/30 dark:text-orange-400 border border-orange-500/30 flex-shrink-0">Disaster Recovery</span></div><p class="text-gray-600 dark:text-gray-400 leading-relaxed">Unified access point for multiple clusters with transparent topic cluster switching through proxy metadata routing for disaster recovery capabilities.</p></a></div></div></div></section><section id="performance" class="py-20 lg:py-28 bg-white dark:bg-gray-900"><div class="container mx-auto px-4"><div class="max-w-7xl mx-auto"><div class="text-center mb-12"><h2 class="text-4xl lg:text-5xl font-bold text-gray-900 dark:text-white mb-6">Performance Comparison</h2><p class="text-gray-600 dark:text-gray-400 max-w-3xl mx-auto text-[17px]">AutoMQ outperforms Apache Kafka on latency, throughput, and rebalancing—by a lot. Looking for a specific metric?<!-- --> <a class="text-[#2d64eb] hover:text-[#2d64eb]/80 dark:text-[#2d64eb] dark:hover:text-[#2d64eb]/80 transition-colors underline" href="/contact">Contact us</a>.</p></div><div class="overflow-x-auto"><div class="inline-block min-w-full align-middle"><div class="overflow-hidden border-t border-b border-gray-200 dark:border-gray-700 shadow-lg"><table class="min-w-full divide-y divide-gray-200 dark:divide-gray-700" aria-label="Performance comparison between AutoMQ and Apache Kafka"><caption class="sr-only">Performance metrics comparison showing latency, throughput, and scaling capabilities</caption><thead class="bg-gray-100 dark:bg-gray-800"><tr><th scope="col" class="px-6 py-4 text-left text-gray-700 dark:text-gray-300 min-w-[160px]">Metric</th><th scope="col" class="px-6 py-4 text-left text-gray-700 dark:text-gray-300 min-w-[200px]">Apache Kafka®</th><th scope="col" class="px-6 py-4 text-left text-gray-700 dark:text-gray-300 min-w-[320px]">AutoMQ</th><th scope="col" class="px-6 py-4 text-left text-gray-700 dark:text-gray-300 min-w-[100px]">Notes</th></tr></thead><tbody class="bg-white dark:bg-gray-900 divide-y divide-gray-200 dark:divide-gray-700"><tr class="hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors"><td class="px-6 py-4 text-left text-gray-900 dark:text-white min-w-[160px]">Produce Latency (Median)</td><td class="px-6 py-4 text-left text-gray-600 dark:text-gray-400 min-w-[200px]">5ms</td><td class="px-6 py-4 text-left text-gray-600 dark:text-gray-400 min-w-[320px]"><ul class="list-disc list-inside space-y-1"><li class="whitespace-nowrap">AWS 1 AZ: 2ms</li><li class="whitespace-nowrap">AWS Multi-AZ: 5ms</li><li class="whitespace-nowrap">Azure, GCP: 10ms</li></ul></td><td class="px-6 py-4 text-left text-gray-600 dark:text-gray-400 align-middle" rowSpan="2">AutoMQ bypasses OS PageCache and Java heap, eliminating GC pauses for consistently low latency.</td></tr><tr class="hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors"><td class="px-6 py-4 text-left text-gray-900 dark:text-white min-w-[160px]">Produce Latency (P99)</td><td class="px-6 py-4 text-left text-gray-600 dark:text-gray-400 min-w-[200px]">100ms (with PageCache thrashing)</td><td class="px-6 py-4 text-left text-gray-600 dark:text-gray-400 min-w-[320px]"><ul class="list-disc list-inside space-y-1"><li class="whitespace-nowrap">AWS 1 AZ: 10ms</li><li class="whitespace-nowrap">AWS Multi-AZ: 20ms</li><li class="whitespace-nowrap">Azure, GCP: 30ms</li></ul></td></tr><tr class="hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors"><td class="px-6 py-4 text-left text-gray-900 dark:text-white min-w-[160px]">Catch-up Read Throughput</td><td class="px-6 py-4 text-left text-gray-600 dark:text-gray-400 min-w-[200px]">Bound by broker disk I/O</td><td class="px-6 py-4 text-left text-gray-600 dark:text-gray-400 min-w-[320px]">&gt;1GB/s per broker</td><td class="px-6 py-4 text-left text-gray-600 dark:text-gray-400 align-middle">Data streams directly from cloud storage, enabling massive parallel reads unbounded by local disk.</td></tr><tr class="hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors"><td class="px-6 py-4 text-left text-gray-900 dark:text-white min-w-[160px]">Maximum Partitions</td><td class="px-6 py-4 text-left text-gray-600 dark:text-gray-400 min-w-[200px]">100Ks</td><td class="px-6 py-4 text-left text-gray-600 dark:text-gray-400 min-w-[320px]">100Ks</td><td class="px-6 py-4 text-left text-gray-600 dark:text-gray-400 align-middle">AutoMQ uses Kafka&#x27;s KRaft for metadata, delivering the same high partition limits as Apache Kafka.</td></tr><tr class="hover:bg-gray-50 dark:hover:bg-gray-800 transition-colors"><td class="px-6 py-4 text-left text-gray-900 dark:text-white min-w-[160px]">Partition Reassignment Time</td><td class="px-6 py-4 text-left text-gray-600 dark:text-gray-400 min-w-[200px]">Hours</td><td class="px-6 py-4 text-left text-gray-600 dark:text-gray-400 min-w-[320px]">Seconds</td><td class="px-6 py-4 text-left text-gray-600 dark:text-gray-400 align-middle">Scaling requires only metadata updates—zero inter-broker data movement.</td></tr></tbody></table></div></div></div></div></div></section><section id="deployment" class="border-y border-slate-200 bg-gradient-to-b from-white to-slate-50 py-12 dark:border-slate-800 dark:from-slate-950 dar
183k:to-slate-900 lg:py-16"><div class="container mx-auto px-4"><div class="mx-auto max-w-7xl"><div class="mb-8 text-center"><h2 class="mx-auto max-w-4xl text-3xl font-bold leading-tight tracking-normal text-slate-950 dark:text-white md:text-4xl lg:text-[42px]">BYOC or Software? Choose Your Experience</h2></div><div class="grid gap-8 lg:grid-cols-2"><article class="group flex h-full flex-col rounded-lg border bg-white p-5 shadow-sm transition-all duration-300 hover:-translate-y-0.5 hover:shadow-md dark:bg-slate-950 lg:p-6 border-blue-100 hover:border-blue-200 dark:border-blue-950 dark:hover:border-blue-800"><div class="flex items-start justify-between gap-4"><div><div class="mb-3 inline-flex items-center rounded-full px-2.5 py-1 text-xs font-semibold bg-blue-50 text-[#2d64eb] ring-1 ring-blue-100 dark:bg-blue-950/40 dark:text-blue-300 dark:ring-blue-900">Managed in your cloud</div><h3 class="text-2xl font-bold tracking-normal text-slate-950 dark:text-white">AutoMQ BYOC</h3></div><div class="flex h-8 w-8 shrink-0 items-center justify-center text-[#2d64eb]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cloud h-5 w-5"><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"></path></svg></div></div><p class="mt-4 text-base font-semibold leading-6 text-slate-900 dark:text-slate-100">For teams that want a managed Kafka experience without moving data out of their account.</p><div class="mt-4 flex flex-wrap gap-2"><span class="rounded-md border border-slate-200 bg-slate-50 px-2.5 py-1 text-xs font-medium text-slate-600 dark:border-slate-800 dark:bg-slate-900 dark:text-slate-300">Console</span><span class="rounded-md border border-slate-200 bg-slate-50 px-2.5 py-1 text-xs font-medium text-slate-600 dark:border-slate-800 dark:bg-slate-900 dark:text-slate-300">Terraform</span><span class="rounded-md border border-slate-200 bg-slate-50 px-2.5 py-1 text-xs font-medium text-slate-600 dark:border-slate-800 dark:bg-slate-900 dark:text-slate-300">REST API</span><span class="rounded-md border border-slate-200 bg-slate-50 px-2.5 py-1 text-xs font-medium text-slate-600 dark:border-slate-800 dark:bg-slate-900 dark:text-slate-300">Marketplace</span></div><ul class="mt-6 flex-1 space-y-3"><li class="flex gap-3"><span class="mt-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-md bg-slate-100 text-slate-700 dark:bg-slate-900 dark:text-slate-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-gauge h-3.5 w-3.5"><path d="m12 14 4-4"></path><path d="M3.34 19a10 10 0 1 1 17.32 0"></path></svg></span><p class="text-sm leading-6 text-slate-600 dark:text-slate-400"><span class="font-semibold text-slate-950 dark:text-white">Lower ops load.</span> <!-- -->Provisioning, scaling, rebalancing, and patching are automated.</p></li><li class="flex gap-3"><span class="mt-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-md bg-slate-100 text-slate-700 dark:bg-slate-900 dark:text-slate-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check h-3.5 w-3.5"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg></span><p class="text-sm leading-6 text-slate-600 dark:text-slate-400"><span class="font-semibold text-slate-950 dark:text-white">Cloud-native isolation.</span> <!-- -->Data, KRaft metadata, and control plane stay inside your VPC.</p></li><li class="flex gap-3"><span class="mt-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-md bg-slate-100 text-slate-700 dark:bg-slate-900 dark:text-slate-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wallet-cards h-3.5 w-3.5"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2"></path><path d="M3 11h3c.8 0 1.6.3 2.1.9l1.1.9c1.6 1.6 4.1 1.6 5.7 0l1.1-.9c.5-.5 1.3-.9 2.1-.9H21"></path></svg></span>
183<p class="text-sm leading-6 text-slate-600 dark:text-slate-400"><span class="font-semibold text-slate-950 dark:text-white">Flexible billing.</span> <!-- -->Use pay-as-you-go subscriptions through major cloud marketplaces.</p></li></ul><a href="https://console.automq.cloud/?cta_location=byoc_vs_software" target="_blank" rel="noopener noreferrer" class="group/cta mt-6 inline-flex h-10 w-full items-center justify-center gap-2 rounded-lg px-5 text-sm font-semibold transition-all duration-200 bg-[#2d64eb] text-white hover:bg-[#2455c8] hover:shadow-lg hover:shadow-blue-500/20">Start Free Trial<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 transition-transform duration-200 group-hover/cta:translate-x-0.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></article><article class="group flex h-full flex-col rounded-lg border bg-white p-5 shadow-sm transition-all duration-300 hover:-translate-y-0.5 hover:shadow-md dark:bg-slate-950 lg:p-6 border-gray-300"><div class="flex items-start justify-between gap-4"><div><div class="mb-3 inline-flex items-center rounded-full px-2.5 py-1 text-xs font-semibold border border-gray-300 bg-gray-100 text-gray-700">Integrated by your platform team</div><h3 class="text-2xl font-bold tracking-normal text-slate-950 dark:text-white">AutoMQ Software</h3></div><div class="flex h-8 w-8 shrink-0 items-center justify-center text-gray-600"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-server-cog h-5 w-5"><circle cx="12" cy="12" r="3"></circle><path d="M4.5 10H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-.5"></path><path d="M4.5 14H4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-.5"></path><path d="M6 6h.01"></path><path d="M6 18h.01"></path><path d="m15.7 13.4-.9-.3"></path><path d="m9.2 10.9-.9-.3"></path><path d="m10.6 15.7.3-.9"></path><path d="m13.6 15.7-.4-1"></path><path d="m10.8 9.3-.4-1"></path><path d="m8.3 13.6 1-.4"></path><path d="m14.7 10.8 1-.4"></path><path d="m13.4 8.3-.3.9"></path></svg></div></div><p class="mt-4 text-base font-semibold leading-6 text-slate-900 dark:text-slate-100">For platform teams that already own Kubernetes delivery and infrastructure controls.</p><div class="mt-4 flex flex-wrap gap-2"><span class="rounded-md border border-slate-200 bg-slate-50 px-2.5 py-1 text-xs font-medium text-slate-600 dark:border-slate-800 dark:bg-slate-900 dark:text-slate-300">Strimzi</span><span class="rounded-md border border-slate-200 bg-slate-50 px-2.5 py-1 text-xs font-medium text-slate-600 dark:border-slate-800 dark:bg-slate-900 dark:text-slate-300">Helm</span><span class="rounded-md border border-slate-200 bg-slate-50 px-2.5 py-1 text-xs font-medium text-slate-600 dark:border-slate-800 dark:bg-slate-900 dark:text-slate-300">K8s Operators</span><span class="rounded-md border border-slate-200 bg-slate-50 px-2.5 py-1 text-xs font-medium text-slate-600 dark:border-slate-800 dark:bg-slate-900 dark:text-slate-300">Private IDC</span></div><ul class="mt-6 flex-1 space-y-3"><li class="flex gap-3"><span class="mt-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-md bg-slate-100 text-slate-700 dark:bg-slate-900 dark:text-slate-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-sliders-horizontal h-3.5 w-3.5"><line x1="21" x2="14" y1="4" y2="4"></line><line x1="10" x2="3" y1="4" y2="4"></line><line x1="21" x2="12" y1="12" y2="12"></line><line x1="8" x2="3" y1="12" y2="12"></line><line x1="21" x2="16" y1="20" y2="20"></line><line x1="12" x2="3" y1="20" y2="20"></line><line x1="14" x2="14" y1="2" y2="6"></line><line x1="8" x2="8" y1="10" y2="14"></line><line x1="16" x2="16" y1="18" y2="22"></line></svg></span>
183<p class="text-sm leading-6 text-slate-600 dark:text-slate-400"><span class="font-semibold text-slate-950 dark:text-white">Use your stack.</span> <!-- -->Fit AutoMQ into existing Kubernetes and Kafka deployment workflows.</p></li><li class="flex gap-3"><span class="mt-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-md bg-slate-100 text-slate-700 dark:bg-slate-900 dark:text-slate-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-server-cog h-3.5 w-3.5"><circle cx="12" cy="12" r="3"></circle><path d="M4.5 10H4a2 2 0 0 1-2-2V4a2 2 0 0 1 2-2h16a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-.5"></path><path d="M4.5 14H4a2 2 0 0 0-2 2v4a2 2 0 0 0 2 2h16a2 2 0 0 0 2-2v-4a2 2 0 0 0-2-2h-.5"></path><path d="M6 6h.01"></path><path d="M6 18h.01"></path><path d="m15.7 13.4-.9-.3"></path><path d="m9.2 10.9-.9-.3"></path><path d="m10.6 15.7.3-.9"></path><path d="m13.6 15.7-.4-1"></path><path d="m10.8 9.3-.4-1"></path><path d="m8.3 13.6 1-.4"></path><path d="m14.7 10.8 1-.4"></path><path d="m13.4 8.3-.3.9"></path></svg></span><p class="text-sm leading-6 text-slate-600 dark:text-slate-400"><span class="font-semibold text-slate-950 dark:text-white">Own the controls.</span> <!-- -->Keep maintenance windows, scheduling, and infrastructure tuning in-house.</p></li><li class="flex gap-3"><span class="mt-0.5 flex h-6 w-6 shrink-0 items-center justify-center rounded-md bg-slate-100 text-slate-700 dark:bg-slate-900 dark:text-slate-200"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2.4" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-wallet-cards h-3.5 w-3.5"><rect width="18" height="18" x="3" y="3" rx="2"></rect><path d="M3 9a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2"></path><path d="M3 11h3c.8 0 1.6.3 2.1.9l1.1.9c1.6 1.6 4.1 1.6 5.7 0l1.1-.9c.5-.5 1.3-.9 2.1-.9H21"></path></svg></span><p class="text-sm leading-6 text-slate-600 dark:text-slate-400"><span class="font-semibold text-slate-950 dark:text-white">Enterprise terms.</span> <!-- -->Support pay-as-you-go, marketplace, and custom contract options.</p></li></ul><a class="group/cta mt-6 inline-flex h-10 w-full items-center justify-center gap-2 rounded-lg px-5 text-sm font-semibold transition-all duration-200 border border-slate-300 bg-white text-slate-900 hover:border-slate-400 hover:bg-slate-50 dark:border-slate-700 dark:bg-slate-950 dark:text-white dark:hover:border-slate-600 dark:hover:bg-slate-900" href="/contact">Talk to an Expert<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-4 w-4 transition-transform duration-200 group-hover/cta:translate-x-0.5"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></article></div><div class="mt-6 border-t border-slate-200 pt-6 dark:border-slate-800"><div class="grid gap-4 text-sm md:grid-cols-3"><div class="border-l-2 border-[#2d64eb] pl-4"><p class="font-semibold text-slate-950 dark:text-white">Choose BYOC</p><p class="mt-1 leading-6 text-slate-600 dark:text-slate-400">when you want the fastest path to managed production Kafka.</p></div><div class="border-l-2 border-gray-400 pl-4"><p class="font-semibold text-slate-950 dark:text-white">Choose Software</p><p class="mt-1 leading-6 text-slate-600 dark:text-slate-400">when your platform team must own deployment mechanics.</p></div><div class="border-l-2 border-slate-300 pl-4 dark:border-slate-700"><p class="font-semibold text-slate-950 dark:text-white">Same foundation</p><p class="mt-1 leading-6 text-slate-600 dark:text-slate-400">Kafka compatibility, diskless architecture, and sovereignty by design.</p></div></div></div></div></div></section><section id="testimonials" class="relative py-20 lg:py-28 overflow-hidden bg-gradient-to-b from-gray-50 via-white to-gray-50 dark:from-gray-950 dark:via-gray-900 dark:to-gray-950"><div class="absolute inset-0 pointer-events-none overflow-hidden"><div class="absolute inset-0 opacity-[0.03] dark:opacity-[0.05]" style="background-image:linear-gradient(#2d64eb 1px, transparent 1px), linear-gradient(90deg, #2d64eb 1px, transparent 1px);background-size:60px 60px"></div><div class="absolute top-0 left-1/4 w-[600px] h-[600px] bg-gradient-to-br from-[#2d64eb]/10 to-transparent roun
183ded-full blur-3xl animate-float"></div><div class="absolute bottom-0 right-1/4 w-[500px] h-[500px] bg-gradient-to-tl from-[#5b8aff]/10 to-transparent rounded-full blur-3xl animate-float" style="animation-delay:2s"></div></div><div class="container relative mx-auto px-4 lg:px-8"><div class="max-w-7xl mx-auto"><div class="text-center mb-16"><h2 class="text-4xl lg:text-5xl font-bold text-gray-900 dark:text-white mb-6">Trusted by <span class="gradient-text">Industry Leaders</span></h2><p class="text-gray-600 dark:text-gray-400 text-[17px] max-w-2xl mx-auto">See what our customers say about AutoMQ</p></div><div class="max-w-6xl mx-auto"><div class="relative flex items-center gap-6 lg:gap-10"><button class="hidden sm:flex w-14 h-14 lg:w-16 lg:h-16 rounded-full bg-white dark:bg-gray-800 border-2 border-gray-200 dark:border-gray-700 items-center justify-center text-gray-400 dark:text-gray-500 hover:text-[#2d64eb] hover:border-[#2d64eb] hover:bg-[#2d64eb]/5 dark:hover:text-[#5b8aff] dark:hover:border-[#5b8aff] dark:hover:bg-[#5b8aff]/10 transition-all duration-300 shadow-lg hover:shadow-xl shrink-0 group" aria-label="Previous testimonial"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left w-7 h-7 lg:w-8 lg:h-8 transition-transform group-hover:-translate-x-0.5"><path d="m15 18-6-6 6-6"></path></svg></button><div class="flex-1 min-w-0"><div class="relative"><div class="w-full transition-all duration-500 ease-in-out relative opacity-100 translate-x-0"><div class="relative overflow-hidden bg-white dark:bg-gray-800/80 backdrop-blur-sm rounded-modern-2xl border border-gray-200/80 dark:border-gray-700/50 p-8 sm:p-10 lg:p-12 shadow-lg"><div class="absolute top-8 right-8 z-10 hidden h-14 w-14 items-center justify-center rounded-2xl border border-[#2d64eb]/10 bg-white/85 text-[#2d64eb] shadow-sm shadow-[#2d64eb]/10 backdrop-blur-sm sm:flex lg:h-16 lg:w-16 dark:border-[#5b8aff]/20 dark:bg-gray-900/70 dark:text-[#5b8aff]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote w-7 h-7 lg:w-8 lg:h-8"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg></div><div class="mb-6 relative z-10 h-18 flex items-center sm:pr-24"><img src="/customers/grab.svg" alt="Grab logo" class="h-10 sm:h-12 w-auto object-contain"/></div><blockquote class="relative z-10 text-base sm:text-lg lg:text-xl text-gray-700 dark:text-gray-300 leading-relaxed mb-8"><span class="text-[#2d64eb] dark:text-[#5b8aff] text-2xl font-serif">&quot;</span>At the Grab Data Engineering Platform team, we focus on improving the efficiency and scalability of our streaming data platform. By adopting AutoMQ, the platform leverages cloud-native storage and eliminates the need for replication between brokers. This enhances broker performance, reduces storage and network resource usage, and enables us to scale compute and storage resources to meet evolving demands.<span class="text-[#2d64eb] dark:text-[#5b8aff] text-2xl font-serif">&quot;</span></blockquote><div class="relative z-10 flex items-center gap-4 pt-6 border-t border-gray-100 dark:border-gray-700/50"><div><div class="font-semibold text-gray-900 dark:text-white text-lg flex items-center gap-2"><span>Grab Data Engineering Platform Team</span></div><div class="text-sm lg:text-base text-gray-500 dark:text-gray-400"></div></div></div></div></div><div class="w-full transition-all duration-500 ease-in-out absolute inset-0 opacity-0 pointer-events-none"><div class="relative overflow-hidden bg-white dark:bg-gray-800/80 backdrop-blur-sm rounded-modern-2xl border border-gray-200/80 dark:border-gray-700/50 p-8 sm:p-10 lg:p-12 shadow-lg">
183<div class="absolute top-8 right-8 z-10 hidden h-14 w-14 items-center justify-center rounded-2xl border border-[#2d64eb]/10 bg-white/85 text-[#2d64eb] shadow-sm shadow-[#2d64eb]/10 backdrop-blur-sm sm:flex lg:h-16 lg:w-16 dark:border-[#5b8aff]/20 dark:bg-gray-900/70 dark:text-[#5b8aff]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote w-7 h-7 lg:w-8 lg:h-8"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg></div><div class="mb-6 relative z-10 h-18 flex items-center sm:pr-24"><img src="/customers/fresha.webp" alt="Fresha logo" class="h-10 sm:h-12 w-auto object-contain"/></div><blockquote class="relative z-10 text-base sm:text-lg lg:text-xl text-gray-700 dark:text-gray-300 leading-relaxed mb-8"><span class="text-[#2d64eb] dark:text-[#5b8aff] text-2xl font-serif">&quot;</span>AutoMQ offers Kafka compatibility while cutting operational burden, cross-AZ costs, and painful rebalances. The shared-durability model lets you treat brokers as elastic compute—scaling becomes a capacity decision. For ultra-low-latency needs, NFS-backed deployment provides a dedicated option. Being open-source, it&#x27;s inspectable, reduces lock-in, and lets teams validate behavior under their own workloads.<span class="text-[#2d64eb] dark:text-[#5b8aff] text-2xl font-serif">&quot;</span></blockquote><div class="relative z-10 flex items-center gap-4 pt-6 border-t border-gray-100 dark:border-gray-700/50"><div><div class="font-semibold text-gray-900 dark:text-white text-lg flex items-center gap-2"><span>Anton Borisov</span><a target="_blank" rel="noopener noreferrer" class="text-blue-600 hover:text-blue-700 dark:text-blue-400 dark:hover:text-blue-300 transition-colors" aria-label="Anton Borisov&#x27;s LinkedIn profile" href="https://www.linkedin.com/in/anton-s-borisov/"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-linkedin w-5 h-5"><path d="M16 8a6 6 0 0 1 6 6v7h-4v-7a2 2 0 0 0-2-2 2 2 0 0 0-2 2v7h-4v-7a6 6 0 0 1 6-6z"></path><rect width="4" height="12" x="2" y="9"></rect><circle cx="4" cy="4" r="2"></circle></svg></a></div><div class="text-sm lg:text-base text-gray-500 dark:text-gray-400">Principal Data Engineer at Fresha</div></div></div></div></div><div class="w-full transition-all duration-500 ease-in-out absolute inset-0 opacity-0 pointer-events-none"><div class="relative overflow-hidden bg-white dark:bg-gray-800/80 backdrop-blur-sm rounded-modern-2xl border border-gray-200/80 dark:border-gray-700/50 p-8 sm:p-10 lg:p-12 shadow-lg"><div class="absolute top-8 right-8 z-10 hidden h-14 w-14 items-center justify-center rounded-2xl border border-[#2d64eb]/10 bg-white/85 text-[#2d64eb] shadow-sm shadow-[#2d64eb]/10 backdrop-blur-sm sm:flex lg:h-16 lg:w-16 dark:border-[#5b8aff]/20 dark:bg-gray-900/70 dark:text-[#5b8aff]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote w-7 h-7 lg:w-8 lg:h-8"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg></div><div class="mb-6 relative z-10 h-18 flex items-center sm:pr-24"><img src="/customers/jd.svg" alt="JD logo" class="h-14 sm:h-18"/></div><blockquote class="relative z-10 text-base sm:text-lg lg:text-xl text-gray-700 dark:text-gray-300 leading-relaxed mb-8"><span class="text-[#2d64eb] dark:text-[#5b8aff] text-2xl font-serif">&quot;</span>AutoMQ&#x27;s cloud-native architecture perfectly aligns with JD&#x27;
183s strategy of running core infrastructure on Kubernetes. By offloading Kafka&#x27;s data durability to CubeFS, we solved the severe storage and network redundancy issues inherent in traditional architectures and achieved true second-level elasticity. This allows us to effortlessly handle e-commerce traffic floods while significantly reducing infrastructure costs.<span class="text-[#2d64eb] dark:text-[#5b8aff] text-2xl font-serif">&quot;</span></blockquote><div class="relative z-10 flex items-center gap-4 pt-6 border-t border-gray-100 dark:border-gray-700/50"><div><div class="font-semibold text-gray-900 dark:text-white text-lg flex items-center gap-2"><span>Hou Zhong</span></div><div class="text-sm lg:text-base text-gray-500 dark:text-gray-400">Cloud Native Architect for Kafka at JD</div></div></div></div></div><div class="w-full transition-all duration-500 ease-in-out absolute inset-0 opacity-0 pointer-events-none"><div class="relative overflow-hidden bg-white dark:bg-gray-800/80 backdrop-blur-sm rounded-modern-2xl border border-gray-200/80 dark:border-gray-700/50 p-8 sm:p-10 lg:p-12 shadow-lg"><div class="absolute top-8 right-8 z-10 hidden h-14 w-14 items-center justify-center rounded-2xl border border-[#2d64eb]/10 bg-white/85 text-[#2d64eb] shadow-sm shadow-[#2d64eb]/10 backdrop-blur-sm sm:flex lg:h-16 lg:w-16 dark:border-[#5b8aff]/20 dark:bg-gray-900/70 dark:text-[#5b8aff]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote w-7 h-7 lg:w-8 lg:h-8"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg></div><div class="mb-6 relative z-10 h-18 flex items-center sm:pr-24"><img src="/customers/tencent.svg" alt="Tencent logo" class="h-10 sm:h-12 w-auto object-contain"/></div><blockquote class="relative z-10 text-base sm:text-lg lg:text-xl text-gray-700 dark:text-gray-300 leading-relaxed mb-8"><span class="text-[#2d64eb] dark:text-[#5b8aff] text-2xl font-serif">&quot;</span>Integrating AutoMQ into Tencent Cloud EMR completes our cloud-native data stack. Its storage-compute separation architecture allows our users to handle massive data streams with the same elasticity as our compute engines and save costs. AutoMQ&#x27;s ability to seamlessly project streams as iceberg tables significantly accelerates real-time data analysis, removing the friction between streaming and data lake ecosystems.<span class="text-[#2d64eb] dark:text-[#5b8aff] text-2xl font-serif">&quot;</span></blockquote><div class="relative z-10 flex items-center gap-4 pt-6 border-t border-gray-100 dark:border-gray-700/50"><div><div class="font-semibold text-gray-900 dark:text-white text-lg flex items-center gap-2"><span>Zeng Long</span></div><div class="text-sm lg:text-base text-gray-500 dark:text-gray-400">Senior Big Data Engineer at Tencent</div></div></div></div></div><div class="w-full transition-all duration-500 ease-in-out absolute inset-0 opacity-0 pointer-events-none"><div class="relative overflow-hidden bg-white dark:bg-gray-800/80 backdrop-blur-sm rounded-modern-2xl border border-gray-200/80 dark:border-gray-700/50 p-8 sm:p-10 lg:p-12 shadow-lg"><div class="absolute top-8 right-8 z-10 hidden h-14 w-14 items-center justify-center rounded-2xl border border-[#2d64eb]/10 bg-white/85 text-[#2d64eb] shadow-sm shadow-[#2d64eb]/10 backdrop-blur-sm sm:flex lg:h-16 lg:w-16 dark:border-[#5b8aff]/20 dark:bg-gray-900/70 dark:text-[#5b8aff]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote w-7 h-7 lg:w-8 lg:h-8"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg></div><div class="mb-6 relative z-10 h-18 flex items-center sm:pr-24"><img src="/customers/poizon.webp" alt="Poizon logo" class="h-10 sm:h-12 w-auto object-contain"/></div><blockquote class="relative z-10 text-base sm:text-lg lg:text-xl text-gray-700 dark:text-gray-300 leading-relaxed mb-8"><span class="text-[#2d64eb] dark:text-[#5b8aff] text-2xl font-serif">&quot;</span>AutoMQ represents the true next generation of cloud-first Kafka. We replaced our entire 1,280-core Observability cluster with AutoMQ, which solved our long-standing bottlenecks regarding cold reads and elasticity while cutting our infrastru
183cture bill in half. For nearly three years, it has been a rock-solid foundation, flawlessly supporting peak throughputs exceeding 40 GiB/s during massive shopping festivals.<span class="text-[#2d64eb] dark:text-[#5b8aff] text-2xl font-serif">&quot;</span></blockquote><div class="relative z-10 flex items-center gap-4 pt-6 border-t border-gray-100 dark:border-gray-700/50"><div><div class="font-semibold text-gray-900 dark:text-white text-lg flex items-center gap-2"><span>Zun Li</span></div><div class="text-sm lg:text-base text-gray-500 dark:text-gray-400">Observability Platform Architect at Poizon</div></div></div></div></div><div class="w-full transition-all duration-500 ease-in-out absolute inset-0 opacity-0 pointer-events-none"><div class="relative overflow-hidden bg-white dark:bg-gray-800/80 backdrop-blur-sm rounded-modern-2xl border border-gray-200/80 dark:border-gray-700/50 p-8 sm:p-10 lg:p-12 shadow-lg"><div class="absolute top-8 right-8 z-10 hidden h-14 w-14 items-center justify-center rounded-2xl border border-[#2d64eb]/10 bg-white/85 text-[#2d64eb] shadow-sm shadow-[#2d64eb]/10 backdrop-blur-sm sm:flex lg:h-16 lg:w-16 dark:border-[#5b8aff]/20 dark:bg-gray-900/70 dark:text-[#5b8aff]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote w-7 h-7 lg:w-8 lg:h-8"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg></div><div class="mb-6 relative z-10 h-18 flex items-center sm:pr-24"><img src="/customers/lguplus.png" alt="LG U+ logo" class="h-10 sm:h-12 w-auto object-contain"/></div><blockquote class="relative z-10 text-base sm:text-lg lg:text-xl text-gray-700 dark:text-gray-300 leading-relaxed mb-8"><span class="text-[#2d64eb] dark:text-[#5b8aff] text-2xl font-serif">&quot;</span>AutoMQ allowed us to transform our log pipeline into a truly cloud-native architecture on AWS ECS. By decoupling storage to S3, we achieved cost-effective long-term retention while maintaining 100% compatibility with our existing observability stack including Fluentd and Sumo Logic. We can now treat Kafka brokers as stateless resources, maximizing our operational agility.<span class="text-[#2d64eb] dark:text-[#5b8aff] text-2xl font-serif">&quot;</span></blockquote><div class="relative z-10 flex items-center gap-4 pt-6 border-t border-gray-100 dark:border-gray-700/50"><div><div class="font-semibold text-gray-900 dark:text-white text-lg flex items-center gap-2"><span>Youjin Jeong</span></div><div class="text-sm lg:text-base text-gray-500 dark:text-gray-400">LG U+ Cloud Infra DevOps Team</div></div></div></div></div><div class="w-full transition-all duration-500 ease-in-out absolute inset-0 opacity-0 pointer-events-none"><div class="relative overflow-hidden bg-white dark:bg-gray-800/80 backdrop-blur-sm rounded-modern-2xl border border-gray-200/80 dark:border-gray-700/50 p-8 sm:p-10 lg:p-12 shadow-lg"><div class="absolute top-8 right-8 z-10 hidden h-14 w-14 items-center justify-center rounded-2xl border border-[#2d64eb]/10 bg-white/85 text-[#2d64eb] shadow-sm shadow-[#2d64eb]/10 backdrop-blur-sm sm:flex lg:h-16 lg:w-16 dark:border-[#5b8aff]/20 dark:bg-gray-900/70 dark:text-[#5b8aff]"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-quote w-7 h-7 lg:w-8 lg:h-8"><path d="M16 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path><path d="M5 3a2 2 0 0 0-2 2v6a2 2 0 0 0 2 2 1 1 0 0 1 1 1v1a2 2 0 0 1-2 2 1 1 0 0 0-1 1v2a1 1 0 0 0 1 1 6 6 0 0 0 6-6V5a2 2 0 0 0-2-2z"></path></svg></div><div class="mb-6 relative z-10 h-18 flex items-center sm:pr-24"><img src="/customers/bambulab.webp" alt="Bambu Lab logo" class="h-10 sm:h-12 w-auto object-contain"/></div><blockquote class="relative z-10 text-base sm:text-lg lg:text-xl text-gray-700 dark:text-gray-300 leading-relaxed mb-8"><span class="text-[#2d64eb] dark:text-[#5b8aff] text-2xl font-serif">&quot;</span>Running stateful Kafka workloads across multiple clouds was our biggest operational bottleneck. AutoMQ&#x27;
183s diskless architecture transformed our infrastructure. By decoupling storage and compute, our brokers became truly stateless, allowing us to leverage Kubernetes for instant scaling exactly as we do with our microservices. It enabled us to standardize a single, unified streaming architecture across all our global cloud environments.<span class="text-[#2d64eb] dark:text-[#5b8aff] text-2xl font-serif">&quot;</span></blockquote><div class="relative z-10 flex items-center gap-4 pt-6 border-t border-gray-100 dark:border-gray-700/50"><div><div class="font-semibold text-gray-900 dark:text-white text-lg flex items-center gap-2"><span>Cloud Platform Team</span></div><div class="text-sm lg:text-base text-gray-500 dark:text-gray-400">Bambu Lab</div></div></div></div></div></div><div class="flex justify-center items-center gap-4 mt-10"><button class="flex sm:hidden w-12 h-12 rounded-full bg-white dark:bg-gray-800 border-2 border-gray-200 dark:border-gray-700 items-center justify-center text-gray-400 hover:text-[#2d64eb] hover:border-[#2d64eb] dark:hover:text-[#5b8aff] dark:hover:border-[#5b8aff] transition-all shadow-lg" aria-label="Previous testimonial"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-left w-5 h-5"><path d="m15 18-6-6 6-6"></path></svg></button><div class="flex items-center gap-3"><button class="h-2.5 rounded-full transition-all duration-300 bg-gradient-to-r from-[#2d64eb] to-[#5b8aff] w-10 shadow-lg shadow-[#2d64eb]/30" aria-label="Go to testimonial 1"></button><button class="h-2.5 rounded-full transition-all duration-300 bg-gray-300 dark:bg-gray-600 hover:bg-gray-400 dark:hover:bg-gray-500 w-2.5" aria-label="Go to testimonial 2"></button><button class="h-2.5 rounded-full transition-all duration-300 bg-gray-300 dark:bg-gray-600 hover:bg-gray-400 dark:hover:bg-gray-500 w-2.5" aria-label="Go to testimonial 3"></button><button class="h-2.5 rounded-full transition-all duration-300 bg-gray-300 dark:bg-gray-600 hover:bg-gray-400 dark:hover:bg-gray-500 w-2.5" aria-label="Go to testimonial 4"></button><button class="h-2.5 rounded-full transition-all duration-300 bg-gray-300 dark:bg-gray-600 hover:bg-gray-400 dark:hover:bg-gray-500 w-2.5" aria-label="Go to testimonial 5"></button><button class="h-2.5 rounded-full transition-all duration-300 bg-gray-300 dark:bg-gray-600 hover:bg-gray-400 dark:hover:bg-gray-500 w-2.5" aria-label="Go to testimonial 6"></button><button class="h-2.5 rounded-full transition-all duration-300 bg-gray-300 dark:bg-gray-600 hover:bg-gray-400 dark:hover:bg-gray-500 w-2.5" aria-label="Go to testimonial 7"></button></div><button class="flex sm:hidden w-12 h-12 rounded-full bg-white dark:bg-gray-800 border-2 border-gray-200 dark:border-gray-700 items-center justify-center text-gray-400 hover:text-[#2d64eb] hover:border-[#2d64eb] dark:hover:text-[#5b8aff] dark:hover:border-[#5b8aff] transition-all shadow-lg" aria-label="Next testimonial"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-5 h-5"><path d="m9 18 6-6-6-6"></path></svg></button></div></div><button class="hidden sm:flex w-14 h-14 lg:w-16 lg:h-16 rounded-full bg-white dark:bg-gray-800 border-2 border-gray-200 dark:border-gray-700 items-center justify-center text-gray-400 dark:text-gray-500 hover:text-[#2d64eb] hover:border-[#2d64eb] hover:bg-[#2d64eb]/5 dark:hover:text-[#5b8aff] dark:hover:border-[#5b8aff] dark:hover:bg-[#5b8aff]/10 transition-all duration-300 shadow-lg hover:shadow-xl shrink-0 group" aria-label="Next testimonial"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-right w-7 h-7 lg:w-8 lg:h-8 transition-transform group-hover:translate-x-0.5"><path d="m9 18 6-6-6-6"></path></svg></button></div><div class="flex justify-center mt-10 lg:mt-12"><a class="inline-flex items-center justify-center gap-2 px-6 py-3 rounded-full bg-gradient-to-r from-[#2d64eb]/10 to-[#5b8aff]/10 border border-[#2d64eb]/20 text-[#2d64eb] dark:text-[#5b8aff] hover:from-[#2d64eb]/20 hover:to-[#5b8aff]/20 hover:border-[#2d64eb]/30 transition-all duration-300 group" href="/customers"><span class="font-medium">See More Customer Stories</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right w-4 h-4 group-hover:translate-x-1 transition-transform"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a></div></div></div></div></section><section id="get-started" class="bg-gradient-to-b from-gray-900 to-black dark:from-black dark:to-gray-950 text-white relative overflow-hidden"><div class="absolute inset-0 overflow-hidden pointer-events-none"><div class="absolute top-0 left-1/4 w-96 h-96 bg-[#2d64eb]/5 dark:bg-[#2d64eb]/10 rounded-full blur-3xl"></div><div class="absolute bottom-0 right-1/4 w-80 h-80 bg-purple-600/5 dark:bg-purple-600/10 rounded-full blur-3xl"></div></div><div class="container mx-auto px-4 py-20 lg:py-28 relative z-10"><div class="bg-white/5 dark:bg-white/5 rounded-2xl border border-white/10 dark:border-white/10 p-8 lg:p-12 backdrop-blur-sm"><div class="grid lg:grid-cols-[1fr_1.5fr] gap-12 items-center"><div class="flex flex-col justify-center"><h2 class="text-3xl lg:text-4xl text-white mb-8">Get Started with AutoMQ Today</h2><div class="flex flex-col sm:flex-row gap-4 mb-6 items-stretch sm:items-center"><a href="https://console.automq.cloud/?cta_location=get_started" target="_blank" rel="noopener noreferrer" data-slot="button" class="inline-flex items-center justify-center gap-2 whitespace-nowrap font-medium transition-all disabled:pointer-events-none disabled:opacity-50 [&amp;_svg]:pointer-events-none [&amp;_svg:not([class*=&#x27;
183size-&#x27;])]:size-4 shrink-0 [&amp;_svg]:shrink-0 outline-none focus-visible:border-ring focus-visible:ring-ring/50 focus-visible:ring-[3px] aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 aria-invalid:border-destructive hover:bg-primary/90 h-10 px-6 has-[&gt;svg]:px-4 w-full sm:w-auto bg-gradient-to-r from-[#2d64eb] to-[#2450c7] hover:from-[#2450c7] hover:to-[#1e3fa5] text-white shadow-lg hover-lift group rounded-lg text-[14px]">Start for Free<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right ml-2 h-4 w-4 transition-transform group-hover:translate-x-1"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></a><a class="w-full sm:w-auto group inline-flex items-center justify-center gap-2 bg-white/5 hover:bg-white/20 backdrop-blur-sm border border-white/20 hover:border-white/40 text-white/90 hover:text-white px-5 py-2.5 rounded-lg transition-all duration-300 hover:-translate-y-0.5 hover:shadow-[0_8px_20px_rgba(255,255,255,0.1)]" href="/demo"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor" stroke="currentColor" stroke-width="0" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-4 w-4 transition-transform group-hover:scale-125"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg><span class="text-[14px] font-medium">Try Demo</span></a></div><p class="text-sm text-gray-400 dark:text-gray-400">Start your 30-day free trial. No credit card required</p></div><div class="flex flex-col gap-6"><div class="w-full"><p class="text-sm uppercase tracking-wider text-gray-400 dark:text-gray-400 mb-2 font-semibold text-left">Available on Cloud Marketplaces</p><p class="text-gray-300 dark:text-gray-300 text-sm text-left">Subscribe to AutoMQ directly from your preferred cloud platform</p></div><div class="grid grid-cols-4 gap-4 w-full"><a href="https://aws.amazon.com/marketplace/pp/prodview-mtkwt73meb222?trk=176b570f-20dd-4b84-aa7e-cae53990fe91&amp;sc_channel=el&amp;source=automq" target="_blank" rel="noopener noreferrer" class="flex items-center justify-center p-4 h-16 rounded-lg border border-white/10 hover:border-[#FF9900]/60 hover:bg-[#FF9900]/5 hover:-translate-y-1 transition-all duration-300 group" title="AW
183S Marketplace" aria-label="AWS Marketplace"><img src="/cloud/aws-light.svg" alt="aws logo" class="h-7 w-auto opacity-60 group-hover:opacity-100 transition-opacity"/></a><div class="flex items-center justify-center p-4 h-16 rounded-lg border border-white/10 hover:border-[#4285F4]/60 hover:bg-[#4285F4]/5 hover:-translate-y-1 transition-all duration-300 group" title="Google Cloud Marketplace"><img src="/cloud/gcp.svg" alt="gcp logo" class="h-7 w-auto opacity-60 group-hover:opacity-100 transition-opacity"/></div><div class="flex items-center justify-center p-4 h-16 rounded-lg border border-white/10 hover:border-[#0078D4]/60 hover:bg-[#0078D4]/5 hover:-translate-y-1 transition-all duration-300 group" title="Azure Marketplace"><img src="/cloud/azure.svg" alt="azure logo" class="h-7 w-auto opacity-60 group-hover:opacity-100 transition-opacity"/></div><div class="flex items-center justify-center p-4 h-16 rounded-lg border border-white/10 hover:border-[#F80000]/60 hover:bg-[#F80000]/5 hover:-translate-y-1 transition-all duration-300 group" title="Oracle Cloud Marketplace"><img src="/cloud/oracle.svg" alt="oracle logo" class="h-7 w-auto opacity-60 group-hover:opacity-100 transition-opacity"/></div></div></div></div></div><div class="mt-8 flex items-center gap-4 max-w-2xl mx-auto"><div class="hidden sm:block flex-1 h-px bg-gradient-to-r from-transparent via-white/20 to-white/40"></div><a class="group flex-1 sm:flex-initial" href="/contact#newsletter"><div class="flex items-center justify-center gap-3 text-white/80 hover:text-[#2d64eb] transition-all duration-200 px-4 sm:px-6 py-3 rounded-lg hover:bg-white/5"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-mail h-5 w-5 flex-shrink-0"><rect width="20" height="16" x="2" y="4" rx="2"></rect><path d="m22 7-8.97 5.7a1.94 1.94 0 0 1-2.06 0L2 7"></path></svg><span class="text-sm sm:text-base whitespace-nowrap">Join our mailing list to stay up to date</span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-arrow-right h-5 w-5 flex-shrink-0 transition-transform group-hover:translate-x-1"><path d="M5 12h14"></path><path d="m12 5 7 7-7 7"></path></svg></div></a><div class="hidden sm:block flex-1 h-px bg-gradient-to-l from-transparent via-white/20 to-white/40"></div></div></div></section></main><!--$--><!--/$--></div><footer class="bg-gradient-to-b from-gray-900 to-black dark:from-black dark:to-gray-950 text-white relative overflow-hidden"><div class="absolute inset-0 overflow-hidden pointer-events-none"><div class="absolute top-0 left-1/4 w-96 h-96 bg-[#2d64eb]/5 dark:bg-[#2d64eb]/10 rounded-full blur-3xl"></div><div class="absolute bottom-0 right-1/4 w-80 h-80 bg-purple-600/5 dark:bg-purple-600/10 rounded-full blur-3xl"></div></div><div class="container mx-auto px-4 py-16 relative z-10"><div class="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mb-12"><div class="animate-slide-in-left lg:col-span-1"><div class="mb-6"><img src="/icons/automq-heng-white.svg" alt="AutoMQ" class="h-8 mb-3"/><p class="text-sm text-gray-400 leading-relaxed">Low-Latency, Diskless Kafka® on S3</p></div><div class="flex items-center gap-3"><a href="https://trust.automq.com/" target="_blank" rel="noopener noreferrer" class="w-16 h-16 flex items-center justify-center overflow-hidden hover:opacity-80 transition-opacity" aria-label="SOC 2 - Trust Center"><img src="/images/automq/aicpa-soc-logo.png" alt="SOC 2" class="w-full h-full object-cover" style="transform:scale(1.1)"/></a><a href="https://trust.automq.com/" target="_blank" rel="noopener noreferrer" class="w-16 h-16 flex items-center justify-center overflow-hidden hover:opacity-80 transition-opacity" aria-label="GDPR - Trust Center"><img src="/images/automq/gdpr-compliant.webp" alt="GDPR" class="w-full h-full object-cover"/></a></div></div><div class="animate-slide-up flex flex-col" style="animation-delay:0.1s"><div class="mb-8 min-h-[180px]"><h4 class="text-white mb-4 font-semibold tracking-wider border-b border-white/20 pb-2 text-sm">DEPLOYMENT</h4><ul class="space-y-3"><li><a href="/bring-your-own-cloud-kafka-data-streaming" class="flex items-center gap-2 text-gray-300 dark:text-gray-200 hover:text-white text-sm transition-colors duration-300 group"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-cloud h-4 w-4 flex-shrink-0 text-[#2d64eb] group-hover:text-white transition-colors"><path d="M17.5 19H9a7 7 0 1 1 6.71-9h1.79a4.5 4.5 0 1 1 0 9Z"></path></svg><span>AutoMQ BYOC</span></a></li><li><a href="/software-self-managed-kafka-data-streaming" class="flex items-center gap-2 text-gray-300 dark:text-gray-200 hover:text-white text-sm transition-colors duration-300 group"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-server h-4 w-4 flex-shrink-0 text-[#2d64eb] group-hover:text-white transition-colors"><rect width="20" height="8" x="2" y="2" rx="2" ry="2"></rect><rect width="20" height="8" x="2" y="14" rx="2" ry="2"></rect><line x1="6" x2="6.01" y1="6" y2="6"></line><line x1="6" x2="6.01" y1="18" y2="18"></line></svg><span>AutoMQ Software</span></a></li></ul></div><div><h4 class="text-white mb-4 font-semibold tracking-wider border-b border-white/20 pb-2 text-sm">SOLUTIONS</h4><ul class="space-y-2"><li><a href="/kafka-linking-apache-kafka-migration-and-replication" class="flex items-center gap-2 text-gray-300 dark:text-gray-200 hover:text-white text-sm transition-colors duration-300 group"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-link2 lucide-link-2 h-4 w-4 flex-shrink-0 text-[#2d64eb] group-hover:text-white transition-colors"><path d="M9 17H7A5 5 0 0 1 7 7h2"></path><path d="M15 7h2a5 5 0 1 1 0 10h-2"></path><line x1="8" x2="16" y1="12" y2="12"></line></svg><span>AutoMQ Linking</span></a></li><li><a href="/kafka-to-iceberg" class="flex items-center gap-2 text-gray-300 dark:text-gray-200 hover:text-white text-sm transition-colors duration-300 group"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-database h-4 w-4 flex-shrink-0 text-[#2d64eb] group-hover:text-white transition-colors"><ellipse cx="12" cy="5" rx="9" ry="3"></ellipse><path d="M3 5V19A9 3 0 0 0 21 19V5"></path><path d="M3 12A9 3 0 0 0 21 12"></path></svg><span>Table Topic</span></a></li><li><a href="/managed-kafka-connector" class="flex items-center gap-2 text-gray-300 dark:text-gray-200 hover:text-white text-sm transition-colors duration-300 group"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-git-merge h-4 w-4 flex-shrink-0 text-[#2d64eb] group-hover:text-white transition-colors"><circle cx="18" cy="18" r="3"></circle><circle cx="6" cy="6" r="3"></circle><path d="M6 21V9a9 9 0 0 0 9 9"></path></svg><span>Kafka Connector</span></a></li><li><a href="/kafka-multi-cluster-disaster-recovery" class="flex items-center gap-2 text-gray-300 dark:text-gray-200 hover:text-white text-sm transition-colors duration-300 group"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-globe h-4 w-4 flex-shrink-0 text-[#2d64eb] group-hover:text-white transition-colors"><circle cx="12" cy="12" r="10"></circle><path d="M12 2a14.5 14.5 0 0 0 0 20 14.5 14.5 0 0 0 0-20"></path><path d="M2 12h20"></path></svg><span>Multi-Region Cluster</span></a></li></ul></div></div><div class="animate-slide-up flex flex-col" style="animation-delay:0.2s"><div class="mb-8 min-h-[180px]"><h4 class="text-white mb-4 font-semibold tracking-wider border-b border-white/20 pb-2 text-sm">LEARN</h4><ul class="space-y-2"><li><a href="/blog" class="flex items-center gap-2 text-gray-300 dark:text-gray-200 hover:text-white text-sm transition-colors duration-300 group"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-book-open h-4 w-4 flex-shrink-0 text-[#2d64eb] group-hover:text-white transition-colors"><path d="M12 7v14"></path><path d="M3 18a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h5a4 4 0 0 1 4 4 4 4 0 0 1 4-4h5a1 1 0 0 1 1 1v13a1 1 0 0 1-1 1h-6a3 3 0 0 0-3 3 3 3 0 0 0-3-3z"></path></svg><span>Blog</span></a></li><li><a href="/faq" class="flex items-center gap-2 text-gray-300 dark:text-gray-200 hover:text-white text-sm transition-colors duration-300 group"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-circle-help h-4 w-4 flex-shrink-0 text-[#2d64eb] group-hover:text-white transition-colors"><circle cx="12" cy="12" r="10"></circle><path d="M9.09 9a3 3 0 0 1 5.83 1c0 2-3 3-3 3"></path><path d="M12 17h.01"></path></svg><span>FAQ</span></a></li><li><a href="/security-and-compliance" class="flex items-center gap-2 text-gray-300 dark:text-gray-200 hover:text-white text-sm transition-colors duration-300 group"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-shield-check h-4 w-4 flex-shrink-0 text-[#2d64eb] group-hover:text-white transition-colors"><path d="M20 13c0 5-3.5 7.5-7.66 8.95a1 1 0 0 1-.67-.01C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.24-2.72a1.17 1.17 0 0 1 1.52 0C14.51 3.81 17 5 19 5a1 1 0 0 1 1 1z"></path><path d="m9 12 2 2 4-4"></path></svg><span>Security &amp; Compliance</span></a></li><li><a href="https://docs.automq.com" class="flex items-center gap-2 text-gray-300 dark:text-gray-200 hover:text-white text-sm transition-colors duration-300 group"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-file-text h-4 w-4 flex-shrink-0 text-[#2d64eb] group-hover:text-white transition-colors"><path d="M15 2H6a2 2 0 0 0-2 2v16a2 2 0 0 0 2 2h12a2 2 0 0 0 2-2V7Z"></path><path d="M14 2v4a2 2 0 0 0 2 2h4"></path><path d="M10 9H8"></path><path d="M16 13H8"></path><path d="M16 17H8"></path></svg><span>Documentation</span></a></li><li><a href="/demo" class="flex items-center gap-2 text-gray-300 dark:text-gray-200 hover:text-white text-sm transition-colors duration-300 group"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-play h-4 w-4 flex-shrink-0 text-[#2d64eb] group-hover:text-white transition-colors"><polygon points="6 3 20 12 6 21 6 3"></polygon></svg><span>Interactive Demo</span></a></li></ul></div><div><h4 class="text-white mb-4 font-semibold tracking-wider border-b border-white/20 pb-2 text-sm">COMPARISONS</h4><ul class="space-y-2"><li><a href="/automq-vs-kafka" class="text-gray-300 dark:text-gray-200 hover:text-white text-sm transition-colors duration-300">vs. Apache Kafka</a></li><li><a href="/automq-vs-confluent" class="text-gray-300 dark:text-gray-200 hover:text-white text-sm transition-colors duration-300">vs. Confluent</a></li><li><a href="/automq-vs-msk" class="text-gray-300 dark:text-gray-200 hover:text-white text-sm transition-colors duration-300">vs. Amazon MSK/Express</a></li></ul></div></div><div class="animate-slide-up flex flex-col" style="animation-delay:0.3s"><div class="mb-8 min-h-[180px]"><h4 class="text-white mb-4 font-semibold tracking-wider border-b border-white/20 pb-2 text-sm">COMPANY</h4><ul class="space-y-2"><li><a href="/about" class="text-gray-300 dark:text-gray-200 hover:text-white text-sm transition-colors duration-300">About Us</a></li><li><a href="/careers" class="text-gray-300 dark:text-gray-200 hover:text-white text-sm transition-colors duration-300">Careers</a></li><li><a href="/partners" class="text-gray-300 dark:text-gray-200 hover:text-white text-sm transition-colors duration-300">Partners</a></li><li><a href="/contact" class="text-gray-300 dark:text-gray-200 hover:text-white text-sm transition-colors duration-300">Contact</a></li></ul></div><div><h4 class="text-white mb-4 font-semibold tracking-wider border-b border-white/20 pb-2 text-sm">COMMUNITY</h4><ul class="space-y-2"><li><a href="https://github.com/AutoMQ/automq" class="text-gray-300 dark:text-gray-200 hover:text-white text-sm transition-colors duration-300">GitHub</a></li><li><a href="https://www.linkedin.com/company/automq" class="text-gray-300 dark:text-gray-200 hover:text-white text-sm transition-colors duration-300">LinkedIn</a></li><li><a href="https://go.automq.com/slack" class="text-gray-300 dark:text-gray-200 hover:text-white text-sm transition-colors duration-300">Slack</a></li><li><a href="https://go.automq.com/telegram" class="text-gray-300 dark:text-gray-200 hover:text-white text-sm transition-colors duration-300">Telegram</a></li></ul></div></div></div><div data-orientation="horizontal" role="none" data-slot="separator-root" class="shrink-0 data-[orientation=horizontal]:h-px data-[orientation=horizontal]:w-full data-[orientation=vertical]:h-full data-[orientation=vertical]:w-px my-8 bg-white/10 dark:bg-white/20"></div><div class="animate-fade-in"><div class="flex flex-col gap-4"><div class="flex flex-col md:flex-row justify-between items-start md:items-center gap-4"><div class="flex items-center gap-3"><img src="/icons/automq-logo.svg" alt="AutoMQ" class="h-6 w-6"/><p class="text-sm text-gray-500 dark:text-gray-400">© 2025 AUTOMQ INC. All rights reserved.</p></div><div class="flex flex-wrap items-center gap-2 text-sm text-gray-400 dark:text-gray-300"><a class="hover:text-white transition-colors hover:underline" href="/privacy-policy">Privacy Policy</a><span>|</span><a class="hover:text-white transition-colors hover:underline" href="/dpa">DPA</a><span>|</span><a href="https://trust.automq.com/" target="_blank" rel="noopener noreferrer" class="hover:text-white transition-colors hover:underline">Trust Center</a><span>|</span><a class="hover:text-white transition-colors hover:underline" href="/sla">SLA</a><span>|</span><a class="hover:text-white transition-colors hover:underline" href="/terms-of-service">Terms of Service</a><span>|</span><a class="hover:text-white transition-colors hover:underline" href="/ai-info">AI Info</a></div></div><div class="text-left"><p class="text-xs text-gray-500 dark:text-gray-400 leading-relaxed">Apache®, Apache Kafka®, Kafka®, Apache Iceberg®, Iceberg® and associated open source project names are trademarks of the Apache Software Foundation</p></div></div></div></div></footer><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$-->
183<section aria-label="Notifications alt+T" tabindex="-1" aria-live="polite" aria-relevant="additions text" aria-atomic="false"></section>
183<script src="/_next/static/chunks/webpack-667e40957c637b6a.js" id="_R_" async=""></script>
183<script>(self.__next_f=self.__next_f||[]).push([0])</script>
183<script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n9:I[10928,[],\"\"]\n:HL[\"/_next/static/media/636a5ac981f94f8b-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n:HL[\"/_next/static/css/929bbd6530b080c4.css\",\"style\"]\n:HL[\"/_next/static/css/8c8f5e88c6b47027.css\",\"style\"]\n2:T141a,"])</script>
183<script>self.__next_f.push([1,"\n(function () {\n  if (typeof window === \"undefined\" || window.__automqAnchorHelperInstalled) {\n    return;\n  }\n\n  window.__automqAnchorHelperInstalled = true;\n  document.documentElement.setAttribute(\"data-automq-anchor-helper\", \"ready\");\n\n  var anchorSelector = \"section[id], [data-page-anchor][id]\";\n  var helpMessage = \"AutoMQ anchors: type anchors() to list this page's anchors, or copyAnchors() to copy anchor URLs.\";\n  var printTimer;\n  var lastPrintedPath = \"\";\n\n  function normalizeText(text) {\n    return String(text || \"\").replace(/\\s+/g, \" \").trim();\n  }\n\n  function getAnchorTitle(element) {\n    var heading = element.querySelector(\"h1,h2,h3\");\n    return normalizeText(\n      (heading \u0026\u0026 heading.textContent) ||\n        element.getAttribute(\"aria-label\") ||\n        element.getAttribute(\"data-anchor-title\") ||\n        \"\"\n    );\n  }\n\n  function getCanonicalPageUrl() {\n    var canonical = document.querySelector('link[rel=\"canonical\"]');\n    var href = canonical \u0026\u0026 canonical.getAttribute(\"href\");\n\n    if (!href) {\n      return window.location.origin + window.location.pathname;\n    }\n\n    return new URL(href, window.location.href).href.replace(/#.*$/, \"\");\n  }\n\n  function getPageAnchors() {\n    var seenIds = {};\n    var pageUrl = getCanonicalPageUrl();\n\n    return Array.prototype.slice\n      .call(document.querySelectorAll(anchorSelector))\n      .filter(function (element) {\n        if (!element.id || seenIds[element.id]) {\n          return false;\n        }\n\n        seenIds[element.id] = true;\n        return true;\n      })\n      .map(function (element) {\n        return {\n          id: \"#\" + element.id,\n          title: getAnchorTitle(element),\n          url: pageUrl + \"#\" + encodeURIComponent(element.id),\n        };\n      });\n  }\n\n  function logTable(rows) {\n    if (console.table) {\n      console.table(rows);\n      return;\n    }\n\n    console.log(rows);\n  }\n\n  function formatPageAnchors(pageAnchors) {\n    return [\n      \"AutoMQ anchors (\" + pageAnchors.length + \"):\",\n    ].concat(\n      pageAnchors.map(function (anchor, index) {\n        var title = anchor.title ? \" - \" + anchor.title : \"\";\n        return String(index + 1) + \". \" + anchor.id + title + \"\\n   \" + anchor.url;\n      })\n    ).join(\"\\n\");\n  }\n\n  function printPageAnchors() {\n    var pageAnchors = getPageAnchors();\n\n    lastPrintedPath = window.location.pathname + window.location.search;\n    document.documentElement.setAttribute(\"data-automq-anchor-count\", String(pageAnchors.length));\n    document.documentElement.setAttribute(\n      \"data-automq-anchor-ids\",\n      pageAnchors.map(function (anchor) { return anchor.id; }).join(\" \")\n    );\n\n    if (pageAnchors.length === 0) {\n      console.info(helpMessage);\n      console.info(\"No page anchors found.\");\n      return pageAnchors;\n    }\n\n    console.info(formatPageAnchors(pageAnchors));\n    console.info(helpMessage);\n    logTable(pageAnchors);\n    return pageAnchors;\n  }\n\n  function copyPageAnchors() {\n    var pageAnchors = getPageAnchors();\n    var anchorText = pageAnchors\n      .map(function (anchor) {\n        return anchor.title\n          ? anchor.id + \" \" + anchor.title + \"\\n\" + anchor.url\n          : anchor.id + \"\\n\" + anchor.url;\n      })\n      .join(\"\\n\\n\");\n\n    if (!anchorText) {\n      console.info(\"No page anchors found.\");\n      return Promise.resolve(pageAnchors);\n    }\n\n    if (navigator.clipboard \u0026\u0026 navigator.clipboard.writeText) {\n      return navigator.clipboard\n        .writeText(anchorText)\n        .then(function () {\n          console.info(\"Copied \" + pageAnchors.length + \" anchor URLs.\");\n          return pageAnchors;\n        })\n        .catch(function () {\n          console.info(anchorText);\n          console.warn(\"Could not access the clipboard. Anchor URLs were printed instead.\");\n          return pageAnchors;\n        });\n    }\n\n    console.info(anchorText);\n    console.warn(\"Clipboard API is unavailable. Anchor URLs were printed instead.\");\n    return Promise.resolve(pageAnchors);\n  }\n\n  function schedulePrint() {\n    window.clearTimeout(printTimer);\n    printTimer = window.setTimeout(printPageAnchors, 180);\n  }\n\n  function scheduleRoutePrint() {\n    window.clearTimeout(printTimer);\n    printTimer = window.setTimeout(function () {\n      var pathKey = window.location.pathname + window.location.search;\n\n      if (pathKey === lastPrintedPath) {\n        return;\n      }\n\n      lastPrintedPath = pathKey;\n      printPageAnchors();\n    }, 420);\n  }\n\n  var originalPushState = history.pushState;\n  var originalReplaceState = history.replaceState;\n\n  history.pushState = function () {\n    var result = originalPushState.apply(this, arguments);\n    scheduleRoutePrint();\n    return result;\n  };\n\n  history.replaceState = function () {\n    var result = originalReplaceState.apply(this, arguments);\n    scheduleRoutePrint();\n    return result;\n  };\n\n  window.anchors = printPageAnchors;\n  window.copyAnchors = copyPageAnchors;\n  window.addEventListener(\"popstate\", scheduleRoutePrint);\n\n  if (document.readyState === \"loading\") {\n    document.addEventListener(\"DOMContentLoaded\", schedulePrint, { once: true });\n  } else {\n    schedulePrint();\n  }\n})();\n"])</script>
183<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"QSd4JCsMi0w5CNeWgAxjN\",\"p\":\"\",\"c\":[\"\",\"\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/929bbd6530b080c4.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/8c8f5e88c6b47027.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"lang\":\"en\",\"suppressHydrationWarning\":true,\"className\":\"__variable_14db65 light\",\"children\":[[\"$\",\"head\",null,{\"children\":[[[\"$\",\"script\",\"0\",{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"Organization\\\",\\\"name\\\":\\\"AutoMQ\\\",\\\"url\\\":\\\"https://www.automq.com\\\",\\\"logo\\\":\\\"https://www.automq.com/logo.png\\\",\\\"description\\\":\\\"Cloud-native Apache Kafka alternative built on S3\\\",\\\"sameAs\\\":[\\\"https://github.com/AutoMQ\\\",\\\"https://twitter.com/AutoMQ\\\",\\\"https://www.linkedin.com/company/automq\\\"]}\"}}]],[\"$\",\"script\",null,{\"id\":\"anchor-console-helper\",\"dangerouslySetInnerHTML\":{\"__html\":\"$2\"}}],\"$L3\",\"$L4\",\"$L5\"]}],\"$L6\"]}]]}],{\"children\":[\"__PAGE__\",\"$L7\",{},null,false]},null,false],\"$L8\",false]],\"m\":\"$undefined\",\"G\":[\"$9\",[]],\"s\":false,\"S\":true}\n"])</script>
183<script>self.__next_f.push([1,"a:I[78032,[\"5285\",\"static/chunks/5285-46615e5c58fc8d57.js\",\"5312\",\"static/chunks/5312-45033d25be470064.js\",\"6366\",\"static/chunks/6366-ae8106222c2e5443.js\",\"524\",\"static/chunks/524-024cfeb50ddbdab2.js\",\"3045\",\"static/chunks/3045-ce292946353dad9d.js\",\"3034\",\"static/chunks/3034-cdb482bd709c93e2.js\",\"7177\",\"static/chunks/app/layout-0132352f3a8d2f3a.js\"],\"\"]\nc:I[17283,[\"5285\",\"static/chunks/5285-46615e5c58fc8d57.js\",\"5312\",\"static/chunks/5312-45033d25be470064.js\",\"6366\",\"static/chunks/6366-ae8106222c2e5443.js\",\"524\",\"static/chunks/524-024cfeb50ddbdab2.js\",\"3045\",\"static/chunks/3045-ce292946353dad9d.js\",\"3034\",\"static/chunks/3034-cdb482bd709c93e2.js\",\"7177\",\"static/chunks/app/layout-0132352f3a8d2f3a.js\"],\"Header\"]\nd:I[58356,[],\"\"]\ne:I[28410,[\"3867\",\"static/chunks/3867-5892511935d31bcc.js\",\"6397\",\"static/chunks/app/template-3da572fe864c6429.js\"],\"PageTransition\"]\nf:I[49362,[],\"\"]\n10:I[16506,[\"5312\",\"static/chunks/5312-45033d25be470064.js\",\"4345\",\"static/chunks/app/not-found-7e0b7ceb0d96c395.js\"],\"default\"]\n11:I[72882,[\"5285\",\"static/chunks/5285-46615e5c58fc8d57.js\",\"5312\",\"static/chunks/5312-45033d25be470064.js\",\"6366\",\"static/chunks/6366-ae8106222c2e5443.js\",\"524\",\"static/chunks/524-024cfeb50ddbdab2.js\",\"3045\",\"static/chunks/3045-ce292946353dad9d.js\",\"3034\",\"static/chunks/3034-cdb482bd709c93e2.js\",\"7177\",\"static/chunks/app/layout-0132352f3a8d2f3a.js\"],\"Footer\"]\n12:I[27291,[\"5285\",\"static/chunks/5285-46615e5c58fc8d57.js\",\"5312\",\"static/chunks/5312-45033d25be470064.js\",\"6366\",\"static/chunks/6366-ae8106222c2e5443.js\",\"524\",\"static/chunks/524-024cfeb50ddbdab2.js\",\"3045\",\"static/chunks/3045-ce292946353dad9d.js\",\"3034\",\"static/chunks/3034-cdb482bd709c93e2.js\",\"7177\",\"static/chunks/app/layout-0132352f3a8d2f3a.js\"],\"ChineseRegionNotice\"]\n13:I[83411,[\"5285\",\"static/chunks/5285-46615e5c58fc8d57.js\",\"5312\",\"static/chunks/5312-45033d25be470064.js\",\"6366\",\"static/chunks/6366-ae8106222c2e5443.js\",\"524\",\"static/chunks/524-024cfeb50ddbdab2.js\",\"3045\",\"static/chunks/3045-ce292946353dad9d.js\",\"3034\",\"static/chunks/3034-cdb482bd709c93e2."])</script>
183<script>self.__next_f.push([1,"js\",\"7177\",\"static/chunks/app/layout-0132352f3a8d2f3a.js\"],\"ScrollToTop\"]\n14:I[28001,[\"5285\",\"static/chunks/5285-46615e5c58fc8d57.js\",\"5312\",\"static/chunks/5312-45033d25be470064.js\",\"6366\",\"static/chunks/6366-ae8106222c2e5443.js\",\"524\",\"static/chunks/524-024cfeb50ddbdab2.js\",\"3045\",\"static/chunks/3045-ce292946353dad9d.js\",\"3034\",\"static/chunks/3034-cdb482bd709c93e2.js\",\"7177\",\"static/chunks/app/layout-0132352f3a8d2f3a.js\"],\"HubSpotPageView\"]\n15:I[84140,[\"5285\",\"static/chunks/5285-46615e5c58fc8d57.js\",\"5312\",\"static/chunks/5312-45033d25be470064.js\",\"6366\",\"static/chunks/6366-ae8106222c2e5443.js\",\"524\",\"static/chunks/524-024cfeb50ddbdab2.js\",\"3045\",\"static/chunks/3045-ce292946353dad9d.js\",\"3034\",\"static/chunks/3034-cdb482bd709c93e2.js\",\"7177\",\"static/chunks/app/layout-0132352f3a8d2f3a.js\"],\"WebMCP\"]\n16:\"$Sreact.suspense\"\n17:I[8536,[\"5285\",\"static/chunks/5285-46615e5c58fc8d57.js\",\"5312\",\"static/chunks/5312-45033d25be470064.js\",\"6366\",\"static/chunks/6366-ae8106222c2e5443.js\",\"524\",\"static/chunks/524-024cfeb50ddbdab2.js\",\"3045\",\"static/chunks/3045-ce292946353dad9d.js\",\"3034\",\"static/chunks/3034-cdb482bd709c93e2.js\",\"7177\",\"static/chunks/app/layout-0132352f3a8d2f3a.js\"],\"UtmCapture\"]\n18:I[95524,[\"5285\",\"static/chunks/5285-46615e5c58fc8d57.js\",\"5312\",\"static/chunks/5312-45033d25be470064.js\",\"6366\",\"static/chunks/6366-ae8106222c2e5443.js\",\"524\",\"static/chunks/524-024cfeb50ddbdab2.js\",\"3045\",\"static/chunks/3045-ce292946353dad9d.js\",\"3034\",\"static/chunks/3034-cdb482bd709c93e2.js\",\"7177\",\"static/chunks/app/layout-0132352f3a8d2f3a.js\"],\"ToasterProvider\"]\n19:I[55194,[\"5285\",\"static/chunks/5285-46615e5c58fc8d57.js\",\"5312\",\"static/chunks/5312-45033d25be470064.js\",\"6366\",\"static/chunks/6366-ae8106222c2e5443.js\",\"6860\",\"static/chunks/6860-19ec59c647af0048.js\",\"7446\",\"static/chunks/7446-28e46935897facae.js\",\"41\",\"static/chunks/41-4b09384b544ced14.js\",\"8607\",\"static/chunks/8607-91700ac9b0815fd7.js\",\"2776\",\"static/chunks/2776-2e8af55c795931b8.js\",\"5322\",\"static/chunks/5322-c90818dd31db5660.js\",\"8974\",\"static/chunks/app/page-74a1a6ea"])</script>
183<script>self.__next_f.push([1,"424fa1f7.js\"],\"HomePage\"]\n1a:I[77937,[],\"OutletBoundary\"]\n1c:I[4524,[],\"AsyncMetadataOutlet\"]\n1e:I[77937,[],\"ViewportBoundary\"]\n20:I[77937,[],\"MetadataBoundary\"]\n3:[\"$\",\"link\",null,{\"rel\":\"preconnect\",\"href\":\"https://www.google-analytics.com\",\"crossOrigin\":\"anonymous\"}]\n4:[\"$\",\"link\",null,{\"rel\":\"dns-prefetch\",\"href\":\"https://www.googletagmanager.com\"}]\n5:[\"$\",\"link\",null,{\"rel\":\"dns-prefetch\",\"href\":\"https://www.google-analytics.com\"}]\nb:T463,"])</script>
183<script>self.__next_f.push([1,"\n              (function() {\n                if (typeof window === 'undefined' || !window.location.hostname.includes('automq.com')) return;\n                window.__rum = {\n                  endpoint: 'https://proj-xtrace-aa404a8fabc52acb49c48f28bb23342f-ap-southeast-1.ap-southeast-1.log.aliyuncs.com/rum/web/v2?workspace=default-cms-1431115939942888-ap-southeast-1\u0026service_id=e3adl4bn54@145af12b24e8e6fba4e64',\n                  env: 'prod',\n                  spaMode: 'history',\n                  collectors: {\n                    perf: true,\n                    webVitals: true,\n                    api: true,\n                    staticResource: true,\n                    jsError: true,\n                    consoleError: true,\n                    action: true\n                  },\n                  tracing: true\n                };\n                var s = document.createElement('script');\n                s.src = 'https://sdk.rum.aliyuncs.com/v2/browser-sdk.js';\n                s.crossOrigin = 'anonymous';\n                s.async = true;\n                document.head.appendChild(s);\n              })();\n            "])</script>
183<script>self.__next_f.push([1,"6:[\"$\",\"body\",null,{\"className\":\"__className_14db65 min-h-screen bg-white dark:bg-gray-950 text-gray-900 dark:text-gray-100 overflow-x-hidden transition-colors duration-300\",\"children\":[[\"$\",\"$La\",null,{\"id\":\"gtm-script\",\"strategy\":\"afterInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"\\n              (function() {\\n                var script = document.createElement('script');\\n                script.src = 'https://www.googletagmanager.com/gtag/js?id=G-4F3BX9DFG9';\\n                script.async = true;\\n                document.head.appendChild(script);\\n                script.onload = function() {\\n                  window.dataLayer = window.dataLayer || [];\\n                  function gtag() { dataLayer.push(arguments); }\\n                  gtag('js', new Date());\\n                  gtag('config', 'G-4F3BX9DFG9');\\n                  gtag('config', 'AW-16507686071');\\n                };\\n              })();\\n            \"}}],[\"$\",\"$La\",null,{\"id\":\"plausible-script\",\"strategy\":\"afterInteractive\",\"data-domain\":\"automq.com\",\"src\":\"https://plausible.io/js/script.file-downloads.hash.outbound-links.pageview-props.revenue.tagged-events.js\"}],[\"$\",\"$La\",null,{\"id\":\"hs-script-loader\",\"strategy\":\"afterInteractive\",\"src\":\"//js.hs-scripts.com/48998039.js\"}],[\"$\",\"$La\",null,{\"id\":\"lucky-orange\",\"strategy\":\"afterInteractive\",\"src\":\"https://tools.luckyorange.com/core/lo.js?site-id=5b751547\"}],[\"$\",\"$La\",null,{\"id\":\"aliyun-rum-sdk\",\"strategy\":\"afterInteractive\",\"dangerouslySetInnerHTML\":{\"__html\":\"$b\"}}],[\"$\",\"$Lc\",null,{}],[\"$\",\"$Ld\",null,{\"parallelRouterKey\":\"children\",\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Le\",null,{\"children\":[\"$\",\"$Lf\",null,{}]}],\"templateStyles\":[],\"templateScripts\":[],\"notFound\":[[\"$\",\"$L10\",null,{}],[]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}],[\"$\",\"$L11\",null,{}],[\"$\",\"$L12\",null,{}],[\"$\",\"$L13\",null,{}],[\"$\",\"$L14\",null,{}],[\"$\",\"$L15\",null,{}],[\"$\",\"$16\",null,{\"fallback\":null,\"children\":[\"$\",\"$L17\",null,{}]}],[\"$\",\"$L18\",null,{}]]}]\n"])</script>
183<script>self.__next_f.push([1,"7:[\"$\",\"$1\",\"c\",{\"children\":[[[[\"$\",\"script\",\"0\",{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"WebSite\\\",\\\"name\\\":\\\"AutoMQ\\\",\\\"url\\\":\\\"https://www.automq.com\\\",\\\"description\\\":\\\"AutoMQ is a cloud-native Kafka alternative built on S3. Diskless, auto-scaling, pay-as-you-go. Trusted by Grab, Tencent. Start your free trial today.\\\",\\\"potentialAction\\\":{\\\"@type\\\":\\\"SearchAction\\\",\\\"target\\\":{\\\"@type\\\":\\\"EntryPoint\\\",\\\"urlTemplate\\\":\\\"https://www.automq.com/search?q={search_term_string}\\\"},\\\"query-input\\\":\\\"required name=search_term_string\\\"}}\"}}],[\"$\",\"script\",\"1\",{\"type\":\"application/ld+json\",\"dangerouslySetInnerHTML\":{\"__html\":\"{\\\"@context\\\":\\\"https://schema.org\\\",\\\"@type\\\":\\\"SoftwareApplication\\\",\\\"name\\\":\\\"AutoMQ\\\",\\\"applicationCategory\\\":\\\"DeveloperApplication\\\",\\\"operatingSystem\\\":\\\"Cloud\\\",\\\"offers\\\":{\\\"@type\\\":\\\"Offer\\\",\\\"price\\\":\\\"0\\\",\\\"priceCurrency\\\":\\\"USD\\\",\\\"description\\\":\\\"Open source version available\\\"},\\\"description\\\":\\\"AutoMQ is a cloud-native Kafka alternative built on S3. Diskless, auto-scaling, pay-as-you-go. Trusted by Grab, Tencent. Start your free trial today.\\\"}\"}}]],[\"$\",\"$L19\",null,{}]],null,[\"$\",\"$L1a\",null,{\"children\":[\"$L1b\",[\"$\",\"$L1c\",null,{\"promise\":\"$@1d\"}]]}]]}]\n"])</script>
183<script>self.__next_f.push([1,"8:[\"$\",\"$1\",\"h\",{\"children\":[null,[[\"$\",\"$L1e\",null,{\"children\":\"$L1f\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]],[\"$\",\"$L20\",null,{\"children\":[\"$\",\"div\",null,{\"hidden\":true,\"children\":[\"$\",\"$16\",null,{\"fallback\":null,\"children\":\"$L21\"}]}]}]]}]\n"])</script>
183<script>self.__next_f.push([1,"1f:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"meta\",\"1\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1, maximum-scale=5\"}],[\"$\",\"meta\",\"2\",{\"name\":\"theme-color\",\"content\":\"#2d64eb\"}]]\n1b:null\n"])</script>
183<script>self.__next_f.push([1,"22:I[86260,[],\"IconMark\"]\n"])</script>
183<script>self.__next_f.push([1,"1d:{\"metadata\":[[\"$\",\"title\",\"0\",{\"children\":\"AutoMQ - Diskless Kafka® on S3 | Lower Cost, Millisecond Latency\"}],[\"$\",\"meta\",\"1\",{\"name\":\"description\",\"content\":\"AutoMQ is a cloud-native, diskless Kafka built on S3. Instant elasticity, zero cross-AZ fees, millisecond latency. Trusted by JD, Grab, Tencent. Start free trial today.\"}],[\"$\",\"meta\",\"2\",{\"name\":\"author\",\"content\":\"AutoMQ\"}],[\"$\",\"link\",\"3\",{\"rel\":\"manifest\",\"href\":\"/site.webmanifest\",\"crossOrigin\":\"$undefined\"}],[\"$\",\"meta\",\"4\",{\"name\":\"keywords\",\"content\":\"AutoMQ, Kafka, Apache Kafka, diskless Kafka, cloud-native Kafka, S3 Kafka, Kafka alternative, Kafka cost reduction, serverless Kafka, elastic Kafka, real-time streaming, event streaming, BYOC Kafka\"}],[\"$\",\"meta\",\"5\",{\"name\":\"referrer\",\"content\":\"origin-when-cross-origin\"}],[\"$\",\"meta\",\"6\",{\"name\":\"creator\",\"content\":\"AutoMQ\"}],[\"$\",\"meta\",\"7\",{\"name\":\"publisher\",\"content\":\"AutoMQ\"}],[\"$\",\"meta\",\"8\",{\"name\":\"robots\",\"content\":\"index, follow\"}],[\"$\",\"meta\",\"9\",{\"name\":\"googlebot\",\"content\":\"index, follow, max-video-preview:-1, max-image-preview:large, max-snippet:-1\"}],[\"$\",\"meta\",\"10\",{\"name\":\"msapplication-TileColor\",\"content\":\"#2d64eb\"}],[\"$\",\"link\",\"11\",{\"rel\":\"canonical\",\"href\":\"https://www.automq.com\"}],[\"$\",\"meta\",\"12\",{\"name\":\"format-detection\",\"content\":\"telephone=no\"}],[\"$\",\"meta\",\"13\",{\"name\":\"mobile-web-app-capable\",\"content\":\"yes\"}],[\"$\",\"meta\",\"14\",{\"name\":\"apple-mobile-web-app-status-bar-style\",\"content\":\"black-translucent\"}],[\"$\",\"meta\",\"15\",{\"property\":\"og:title\",\"content\":\"AutoMQ - Diskless Kafka® on S3 | Lower Cost, Millisecond Latency\"}],[\"$\",\"meta\",\"16\",{\"property\":\"og:description\",\"content\":\"AutoMQ is a cloud-native, diskless Kafka built on S3. Instant elasticity, zero cross-AZ fees, millisecond latency. Trusted by JD, Grab, Tencent. Start free trial today.\"}],[\"$\",\"meta\",\"17\",{\"property\":\"og:url\",\"content\":\"https://www.automq.com\"}],[\"$\",\"meta\",\"18\",{\"property\":\"og:site_name\",\"content\":\"AutoMQ\"}],[\"$\",\"meta\",\"19\",{\"property\":\"og:image\",\"content\":\"https://www.automq.com/images/automq/og-image.webp\"}],[\"$\",\"meta\",\"20\",{\"property\":\"og:image:width\",\"content\":\"1200\"}],[\"$\",\"meta\",\"21\",{\"property\":\"og:image:height\",\"content\":\"630\"}],[\"$\",\"meta\",\"22\",{\"property\":\"og:image:alt\",\"content\":\"AutoMQ - Diskless Kafka® on S3 | Lower Cost, Millisecond Latency\"}],[\"$\",\"meta\",\"23\",{\"property\":\"og:type\",\"content\":\"website\"}],[\"$\",\"meta\",\"24\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"25\",{\"name\":\"twitter:creator\",\"content\":\"@AutoMQ\"}],[\"$\",\"meta\",\"26\",{\"name\":\"twitter:title\",\"content\":\"AutoMQ - Diskless Kafka® on S3 | Lower Cost, Millisecond Latency\"}],[\"$\",\"meta\",\"27\",{\"name\":\"twitter:description\",\"content\":\"AutoMQ is a cloud-native, diskless Kafka built on S3. Instant elasticity, zero cross-AZ fees, millisecond latency. Trusted by JD, Grab, Tencent. Start free trial today.\"}],[\"$\",\"meta\",\"28\",{\"name\":\"twitter:image\",\"content\":\"https://www.automq.com/images/automq/og-image.webp\"}],[\"$\",\"link\",\"29\",{\"rel\":\"shortcut icon\",\"href\":\"/favicon.ico\"}],[\"$\",\"link\",\"30\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"sizes\":\"any\"}],[\"$\",\"link\",\"31\",{\"rel\":\"icon\",\"href\":\"/favicon.svg\",\"type\":\"image/svg+xml\"}],[\"$\",\"link\",\"32\",{\"rel\":\"icon\",\"href\":\"/favicon-48x48.png\",\"sizes\":\"48x48\",\"type\":\"image/png\"}],[\"$\",\"link\",\"33\",{\"rel\":\"icon\",\"href\":\"/favicon-32x32.png\",\"sizes\":\"32x32\",\"type\":\"image/png\"}],[\"$\",\"link\",\"34\",{\"rel\":\"icon\",\"href\":\"/favicon-16x16.png\",\"sizes\":\"16x16\",\"type\":\"image/png\"}],[\"$\",\"link\",\"35\",{\"rel\":\"apple-touch-icon\",\"href\":\"/apple-touch-icon.png\",\"sizes\":\"180x180\",\"type\":\"image/png\"}],[\"$\",\"$L22\",\"36\",{}]],\"error\":null,\"digest\":\"$undefined\"}\n"])</script>
183<script>self.__next_f.push([1,"21:\"$1d:metadata\"\n"])</script>
183<script type="module" src="https://static.cloudflareinsights.com/beacon.min.js/v31edd6df95cf4e85bb4c19e7a9bdbcba1788362987495" integrity="sha512-iIg7k2xntmwu6/uSb5tpc/hySgZc4eoL31yB29W6tJFo2akwjPWcEqnCEdJvGexCL0KEQwVYv5BlowfhVz26hg==" data-cf-beacon='{"version":"2024.11.0","token":"67942ea90cf649caa177ce8f2b1f0003","spa":2}' crossorigin="anonymous"></script>
183
184</body></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.