<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<!-- OptanonConsentNoticeStart -->
<script src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="5e9f5149-bde8-4a13-b973-b7a9385e8ebb"></script>
<script type="text/javascript">
function OptanonWrapper() { }
</script>
<!-- OptanonConsentNoticeEnd -->

<script type="text/plain" class="optanon-category-C0004" src="https://cdn.amplitude.com/script/9fa03fe145137b598626150731335817.experiment.js"></script>

<script>
  window.dataLayer = window.dataLayer || [];

  if (window.digitalData?.displayedVariants?.length) {
    window.digitalData.displayedVariants.forEach(function(variantInfo) {
      pushVariantToDataLayer(variantInfo);
    });
  }

  document.addEventListener('displayWemVariant', function (event) {
    if (event?.detail) {
      pushVariantToDataLayer(event.detail);
    }
  }, true);

  function pushVariantToDataLayer(variantInfo) {
    const type = variantInfo.type + (variantInfo.variantType ? ('_' + variantInfo.variantType) : '');
    const label = (variantInfo.wrapper.displayableName || variantInfo.wrapper.name) +
                  ' - ' + (variantInfo.displayableName || variantInfo.name);

    window.dataLayer.push({
      event: 'displayWemVariant',
      experimentName: variantInfo.wrapper.displayableName || variantInfo.wrapper.name,
      variantName: variantInfo.displayableName || variantInfo.name,
      variantType: type,
      variantLabel: label,
      variantId: variantInfo.id,
      wrapperId: variantInfo.wrapper.id,
      wrapperName: variantInfo.wrapper.name,
      inControlGroup: variantInfo.inControlGroup || false
    });
  }
</script>

<link rel="canonical" href="https://www.algolia.com/industries/startups" /><link rel="alternate" hreflang="en" href="https://www.algolia.com/industries/startups" />
<link rel="alternate" hreflang="de" href="https://www.algolia.com/de/industries/startups" />
<link rel="alternate" hreflang="fr" href="https://www.algolia.com/fr/industries/startups" />
    <script src="/modules/algolia-base-template/javascript/algolia-connector-outputcss-blocker.js"></script>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Build search & discovery for your Startup | Algolia</title>
<meta content="width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover" name="viewport">

<!--Global Level META DATA  Here  <meta charset="utf-8"> Niket -->
        <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, viewport-fit=cover">
        <meta name="og:site_name" content="Algolia">
        <meta property="og:type" content="website">
        <meta property="og:image" content="https://www.algolia.com/files/live/sites/algolia-assets/files/opengraph/algolia-opengraph-image.jpg">
                    <meta property="og:image:width" content="1200" />
                    <meta property="og:image:height" content="630" />
                <meta name="twitter:site" content="@algolia">
        <meta property="twitter:domain" content="www.algolia.com">
        <meta name="twitter:card" content="summary_large_image">
        <meta name="msapplication-TileColor" content="#003DFF">
        <meta name="theme-color" content="#003DFF">
        <meta name="google-site-verification" content="unmVpnHdKJyjZSxuXKPyWxx8HRmb9VCCaBHQw4uCsW4">
        <script type="application/ld+json">
[
  {
    "@context": "http://schema.org",
    "@type": "Organization",
    "name": "Algolia",
    "url": "https://www.algolia.com/",
    "logo": "https://www.algolia.com/algolia-logo-blue.svg",
    "image": "https://www.algolia.com/files/live/sites/algolia-assets/files/opengraph/algolia-opengraph-image.jpg",
    "description": "Fast, reliable and modern Search & Discovery",
    "address": {
      "@type": "PostalAddress",
      "streetAddress": "3790 El Camino Real, Unit #518",
      "addressLocality": "Palo Alto",
      "addressRegion": "California",
      "postalCode": "94306",
      "addressCountry": "USA"
    },
    "sameAs": [
      "https://www.linkedin.com/company/algolia/",
      "https://www.facebook.com/algolia/",
      "https://www.github.com/Algolia/",
      "https://www.youtube.com/user/Algolia/",
      "https://www.twitter.com/Algolia/",
      "https://www.instagram.com/algoliahq/"
    ],
    "contactPoint" : [
      {
        "@type" : "ContactPoint",
        "url": "https://www.algolia.com/demorequest/",
        "contactType": "prospects"
      },
      {
        "@type" : "ContactPoint",
        "url": "https://www.algolia.com/contact/enterprise/",
        "contactType": "enterprise"
      },
      {
        "@type" : "ContactPoint",
        "url": "https://www.algolia.com/for-open-source/",
        "contactType": "open source"
      }
    ]
  },
  {
    "@context": "http://schema.org",
    "@type": "WebSite",
    "url": "https://www.algolia.com/",
    "name": "Algolia",
    "alternateName": "AlgoliaSearch",
    "potentialAction": [{
      "@type": "SearchAction",
      "target": "https://www.algolia.com/search/?query={search_term_string}",
      "query-input": "required name=search_term_string"
    }]
  },
  {
    "@context": "http://schema.org",
    "@type": "SpeakableSpecification",
    "xpath": [
      "/html/head/title",
      "/html/head/meta[@name='description']/@content"
    ]
  }
]
</script><!--Global Level META DATA Ends Here-->
        <!--Page Level META DATA-->
        <meta property="og:title" content="Build search & discovery for your Startup | Algolia">
        <meta property="og:url" content="/cms/render/live/en/sites/www/home/industries/startups.html">
        <meta name="twitter:title" content="Build search & discovery for your Startup | Algolia">
        <meta name="twitter:image" content="https://www.algolia.com/files/live/sites/algolia-assets/files/opengraph/algolia-opengraph-image.jpg">
                <!--Meta Data Section Ends Here--><script>
        !function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on","addSourceMiddleware","addIntegrationMiddleware","setAnonymousId","addDestinationMiddleware"];analytics.factory=function(e){return function(){var t=Array.prototype.slice.call(arguments);t.unshift(e);analytics.push(t);return analytics}};for(var e=0;e<analytics.methods.length;e++){var key=analytics.methods[e];analytics[key]=analytics.factory(key)}analytics.load=function(key,e){var t=document.createElement("script");t.type="text/javascript";t.async=!0;t.src="https://cdn.segment.com/analytics.js/v1/" + key + "/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n);analytics._loadOptions=e};analytics._writeKey="eEj3ERCjH7KxK1jEMjQF7uzmtZGALFHn";;analytics.SNIPPET_VERSION="4.15.3";
        analytics.load("eEj3ERCjH7KxK1jEMjQF7uzmtZGALFHn"); //"eEj3ERCjH7KxK1jEMjQF7uzmtZGALFHn"
        analytics.page();
        }}();
      </script><link href="https://fonts.googleapis.com/css2?family=Inter&family=Sora:wght@300;400;600&display=swap"
rel="stylesheet">
<link rel="icon" type="image/x-icon" href="/files/live/sites/algolia-assets/files/icons/algolia-logo-for-favicon.svg">
<script src="/modules/algolia-base-template/javascript/header.js"></script>
<script type="text/javascript" src="/modules/algolia-base-template/javascript/codeExchangeSearch.js"></script>




<script type="application/json" id="jahia-data-ctx">{"contextPath":"","lang":"en","uilang":"en","siteUuid":"5dd2fdd4-a9a0-46fe-8b1b-f7457ee77e1d","wcag":true,"ckeCfg":""}</script>
<script type="application/json" id="jahia-data-ck">{"path":"/modules/ckeditor/javascript/","lng":"en_US"}</script>
<link id="staticAssetCSS0" rel="stylesheet" href="/generated-resources/358f2a36eae5f7d4a0dcb5d19d38c.min.css" media="screen" type="text/css"/>
<script id="staticAssetJavascript0" src="/generated-resources/503471dd7a9bdc3ee7ecdc34a4f1112.min.js"  ></script>
<script type="text/javascript" nonce="NmE5ZDg2NGEtNGU4Yy00NmIyLWFmMWYtOTQxNThjZDJiMDEw">
    window.digitalDataOverrides = window.digitalDataOverrides || [];
    window.digitalData = {
        "scope": "www",
        "site": {
            "siteInfo": {
                "siteID": "5dd2fdd4-a9a0-46fe-8b1b-f7457ee77e1d"
            }
        },
        "page": {
            "pageInfo": {
                "pageID": "e8eabb5a-70c4-4e83-8fe6-c03a071f1ab5",
                "nodeType": "jnt:page",
                "pageName": "Startups",
                "pagePath": "/sites/www/home/industries/startups",
                "templateName": "home",
                "destinationURL": document.location.origin + document.location.pathname,
                "destinationSearch": document.location.search,
                "referringURL": null,
                "language": "en",
                "categories": [],
                "tags": []
            },
            "consentTypes":[
                
            ]
        },
        "events": [],
        "contextServerPublicUrl": "/modules/jexperience/proxy/www",
        "sourceLocalIdentifierMap" : {},
        "wemInitConfig":  {
            "contextServerUrl" : "/modules/jexperience/proxy/www",
            "isPreview": false,
            "timeoutInMilliseconds": 1000,
            "dxUsername" : "guest",
            "contextServerCookieName" : "context-profile-id",
            "activateWem": false,
            "enableWemActionUrl": "/en/sites/www.enableWem.do",
            "requiredProfileProperties": ['j:nodename'],
            "requiredSessionProperties": [],
            "requireSegments": false,
            "requireScores": false
        }, 
    };

   // Expose Wem init functions  
   wem.init();
  </script>

<script>
        document.addEventListener("DOMContentLoaded", function() {
            var algoliaOAuthButton = document.getElementsByClassName('partner-portal-login-cta');
            Array.from(algoliaOAuthButton).forEach(element => {
                element.addEventListener('click', connectToAlgoliaOAuth);
            });
        });
        function connectToAlgoliaOAuth(event) {
            const popup = window.open('', "Algolia Authorization", "menubar=no,status=no,scrollbars=no,width=1145,height=725,modal=yes,alwaysRaised=yes");
            const xhr = new XMLHttpRequest();
            xhr.open('GET', '/cms/render/live/en/.connectToAlgoliaOAuthAction.do');
            xhr.setRequestHeader('Accept', 'application/json;');
            xhr.send();

            xhr.onreadystatechange = function () {
                if (xhr.readyState != 4 || xhr.status != 200) return;
                var json = JSON.parse(xhr.responseText);
                popup.location.href = json.authorizationUrl;
                window.addEventListener('message', function (event) {
                    if (event.data.authenticationIsDone) {
                        setTimeout(function () {
                            popup.close();
                            if (event.data.isAuthenticate) {
                                window.location.href = '/partner-program?site=www';
                            }
                        }, 3000);
                    }
                });
            };
            event.preventDefault();
        }
    </script>

<script type="application/json" id="jahia-data-aggregatedjs">{"scripts":["/modules/jexperience/javascript/jexperience/dist/3_9_0/wem.min.js","/modules/algolia-base-components/javascript/component/header-search.js","/modules/algolia-base-components/javascript/component/nav-v2.js","/modules/algolia-base-components/javascript/component/modalDialog.js","/modules/ad-base-components/javascript/component/ctaGradient.js","/modules/algolia-base-components/javascript/component/header-nav.js","/modules/algolia-base-components/javascript/component/header-promo.js","/modules/ad-base-components/javascript/component/logoPopover.js","/modules/algolia-base-components/javascript/component/accordion.js","/modules/ad-base-components/javascript/component/banner.js","/modules/algolia-connector-jahia/javascript/editor/editor.js","/modules/algolia-base-components/javascript/component/multiBackgroundCarousel.js","/modules/algolia-base-components/javascript/component/agentforce-preopen-hook.js","/modules/algolia-base-template/javascript/screenTab.js"]}</script>


<style id="connector-header-hotfix">
    #main-header .header__top-nav.max-w-screen-xl,
    #main-header .header__middle-bar.max-w-screen-xl {
      max-width: 1440px !important;
    }

    @media (min-width: 1024px) and (max-width: 1199px) {
      #main-header .header__global-search {
        flex: 0 0 auto !important;
        max-width: 270px !important;
        margin-left: auto !important;
      }

      #main-header #globalSearchButton {
        width: 270px !important;
        max-width: 270px !important;
      }
    }

    @media (min-width: 1200px) {
      #main-header .header__global-search:not(.expand-search) {
        flex: 0 1 320px !important;
        max-width: 320px !important;
      }

      #main-header .header__global-search:not(.expand-search) #globalSearchButton {
        width: 100% !important;
      }
    }

    @media (min-width: 1200px) and (max-width: 1279px) {
      #main-header .header__global-search:not(.expand-search) {
        flex-basis: 220px !important;
        max-width: 220px !important;
      }
    }

    @media (min-width: 1280px) and (max-width: 1365px) {
      #main-header .header__global-search:not(.expand-search) {
        flex-basis: 240px !important;
        max-width: 240px !important;
      }
    }

    @media (min-width: 1366px) and (max-width: 1439px) {
      #main-header .header__global-search:not(.expand-search) {
        flex-basis: 280px !important;
        max-width: 280px !important;
      }
    }

    @media (min-width: 1440px) and (max-width: 1535px) {
      #main-header .header__global-search:not(.expand-search) {
        flex-basis: 320px !important;
        max-width: 320px !important;
      }
    }

    @media (min-width: 1536px) {
      #main-header .header__global-search:not(.expand-search) {
        flex-basis: 350px !important;
        max-width: 350px !important;
      }
    }
  </style>

 <style>
    /* Temporary DXP-1371 blog code wrap fix. Remove after code release. */
    body .blog-richtext,
    body .blog-richtext .algoliaRichTextnContainer,
    body .blog-richtext .algoliaRichText {
      min-width: 0 !important;
      max-width: 100% !important;
    }

    body .blog-richtext pre,
    body .blog-richtext pre code,
    body .blog-richtext pre code * {
      box-sizing: border-box !important;
      max-width: 100% !important;
      white-space: pre-wrap !important;
      overflow-wrap: anywhere !important;
      word-break: break-word !important;
    }

    body .blog-richtext pre {
      width: 100% !important;
      overflow-x: hidden !important;
    }

    body .blog-richtext pre code {
      display: block !important;
    }
  </style>

<style>
  body.code-exchange-detail .code-exchange__main-content :is(
    h1, h2, h3, h4, h5, h6,
    p, li, span, strong, em
  ) {
    color: #fff !important;
  }

  body.code-exchange-detail .code-exchange__main-content a {
    color: #bbd1ff !important;
  }
</style>

  <style>
    .multi-item-carousel .slick-prev::before,
    .multi-item-carousel .slick-next::before {
      content: "" !important;
      display: none !important;
    }

    .multi-item-carousel .slick-prev,
    .multi-item-carousel .slick-next {
      color: #23263b !important;
    }

    .multi-item-carousel .slick-prev svg,
    .multi-item-carousel .slick-next svg {
      stroke: currentColor !important;
    }

    .dark .multi-item-carousel .slick-prev,
    .dark .multi-item-carousel .slick-next {
      color: #ffffff !important;
    }
  </style>
<script type="text/javascript" src="/modules/CsrfServlet"></script>
</head>


<body data-tracking="startups" class=" font-inter text-base"
        data-site-theme="dark" data-parent-theme="light"  data-page-theme="light"  data-languageparam="websitelanguage" data-indexnameprefix="ALGOLIA_WWW" >

<!-- Header Component -->
    <div class="dark inset-0 z-[999] sticky ">
        <!-- Override Footer Logic is written in footer-logic -->
        
<li
  data-language-switcher="true"
  data-switcher-node-name="language-switcher"
  data-switcher-node-path="/sites/www/home/languageSwitcher/language-switcher"
  data-authored-language-list="false"
  class="flex items-center languageSwitcher border-0 border-l-1 border-solid py-1 lg:pl-4 pl-0 border-grey-700 z-[99] hidden"
>
  <div class="lg:relative lg:flex lg:items-center">
    <button
      href="javascript:void(0);"
      class="dropdown-toggle flex cursor-pointer appearance-none items-center rounded-lg border-0 lg:p-1 text-grey-900 gap-1"
      aria-haspopup="listbox"
      aria-expanded="false"
      data-bs-toggle="dropdown"
    >
      <svg
        xmlns="http://www.w3.org/2000/svg"
        width="16"
        height="16"
        viewBox="0 0 24 24"
        fill="none"
        stroke="#1E59FF"
        stroke-width="2"
        stroke-linecap="round"
        stroke-linejoin="round"
        class="text-grey-900 dark:text-white"
      >
        <circle cx="12" cy="12" r="10"></circle>
        <line x1="2" y1="12" x2="22" y2="12"></line>
        <path
          d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"
        ></path>
      </svg>
      <p
        class="font-inter font-normal leading-normal lg:text-sm text-xs dark:text-white text-grey-900 m-0 lg:mx-2 capitalize"
      >
        <span data-language-trigger-label="true"></span>
      </p>
      <svg
        xmlns="http://www.w3.org/2000/svg"
        width="16"
        height="16"
        viewBox="0 0 24 24"
        fill="none"
        stroke="currentColor"
        stroke-width="2"
        stroke-linecap="round"
        stroke-linejoin="round"
        class="text-grey-900 dark:text-white"
      >
        <polyline points="6 9 12 15 18 9"></polyline>
      </svg>
    </button>
    <div class="lg:absolute lg:right-1 lg:top-[42px] languageList" hidden>
      <ul
        class="z-max w-[150px] list-none overflow-hidden rounded-lg p-0 shadow-small-light"
        role="listbox"
      >
        <a
                href="#"
                class="en font-inter leading-normal lg:text-sm text-xs text-xenon-600 m-0 capitalize"
              >
                <li
                  data-language-code="en"
                  data-target-url="#"
                  class="active bg-xenon-200 dropdown-item w-[100px] cursor-pointer p-4 w-full"
                >
                  English</li>
              </a>
            <a
                title="Switch to "
                class="de font-inter leading-normal lg:text-sm text-xs text-grey-900 m-0 capitalize"
                href="/de/blog/product/ab-testing-search/"
              >
                <li
                  data-language-code="de"
                  data-target-url="/de/blog/product/blogentry/ab-testing-search/"
                  data-url-source="switchUrl"
                  class="dropdown-item dropdown-item w-[100px] cursor-pointer p-4 bg-grey-100 hover:bg-grey-200 w-full"
                >
                  Deutsch</li>
              </a>
            <a
                title="Switch to "
                class="fr font-inter leading-normal lg:text-sm text-xs text-grey-900 m-0 capitalize"
                href="/fr/blog/product/ab-testing-search/"
              >
                <li
                  data-language-code="fr"
                  data-target-url="/fr/blog/product/blogentry/ab-testing-search/"
                  data-url-source="switchUrl"
                  class="dropdown-item dropdown-item w-[100px] cursor-pointer p-4 bg-grey-100 hover:bg-grey-200 w-full"
                >
                  français</li>
              </a>
            </ul>
    </div>
  </div>
</li>
<script>
  document.addEventListener("DOMContentLoaded", function () {
    if (window.__algoliaLanguageSwitcherInitialized) return;
    window.__algoliaLanguageSwitcherInitialized = true;

    var languageSwitchers = Array.prototype.slice.call(
      document.querySelectorAll("[data-language-switcher='true']")
    );
    if (!languageSwitchers.length) return;

    function isInTopNav(node) {
      return !!node.closest(".header__top-nav ul, .header__top-nav.mobile ul");
    }

    function hasAuthoredLanguageList(node) {
      return (node.getAttribute("data-authored-language-list") || "").toLowerCase() === "true";
    }

    function getPreferredLanguageSwitcher(nodes) {
      for (var p = 0; p < nodes.length; p++) {
        if (isInTopNav(nodes[p]) && hasAuthoredLanguageList(nodes[p])) return nodes[p];
      }
      for (var i = 0; i < nodes.length; i++) {
        if (isInTopNav(nodes[i])) return nodes[i];
      }
      for (var j = 0; j < nodes.length; j++) {
        if (hasAuthoredLanguageList(nodes[j])) return nodes[j];
      }
      return nodes[0];
    }

    var languageSwitcher = getPreferredLanguageSwitcher(languageSwitchers);
    if (!languageSwitcher) return;

    for (var s = 0; s < languageSwitchers.length; s++) {
      if (languageSwitchers[s] !== languageSwitcher) {
        languageSwitchers[s].remove();
      }
    }

    var languageList = languageSwitcher.querySelector(".languageList");
    var languageDropButton = languageSwitcher.querySelector(".dropdown-toggle");

    function normalizeLanguageCode(code) {
      return (code || "").toString().trim().toLowerCase().replace(/_/g, "-");
    }

    function getAvailableLanguages() {
      var langs = [];
      var options = languageSwitcher.querySelectorAll("li[data-language-code]");
      for (var i = 0; i < options.length; i++) {
        var raw = options[i].getAttribute("data-language-code");
        var normalized = normalizeLanguageCode(raw);
        if (normalized && langs.indexOf(normalized) === -1) langs.push(normalized);
      }
      langs.sort(function (a, b) {
        return b.length - a.length;
      });
      return langs;
    }

    function stripLeadingLanguagePrefix(pathname) {
      var value = (pathname || "/").toString();
      if (!value.startsWith("/")) value = "/" + value;

      var langs = getAvailableLanguages();
      for (var i = 0; i < langs.length; i++) {
        var lang = langs[i];
        if (!lang) continue;
        if (value === "/" + lang) return "/";
        if (value.indexOf("/" + lang + "/") === 0) return value.substring(lang.length + 1) || "/";
      }
      return value;
    }

    function buildLanguageUrl(targetLang) {
      var lang = normalizeLanguageCode(targetLang);
      var barePath = stripLeadingLanguagePrefix(window.location.pathname);
      var path = barePath;
      if (lang && lang !== "en") {
        path = "/" + lang + (barePath === "/" ? "" : barePath);
      }
      return path + window.location.search + window.location.hash;
    }

    function rewriteLanguageOptionTargets() {
      var options = languageSwitcher.querySelectorAll("li[data-language-code]");
      for (var i = 0; i < options.length; i++) {
        var li = options[i];
        var source = (li.getAttribute("data-url-source") || "").toString();
        if (source === "vanity") continue;

        var targetLang = li.getAttribute("data-language-code");
        var computed = buildLanguageUrl(targetLang);
        li.setAttribute("data-target-url", computed);

        var anchor = li.closest("a");
        if (anchor && anchor.getAttribute("href") !== computed) {
          anchor.setAttribute("href", computed);
        }
      }
    }

    function getCurrentLanguageFromPath() {
      var pathname = window.location.pathname || "/";
      var langs = getAvailableLanguages();
      for (var i = 0; i < langs.length; i++) {
        var lang = langs[i];
        if (!lang || lang === "en") continue;
        if (pathname === "/" + lang || pathname.indexOf("/" + lang + "/") === 0) return lang;
      }
      return "en";
    }

    function findOptionByLanguage(lang) {
      var normalized = normalizeLanguageCode(lang);
      if (!normalized) return null;
      var options = languageSwitcher.querySelectorAll("li[data-language-code]");
      for (var i = 0; i < options.length; i++) {
        if (normalizeLanguageCode(options[i].getAttribute("data-language-code")) === normalized) {
          return options[i];
        }
      }
      return null;
    }

    function setActiveLanguage(lang) {
      var normalized = normalizeLanguageCode(lang);
      var options = languageSwitcher.querySelectorAll("li[data-language-code]");
      for (var i = 0; i < options.length; i++) {
        var li = options[i];
        var optLang = normalizeLanguageCode(li.getAttribute("data-language-code"));
        var anchor = li.closest("a");
        if (optLang === normalized) {
          li.classList.add("active", "bg-xenon-200");
          li.classList.remove("bg-grey-100", "hover:bg-grey-200");
          if (anchor) { anchor.classList.add("text-xenon-600"); anchor.classList.remove("text-grey-900"); }
        } else {
          li.classList.remove("active", "bg-xenon-200");
          li.classList.add("bg-grey-100", "hover:bg-grey-200");
          if (anchor) { anchor.classList.remove("text-xenon-600"); anchor.classList.add("text-grey-900"); }
        }
      }
    }

    function updateDefaultLanguageText(lang) {
      var el = findOptionByLanguage(lang) || languageSwitcher.querySelector("li.active") || languageSwitcher.querySelector("li[data-language-code]");
      if (!el) return;
      var text = (el.textContent || "").trim();
      var show = languageSwitcher.querySelector("[data-language-trigger-label='true']");
      if (!show) return;
      show.className = el.getAttribute("data-language-code") || "";
      show.textContent = text.length > 3 ? text.substring(0, 3) : text;
    }

    function appendLanguageSwitcher() {
      var desktop = document.querySelector(".header__top-nav ul");
      var mobile = document.querySelector(".header__top-nav.mobile ul");
      var target = window.matchMedia("(max-width: 768px)").matches ? (mobile || desktop) : (desktop || mobile);
      if (target && languageSwitcher.parentNode !== target) {
        target.appendChild(languageSwitcher);
      }
      languageSwitcher.classList.remove("hidden");
    }

    function closeDropdown() {
      if (languageList) languageList.setAttribute("hidden", "");
      if (languageDropButton) languageDropButton.setAttribute("aria-expanded", "false");
    }

    // Dropdown toggle
    if (languageDropButton && languageList) {
      languageDropButton.addEventListener("click", function (e) {
        e.stopPropagation();
        var isHidden = languageList.hasAttribute("hidden");
        if (isHidden) {
          languageList.removeAttribute("hidden");
          languageDropButton.setAttribute("aria-expanded", "true");
        } else {
          closeDropdown();
        }
      });
    }
    document.body.addEventListener("click", closeDropdown);

    languageSwitcher.addEventListener("click", function (e) {
      var li = e.target.closest("li[data-language-code]");
      if (!li) return;

      e.preventDefault();
      closeDropdown();

      var targetUrl = li.getAttribute("data-target-url") || "#";
      if (!targetUrl || targetUrl === "#") return;

      window.location.href = targetUrl;
    });

    // Initialize
    var currentLang = getCurrentLanguageFromPath();
    appendLanguageSwitcher();
    rewriteLanguageOptionTargets();
    setActiveLanguage(currentLang);
    updateDefaultLanguageText(currentLang);

    window.addEventListener("resize", function () {
      appendLanguageSwitcher();
      rewriteLanguageOptionTargets();
      updateDefaultLanguageText(getCurrentLanguageFromPath());
    });
  });
</script>
<li
  data-language-switcher="true"
  data-switcher-node-name="algolia-language-switcher"
  data-switcher-node-path="/sites/www/home/languageSwitcher/algolia-language-switcher"
  data-authored-language-list="true"
  class="flex items-center languageSwitcher border-0 border-l-1 border-solid py-1 lg:pl-4 pl-0 border-grey-700 z-[99] hidden"
>
  <div class="lg:relative lg:flex lg:items-center">
    <button
      href="javascript:void(0);"
      class="dropdown-toggle flex cursor-pointer appearance-none items-center rounded-lg border-0 lg:p-1 text-grey-900 gap-1"
      aria-haspopup="listbox"
      aria-expanded="false"
      data-bs-toggle="dropdown"
    >
      <svg
        xmlns="http://www.w3.org/2000/svg"
        width="16"
        height="16"
        viewBox="0 0 24 24"
        fill="none"
        stroke="#1E59FF"
        stroke-width="2"
        stroke-linecap="round"
        stroke-linejoin="round"
        class="text-grey-900 dark:text-white"
      >
        <circle cx="12" cy="12" r="10"></circle>
        <line x1="2" y1="12" x2="22" y2="12"></line>
        <path
          d="M12 2a15.3 15.3 0 0 1 4 10 15.3 15.3 0 0 1-4 10 15.3 15.3 0 0 1-4-10 15.3 15.3 0 0 1 4-10z"
        ></path>
      </svg>
      <p
        class="font-inter font-normal leading-normal lg:text-sm text-xs dark:text-white text-grey-900 m-0 lg:mx-2 capitalize"
      >
        <span data-language-trigger-label="true"></span>
      </p>
      <svg
        xmlns="http://www.w3.org/2000/svg"
        width="16"
        height="16"
        viewBox="0 0 24 24"
        fill="none"
        stroke="currentColor"
        stroke-width="2"
        stroke-linecap="round"
        stroke-linejoin="round"
        class="text-grey-900 dark:text-white"
      >
        <polyline points="6 9 12 15 18 9"></polyline>
      </svg>
    </button>
    <div class="lg:absolute lg:right-1 lg:top-[42px] languageList" hidden>
      <ul
        class="z-max w-[150px] list-none overflow-hidden rounded-lg p-0 shadow-small-light"
        role="listbox"
      >
        <a
                href="#"
                class="en font-inter leading-normal lg:text-sm text-xs text-xenon-600 m-0 capitalize"
              >
                <li
                  data-language-code="en"
                  data-target-url="#"
                  class="active bg-xenon-200 dropdown-item w-[100px] cursor-pointer p-4 w-full"
                >
                  English</li>
              </a>
            <a
                title="Switch to "
                class="de font-inter leading-normal lg:text-sm text-xs text-grey-900 m-0 capitalize"
                href="#"
              >
                <li
                  data-language-code="de"
                  data-target-url="#"
                  data-url-source="authored"
                  class="dropdown-item dropdown-item w-[100px] cursor-pointer p-4 bg-grey-100 hover:bg-grey-200 w-full"
                >
                  German</li>
              </a>
            <a
                title="Switch to "
                class="fr font-inter leading-normal lg:text-sm text-xs text-grey-900 m-0 capitalize"
                href="#"
              >
                <li
                  data-language-code="fr"
                  data-target-url="#"
                  data-url-source="authored"
                  class="dropdown-item dropdown-item w-[100px] cursor-pointer p-4 bg-grey-100 hover:bg-grey-200 w-full"
                >
                  French</li>
              </a>
            <a
                title="Switch to "
                class="pt-br font-inter leading-normal lg:text-sm text-xs text-grey-900 m-0 capitalize"
                href="#"
              >
                <li
                  data-language-code="pt-br"
                  data-target-url="#"
                  data-url-source="authored"
                  class="dropdown-item dropdown-item w-[100px] cursor-pointer p-4 bg-grey-100 hover:bg-grey-200 w-full"
                >
                  Brazilian Portuguese</li>
              </a>
            <a
                title="Switch to "
                class="es font-inter leading-normal lg:text-sm text-xs text-grey-900 m-0 capitalize"
                href="#"
              >
                <li
                  data-language-code="es"
                  data-target-url="#"
                  data-url-source="authored"
                  class="dropdown-item dropdown-item w-[100px] cursor-pointer p-4 bg-grey-100 hover:bg-grey-200 w-full"
                >
                  Spanish</li>
              </a>
            <a
                title="Switch to "
                class="it font-inter leading-normal lg:text-sm text-xs text-grey-900 m-0 capitalize"
                href="#"
              >
                <li
                  data-language-code="it"
                  data-target-url="#"
                  data-url-source="authored"
                  class="dropdown-item dropdown-item w-[100px] cursor-pointer p-4 bg-grey-100 hover:bg-grey-200 w-full"
                >
                  Italian</li>
              </a>
            </ul>
    </div>
  </div>
</li>
<script>
  document.addEventListener("DOMContentLoaded", function () {
    if (window.__algoliaLanguageSwitcherInitialized) return;
    window.__algoliaLanguageSwitcherInitialized = true;

    var languageSwitchers = Array.prototype.slice.call(
      document.querySelectorAll("[data-language-switcher='true']")
    );
    if (!languageSwitchers.length) return;

    function isInTopNav(node) {
      return !!node.closest(".header__top-nav ul, .header__top-nav.mobile ul");
    }

    function hasAuthoredLanguageList(node) {
      return (node.getAttribute("data-authored-language-list") || "").toLowerCase() === "true";
    }

    function getPreferredLanguageSwitcher(nodes) {
      for (var p = 0; p < nodes.length; p++) {
        if (isInTopNav(nodes[p]) && hasAuthoredLanguageList(nodes[p])) return nodes[p];
      }
      for (var i = 0; i < nodes.length; i++) {
        if (isInTopNav(nodes[i])) return nodes[i];
      }
      for (var j = 0; j < nodes.length; j++) {
        if (hasAuthoredLanguageList(nodes[j])) return nodes[j];
      }
      return nodes[0];
    }

    var languageSwitcher = getPreferredLanguageSwitcher(languageSwitchers);
    if (!languageSwitcher) return;

    for (var s = 0; s < languageSwitchers.length; s++) {
      if (languageSwitchers[s] !== languageSwitcher) {
        languageSwitchers[s].remove();
      }
    }

    var languageList = languageSwitcher.querySelector(".languageList");
    var languageDropButton = languageSwitcher.querySelector(".dropdown-toggle");

    function normalizeLanguageCode(code) {
      return (code || "").toString().trim().toLowerCase().replace(/_/g, "-");
    }

    function getAvailableLanguages() {
      var langs = [];
      var options = languageSwitcher.querySelectorAll("li[data-language-code]");
      for (var i = 0; i < options.length; i++) {
        var raw = options[i].getAttribute("data-language-code");
        var normalized = normalizeLanguageCode(raw);
        if (normalized && langs.indexOf(normalized) === -1) langs.push(normalized);
      }
      langs.sort(function (a, b) {
        return b.length - a.length;
      });
      return langs;
    }

    function stripLeadingLanguagePrefix(pathname) {
      var value = (pathname || "/").toString();
      if (!value.startsWith("/")) value = "/" + value;

      var langs = getAvailableLanguages();
      for (var i = 0; i < langs.length; i++) {
        var lang = langs[i];
        if (!lang) continue;
        if (value === "/" + lang) return "/";
        if (value.indexOf("/" + lang + "/") === 0) return value.substring(lang.length + 1) || "/";
      }
      return value;
    }

    function buildLanguageUrl(targetLang) {
      var lang = normalizeLanguageCode(targetLang);
      var barePath = stripLeadingLanguagePrefix(window.location.pathname);
      var path = barePath;
      if (lang && lang !== "en") {
        path = "/" + lang + (barePath === "/" ? "" : barePath);
      }
      return path + window.location.search + window.location.hash;
    }

    function rewriteLanguageOptionTargets() {
      var options = languageSwitcher.querySelectorAll("li[data-language-code]");
      for (var i = 0; i < options.length; i++) {
        var li = options[i];
        var source = (li.getAttribute("data-url-source") || "").toString();
        if (source === "vanity") continue;

        var targetLang = li.getAttribute("data-language-code");
        var computed = buildLanguageUrl(targetLang);
        li.setAttribute("data-target-url", computed);

        var anchor = li.closest("a");
        if (anchor && anchor.getAttribute("href") !== computed) {
          anchor.setAttribute("href", computed);
        }
      }
    }

    function getCurrentLanguageFromPath() {
      var pathname = window.location.pathname || "/";
      var langs = getAvailableLanguages();
      for (var i = 0; i < langs.length; i++) {
        var lang = langs[i];
        if (!lang || lang === "en") continue;
        if (pathname === "/" + lang || pathname.indexOf("/" + lang + "/") === 0) return lang;
      }
      return "en";
    }

    function findOptionByLanguage(lang) {
      var normalized = normalizeLanguageCode(lang);
      if (!normalized) return null;
      var options = languageSwitcher.querySelectorAll("li[data-language-code]");
      for (var i = 0; i < options.length; i++) {
        if (normalizeLanguageCode(options[i].getAttribute("data-language-code")) === normalized) {
          return options[i];
        }
      }
      return null;
    }

    function setActiveLanguage(lang) {
      var normalized = normalizeLanguageCode(lang);
      var options = languageSwitcher.querySelectorAll("li[data-language-code]");
      for (var i = 0; i < options.length; i++) {
        var li = options[i];
        var optLang = normalizeLanguageCode(li.getAttribute("data-language-code"));
        var anchor = li.closest("a");
        if (optLang === normalized) {
          li.classList.add("active", "bg-xenon-200");
          li.classList.remove("bg-grey-100", "hover:bg-grey-200");
          if (anchor) { anchor.classList.add("text-xenon-600"); anchor.classList.remove("text-grey-900"); }
        } else {
          li.classList.remove("active", "bg-xenon-200");
          li.classList.add("bg-grey-100", "hover:bg-grey-200");
          if (anchor) { anchor.classList.remove("text-xenon-600"); anchor.classList.add("text-grey-900"); }
        }
      }
    }

    function updateDefaultLanguageText(lang) {
      var el = findOptionByLanguage(lang) || languageSwitcher.querySelector("li.active") || languageSwitcher.querySelector("li[data-language-code]");
      if (!el) return;
      var text = (el.textContent || "").trim();
      var show = languageSwitcher.querySelector("[data-language-trigger-label='true']");
      if (!show) return;
      show.className = el.getAttribute("data-language-code") || "";
      show.textContent = text.length > 3 ? text.substring(0, 3) : text;
    }

    function appendLanguageSwitcher() {
      var desktop = document.querySelector(".header__top-nav ul");
      var mobile = document.querySelector(".header__top-nav.mobile ul");
      var target = window.matchMedia("(max-width: 768px)").matches ? (mobile || desktop) : (desktop || mobile);
      if (target && languageSwitcher.parentNode !== target) {
        target.appendChild(languageSwitcher);
      }
      languageSwitcher.classList.remove("hidden");
    }

    function closeDropdown() {
      if (languageList) languageList.setAttribute("hidden", "");
      if (languageDropButton) languageDropButton.setAttribute("aria-expanded", "false");
    }

    // Dropdown toggle
    if (languageDropButton && languageList) {
      languageDropButton.addEventListener("click", function (e) {
        e.stopPropagation();
        var isHidden = languageList.hasAttribute("hidden");
        if (isHidden) {
          languageList.removeAttribute("hidden");
          languageDropButton.setAttribute("aria-expanded", "true");
        } else {
          closeDropdown();
        }
      });
    }
    document.body.addEventListener("click", closeDropdown);

    languageSwitcher.addEventListener("click", function (e) {
      var li = e.target.closest("li[data-language-code]");
      if (!li) return;

      e.preventDefault();
      closeDropdown();

      var targetUrl = li.getAttribute("data-target-url") || "#";
      if (!targetUrl || targetUrl === "#") return;

      window.location.href = targetUrl;
    });

    // Initialize
    var currentLang = getCurrentLanguageFromPath();
    appendLanguageSwitcher();
    rewriteLanguageOptionTargets();
    setActiveLanguage(currentLang);
    updateDefaultLanguageText(currentLang);

    window.addEventListener("resize", function () {
      appendLanguageSwitcher();
      rewriteLanguageOptionTargets();
      updateDefaultLanguageText(getCurrentLanguageFromPath());
    });
  });
</script><script src="https://cdn.jsdelivr.net/npm/algoliasearch@5.29.0/dist/lite/builds/browser.umd.js" integrity="sha256-9bjIp+g5sHc0eN8sdDKhzQauBs20mxnuDpApe4C9Ctg=" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/instantsearch.js@4.79.0/dist/instantsearch.production.min.js" integrity="sha256-FOU2owonNoOmNxF4I8jLR4D8w/vziYNi64GUN2boXRQ=" crossorigin="anonymous"></script>
    <script src="https://cdn.jsdelivr.net/npm/@algolia/autocomplete-js"></script>
    <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@algolia/autocomplete-theme-classic@1.9.4/dist/theme.min.css" crossorigin="anonymous">

    

<header id="main-header" data-tracking="" class="header-bg after:lg:block after:hidden inset-0 z-[999] sticky lg:border-b lg:border-grey-200 text-white dark:bg-xenon-900 bg-white">
    <div class="header__top-nav h-10 justify-between hidden lg:flex max-w-screen-xl mx-auto lg:px-14 px-4 fade-out">
            <div class="header__promo js-header-promo" data-rotation-interval="6500">
                        <div class="header__promo-rotator">
                            <div class="header__promo-slide is-active">
                                    <a href="https://www.algolia.com/devcon?utm_cta=topbannerpromo" data-finalurl="https://www.algolia.com/devcon?utm_cta=topbannerpromo" data-gtm="true" target="_self" class="header__promo-link group no-underline">
    <span class="header__promo-label font-inter leading-1.5 text-sm text-grey-900 font-semibold text-xenon-400">Join us: </span>
    <span class="header__promo-text font-inter font-normal leading-1.5 text-sm dark:text-white text-grey-900">Algolia DevCon 2026: Sep 30 - Oct 1, 2026 — VIRTUAL</span>
    <span class="header__promo-cta inline-flex cursor-pointer items-center no-underline">
            <span class="font-sora font-semibold leading-1.5 text-sm lg:text-base tracking-[0.28px] lg:tracking-[0.32px] dark:text-white text-grey-900">
                <span class="hidden text-sm lg:block">Register Now</span>
            </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" role="img" title="ArrowRightCircle" class="h-8 group-hover:fill-xenon-400 dark:group-hover:text-black group-hover:text-white shrink-0 transition-all duration-[400ms] ease-in group-hover:scale-[1.1] text-xenon-400 w-6 ml-3">
                <circle cx="12" cy="12" r="10"></circle>
                <polyline points="12 16 16 12 12 8"></polyline>
                <line x1="8" y1="12" x2="16" y2="12"></line>
            </svg>
        </span>
    </a></div>
                            <div class="header__promo-slide header__promo-slide--hidden">
                                    <a href="https://www.algolia.com/resources/asset/video-bbc-interview?utm_cta=topbannerpromo" data-finalurl="https://www.algolia.com/resources/asset/video-bbc-interview?utm_cta=topbannerpromo" data-gtm="true" target="_self" class="header__promo-link group no-underline">
    <span class="header__promo-label font-inter leading-1.5 text-sm text-grey-900 font-semibold text-xenon-400">NEW: </span>
    <span class="header__promo-text font-inter font-normal leading-1.5 text-sm dark:text-white text-grey-900">Algolia CEO on BBC: The Future of AI Search for Retail</span>
    <span class="header__promo-cta inline-flex cursor-pointer items-center no-underline">
            <span class="font-sora font-semibold leading-1.5 text-sm lg:text-base tracking-[0.28px] lg:tracking-[0.32px] dark:text-white text-grey-900">
                <span class="hidden text-sm lg:block">Read more</span>
            </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" role="img" title="ArrowRightCircle" class="h-8 group-hover:fill-xenon-400 dark:group-hover:text-black group-hover:text-white shrink-0 transition-all duration-[400ms] ease-in group-hover:scale-[1.1] text-xenon-400 w-6 ml-3">
                <circle cx="12" cy="12" r="10"></circle>
                <polyline points="12 16 16 12 12 8"></polyline>
                <line x1="8" y1="12" x2="16" y2="12"></line>
            </svg>
        </span>
    </a></div>
                            </div>
                    </div>
                <ul class="flex items-center justify-end">
                <li id="" data-tracking="" class="border-r border-solid last:border-r-0 border-grey-700 ">
    <a href="/about" data-finalurl="/cms/render/live/en/sites/www/home/about.html" class="flex px-4 no-underline text-grey-900 dark:text-white text-sm font-normal hover:font-bold">
    <span>Company</span>
    </a>
</li><li id="" data-tracking="" class="border-r border-solid last:border-r-0 border-grey-700 ">
    <a href="/partprog" data-finalurl="/cms/render/live/en/sites/www/home/partners.html" class="flex px-4 no-underline text-grey-900 dark:text-white text-sm font-normal hover:font-bold">
    <span>Partners</span>
    </a>
</li><li id="" data-tracking="" class="border-r border-solid last:border-r-0 border-grey-700 ">
    <a href="https://support.algolia.com/" data-finalurl="https://support.algolia.com/" class="flex px-4 no-underline text-grey-900 dark:text-white text-sm font-normal hover:font-bold">
    <span>Support</span>
    </a>
</li><li id="mainLogin" data-tracking="" class="border-r border-solid last:border-r-0 border-grey-700 hidden">
    <a href="https://dashboard.algolia.com/users/sign_in" data-finalurl="https://dashboard.algolia.com/users/sign_in" class="flex px-4 no-underline text-grey-900 dark:text-white text-sm font-normal hover:font-bold">
    <img class="mr-2" height="16" width="16" src="/files/live/sites/algolia-assets/files/icons/person_blue.svg" alt="" />
        <span>Login</span>
    </a>
</li><li id="mainLogout" data-tracking="" class="border-r border-solid last:border-r-0 border-grey-700 hidden">
    <a href="https://dashboard.algolia.com/users/sign_out" data-finalurl="https://dashboard.algolia.com/users/sign_out" class="flex px-4 no-underline text-grey-900 dark:text-white text-sm font-normal hover:font-bold">
    <img class="mr-2" height="16" width="16" src="/files/live/sites/algolia-assets/files/icons/Check%20Square.svg" alt="" />
        <span>Logout</span>
    </a>
</li></ul>
            </div>
    <!-- Start This is only visible in all Child Page Header Display-->
    <!-- End This is only visible in all Child Page Header Display-->



    <div class="header__middle-bar relative h-20 flex items-center lg:px-14 px-4 pr-0 max-w-screen-xl mx-auto">
            <div class="logo flex shrink-0 items-center logoPopover cursor-pointer">

                <a href="https://www.algolia.com/" class="mr-3">
                            <svg class="block h-6 w-6 lg:hidden" width="501" height="501" viewBox="0 0 501 501" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <title>Algolia mark white</title>
                                <path d="M250.926 0C114.306 0 2.926 110.16.956 246.32c-2 138.29 110.19 252.87 248.49 253.67 42.71.25 83.85-10.2 120.38-30.05 3.56-1.93 4.11-6.83 1.08-9.52l-23.39-20.74c-4.75-4.22-11.52-5.41-17.37-2.92-25.5 10.85-53.21 16.39-81.76 16.04-111.75-1.37-202.04-94.35-200.26-206.1 1.76-110.33 92.06-199.55 202.8-199.55h202.83v360.53l-115.08-102.25c-3.72-3.31-9.43-2.66-12.43 1.31-18.47 24.46-48.56 39.67-81.98 37.36-46.36-3.2-83.92-40.52-87.4-86.86-4.15-55.28 39.65-101.58 94.07-101.58 49.21 0 89.74 37.88 93.97 86.01.38 4.28 2.31 8.28 5.53 11.13l29.97 26.57c3.4 3.01 8.8 1.17 9.63-3.3 2.16-11.55 2.92-23.6 2.07-35.95-4.83-70.39-61.84-127.01-132.26-131.35-80.73-4.98-148.23 58.18-150.37 137.35-2.09 77.15 61.12 143.66 138.28 145.36 32.21.71 62.07-9.42 86.2-26.97l150.36 133.29c6.45 5.71 16.62 1.14 16.62-7.48V9.49c0-5.24-4.25-9.49-9.49-9.49H250.926Z" fill="#fff"></path>
                            </svg>
                            <svg class="hidden lg:w-auto lg:block lg:h-[25px]" width="2197" height="501" viewBox="0 0 2197 501" fill="none" xmlns="http://www.w3.org/2000/svg">
                                <title>Algolia logo white</title>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M1070.38 275.47V6.08c0-3.63-3.24-6.39-6.82-5.83l-50.46 7.94a5.912 5.912 0 0 0-4.99 5.84l.17 273.22c0 12.92 0 92.7 95.97 95.49 3.33.1 6.09-2.58 6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72l.01-.02Z" fill="#fff"></path>
                                <path d="M1902.56 104.9h-50.78a5.9 5.9 0 0 0-5.9 5.9v266.1c0 3.259 2.64 5.9 5.9 5.9h50.78c3.25 0 5.9-2.641 5.9-5.9V110.8c0-3.258-2.65-5.9-5.9-5.9Z" fill="#fff"></path>
                                <path fill-rule="evenodd" clip-rule="evenodd" d="M1851.78 71.55h50.77c3.26 0 5.9-2.64 5.9-5.9V6.07c0-3.62-3.24-6.39-6.82-5.83l-50.77 7.95a5.902 5.902 0 0 0-4.99 5.83v51.62c0 3.26 2.64 5.9 5.9 5.9l.01.01ZM1764.03 275.47V6.08c0-3.63-3.24-6.39-6.82-5.83l-50.46 7.94a5.912 5.912 0 0 0-4.99 5.84l.17 273.22c0 12.92 0 92.7 95.97 95.49 3.33.1 6.09-2.58 6.09-5.91v-40.78c0-2.96-2.19-5.51-5.12-5.84-34.85-4.01-34.85-47.57-34.85-54.72l.01-.02ZM1631.95 142.89c-11.14-12.25-24.83-21.65-40.78-28.31-15.92-6.53-33.26-9.85-52.07-9.85-18.78 0-36.15 3.17-51.92 9.85-15.59 6.66-29.29 16.05-40.76 28.31-11.47 12.23-20.38 26.87-26.76 44.03-6.38 17.17-9.24 37.37-9.24 58.36 0 20.99 3.19 36.87 9.55 54.21 6.38 17.32 15.14 32.11 26.45 44.36 11.29 12.23 24.83 21.62 40.6 28.46 15.77 6.83 40.12 10.33 52.4 10.48 12.25 0 36.78-3.82 52.7-10.48 15.92-6.68 29.46-16.23 40.78-28.46 11.29-12.25 20.05-27.04 26.25-44.36 6.22-17.34 9.24-33.22 9.24-54.21 0-20.99-3.34-41.19-10.03-58.36-6.38-17.17-15.14-31.8-26.43-44.03h.02Zm-44.43 163.75c-11.47 15.75-27.56 23.7-48.09 23.7-20.55 0-36.63-7.8-48.1-23.7-11.47-15.75-17.21-34.01-17.21-61.2 0-26.89 5.59-49.14 17.06-64.87 11.45-15.75 27.54-23.52 48.07-23.52 20.55 0 36.63 7.78 48.09 23.52 11.47 15.57 17.36 37.98 17.36 64.87 0 27.19-5.72 45.3-17.19 61.2h.01ZM894.416 104.9h-49.33c-48.36 0-90.91 25.48-115.75 64.1-14.52 22.58-22.99 49.63-22.99 78.73 0 44.89 20.13 84.92 51.59 111.1 2.93 2.6 6.05 4.98 9.31 7.14 12.86 8.49 28.11 13.47 44.52 13.47 1.23 0 2.46-.03 3.68-.09.36-.02.71-.05 1.07-.07.87-.05 1.75-.11 2.62-.2.34-.03.68-.08 1.02-.12.91-.1 1.82-.21 2.73-.34.21-.03.42-.07.63-.1 32.89-5.07 61.56-30.82 70.9-62.81v57.83c0 3.26 2.64 5.9 5.9 5.9h50.42c3.26 0 5.9-2.64 5.9-5.9V110.8c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0 206.92c-12.2 10.16-27.97 13.98-44.84 15.12-.16.01-.33.03-.49.04-1.12.07-2.24.1-3.36.1-42.24 0-77.12-35.89-77.12-79.37 0-10.25 1.96-20.01 5.42-28.98 11.22-29.12 38.77-49.74 71.06-49.74h49.33v142.83ZM2133.97 104.9h-49.33c-48.36 0-90.91 25.48-115.75 64.1-14.52 22.58-22.99 49.63-22.99 78.73 0 44.89 20.13 84.92 51.59 111.1 2.93 2.6 6.05 4.98 9.31 7.14 12.86 8.49 28.11 13.47 44.52 13.47 1.23 0 2.46-.03 3.68-.09.36-.02.71-.05 1.07-.07.87-.05 1.75-.11 2.62-.2.34-.03.68-.08 1.02-.12.91-.1 1.82-.21 2.73-.34.21-.03.42-.07.63-.1 32.89-5.07 61.56-30.82 70.9-62.81v57.83c0 3.26 2.64 5.9 5.9 5.9h50.42c3.26 0 5.9-2.64 5.9-5.9V110.8c0-3.26-2.64-5.9-5.9-5.9h-56.32Zm0 206.92c-12.2 10.16-27.97 13.98-44.84 15.12-.16.01-.33.03-.49.04-1.12.07-2.24.1-3.36.1-42.24 0-77.12-35.89-77.12-79.37 0-10.25 1.96-20.01 5.42-28.98 11.22-29.12 38.77-49.74 71.06-49.74h49.33v142.83ZM1314.05 104.9h-49.33c-48.36 0-90.91 25.48-115.75 64.1-11.79 18.34-19.6 39.64-22.11 62.59a148.518 148.518 0 0 0 .05 32.73c4.28 38.09 23.14 71.61 50.66 94.52 2.93 2.6 6.05 4.98 9.31 7.14 12.86 8.49 28.11 13.47 44.52 13.47 17.99 0 34.61-5.93 48.16-15.97 16.29-11.58 28.88-28.54 34.48-47.75v50.26h-.11v11.08c0 21.84-5.71 38.27-17.34 49.36-11.61 11.08-31.04 16.63-58.25 16.63-11.12 0-28.79-.59-46.6-2.41-2.83-.29-5.46 1.5-6.27 4.22l-12.78 43.11c-1.02 3.46 1.27 7.02 4.83 7.53 21.52 3.08 42.52 4.68 54.65 4.68 48.91 0 85.16-10.75 108.89-32.21 21.48-19.41 33.15-48.89 35.2-88.52V110.8c0-3.26-2.64-5.9-5.9-5.9h-56.32.01Zm0 64.1s.65 139.13 0 143.36c-12.08 9.77-27.11 13.59-43.49 14.7-.16.01-.33.03-.49.04-1.12.07-2.24.1-3.36.1-1.32 0-2.63-.03-3.94-.1-40.41-2.11-74.52-37.26-74.52-79.38 0-10.25 1.96-20.01 5.42-28.98 11.22-29.12 38.77-49.74 71.06-49.74h49.33-.01Z" fill="#fff"></path>
                                <path d="M249.826.17C113.296.17 1.996 110.25.026 246.32c-2 138.19 110.12 252.7 248.33 253.5 42.68.25 83.79-10.19 120.3-30.03 3.56-1.93 4.11-6.83 1.08-9.51l-23.38-20.72c-4.75-4.21-11.51-5.4-17.36-2.92-25.48 10.84-53.17 16.38-81.71 16.03-111.68-1.37-201.91-94.29-200.13-205.96 1.76-110.26 92-199.41 202.67-199.41h202.69v360.28l-115-102.18c-3.72-3.31-9.42-2.66-12.42 1.31-18.46 24.44-48.53 39.64-81.93 37.34-46.33-3.2-83.87-40.5-87.34-86.81-4.15-55.24 39.63-101.52 94-101.52 49.18 0 89.68 37.85 93.91 85.95.38 4.28 2.31 8.27 5.52 11.12l29.95 26.55c3.4 3.01 8.79 1.17 9.63-3.3 2.16-11.55 2.92-23.58 2.07-35.92-4.82-70.34-61.8-126.93-132.17-131.26-80.68-4.97-148.13 58.14-150.27 137.25-2.09 77.1 61.08 143.56 138.19 145.26 32.19.71 62.03-9.41 86.14-26.95l150.26 133.2c6.44 5.71 16.61 1.14 16.61-7.47V9.65c0-5.24-4.24-9.48-9.48-9.48h-240.36Z" fill="#fff"></path>
                            </svg>
                        </a>
                    </div>

            <button type="button" id="toggleMobileNav" class="flex lg:hidden text-white items-center mr-2">
                <svg id="mobileMenuIcon" 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="block h-5 w-5 dark:text-white text-xenon-600">
                    <line x1="3" y1="12" x2="21" y2="12"></line>
                    <line x1="3" y1="6" x2="21" y2="6"></line>
                    <line x1="3" y1="18" x2="21" y2="18"></line>
                </svg>
                <svg id="closeMobileMenuIcon" 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="block h-5 w-5 dark:text-white text-xenon-600 hidden">
                    <line x1="18" y1="6" x2="6" y2="18"></line>
                    <line x1="6" y1="6" x2="18" y2="18"></line>
                </svg>
                <span id='mobileMenuText' class="toggleBtnName ml-2 font-inter font-medium uppercase leading-1.5 text-sm lg:text-base dark:text-white text-grey-900 hidden">CLOSE</span>
            </button>
    <!-- This is only visible in Home Page Header for Configuration-->
    <ul class="header__nav px-4 hidden lg:flex lg:flex-wrap lg:flex-row w-full lg:w-auto relative max-lg:h-screen max-lg:overflow-auto pb-40 lg:pb-0">

        
<li data-tracking="" class="dropdown-trigger group lg:mr-3 xl:mr-6 flex flex-col lg:flex-row items-center last:lg:mr-0 border-b-[1px] border-grey-200 lg:border-none">
<button data-tracking="" type="button"
    class="font-inter font-normal w-full py-4 lg:py-7 lg:px-0 text-left dark:text-white text-grey-900 lg:text-sm xl:text-base dropdown-link flex justify-between lg:hover:text-xenon-600">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="dropdown-link-caret block lg:hidden shrink-0">
        <polyline points="6 9 12 15 18 9"></polyline>
    </svg>
</button>
<div class="dropdown-menu-v2 lg:absolute top-full opacity-0 invisible hidden group-hover:block hover:visible hover:block">
        <div class="dropdown-menu-v2-content flex flex-wrap gap-4 p-2 lg:px-6 lg:py-8 xl:p-[3.125rem] rounded-md lg:shadow-md lg:w-max lg:bg-white lg:mt-[14px] ">
        <div class='navitem-image-container mr-4 xl:mr-8 hidden lg:block'>
                <a href='https://www.algolia.com/resources/asset/infographic-value-of-choosing-algolia?utm_cta=navigationpromo' target="" rel='noopener noreferrer'>
                <img src="/files/live/sites/www/files/ad-banners/Screenshot%202026-05-29%20at%201.29.21%e2%80%afPM.png" alt="navigation image" class="h-[16rem] w-[16rem] object-contain"/>
                </a>
                </div>
        <div class=" flex-1 lg:flex-none lg:first:border-r border-grey-200 first:pr-8">
                    <!--  -->
<div class="flex items-center mb-4 xl:mb-6">
            <img class="object-contain mr-[9px]" height="20" width="20"
                    src="/files/live/sites/algolia-assets/files/icons/navigation/search.svg"
                    alt="" />
            <h5 class="text-base font-bold text-xenon-900 dark:text-white dark:lg:text-xenon-900">AI Search & Retrieval</h5>
                </div>
    <ul class="flex flex-col gap-2 xl:gap-2.5 divide-y divide-[#EFEFEF] mb-4 lg:mb-0">
        <li class="flex mb-1 xl:mb-2 ml-[29px]">
                <a tag="a" href="/products" class="flex items-center pointer"> 
                    <span class="block font-sora text-[10px] font-bold text-[#8A9DCD] dark:text-white dark:lg:text-[#8A9DCD] leading-[13px] tracking-[3px] uppercase">Overview</span>
                    <svg xmlns="http://www.w3.org/2000/svg" width="7" height="11" viewBox="0 0 7 11" fill="none" class='ml-1.5'>
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M1.14645 9.85355C0.951184 9.65829 0.951184 9.34171 1.14645 9.14645L4.79289 5.5L1.14645 1.85355C0.951184 1.65829 0.951184 1.34171 1.14645 1.14645C1.34171 0.951184 1.65829 0.951184 1.85355 1.14645L5.85355 5.14645C6.04882 5.34171 6.04882 5.65829 5.85355 5.85355L1.85355 9.85355C1.65829 10.0488 1.34171 10.0488 1.14645 9.85355Z" fill="#2C60E8" stroke="#2C60E8" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                </a>
            </li>
        <li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/products/ai-search" data-finalurl="/cms/render/live/en/sites/www/home/products/ai-search.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px]  mb-2">Search</span>
                <div
                        class="text-zinc-400 lg:text-xs lg:text-dark-gray-100 lg:font-normal leading-[18px]"> Show users what they're looking for with AI-driven results.</div>
                    </a>
    </div>
    <div class="hidden md:block">
         <a href="/products/ai-search" data-finalurl="/cms/render/live/en/sites/www/home/products/ai-search.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Search</span>
                </a> 
        
        <div
                    class="text-zinc-400 lg:text-xs lg:text-dark-gray-100 lg:font-normal leading-[18px]"> Show users what they're looking for with AI-driven results.</div>
                </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/products/ai-recommendations" data-finalurl="/cms/render/live/en/sites/www/home/products/ai-recommendations.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px]  mb-2">Recommendations</span>
                <div
                        class="text-zinc-400 lg:text-xs lg:text-dark-gray-100 lg:font-normal leading-[18px]"> Use behavioral cues to drive higher engagement.</div>
                    </a>
    </div>
    <div class="hidden md:block">
         <a href="/products/ai-recommendations" data-finalurl="/cms/render/live/en/sites/www/home/products/ai-recommendations.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Recommendations</span>
                </a> 
        
        <div
                    class="text-zinc-400 lg:text-xs lg:text-dark-gray-100 lg:font-normal leading-[18px]"> Use behavioral cues to drive higher engagement.</div>
                </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/products/features/personalization" data-finalurl="/cms/render/live/en/sites/www/home/products/features/personalization.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px]  mb-2">Personalization</span>
                <div
                        class="text-zinc-400 lg:text-xs lg:text-dark-gray-100 lg:font-normal leading-[18px]"> Show each user what they need across their journey.</div>
                    </a>
    </div>
    <div class="hidden md:block">
         <a href="/products/features/personalization" data-finalurl="/cms/render/live/en/sites/www/home/products/features/personalization.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Personalization</span>
                </a> 
        
        <div
                    class="text-zinc-400 lg:text-xs lg:text-dark-gray-100 lg:font-normal leading-[18px]"> Show each user what they need across their journey.</div>
                </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/products/features/analytics" data-finalurl="/cms/render/live/en/sites/www/home/products/features/analytics.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px]  mb-2">Analytics</span>
                <div
                        class="text-zinc-400 lg:text-xs lg:text-dark-gray-100 lg:font-normal leading-[18px]"> All your insights in one dashboard.</div>
                    </a>
    </div>
    <div class="hidden md:block">
         <a href="/products/features/analytics" data-finalurl="/cms/render/live/en/sites/www/home/products/features/analytics.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Analytics</span>
                </a> 
        
        <div
                    class="text-zinc-400 lg:text-xs lg:text-dark-gray-100 lg:font-normal leading-[18px]"> All your insights in one dashboard.</div>
                </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/products/ai-browse" data-finalurl="/cms/render/live/en/sites/www/home/products/ai-browse.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px]  mb-2">Browse</span>
                <div
                        class="text-zinc-400 lg:text-xs lg:text-dark-gray-100 lg:font-normal leading-[18px]"> Move customers down the funnel with curated category pages.</div>
                    </a>
    </div>
    <div class="hidden md:block">
         <a href="/products/ai-browse" data-finalurl="/cms/render/live/en/sites/www/home/products/ai-browse.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Browse</span>
                </a> 
        
        <div
                    class="text-zinc-400 lg:text-xs lg:text-dark-gray-100 lg:font-normal leading-[18px]"> Move customers down the funnel with curated category pages.</div>
                </div>
</li></ul></div>
            <div class=" flex-1 lg:flex-none lg:first:border-r border-grey-200 first:pr-8">
                    <!--  -->
<div class="flex items-center mb-4 xl:mb-6">
            <img class="object-contain mr-[9px]" height="20" width="20"
                    src="/files/live/sites/algolia-assets/files/icons/navigation/ai.svg"
                    alt="" />
            <h5 class="text-base font-bold text-xenon-900 dark:text-white dark:lg:text-xenon-900">Artificial Intelligence</h5>
                </div>
    <ul class="flex flex-col gap-2 xl:gap-2.5 divide-y divide-[#EFEFEF] mb-4 lg:mb-0">
        <li class="flex mb-1 xl:mb-2 ml-[29px]">
                <a tag="a" href="https://www.algolia.com/products?utm_cta=aioverview" class="flex items-center pointer"> 
                    <span class="block font-sora text-[10px] font-bold text-[#8A9DCD] dark:text-white dark:lg:text-[#8A9DCD] leading-[13px] tracking-[3px] uppercase">OVERVIEW</span>
                    <svg xmlns="http://www.w3.org/2000/svg" width="7" height="11" viewBox="0 0 7 11" fill="none" class='ml-1.5'>
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M1.14645 9.85355C0.951184 9.65829 0.951184 9.34171 1.14645 9.14645L4.79289 5.5L1.14645 1.85355C0.951184 1.65829 0.951184 1.34171 1.14645 1.14645C1.34171 0.951184 1.65829 0.951184 1.85355 1.14645L5.85355 5.14645C6.04882 5.34171 6.04882 5.65829 5.85355 5.85355L1.85355 9.85355C1.65829 10.0488 1.34171 10.0488 1.14645 9.85355Z" fill="#2C60E8" stroke="#2C60E8" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                </a>
            </li>
        <li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/products/ai/agent-studio" data-finalurl="/cms/render/live/en/sites/www/home/products/ai/agent-studio.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px]  mb-2">Agent Studio</span>
                <div
                        class="text-zinc-400 lg:text-xs lg:text-dark-gray-100 lg:font-normal leading-[18px]"> Create, test, and deploy AI agents, fast.</div>
                    </a>
    </div>
    <div class="hidden md:block">
         <a href="/products/ai/agent-studio" data-finalurl="/cms/render/live/en/sites/www/home/products/ai/agent-studio.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Agent Studio</span>
                </a> 
        
        <div
                    class="text-zinc-400 lg:text-xs lg:text-dark-gray-100 lg:font-normal leading-[18px]"> Create, test, and deploy AI agents, fast.</div>
                </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/products/ai/generative-experiences" data-finalurl="/cms/render/live/en/sites/www/home/products/ai/generative-experiences.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px]  mb-2">Generative Experiences</span>
                <div
                        class="text-zinc-400 lg:text-xs lg:text-dark-gray-100 lg:font-normal leading-[18px]"> Build conversational solutions with retrieval augmented generation (RAG). </div>
                    </a>
    </div>
    <div class="hidden md:block">
         <a href="/products/ai/generative-experiences" data-finalurl="/cms/render/live/en/sites/www/home/products/ai/generative-experiences.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Generative Experiences</span>
                </a> 
        
        <div
                    class="text-zinc-400 lg:text-xs lg:text-dark-gray-100 lg:font-normal leading-[18px]"> Build conversational solutions with retrieval augmented generation (RAG). </div>
                </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/products/ai/ask-ai" data-finalurl="/cms/render/live/en/sites/www/home/products/ai/ask-ai.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px]  mb-2">Ask AI</span>
                <div
                        class="text-zinc-400 lg:text-xs lg:text-dark-gray-100 lg:font-normal leading-[18px]"> Deliver conversational answers—right from your search bar.</div>
                    </a>
    </div>
    <div class="hidden md:block">
         <a href="/products/ai/ask-ai" data-finalurl="/cms/render/live/en/sites/www/home/products/ai/ask-ai.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Ask AI</span>
                </a> 
        
        <div
                    class="text-zinc-400 lg:text-xs lg:text-dark-gray-100 lg:font-normal leading-[18px]"> Deliver conversational answers—right from your search bar.</div>
                </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/developers/lp-mcp" data-finalurl="/cms/render/live/en/sites/www/home/developers/lp-mcp.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px]  mb-2">MCP Server</span>
                <div
                        class="text-zinc-400 lg:text-xs lg:text-dark-gray-100 lg:font-normal leading-[18px]"> Search, analyze, or monitor your index within your agentic workflow.</div>
                    </a>
    </div>
    <div class="hidden md:block">
         <a href="/developers/lp-mcp" data-finalurl="/cms/render/live/en/sites/www/home/developers/lp-mcp.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">MCP Server</span>
                </a> 
        
        <div
                    class="text-zinc-400 lg:text-xs lg:text-dark-gray-100 lg:font-normal leading-[18px]"> Search, analyze, or monitor your index within your agentic workflow.</div>
                </div>
</li></ul></div>
            <div class=" flex-1 lg:flex-none lg:first:border-r border-grey-200 first:pr-8">
                    <!--  -->
<div class="flex items-center mb-4 xl:mb-6">
            <img class="object-contain mr-[9px]" height="20" width="20"
                    src="/files/live/sites/algolia-assets/files/icons/navigation/intelligence.svg"
                    alt="" />
            <h5 class="text-base font-bold text-xenon-900 dark:text-white dark:lg:text-xenon-900">Intelligent Data Kit</h5>
                </div>
    <ul class="flex flex-col gap-2 xl:gap-2.5 divide-y divide-[#EFEFEF] mb-4 lg:mb-0">
        <li class="flex mb-1 xl:mb-2 ml-[29px]">
                <a tag="a" href="/products/intelligent-data-kit" class="flex items-center pointer"> 
                    <span class="block font-sora text-[10px] font-bold text-[#8A9DCD] dark:text-white dark:lg:text-[#8A9DCD] leading-[13px] tracking-[3px] uppercase">Overview</span>
                    <svg xmlns="http://www.w3.org/2000/svg" width="7" height="11" viewBox="0 0 7 11" fill="none" class='ml-1.5'>
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M1.14645 9.85355C0.951184 9.65829 0.951184 9.34171 1.14645 9.14645L4.79289 5.5L1.14645 1.85355C0.951184 1.65829 0.951184 1.34171 1.14645 1.14645C1.34171 0.951184 1.65829 0.951184 1.85355 1.14645L5.85355 5.14645C6.04882 5.34171 6.04882 5.65829 5.85355 5.85355L1.85355 9.85355C1.65829 10.0488 1.34171 10.0488 1.14645 9.85355Z" fill="#2C60E8" stroke="#2C60E8" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                </a>
            </li>
        <li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/products/features/data-enrichment" data-finalurl="/cms/render/live/en/sites/www/home/products/features/data-enrichment.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px]  mb-2">Data Enrichment</span>
                <div
                        class="text-zinc-400 lg:text-xs lg:text-dark-gray-100 lg:font-normal leading-[18px]"> Modify, enhance, or restructure data as it’s indexed for search.</div>
                    </a>
    </div>
    <div class="hidden md:block">
         <a href="/products/features/data-enrichment" data-finalurl="/cms/render/live/en/sites/www/home/products/features/data-enrichment.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Data Enrichment</span>
                </a> 
        
        <div
                    class="text-zinc-400 lg:text-xs lg:text-dark-gray-100 lg:font-normal leading-[18px]"> Modify, enhance, or restructure data as it’s indexed for search.</div>
                </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/products/features/data-transformation" data-finalurl="/cms/render/live/en/sites/www/home/products/features/data-transformation.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px]  mb-2">Data Transformation</span>
                <div
                        class="text-zinc-400 lg:text-xs lg:text-dark-gray-100 lg:font-normal leading-[18px]"> Streamline data preparation and enhance data quality.</div>
                    </a>
    </div>
    <div class="hidden md:block">
         <a href="/products/features/data-transformation" data-finalurl="/cms/render/live/en/sites/www/home/products/features/data-transformation.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Data Transformation</span>
                </a> 
        
        <div
                    class="text-zinc-400 lg:text-xs lg:text-dark-gray-100 lg:font-normal leading-[18px]"> Streamline data preparation and enhance data quality.</div>
                </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/developers/integrations" data-finalurl="/cms/render/live/en/sites/www/home/developers/integrations.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px]  mb-2">Integrations</span>
                <div
                        class="text-zinc-400 lg:text-xs lg:text-dark-gray-100 lg:font-normal leading-[18px]"> Connect to your existing stack via pre-built libraries and APIs. </div>
                    </a>
    </div>
    <div class="hidden md:block">
         <a href="/developers/integrations" data-finalurl="/cms/render/live/en/sites/www/home/developers/integrations.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Integrations</span>
                </a> 
        
        <div
                    class="text-zinc-400 lg:text-xs lg:text-dark-gray-100 lg:font-normal leading-[18px]"> Connect to your existing stack via pre-built libraries and APIs. </div>
                </div>
</li></ul></div>
            <div class=" flex-1 lg:flex-none lg:first:border-r border-grey-200 first:pr-8">
                    <!--  -->
<div class="flex items-center mb-4 xl:mb-6">
            <img class="object-contain mr-[9px]" height="20" width="20"
                    src="/files/live/sites/algolia-assets/files/icons/navigation/infra.svg"
                    alt="" />
            <h5 class="text-base font-bold text-xenon-900 dark:text-white dark:lg:text-xenon-900">Infrastructure</h5>
                </div>
    <ul class="flex flex-col gap-2 xl:gap-2.5 divide-y divide-[#EFEFEF] mb-4 lg:mb-0">
        <li class="flex mb-1 xl:mb-2 ml-[29px]">
                <a tag="a" href="/distributed-secure/global-infrastructure" class="flex items-center pointer"> 
                    <span class="block font-sora text-[10px] font-bold text-[#8A9DCD] dark:text-white dark:lg:text-[#8A9DCD] leading-[13px] tracking-[3px] uppercase">Overview</span>
                    <svg xmlns="http://www.w3.org/2000/svg" width="7" height="11" viewBox="0 0 7 11" fill="none" class='ml-1.5'>
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M1.14645 9.85355C0.951184 9.65829 0.951184 9.34171 1.14645 9.14645L4.79289 5.5L1.14645 1.85355C0.951184 1.65829 0.951184 1.34171 1.14645 1.14645C1.34171 0.951184 1.65829 0.951184 1.85355 1.14645L5.85355 5.14645C6.04882 5.34171 6.04882 5.65829 5.85355 5.85355L1.85355 9.85355C1.65829 10.0488 1.34171 10.0488 1.14645 9.85355Z" fill="#2C60E8" stroke="#2C60E8" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                </a>
            </li>
        <li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/distributed-secure/global-infrastructure" data-finalurl="/cms/render/live/en/sites/www/home/distributed-secure/global-infrastructure.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px]  mb-2">Data Centers</span>
                <div
                        class="text-zinc-400 lg:text-xs lg:text-dark-gray-100 lg:font-normal leading-[18px]"> Choose from 70+ data centers across 17 regions.</div>
                    </a>
    </div>
    <div class="hidden md:block">
         <a href="/distributed-secure/global-infrastructure" data-finalurl="/cms/render/live/en/sites/www/home/distributed-secure/global-infrastructure.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Data Centers</span>
                </a> 
        
        <div
                    class="text-zinc-400 lg:text-xs lg:text-dark-gray-100 lg:font-normal leading-[18px]"> Choose from 70+ data centers across 17 regions.</div>
                </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="https://trust.algolia.com/" data-finalurl="https://trust.algolia.com/" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px]  mb-2">Security & Compliance</span>
                <div
                        class="text-zinc-400 lg:text-xs lg:text-dark-gray-100 lg:font-normal leading-[18px]"> Built for peace of mind.</div>
                    </a>
    </div>
    <div class="hidden md:block">
         <a href="https://trust.algolia.com/" data-finalurl="https://trust.algolia.com/" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Security & Compliance</span>
                </a> 
        
        <div
                    class="text-zinc-400 lg:text-xs lg:text-dark-gray-100 lg:font-normal leading-[18px]"> Built for peace of mind.</div>
                </div>
</li></ul></div>
            </div>
    </div>

</li>
<li data-tracking="" class="dropdown-trigger group lg:mr-3 xl:mr-6 flex flex-col lg:flex-row items-center last:lg:mr-0 border-b-[1px] border-grey-200 lg:border-none">
<button data-tracking="" type="button"
    class="font-inter font-normal w-full py-4 lg:py-7 lg:px-0 text-left dark:text-white text-grey-900 lg:text-sm xl:text-base dropdown-link flex justify-between lg:hover:text-xenon-600">Solutions<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="dropdown-link-caret block lg:hidden shrink-0">
        <polyline points="6 9 12 15 18 9"></polyline>
    </svg>
</button>
<div class="dropdown-menu-v2 lg:absolute top-full opacity-0 invisible hidden group-hover:block hover:visible hover:block">
        <div class="dropdown-menu-v2-content flex flex-wrap gap-4 p-2 lg:px-6 lg:py-8 xl:p-[3.125rem] rounded-md lg:shadow-md lg:w-max lg:bg-white lg:mt-[14px] ">
        <div class='navitem-image-container mr-4 xl:mr-8 hidden lg:block'>
                <a href='https://www.algolia.com/lp/gartner-magic-quadrant-2026?utm_cta=navigationpromo' target="_self" rel='noopener noreferrer'>
                <img src="/files/live/sites/www/files/homepage-carousel/cropped-foreground-gartner-magic-quadrant.png" alt="navigation image" class="h-[16rem] w-[16rem] object-contain"/>
                </a>
                </div>
        <div class=" flex-1 lg:flex-none lg:first:border-r border-grey-200 first:pr-8">
                    <!--  -->
<div class="flex items-center mb-4 xl:mb-6">
            <img class="object-contain mr-[9px]" height="20" width="20"
                    src="/files/live/sites/algolia-assets/files/icons/navigation/industry_icon.svg"
                    alt="" />
            <h5 class="text-base font-bold text-xenon-900 dark:text-white dark:lg:text-xenon-900">Industries</h5>
                </div>
    <ul class="flex flex-col gap-2 xl:gap-2.5 divide-y divide-[#EFEFEF] mb-4 lg:mb-0">
        <li class="flex mb-1 xl:mb-2 ml-[29px]">
                <a tag="a" href="/industries" class="flex items-center pointer"> 
                    <span class="block font-sora text-[10px] font-bold text-[#8A9DCD] dark:text-white dark:lg:text-[#8A9DCD] leading-[13px] tracking-[3px] uppercase">SEE ALL</span>
                    <svg xmlns="http://www.w3.org/2000/svg" width="7" height="11" viewBox="0 0 7 11" fill="none" class='ml-1.5'>
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M1.14645 9.85355C0.951184 9.65829 0.951184 9.34171 1.14645 9.14645L4.79289 5.5L1.14645 1.85355C0.951184 1.65829 0.951184 1.34171 1.14645 1.14645C1.34171 0.951184 1.65829 0.951184 1.85355 1.14645L5.85355 5.14645C6.04882 5.34171 6.04882 5.65829 5.85355 5.85355L1.85355 9.85355C1.65829 10.0488 1.34171 10.0488 1.14645 9.85355Z" fill="#2C60E8" stroke="#2C60E8" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                </a>
            </li>
        <li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/industries/auto-parts" data-finalurl="/cms/render/live/en/sites/www/home/industries/auto-parts.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Auto Parts</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/industries/auto-parts" data-finalurl="/cms/render/live/en/sites/www/home/industries/auto-parts.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Auto Parts</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/industries/b2b-ecommerce" data-finalurl="/cms/render/live/en/sites/www/home/industries/b2b-ecommerce.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">B2B Commerce</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/industries/b2b-ecommerce" data-finalurl="/cms/render/live/en/sites/www/home/industries/b2b-ecommerce.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">B2B Commerce</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/industries/ecommerce" data-finalurl="/cms/render/live/en/sites/www/home/industries/ecommerce.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Ecommerce</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/industries/ecommerce" data-finalurl="/cms/render/live/en/sites/www/home/industries/ecommerce.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Ecommerce</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/industries/fashion" data-finalurl="/cms/render/live/en/sites/www/home/industries/fashion.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Fashion</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/industries/fashion" data-finalurl="/cms/render/live/en/sites/www/home/industries/fashion.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Fashion</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/industries/grocery" data-finalurl="/cms/render/live/en/sites/www/home/industries/grocery.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Grocery</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/industries/grocery" data-finalurl="/cms/render/live/en/sites/www/home/industries/grocery.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Grocery</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/industries/higher-education" data-finalurl="/cms/render/live/en/sites/www/home/industries/higher-education.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Higher Education</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/industries/higher-education" data-finalurl="/cms/render/live/en/sites/www/home/industries/higher-education.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Higher Education</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/industries/media" data-finalurl="/cms/render/live/en/sites/www/home/industries/media.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Media</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/industries/media" data-finalurl="/cms/render/live/en/sites/www/home/industries/media.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Media</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/industries/marketplaces" data-finalurl="/cms/render/live/en/sites/www/home/industries/marketplaces.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Marketplaces</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/industries/marketplaces" data-finalurl="/cms/render/live/en/sites/www/home/industries/marketplaces.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Marketplaces</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/industries/saas" data-finalurl="/cms/render/live/en/sites/www/home/industries/saas.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">SaaS</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/industries/saas" data-finalurl="/cms/render/live/en/sites/www/home/industries/saas.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">SaaS</span>
                </a> 
        
        </div>
</li></ul></div>
            <div class=" flex-1 lg:flex-none lg:first:border-r border-grey-200 first:pr-8">
                    <!--  -->
<div class="flex items-center mb-4 xl:mb-6">
            <img class="object-contain mr-[9px]" height="20" width="20"
                    src="/files/live/sites/algolia-assets/files/icons/navigation/usecase_icon.svg"
                    alt="" />
            <h5 class="text-base font-bold text-xenon-900 dark:text-white dark:lg:text-xenon-900">Use Cases</h5>
                </div>
    <ul class="flex flex-col gap-2 xl:gap-2.5 divide-y divide-[#EFEFEF] mb-4 lg:mb-0">
        <li class="flex mb-1 xl:mb-2 ml-[29px]">
                <a tag="a" href="/use-cases" class="flex items-center pointer"> 
                    <span class="block font-sora text-[10px] font-bold text-[#8A9DCD] dark:text-white dark:lg:text-[#8A9DCD] leading-[13px] tracking-[3px] uppercase">SEE ALL</span>
                    <svg xmlns="http://www.w3.org/2000/svg" width="7" height="11" viewBox="0 0 7 11" fill="none" class='ml-1.5'>
                        <path fill-rule="evenodd" clip-rule="evenodd" d="M1.14645 9.85355C0.951184 9.65829 0.951184 9.34171 1.14645 9.14645L4.79289 5.5L1.14645 1.85355C0.951184 1.65829 0.951184 1.34171 1.14645 1.14645C1.34171 0.951184 1.65829 0.951184 1.85355 1.14645L5.85355 5.14645C6.04882 5.34171 6.04882 5.65829 5.85355 5.85355L1.85355 9.85355C1.65829 10.0488 1.34171 10.0488 1.14645 9.85355Z" fill="#2C60E8" stroke="#2C60E8" stroke-width="0.5" stroke-linecap="round" stroke-linejoin="round"/>
                    </svg>
                </a>
            </li>
        <li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/use-cases/documentation-search" data-finalurl="/cms/render/live/en/sites/www/home/use-cases/documentation-search.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Documentation search</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/use-cases/documentation-search" data-finalurl="/cms/render/live/en/sites/www/home/use-cases/documentation-search.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Documentation search</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/use-cases/enterprise" data-finalurl="/cms/render/live/en/sites/www/home/use-cases/enterprise.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Enterprise search</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/use-cases/enterprise" data-finalurl="/cms/render/live/en/sites/www/home/use-cases/enterprise.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Enterprise search</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/use-cases/headless-commerce" data-finalurl="/cms/render/live/en/sites/www/home/use-cases/headless-commerce.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Headless commerce</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/use-cases/headless-commerce" data-finalurl="/cms/render/live/en/sites/www/home/use-cases/headless-commerce.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Headless commerce</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/use-cases/image-search" data-finalurl="/cms/render/live/en/sites/www/home/use-cases/image-search.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Image search</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/use-cases/image-search" data-finalurl="/cms/render/live/en/sites/www/home/use-cases/image-search.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Image search</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/industries/ecommerce/digital-merchandising" data-finalurl="/cms/render/live/en/sites/www/home/industries/ecommerce/digital-merchandising.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Merchandising Studio</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/industries/ecommerce/digital-merchandising" data-finalurl="/cms/render/live/en/sites/www/home/industries/ecommerce/digital-merchandising.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Merchandising Studio</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/use-cases/retail-media-network" data-finalurl="/cms/render/live/en/sites/www/home/use-cases/retail-media-network.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Retail Media Network</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/use-cases/retail-media-network" data-finalurl="/cms/render/live/en/sites/www/home/use-cases/retail-media-network.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Retail Media Network</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/use-cases/site-search" data-finalurl="/cms/render/live/en/sites/www/home/use-cases/site-search.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Site search</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/use-cases/site-search" data-finalurl="/cms/render/live/en/sites/www/home/use-cases/site-search.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Site search</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/use-cases/visual-search" data-finalurl="/cms/render/live/en/sites/www/home/use-cases/visual-search.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Visual search</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/use-cases/visual-search" data-finalurl="/cms/render/live/en/sites/www/home/use-cases/visual-search.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Visual search</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/use-cases/voice-search" data-finalurl="/cms/render/live/en/sites/www/home/use-cases/voice-search.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Voice search</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/use-cases/voice-search" data-finalurl="/cms/render/live/en/sites/www/home/use-cases/voice-search.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Voice search</span>
                </a> 
        
        </div>
</li></ul></div>
            <div class=" flex-1 lg:flex-none lg:first:border-r border-grey-200 first:pr-8">
                    <!--  -->
<div class="flex items-center mb-4 xl:mb-6">
            <img class="object-contain mr-[9px]" height="20" width="20"
                    src="/files/live/sites/algolia-assets/files/icons/navigation/team_icon.svg"
                    alt="" />
            <h5 class="text-base font-bold text-xenon-900 dark:text-white dark:lg:text-xenon-900">Departments</h5>
                </div>
    <ul class="flex flex-col gap-2 xl:gap-2.5 divide-y divide-[#EFEFEF] mb-4 lg:mb-0">
        <li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/department/digital-experience" data-finalurl="/cms/render/live/en/sites/www/home/department/digital-experience.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Digital Experience</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/department/digital-experience" data-finalurl="/cms/render/live/en/sites/www/home/department/digital-experience.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Digital Experience</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/department/ecommerce" data-finalurl="/cms/render/live/en/sites/www/home/department/ecommerce.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Ecommerce</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/department/ecommerce" data-finalurl="/cms/render/live/en/sites/www/home/department/ecommerce.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Ecommerce</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/department/engineering" data-finalurl="/cms/render/live/en/sites/www/home/department/engineering.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Engineering</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/department/engineering" data-finalurl="/cms/render/live/en/sites/www/home/department/engineering.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Engineering</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/department/merchandisers" data-finalurl="/cms/render/live/en/sites/www/home/department/merchandisers.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Merchandising</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/department/merchandisers" data-finalurl="/cms/render/live/en/sites/www/home/department/merchandisers.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Merchandising</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/department/product-management" data-finalurl="/cms/render/live/en/sites/www/home/department/product-management.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Product Management</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/department/product-management" data-finalurl="/cms/render/live/en/sites/www/home/department/product-management.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Product Management</span>
                </a> 
        
        </div>
</li></ul></div>
            </div>
    </div>

</li>
<li data-tracking="" class="dropdown-trigger group lg:mr-3 xl:mr-6 flex flex-col lg:flex-row items-center last:lg:mr-0 border-b-[1px] border-grey-200 lg:border-none">
<a href="/pricing" class="font-inter font-normal w-full py-4 lg:py-7 lg:px-0 text-left dark:text-white text-grey-900 lg:text-sm xl:text-base hover:text-xenon-600">Pricing</a>
    </li>
<li data-tracking="" class="dropdown-trigger group lg:mr-3 xl:mr-6 flex flex-col lg:flex-row items-center last:lg:mr-0 border-b-[1px] border-grey-200 lg:border-none">
<button data-tracking="" type="button"
    class="font-inter font-normal w-full py-4 lg:py-7 lg:px-0 text-left dark:text-white text-grey-900 lg:text-sm xl:text-base dropdown-link flex justify-between lg:hover:text-xenon-600">Developers<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="dropdown-link-caret block lg:hidden shrink-0">
        <polyline points="6 9 12 15 18 9"></polyline>
    </svg>
</button>
<div class="dropdown-menu-v2 lg:absolute top-full opacity-0 invisible hidden group-hover:block hover:visible hover:block">
        <div class="dropdown-menu-v2-content flex flex-wrap gap-4 p-2 lg:px-6 lg:py-8 xl:p-[3.125rem] rounded-md lg:shadow-md lg:w-max lg:bg-white lg:mt-[14px] ">
        <div class='navitem-image-container mr-4 xl:mr-8 hidden lg:block'>
                <a href='https://www.algolia.com/devcon?utm_cta=topbannerpromo' target="" rel='noopener noreferrer'>
                <img src="/files/live/sites/www/files/Screenshot%202026-06-25%20at%2010.37.59%e2%80%afAM.png" alt="navigation image" class="h-[16rem] w-[16rem] object-contain"/>
                </a>
                </div>
        <div class=" flex-1 lg:flex-none lg:first:border-r border-grey-200 first:pr-8">
                    <!--  -->
<div class="flex items-center mb-4 xl:mb-6">
            <img class="object-contain mr-[9px]" height="20" width="20"
                    src="/files/live/sites/algolia-assets/files/icons/navigation/get-started_icon.svg"
                    alt="" />
            <h5 class="text-base font-bold text-xenon-900 dark:text-white dark:lg:text-xenon-900">Get started</h5>
                </div>
    <ul class="flex flex-col gap-2 xl:gap-2.5 divide-y divide-[#EFEFEF] mb-4 lg:mb-0">
        <li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/developers" data-finalurl="/cms/render/live/en/sites/www/home/developers.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Developer Hub</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/developers" data-finalurl="/cms/render/live/en/sites/www/home/developers.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Developer Hub</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="https://www.algolia.com/doc/" data-finalurl="https://www.algolia.com/doc/" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Documentation</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="https://www.algolia.com/doc/" data-finalurl="https://www.algolia.com/doc/" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Documentation</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/developers/integrations" data-finalurl="/cms/render/live/en/sites/www/home/developers/integrations.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Integrations</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/developers/integrations" data-finalurl="/cms/render/live/en/sites/www/home/developers/integrations.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Integrations</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/developers/search-ui" data-finalurl="/cms/render/live/en/sites/www/home/developers/search-ui.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">UI Components</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/developers/search-ui" data-finalurl="/cms/render/live/en/sites/www/home/developers/search-ui.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">UI Components</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/products/features/search-autocomplete" data-finalurl="/cms/render/live/en/sites/www/home/products/features/search-autocomplete.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Autocomplete</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/products/features/search-autocomplete" data-finalurl="/cms/render/live/en/sites/www/home/products/features/search-autocomplete.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Autocomplete</span>
                </a> 
        
        </div>
</li></ul></div>
            <div class=" flex-1 lg:flex-none lg:first:border-r border-grey-200 first:pr-8">
                    <!--  -->
<div class="flex items-center mb-4 xl:mb-6">
            <img class="object-contain mr-[9px]" height="20" width="20"
                    src="/files/live/sites/algolia-assets/files/icons/navigation/resources_iconv2.svg"
                    alt="" />
            <h5 class="text-base font-bold text-xenon-900 dark:text-white dark:lg:text-xenon-900">Resources</h5>
                </div>
    <ul class="flex flex-col gap-2 xl:gap-2.5 divide-y divide-[#EFEFEF] mb-4 lg:mb-0">
        <li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/developers/code-exchange" data-finalurl="/cms/render/live/en/sites/www/home/developers/code-exchange.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Code Exchange</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/developers/code-exchange" data-finalurl="/cms/render/live/en/sites/www/home/developers/code-exchange.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Code Exchange</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/blog/engineering" data-finalurl="/cms/render/live/en/sites/www/home/blog/engineering.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Engineering Blog</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/blog/engineering" data-finalurl="/cms/render/live/en/sites/www/home/blog/engineering.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Engineering Blog</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/developers/lp-mcp" data-finalurl="/cms/render/live/en/sites/www/home/developers/lp-mcp.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">MCP</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/developers/lp-mcp" data-finalurl="/cms/render/live/en/sites/www/home/developers/lp-mcp.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">MCP</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="https://alg.li/discord" data-finalurl="https://alg.li/discord" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Discord</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="https://alg.li/discord" data-finalurl="https://alg.li/discord" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Discord</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/events" data-finalurl="/cms/render/live/en/sites/www/home/events.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Webinars & Events</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/events" data-finalurl="/cms/render/live/en/sites/www/home/events.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Webinars & Events</span>
                </a> 
        
        </div>
</li></ul></div>
            <div class=" flex-1 lg:flex-none lg:first:border-r border-grey-200 first:pr-8">
                    <!--  -->
<div class="flex items-center mb-4 xl:mb-6">
            <img class="object-contain mr-[9px]" height="20" width="20"
                    src="/files/live/sites/algolia-assets/files/icons/navigation/links_icon.svg"
                    alt="" />
            <h5 class="text-base font-bold text-xenon-900 dark:text-white dark:lg:text-xenon-900">Quick Links</h5>
                </div>
    <ul class="flex flex-col gap-2 xl:gap-2.5 divide-y divide-[#EFEFEF] mb-4 lg:mb-0">
        <li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="https://www.algolia.com/doc/guides/getting-started/quick-start/" data-finalurl="https://www.algolia.com/doc/guides/getting-started/quick-start/" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Quick Start Guide</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="https://www.algolia.com/doc/guides/getting-started/quick-start/" data-finalurl="https://www.algolia.com/doc/guides/getting-started/quick-start/" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Quick Start Guide</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/for-open-source" data-finalurl="/cms/render/live/en/sites/www/home/for-open-source.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">For Open Source</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/for-open-source" data-finalurl="/cms/render/live/en/sites/www/home/for-open-source.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">For Open Source</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="https://status.algolia.com/" data-finalurl="https://status.algolia.com/" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">API Status</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="https://status.algolia.com/" data-finalurl="https://status.algolia.com/" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">API Status</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="https://support.algolia.com/hc/en-us" data-finalurl="https://support.algolia.com/hc/en-us" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Support</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="https://support.algolia.com/hc/en-us" data-finalurl="https://support.algolia.com/hc/en-us" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Support</span>
                </a> 
        
        </div>
</li></ul></div>
            </div>
    </div>

</li>
<li data-tracking="" class="dropdown-trigger group lg:mr-3 xl:mr-6 flex flex-col lg:flex-row items-center last:lg:mr-0 border-b-[1px] border-grey-200 lg:border-none">
<button data-tracking="" type="button"
    class="font-inter font-normal w-full py-4 lg:py-7 lg:px-0 text-left dark:text-white text-grey-900 lg:text-sm xl:text-base dropdown-link flex justify-between lg:hover:text-xenon-600">Resources<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="dropdown-link-caret block lg:hidden shrink-0">
        <polyline points="6 9 12 15 18 9"></polyline>
    </svg>
</button>
<div class="dropdown-menu-v2 lg:absolute top-full opacity-0 invisible hidden group-hover:block hover:visible hover:block">
        <div class="dropdown-menu-v2-content flex flex-wrap gap-4 p-2 lg:px-6 lg:py-8 xl:p-[3.125rem] rounded-md lg:shadow-md lg:w-max lg:bg-white lg:mt-[14px] ">
        <div class='navitem-image-container mr-4 xl:mr-8 hidden lg:block'>
                <a href='https://www.algolia.com/llm-leaderboard/?utm_cta=navigationpromo' target="" rel='noopener noreferrer'>
                <img src="/files/live/sites/www/files/ad-banners/llm-leaderboard-nav-banner.avif" alt="navigation image" class="h-[16rem] w-[16rem] object-contain"/>
                </a>
                </div>
        <div class=" flex-1 lg:flex-none lg:first:border-r border-grey-200 first:pr-8">
                    <!--  -->
<div class="flex items-center mb-4 xl:mb-6">
            <img class="object-contain mr-[9px]" height="20" width="20"
                    src="/files/live/sites/algolia-assets/files/icons/navigation/discover_icon.svg"
                    alt="" />
            <h5 class="text-base font-bold text-xenon-900 dark:text-white dark:lg:text-xenon-900">Discover</h5>
                </div>
    <ul class="flex flex-col gap-2 xl:gap-2.5 divide-y divide-[#EFEFEF] mb-4 lg:mb-0">
        <li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/blog" data-finalurl="/cms/render/live/en/sites/www/home/blog.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Algolia Blog</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/blog" data-finalurl="/cms/render/live/en/sites/www/home/blog.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Algolia Blog</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/resources" data-finalurl="/cms/render/live/en/sites/www/home/resources.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Resource Center</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/resources" data-finalurl="/cms/render/live/en/sites/www/home/resources.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Resource Center</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/customers" data-finalurl="/cms/render/live/en/sites/www/home/customers.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Customer Stories</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/customers" data-finalurl="/cms/render/live/en/sites/www/home/customers.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Customer Stories</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/events" data-finalurl="/cms/render/live/en/sites/www/home/events.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Webinars & Events</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/events" data-finalurl="/cms/render/live/en/sites/www/home/events.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Webinars & Events</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/about/news" data-finalurl="/cms/render/live/en/sites/www/home/about/news.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Newsroom</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/about/news" data-finalurl="/cms/render/live/en/sites/www/home/about/news.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Newsroom</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/lp/subscription-newsletter" data-finalurl="/cms/render/live/en/sites/www/home/lp/subscription-newsletter.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">AI Search Newsletter</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/lp/subscription-newsletter" data-finalurl="/cms/render/live/en/sites/www/home/lp/subscription-newsletter.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">AI Search Newsletter</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="https://www.algolia.com/resources?contentType=Product%20Demos" data-finalurl="https://www.algolia.com/resources?contentType=Product%20Demos" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Product Demo Videos</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="https://www.algolia.com/resources?contentType=Product%20Demos" data-finalurl="https://www.algolia.com/resources?contentType=Product%20Demos" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Product Demo Videos</span>
                </a> 
        
        </div>
</li></ul></div>
            <div class=" flex-1 lg:flex-none lg:first:border-r border-grey-200 first:pr-8">
                    <!--  -->
<div class="flex items-center mb-4 xl:mb-6">
            <img class="object-contain mr-[9px]" height="20" width="20"
                    src="/files/live/sites/algolia-assets/files/icons/navigation/resources_icon.svg"
                    alt="" />
            <h5 class="text-base font-bold text-xenon-900 dark:text-white dark:lg:text-xenon-900">Customers</h5>
                </div>
    <ul class="flex flex-col gap-2 xl:gap-2.5 divide-y divide-[#EFEFEF] mb-4 lg:mb-0">
        <li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/customer-hub" data-finalurl="/cms/render/live/en/sites/www/home/customer-hub.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Customer Hub</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/customer-hub" data-finalurl="/cms/render/live/en/sites/www/home/customer-hub.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Customer Hub</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="https://changelog.algolia.com/" data-finalurl="https://changelog.algolia.com/" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">What's New</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="https://changelog.algolia.com/" data-finalurl="https://changelog.algolia.com/" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">What's New</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="https://support.algolia.com/hc/en-us" data-finalurl="https://support.algolia.com/hc/en-us" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Knowledge Base</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="https://support.algolia.com/hc/en-us" data-finalurl="https://support.algolia.com/hc/en-us" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Knowledge Base</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="https://www.algolia.com/doc" data-finalurl="https://www.algolia.com/doc" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Documentation</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="https://www.algolia.com/doc" data-finalurl="https://www.algolia.com/doc" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Documentation</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="https://academy.algolia.com" data-finalurl="https://academy.algolia.com" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Algolia Academy</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="https://academy.algolia.com" data-finalurl="https://academy.algolia.com" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Algolia Academy</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="/professional-services-support" data-finalurl="/cms/render/live/en/sites/www/home/professional-services-support.html" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Professional Services</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="/professional-services-support" data-finalurl="/cms/render/live/en/sites/www/home/professional-services-support.html" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Professional Services</span>
                </a> 
        
        </div>
</li></ul></div>
            <div class=" flex-1 lg:flex-none lg:first:border-r border-grey-200 first:pr-8">
                    <!--  -->
<div class="flex items-center mb-4 xl:mb-6">
            <img class="object-contain mr-[9px]" height="20" width="20"
                    src="/files/live/sites/algolia-assets/files/icons/navigation/tools_icon.svg"
                    alt="" />
            <h5 class="text-base font-bold text-xenon-900 dark:text-white dark:lg:text-xenon-900">Tools</h5>
                </div>
    <ul class="flex flex-col gap-2 xl:gap-2.5 divide-y divide-[#EFEFEF] mb-4 lg:mb-0">
        <li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="https://www.algolia.com/ai-search-grader/" data-finalurl="https://www.algolia.com/ai-search-grader/" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Search Grader</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="https://www.algolia.com/ai-search-grader/" data-finalurl="https://www.algolia.com/ai-search-grader/" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Search Grader</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="https://www.algolia.com/profit-simulator/" data-finalurl="https://www.algolia.com/profit-simulator/" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Profit Simulator</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="https://www.algolia.com/profit-simulator/" data-finalurl="https://www.algolia.com/profit-simulator/" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Profit Simulator</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="https://www.algolia.com/search-audit" data-finalurl="https://www.algolia.com/search-audit" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Ecommerce Search Audit</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="https://www.algolia.com/search-audit" data-finalurl="https://www.algolia.com/search-audit" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Ecommerce Search Audit</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="https://www.algolia.com/llm-leaderboard" data-finalurl="https://www.algolia.com/llm-leaderboard" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">LLM Leaderboard</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="https://www.algolia.com/llm-leaderboard" data-finalurl="https://www.algolia.com/llm-leaderboard" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">LLM Leaderboard</span>
                </a> 
        
        </div>
</li><li data-tracking="" class="font-sora max-w-auto lg:max-w-[10rem] xl:max-w-[13.125rem] pb-1 pt-2 xl:pb-2 xl:pt-3 ml-[29px]"> 
    <div class="block md:hidden">
        <a href="https://www.algolia.com/dev-agentic-readiness" data-finalurl="https://www.algolia.com/dev-agentic-readiness" class="flex flex-col">
        <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] ">Agentic Readiness Assessment</span>
                </a>
    </div>
    <div class="hidden md:block">
         <a href="https://www.algolia.com/dev-agentic-readiness" data-finalurl="https://www.algolia.com/dev-agentic-readiness" class="flex flex-col">
            <span class="text-sm text-blue-purple-100 dark:text-white dark:lg:text-blue-purple-100 font-bold md:leading-[18px] mb-2">Agentic Readiness Assessment</span>
                </a> 
        
        </div>
</li></ul></div>
            </div>
    </div>

</li><div class="header__top-nav mobile lg:hidden z-1 mt-4 grid grid-cols-2 pr-2 max-w-screen-xl">
            <span class=" font-inter leading-normal text-sm text-grey-400 dark:text-white mb-2 font-medium uppercase tracking-[0.7px]">
                Quick Access</span>
            <ul class="col-start-1 col-end-3 grid list-none grid-cols-2 gap-2 p-0">
                <li data-tracking="">
    <a href="/about" data-finalurl="/cms/render/live/en/sites/www/home/about.html" class="no-underline group flex w-max min-w-[150px] max-w-[280px] flex-col items-start py-2">
        <div class="flex items-center gap-1">
            <img class="" height="16" width="16"
                    src="/files/live/sites/algolia-assets/files/icons/apartment_blue.svg"
                    alt="" />
            <span class="block text-left font-inter font-normal leading-normal text-xs lg:text-sm text-grey-900 dark:text-white group-hover:text-xenon-400">
                Company</span>
        </div>
    </a> <!-- text-white -->
</li><li data-tracking="">
    <a href="/partprog" data-finalurl="/cms/render/live/en/sites/www/home/partners.html" class="no-underline group flex w-max min-w-[150px] max-w-[280px] flex-col items-start py-2">
        <div class="flex items-center gap-1">
            <img class="" height="16" width="16"
                    src="/files/live/sites/algolia-assets/files/icons/handshake_blue.svg"
                    alt="" />
            <span class="block text-left font-inter font-normal leading-normal text-xs lg:text-sm text-grey-900 dark:text-white group-hover:text-xenon-400">
                Partners</span>
        </div>
    </a> <!-- text-white -->
</li><li data-tracking="">
    <a href="https://support.algolia.com/" data-finalurl="https://support.algolia.com/" class="no-underline group flex w-max min-w-[150px] max-w-[280px] flex-col items-start py-2">
        <div class="flex items-center gap-1">
            <img class="" height="16" width="16"
                    src="/files/live/sites/algolia-assets/files/icons/support_blue.svg"
                    alt="" />
            <span class="block text-left font-inter font-normal leading-normal text-xs lg:text-sm text-grey-900 dark:text-white group-hover:text-xenon-400">
                Support</span>
        </div>
    </a> <!-- text-white -->
</li><li data-tracking="">
    <a href="https://dashboard.algolia.com/users/sign_in" data-finalurl="https://dashboard.algolia.com/users/sign_in" class="no-underline group flex w-max min-w-[150px] max-w-[280px] flex-col items-start py-2">
        <div class="flex items-center gap-1">
            <img class="" height="16" width="16"
                    src="/files/live/sites/algolia-assets/files/icons/person_blue.svg"
                    alt="" />
            <span class="block text-left font-inter font-normal leading-normal text-xs lg:text-sm text-grey-900 dark:text-white group-hover:text-xenon-400">
                Login</span>
        </div>
    </a> <!-- text-white -->
</li><li data-tracking="">
    <a href="https://dashboard.algolia.com/users/sign_out" data-finalurl="https://dashboard.algolia.com/users/sign_out" class="no-underline group flex w-max min-w-[150px] max-w-[280px] flex-col items-start py-2">
        <div class="flex items-center gap-1">
            <img class="" height="16" width="16"
                    src="/files/live/sites/algolia-assets/files/icons/Check%20Square.svg"
                    alt="" />
            <span class="block text-left font-inter font-normal leading-normal text-xs lg:text-sm text-grey-900 dark:text-white group-hover:text-xenon-400">
                Logout</span>
        </div>
    </a> <!-- text-white -->
</li></ul>
            </div>
        <ul class="shrink-0 list-none gap-4 lg:mr-2 lg:hidden mobile pt-6 pb-3 flex justify-center">
                <span class="last:hidden">
                        


<!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->

<div data-tracking=""
     class="flex font-sora ">
    <div class="font-sora button last:me-0 inline-flex w-fit group">


            <a href="/demorequest"
                    data-finalurl="/cms/render/live/en/sites/www/home/demorequest.html" data-modal-id="modal_93006f8a-5739-4a25-83d3-c2af359a387f" id="modal-link-modal_93006f8a-5739-4a25-83d3-c2af359a387f"
                    data-locale="en" data-is-internal="true"
                    target="_self"
                    class=" relative z-50 cmp-button overflow-hidden flex flex-wrap items-center  cursor-pointer font-sora w-full
                     ctaGradient transparent dark:text-white text-grey-900 px-4 lg:px-6 bg-transparent shadow-[0_0_6px_2px_rgba(0,61,255,0.12)] border-2 dark:border-white border-grey-200 rounded-lg min-h-12 lg:min-h-14"
                    style="--x: 0px; --y: 0px;">

                <span class="cmp-button__text font-semibold mx-auto font-sora leading-1.5 text-sm lg:text-base tracking-[0.28px] lg:tracking-[0.32px]">
                    Fix your search</span>
                </a>
    </div>
</div>


</span>
                <span class="last:hidden">
                        


<!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->

<div data-tracking=""
     class="flex font-sora ">
    <div class="font-sora button last:me-0 inline-flex w-fit group">


            <a href="https://dashboard.algolia.com/users/sign_up"
                    data-finalurl="https://dashboard.algolia.com/users/sign_up" data-modal-id="modal_021adb3c-46e7-4a3a-9e11-af403c213c0c" id="modal-link-modal_021adb3c-46e7-4a3a-9e11-af403c213c0c"
                    data-locale="en" data-is-internal="true"
                    target="_blank"
                    class=" relative z-50 cmp-button overflow-hidden flex flex-wrap items-center  cursor-pointer font-sora w-full
                     ctaGradient text-white px-4 lg:px-6 bg-xenon-400 rounded-lg min-h-12 lg:min-h-14 blue-gradient"
                    style="--x: 0px; --y: 0px;">

                <span class="cmp-button__text font-semibold mx-auto font-sora leading-1.5 text-sm lg:text-base tracking-[0.28px] lg:tracking-[0.32px]">
                    Get started</span>
                </a>
    </div>
</div>


</span>
                </ul>
        </ul>

    <div class="header__global-search grow mr-4 ml-auto flex items-center">
            <button id="globalSearchButton" class="hidden lg:flex flex-wrap no-underline border lg:border-2 dark:border-[#242757] border-grey-200 rounded-full text-white px-3 py-3 gap-4 items-center lg:w-[270px] xl:w-[350px]">
                <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="h-5 w-5 text-xenon-400">
                    <circle cx="11" cy="11" r="8"></circle>
                    <line x1="21" y1="21" x2="16.65" y2="16.65"></line>
                </svg>
                <span class="hidden lg:block lg:text-sm xl:text-base dark:text-white text-grey-900">
                    Search Algolia</span>
            </button>
            <div id="search-input-container" class="expand-search grow lg:hidden"></div>
            <button id="closeSearchOverlay" class="flex lg:hidden text-grey-900 dark:text-white ml-4 mr-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="h-6 w-6 inline-block">
                    <line x1="18" y1="6" x2="6" y2="18"></line>
                    <line x1="6" y1="6" x2="18" y2="18"></line>
                </svg>
                <span class="leading-6 h-6 inline-block">Close</span>
            </button>
        </div>
    <ul class="header__buttons shrink-0 list-none gap-4 lg:mr-2 hidden lg:flex desktop">
            


<!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->

<div data-tracking=""
     class="flex font-sora ">
    <div class="font-sora button last:me-0 inline-flex w-fit group">


            <a href="/demorequest"
                    data-finalurl="/cms/render/live/en/sites/www/home/demorequest.html" data-modal-id="modal_93006f8a-5739-4a25-83d3-c2af359a387f" id="modal-link-modal_93006f8a-5739-4a25-83d3-c2af359a387f"
                    data-locale="en" data-is-internal="true"
                    target="_self"
                    class=" relative z-50 cmp-button overflow-hidden flex flex-wrap items-center  cursor-pointer font-sora w-full
                     ctaGradient transparent dark:text-white text-grey-900 px-4 lg:px-6 bg-transparent shadow-[0_0_6px_2px_rgba(0,61,255,0.12)] border-2 dark:border-white border-grey-200 rounded-lg min-h-12 lg:min-h-14"
                    style="--x: 0px; --y: 0px;">

                <span class="cmp-button__text font-semibold mx-auto font-sora leading-1.5 text-sm lg:text-base tracking-[0.28px] lg:tracking-[0.32px]">
                    Fix your search</span>
                </a>
    </div>
</div>





<!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->

<div data-tracking=""
     class="flex font-sora ">
    <div class="font-sora button last:me-0 inline-flex w-fit group">


            <a href="https://dashboard.algolia.com/users/sign_up"
                    data-finalurl="https://dashboard.algolia.com/users/sign_up" data-modal-id="modal_021adb3c-46e7-4a3a-9e11-af403c213c0c" id="modal-link-modal_021adb3c-46e7-4a3a-9e11-af403c213c0c"
                    data-locale="en" data-is-internal="true"
                    target="_blank"
                    class=" relative z-50 cmp-button overflow-hidden flex flex-wrap items-center  cursor-pointer font-sora w-full
                     ctaGradient text-white px-4 lg:px-6 bg-xenon-400 rounded-lg min-h-12 lg:min-h-14 blue-gradient"
                    style="--x: 0px; --y: 0px;">

                <span class="cmp-button__text font-semibold mx-auto font-sora leading-1.5 text-sm lg:text-base tracking-[0.28px] lg:tracking-[0.32px]">
                    Get started</span>
                </a>
    </div>
</div>


</ul>
    </div> <!-- / header__middle-bar -->
        <div id="autocomplete-container"></div>
    <!-- Start This is only visible in all Child Page Header Display-->
    <!-- End This is only visible in all Child Page Header Display-->
    </header>

<div id="search-overlay" class="px-4 fixed top-[80px] lg:top-[120px] left-0 bottom-full overflow-y-auto overflow-x-hidden bg-white w-full z-40 !h-0">
    <div class="container pt-4 mx-auto">

    <div id="refinements-container">
        <div id="mobile-refinements" class="mb-4 lg:hidden flex">
            <div id="show-all-btn" class="mr-2"></div>
            <div id="other-types-btn" class="inline bg-white rounded-md px-4 py-2 border border-black">
                <img class="inline-block mr-1 h-[21px] max-w-sm" src="/files/live/sites/algolia-assets/files/icons/search-icons/search-icon-other.svg" />
                <span class="text-black leading-[24px]">Other Types</span>
            </div>
        </div>
        <div id="refinements" class="my-4 max-h-0 block lg:max-h-none overflow-hidden"></div>
    </div>

    <div class="lg:flex mb-4 lg:flex-row-reverse">
        <div id="filter-container" class="lg:w-1/4 lg:ml-16 flex lg:block absolute lg:relative z-20 left-full lg:left-0 top-0 w-full h-full overflow-x-hidden">
            <div id="filter-overlay" class="backdrop-blur-sm bg-black/10 w-1/5 h-full"></div>
            <div class="w-4/5 lg:w-full bg-white pt-4 px-4 lg:pt-0 lg:px-0 overflow-y-scroll lg:overflow-y-auto">
                <div class="block lg:hidden mb-6">
                    <span class="font-bold text-base">Filter</span>
                    <button id="close-filters" class="float-right text-black">
                        <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="h-6 w-6">
                            <line x1="18" y1="6" x2="6" y2="18"></line>
                            <line x1="6" y1="6" x2="18" y2="18"></line>
                        </svg>
                    </button>
                    <div id="current-refinements" class="mt-4"></div>
                </div>

                <div class="mt-10"></div>
                <!--<div id="topic-filter" class="mb-4"></div>-->
                <div class="mb-4">
                    <a href="javascript:void(0)" id="clear-all-filters" class="text-xenon-600 hover:text-white flex items-center gap-2 bg-gray-200 rounded-md px-2 py-1 hover:bg-slate-400 transition-all duration-300">
                        <svg class="svg-icon" style="width: 1em; height: 1em;vertical-align: middle;fill: red;overflow: hidden;" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg">
                            <path d="M512 39.384615C250.092308 39.384615 39.384615 250.092308 39.384615 512s210.707692 472.615385 472.615385 472.615385 472.615385-210.707692 472.615385-472.615385S773.907692 39.384615 512 39.384615z m96.492308 488.369231l153.6 153.6c7.876923 7.876923 7.876923 19.692308 0 27.569231l-55.138462 55.138461c-7.876923 7.876923-19.692308 7.876923-27.569231 0L525.784615 610.461538c-7.876923-7.876923-19.692308-7.876923-27.56923 0l-153.6 153.6c-7.876923 7.876923-19.692308 7.876923-27.569231 0L261.907692 708.923077c-7.876923-7.876923-7.876923-19.692308 0-27.569231l153.6-153.6c7.876923-7.876923 7.876923-19.692308 0-27.569231l-155.56923-155.56923c-7.876923-7.876923-7.876923-19.692308 0-27.569231l55.138461-55.138462c7.876923-7.876923 19.692308-7.876923 27.569231 0l155.569231 155.569231c7.876923 7.876923 19.692308 7.876923 27.56923 0l153.6-153.6c7.876923-7.876923 19.692308-7.876923 27.569231 0l55.138462 55.138462c7.876923 7.876923 7.876923 19.692308 0 27.56923l-153.6 153.6c-5.907692 7.876923-5.907692 19.692308 0 27.569231z" /></svg>
                        Clear All Filters</a>
                </div>
                <div id="facet0-filter" class="mb-4"></div>
                <div id="facet1-filter" class="mb-4"></div>
                <div id="facet2-filter" class="mb-4"></div>
                <div id="facet3-filter" class="mb-4"></div>
                <div id="facet4-filter" class="mb-4"></div>
                <div id="facet5-filter" class="mb-4"></div>
                <div id="facet6-filter" class="mb-4"></div>
                <div id="facet7-filter" class="mb-4"></div>
                <div id="facet8-filter" class="mb-4"></div>
            </div>
        </div>

        <div id="hits-container" class="lg:w-3/4">
            <div class="my-8 flex">
                <div id="stats"></div>
            </div>

            <div id="hits"></div>

            <div id="filter-toggle" class="my-8 text-center fixed bottom-8 hidden lg:hidden container z-10">
                <button id="toggle-filters" class="bg-[#23263B] rounded-full px-4 py-2 border border-[#23263B]">
                    <img class="inline-block mr-1 h-[21px] max-w-sm" src="/files/live/sites/algolia-assets/files/icons/search-icons/search-icon-filters-white.svg" />
                    <span class="text-white leading-[24px]">Filters</span>
                </button>
            </div>
        </div>

    </div>
</div>
</div>




<!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->



<!-- Check if the property is null or empty -->
<!-- Check if the property is null or empty -->

<div class="bg-primary cmp__logo-popover font-sora bg-gradient-to-r from-[#022eb9] to-[#003dff] w-[500px] m-3 border-2 border-[rgb(214 214 231)] rounded-md mt-6 hidden absolute">
<button aria-label="Close logo modal">
    <svg xmlns="http://www.w3.org/2000/svg"
        class="crossIcon absolute right-0 top-0 my-1 mx-2 text-grey-200 opacity-[0.9] hover:text-white"
        width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1"
        stroke-linecap="round" stroke-linejoin="round">
        <line x1="18" y1="6" x2="6" y2="18"></line>
        <line x1="6" y1="6" x2="18" y2="18"></line>
    </svg>
</button>
<header class="flex flex-col items-center">
    <div class="cmp-teaser__image">
            <img style="width:80.0px; height:80.0px;" class="w-full" src="/files/live/sites/algolia-assets/files/icons/algolialogo.svg" alt=""/>
        </div>
    <p class="text-[32px] text-white mt-4 font-sora">Looking for our logo?</p>
    <span class="text-[18px] text-white mt-4 mb-2 font-400 font-sora teaser-richtext "><p style="color:white;">We got you covered!</p>
</span>
    </header>
<div class="cmp-teaser__action-container grid gap-4 mt-4 text-grey-700">
        


<!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->

<div data-tracking=""
     class="flex font-sora  justify-center">
    <div class="font-sora button last:me-0 inline-flex w-fit group">


            <a href="https://algolia.frontify.com/"
                    data-finalurl="https://algolia.frontify.com/" data-modal-id="modal_2f983bce-086c-47d2-803c-cd479544cd24" id="modal-link-modal_2f983bce-086c-47d2-803c-cd479544cd24"
                    data-locale="en" data-is-internal="true"
                    target="_self"
                    class=" relative z-50 cmp-button overflow-hidden flex flex-wrap items-center  cursor-pointer font-sora w-full
                     ctaGradient justify-center white cta-bg-white px-4 lg:px-6 bg-white hover:text-grey-700 text-grey-900 shadow-md border-2 border-white rounded-lg min-h-12 lg:min-h-14"
                    style="--x: 0px; --y: 0px;">

                <span class="cmp-button__text font-semibold mx-auto font-sora leading-1.5 text-sm lg:text-base tracking-[0.28px] lg:tracking-[0.32px]">
                    Brand guidelines</span>
                </a>
    </div>
</div>





<!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->

<div data-tracking=""
     class="flex font-sora  justify-center">
    <div class="font-sora button last:me-0 inline-flex w-fit group">


            <a href="https://www.algolia.com/algolia-logo-pack.zip  "
                    data-finalurl="https://www.algolia.com/algolia-logo-pack.zip  " data-modal-id="modal_91ae7149-f83a-4857-ab3b-cb877a0dca15" id="modal-link-modal_91ae7149-f83a-4857-ab3b-cb877a0dca15"
                    data-locale="en" data-is-internal="true"
                    target="_self"
                    class=" relative z-50 cmp-button overflow-hidden flex flex-wrap items-center  cursor-pointer font-sora w-full
                     ctaGradient justify-center white cta-bg-white px-4 lg:px-6 bg-white hover:text-grey-700 text-grey-900 shadow-md border-2 border-white rounded-lg min-h-12 lg:min-h-14"
                    style="--x: 0px; --y: 0px;">

                <span class="cmp-button__text font-semibold mx-auto font-sora leading-1.5 text-sm lg:text-base tracking-[0.28px] lg:tracking-[0.32px]">
                    Download logo pack</span>
                </a>
    </div>
</div>


</div>
</div>


</div>
    <!-- End Header Component -->
<span class="block">
    </span>
<div class="banner-section">
    
<!-- Check if the property is null or empty -->
<!-- Check if the property is null or empty -->
 
<div data-tracking="" class="  homepge_banner banner__center  dark bg-tertiary">
<div id="algoliabanner" class="banner_item relative max-w-[1440px] mx-auto lg:px-14 px-4">
                    <!-- Check if the property is null or empty -->
<!-- Check if the property is null or empty -->
<div class="text-white">

<div class="cmp-teaser__content w-full flex flex-wrap  justify-center top-0 z-10">
    <div class="w-full text-center py-14 lg:py-28 self-center">
        <h1 class="cmp-teaser__title text-[45px] lg:text-[56px] leading-[54px] lg:leading-[67px] tracking-[-2px] font-sora font-bold mb-4 dark:text-white text-grey-900 break-words">Algolia Startup Program</h1>
        <span class="font-sora font-light text-[18px] leading-[23px] lg:leading-[34px] lg:text-2xl dark:text-grey-200 text-grey-700 my-0 mr-8"> <p>Search and Discovery platform that helps you differentiate as you scale.</p>
</span>
        <div class="cmp-teaser__action-container flex my-8 gap-x-4 justify-center">
                


<!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->

<div data-tracking=""
     class="flex font-sora  justify-center">
    <div class="font-sora button last:me-0 inline-flex w-fit group">


            <a href="https://support.algolia.com/hc/en-us/requests/new?ticket_form_id=5005635939217"
                    data-finalurl="https://support.algolia.com/hc/en-us/requests/new?ticket_form_id=5005635939217" data-modal-id="modal_29840e1f-c6f4-4a08-b4c5-394aa7759963" id="modal-link-modal_29840e1f-c6f4-4a08-b4c5-394aa7759963"
                    data-locale="en" data-is-internal="true"
                    target="_self"
                    class=" relative z-50 cmp-button overflow-hidden flex flex-wrap items-center  cursor-pointer font-sora w-full
                     ctaGradient justify-center text-white px-4 lg:px-6 bg-xenon-400 rounded-lg min-h-12 lg:min-h-14 blue-gradient"
                    style="--x: 0px; --y: 0px;">

                <span class="cmp-button__text font-semibold mx-auto font-sora leading-1.5 text-sm lg:text-base tracking-[0.28px] lg:tracking-[0.32px]">
                    Apply for $10k in credits</span>
                </a>
    </div>
</div>





<!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->

<div data-tracking=""
     class="flex font-sora ">
    <div class="font-sora button last:me-0 inline-flex w-fit group">


            <a href="/blog/engineering/the-startup-founders-no-nonsense-guide-to-ai-powered-search"
                    data-finalurl="/cms/render/live/en/sites/www/home/blog/engineering/blogentry/the-startup-founders-no-nonsense-guide-to-ai-powered-search.html" data-modal-id="modal_c7c252eb-1043-4241-a800-f292477a9617" id="modal-link-modal_c7c252eb-1043-4241-a800-f292477a9617"
                    data-locale="en" data-is-internal="true"
                    target="_blank"
                    class=" relative z-50 cmp-button overflow-hidden flex flex-wrap items-center  cursor-pointer font-sora w-full
                     ctaGradient transparent dark:text-white text-grey-900 px-4 lg:px-6 bg-transparent shadow-[0_0_6px_2px_rgba(0,61,255,0.12)] border-2 dark:border-white border-grey-200 rounded-lg min-h-12 lg:min-h-14"
                    style="--x: 0px; --y: 0px;">

                <span class="cmp-button__text font-semibold mx-auto font-sora leading-1.5 text-sm lg:text-base tracking-[0.28px] lg:tracking-[0.32px]">
                    Get the playbook</span>
                </a>
    </div>
</div>


</div>
        </div>
    </div>

</div></div>
            </div></div>
<!-- Check if the property is null or empty -->
<!-- Check if the property is null or empty -->


<!-- algoliaContainer.jsp  -->
<div id="" data-tracking="" class="main__container ">
    <div class="mx-auto max-w-screen-xl lg:px-14 lg:py-28 px-4 py-8">
        <div class="grid grid-cols-12 md:gap-x-16 gap-y-8">

            <div class="col-span-12">
                        <div data-tracking=""
    class="mx-auto ">

    
<!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->

<!-- teaser with right image -->
<div class="teaser  right_image">
    <div class="cmp-teaser flex flex-wrap items-center justify-between gap-6 lg:gap-0">
    <div class="cmp-teaser__image px-4 md:w-5/12 md:order-2">
                <img src='/files/live/sites/www/files/industries-saas-images/startup-oneImage.svg' alt="" class="w-full" />
                    <figcaption class="block text-left font-inter font-normal leading-1.5 text-xs lg:text-sm text-grey-900"></figcaption>
                </div>
        <div class="cmp-teaser__content w-full md:w-1/2 lg:px-4">
            <h5 class='cmp-teaser__title heading brag'>Delight your users with world class Search and Discovery experiences</h5>
            <div class="cmp-teaser__description font-inter font-normal mb-6 mt-4">
                    <span class="text-lg text-grey-700 dark:text-grey-200 teaser-richtext check flex flex-col gap-4"><p>Build engaging digital content experiences rapidly, with a solution that scales as you grow.</p>
</span>
                </div>
            <div class="cmp-teaser__action-container">
                


<!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->

<div data-tracking=""
     class="flex font-sora justify-center lg:justify-start">
    <div class="font-sora button last:me-0 inline-flex w-fit group">


            <a href="/products"
                    data-finalurl="/cms/render/live/en/sites/www/home/products.html" data-modal-id="modal_29d98c51-7cca-45f0-9301-24c0cb56f856" id="modal-link-modal_29d98c51-7cca-45f0-9301-24c0cb56f856"
                    data-locale="en" data-is-internal="true"
                    target="_self"
                    class=" relative z-50 cmp-button overflow-hidden flex flex-wrap items-center  cursor-pointer font-sora w-full
                     ctaGradient justify-center lg:justify-start text-grey-900 dark:text-white px-0 text-sm lg:text-base flex-nowrap"
                    style="--x: 0px; --y: 0px;">

                <span class="cmp-button__text font-semibold mx-auto font-sora leading-1.5 text-sm lg:text-base tracking-[0.28px] lg:tracking-[0.32px]">
                    Discover Algolia products</span>
                <span class="cmp-button__icon ms-3 text-blue-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"
                             stroke-linecap="round" stroke-linejoin="round" role="img"
                             title="ArrowRightCircle"
                             class=" h-8 lg:w-full group-hover:fill-xenon-400 dark:group-hover:text-black group-hover:text-white transition-all duration-[400ms] ease-in group-hover:scale-[1.1]">
                            <circle cx="12" cy="12" r="10"></circle>
                            <polyline points="12 16 16 12 12 8"></polyline>
                            <line x1="8" y1="12" x2="16" y2="12"></line>
                        </svg>
                    </span>
                    </a>
    </div>
</div>


</div>
            </div>
    </div>
</div></div>

</div>
                </div>
   </div>

</div><!-- Check if the property is null or empty -->
<!-- Check if the property is null or empty -->


<!-- algoliaContainer.jsp  -->
<div id="" data-tracking="" class="main__container  bg-main">
    <div class="mx-auto max-w-screen-xl lg:px-14 lg:py-28 px-4 py-8">
        <div class="grid grid-cols-12 md:gap-x-16 gap-y-8">

            <div class="col-span-12">
                        <!-- Check if the property is null or empty -->
<div data-tracking="" class="mx-auto ">

    <div class="  z-1 grid gap-8   md:grid-cols-3">
<!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->


<!-- CardView With Left Image(Icon) -->
<div class="teaser ">
    <div class="cmp-teaser flex flex-wrap">
        <div class="cmp-teaser__content w-full text-left mt-3">
            </div>
    </div>
</div><!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->


<!-- CardView With Left Image(Icon) -->
<div class="teaser ">
    <div class="cmp-teaser flex flex-wrap">
        <div class="cmp-teaser__content w-full text-left mt-3">
            </div>
    </div>
</div><!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->


<!-- CardView With Left Image(Icon) -->
<div class="teaser ">
    <div class="cmp-teaser flex flex-wrap">
        <div class="cmp-teaser__content w-full text-left mt-3">
            </div>
    </div>
</div><!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->


<!-- CardView With Left Image(Icon) -->
<div class="teaser ">
    <div class="cmp-teaser flex flex-wrap">
        <div class="cmp-teaser__content w-full text-left mt-3">
            <h5 class='cmp-teaser__title text-[26px] leading-9 font-sora font-bold mb-4 text-lg lg:text-2xl text-grey-900 dark:text-white'>Program perks</h5>
            <div class="cmp-teaser__description font-inter font-normal mb-6">
                    <span class="text-lg text-grey-700 teaser-richtext check"><p>Get great deals/credits from our partners, early access to new Algolia features and a founder community.</p>
</span>
                </div>
            <div class="cmp-teaser__action-container">
                


<!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->

<div data-tracking=""
     class="flex font-sora justify-center lg:justify-start">
    <div class="font-sora button last:me-0 inline-flex w-fit group">


            <a href="https://support.algolia.com/hc/en-us/requests/new?ticket_form_id=5005635939217"
                    data-finalurl="https://support.algolia.com/hc/en-us/requests/new?ticket_form_id=5005635939217" data-modal-id="modal_b57d1b90-b799-4810-9864-4a452c274009" id="modal-link-modal_b57d1b90-b799-4810-9864-4a452c274009"
                    data-locale="en" data-is-internal="true"
                    target="_self"
                    class=" relative z-50 cmp-button overflow-hidden flex flex-wrap items-center  cursor-pointer font-sora w-full
                     ctaGradient justify-center lg:justify-start white cta-bg-white px-4 lg:px-6 bg-white hover:text-grey-700 text-grey-900 shadow-md border-2 border-white rounded-lg min-h-12 lg:min-h-14"
                    style="--x: 0px; --y: 0px;">

                <span class="cmp-button__text font-semibold mx-auto font-sora leading-1.5 text-sm lg:text-base tracking-[0.28px] lg:tracking-[0.32px]">
                    Apply for Algolia credits</span>
                </a>
    </div>
</div>


</div>
            </div>
    </div>
</div><!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->


<!-- CardView With Left Image(Icon) -->
<div class="teaser ">
    <div class="cmp-teaser flex flex-wrap">
        <div class="cmp-teaser__content w-full text-left mt-3">
            <div class="cmp-teaser__description font-inter font-normal mb-6">
                    <span class="text-lg text-grey-700 teaser-richtext check"><p>What it includes</p>

<ul data-kontent-component-id="6e4b03e6-31da-013a-7d14-5326822e24dd" role="list">
 <li>
 <p>$10,000 in Algolia Credits (<a href="https://www.algolia.com/policies/startup-program-terms/">See Terms</a>)</p>
 </li>
 <li>
 <p>Valid for 12 months</p>
 </li>
 <li>
 <p>World class support</p>
 </li>
</ul>
</span>
                </div>
            </div>
    </div>
</div><!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->


<!-- CardView With Left Image(Icon) -->
<div class="teaser ">
    <div class="cmp-teaser flex flex-wrap">
        <div class="cmp-teaser__content w-full text-left mt-3">
            <div class="cmp-teaser__description font-inter font-normal mb-6">
                    <span class="text-lg text-grey-700 teaser-richtext check"><p>Eligibility criteria</p>

<ul data-kontent-component-id="db637e13-1291-014b-e1ac-0641797b0a38" role="list">
	<li>
	<p>Less than 7 years old</p>
	</li>
	<li>
	<p>Less than $15M in total funding raised</p>
	</li>
	<li>
	<p>For new Algolia customers only</p>
	</li>
</ul>
</span>
                </div>
            </div>
    </div>
</div><!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->


<!-- CardView With Left Image(Icon) -->
<div class="teaser ">
    <div class="cmp-teaser flex flex-wrap">
        <div class="cmp-teaser__content w-full text-left mt-3">
            <div class="cmp-teaser__description font-inter font-normal mb-6">
                    <span class="text-lg text-grey-700 teaser-richtext check"><ul data-kontent-component-id="6a664f43-a13b-0115-3a8a-bb53b8d454cf" role="list">
	<li>
	<p>Credits for other SAAS products (DataDog, Notion &amp; more)</p>
	</li>
	<li>
	<p>Education resources (full resources of Algolia Academy)&nbsp;</p>
	</li>
</ul>
</span>
                </div>
            </div>
    </div>
</div><!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->


<!-- CardView With Left Image(Icon) -->
<div class="teaser ">
    <div class="cmp-teaser flex flex-wrap">
        <div class="cmp-teaser__content w-full text-left mt-3">
            <div class="cmp-teaser__description font-inter font-normal mb-6">
                    <span class="text-lg text-grey-700 teaser-richtext check"><ul data-kontent-component-id="11f0e5cf-05af-015f-e427-b10e997397b1" role="list">
 <li>
 <p>World class support (Access to our world class support)&nbsp;</p>
 </li>
 <li>
 <p>A chance to be featured in our blogs and video series&nbsp;</p>
 </li>
</ul>
</span>
                </div>
            </div>
    </div>
</div></div>
</div>


<style>
    .mx-auto .left-right-image:nth-child(odd) .cmp-teaser {
        flex-direction: row-reverse;
    }
</style></div>
                </div>
   </div>

</div><!-- Check if the property is null or empty -->
<!-- Check if the property is null or empty -->


<!-- algoliaContainer.jsp  -->
<div id="" data-tracking="" class="main__container  bg-tertiary dark">
    <div class="mx-auto max-w-screen-xl lg:px-14 lg:py-28 px-4 py-8">
        <div class="grid grid-cols-12 md:gap-x-16 gap-y-8">

            <div class="col-span-12">
                        <div data-tracking="" class="codesnippet_cmp py-8 my-8 lg:py-0 lg:my-0"> 
    <div class="flex flex-col  items-center mb-16">
      
          <div class=" text-center">
            <h2 class="font-sora font-bold text-[2.125rem] leading-[2.75rem] tracking-[-0.01em] lg:text-[2.625rem] lg:leading-[3.438rem] mt-0 mb-4 text-grey-900 dark:text-white">
                    The Composable Platform, Created for Builders</h2>
            <div class="text-base lg:text-lg text-grey-700 dark:text-grey-200">
                    <p>The most powerful and easy to use APIs to build leading digital experiences.</p>
</div>
            </div>
        </div>
    <!-- Tabs Group -->
    <div class="codesnippet-tabs-comp rounded-lg overflow-hidden flex flex-col lg:flex-row gap-4">
        <div class="cmp-tabs flex flex-col lg:flex-row h-auto lg:h-[574px] w-full lg:w-6/12 ">
            <div class="w-full lg:w-[30%]">
                <div class="relative dropdown bg-gradient-to-b from-xenon-800 to-xenon-900">
                    <button class="dropdown-toggle-btn flex items-center w-full p-4 pr-8 text-sm/none text-grey-600 hover:text-grey-700">
                        <span class="icon shrink-0">
                        </span>
                        <span class="text w-full flex font-sora text-sm text-left text-white ps-5 items-center">
                            <span class="textdrop text-nowrap capitalize"></span>
                            <svg class="w-6 text-white" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"
                                fill="currentColor">
                                <path fill-rule="evenodd"
                                    d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
                                    clip-rule="evenodd" />
                            </svg>
                        </span>
                    </button>
                    <div class="dropdown-menu absolute hidden z-10 w-full rounded-md border border-grey-100 bg-white shadow-lg" role="menu">
                        <div class="p-2">
                            <li role="button" tabindex="0" data-type="front-end" class="block rounded-lg px-4 py-2 text-sm text-grey-900 hover:bg-xenon-500 hover:text-white" role="menuitem">
                        <img src='/files/live/sites/www/files/svgviewer-png-output%20(1).png' alt="" class="hidden"/>
                                Front-end</li><li role="button" tabindex="0" data-type="back-end" class="block rounded-lg px-4 py-2 text-sm text-grey-900 hover:bg-xenon-500 hover:text-white" role="menuitem">
                        <img src='' alt="" class="hidden"/>
                                Back-end</li><li role="button" tabindex="0" data-type="analytics" class="block rounded-lg px-4 py-2 text-sm text-grey-900 hover:bg-xenon-500 hover:text-white" role="menuitem">
                        <img src='' alt="" class="hidden"/>
                                Analytics</li></div>
                    </div>
                </div>
                <button id="language-dropdown" class="block lg:hidden bg-white text-grey-500 w-full text-left font-sora text-base p-4 ">Dropdown</button>                
                <ol class="cmp-tabs__tablist gap-4 h-full hidden lg:block bg-white lg:bg-xenon-800 px-0 lg:px-8 lg:py-6 border-t border-grey-600 flex flex-wrap flex-col border-b lg:[&_.active]:text-white text-grey-500 lg:text-grey-400 font-sora text-base ">
                    <li id="front-end-1" class="cmp-tabs__tab flex gap-4 border-b-2 border-transparent cursor-pointer active" tabindex="0" role="tab" aria-selected="true" aria-controls="" data-type="front-end" data-languagename="JavaScript">
                                <span class="hidden lg:block icon shrink-0">
                                    <img src='/files/live/sites/algolia-assets/files/icons/javascript.svg' alt=""
                                    class=""/>
                                
                                </span>
                                <span class="languagename w-full" data-languagename="JavaScript"> JavaScript</span>
                            </li> 
                        <li id="front-end-2" class="cmp-tabs__tab flex gap-4 border-b-2 border-transparent cursor-pointer active" tabindex="0" role="tab" aria-selected="true" aria-controls="" data-type="front-end" data-languagename="React">
                                <span class="hidden lg:block icon shrink-0">
                                    <img src='/files/live/sites/algolia-assets/files/icons/react.svg' alt=""
                                    class=""/>
                                
                                </span>
                                <span class="languagename w-full" data-languagename="React"> React</span>
                            </li> 
                        <li id="front-end-3" class="cmp-tabs__tab flex gap-4 border-b-2 border-transparent cursor-pointer active" tabindex="0" role="tab" aria-selected="true" aria-controls="" data-type="front-end" data-languagename="Android">
                                <span class="hidden lg:block icon shrink-0">
                                    <img src='/files/live/sites/algolia-assets/files/icons/android.svg' alt=""
                                    class=""/>
                                
                                </span>
                                <span class="languagename w-full" data-languagename="Android"> Android</span>
                            </li> 
                        <li id="front-end-4" class="cmp-tabs__tab flex gap-4 border-b-2 border-transparent cursor-pointer active" tabindex="0" role="tab" aria-selected="true" aria-controls="" data-type="front-end" data-languagename="Vue">
                                <span class="hidden lg:block icon shrink-0">
                                    <img src='/files/live/sites/algolia-assets/files/icons/vue.svg' alt=""
                                    class=""/>
                                
                                </span>
                                <span class="languagename w-full" data-languagename="Vue"> Vue</span>
                            </li> 
                        <li id="front-end-5" class="cmp-tabs__tab flex gap-4 border-b-2 border-transparent cursor-pointer active" tabindex="0" role="tab" aria-selected="true" aria-controls="" data-type="front-end" data-languagename="Angular">
                                <span class="hidden lg:block icon shrink-0">
                                    <img src='/files/live/sites/algolia-assets/files/icons/angular.svg' alt=""
                                    class=""/>
                                
                                </span>
                                <span class="languagename w-full" data-languagename="Angular"> Angular</span>
                            </li> 
                        <li id="front-end-6" class="cmp-tabs__tab flex gap-4 border-b-2 border-transparent cursor-pointer active" tabindex="0" role="tab" aria-selected="true" aria-controls="" data-type="front-end" data-languagename="IOS">
                                <span class="hidden lg:block icon shrink-0">
                                    <img src='/files/live/sites/algolia-assets/files/icons/ios.svg' alt=""
                                    class=""/>
                                
                                </span>
                                <span class="languagename w-full" data-languagename="IOS"> IOS</span>
                            </li> 
                        <li id="back-end-1" class="cmp-tabs__tab flex gap-4 border-b-2 border-transparent cursor-pointer active" tabindex="0" role="tab" aria-selected="true" aria-controls="" data-type="back-end" data-languagename="Ruby">
                                <span class="hidden lg:block icon shrink-0">
                                    <img src='/files/live/sites/algolia-assets/files/icons/ruby.svg' alt=""
                                    class=""/>
                                
                                </span>
                                <span class="languagename w-full" data-languagename="Ruby"> Ruby</span>
                            </li> 
                        <li id="back-end-2" class="cmp-tabs__tab flex gap-4 border-b-2 border-transparent cursor-pointer active" tabindex="0" role="tab" aria-selected="true" aria-controls="" data-type="back-end" data-languagename="Rails">
                                <span class="hidden lg:block icon shrink-0">
                                    <img src='/files/live/sites/algolia-assets/files/icons/rails.svg' alt=""
                                    class=""/>
                                
                                </span>
                                <span class="languagename w-full" data-languagename="Rails"> Rails</span>
                            </li> 
                        <li id="back-end-3" class="cmp-tabs__tab flex gap-4 border-b-2 border-transparent cursor-pointer active" tabindex="0" role="tab" aria-selected="true" aria-controls="" data-type="back-end" data-languagename="Python">
                                <span class="hidden lg:block icon shrink-0">
                                    <img src='/files/live/sites/algolia-assets/files/icons/python.svg' alt=""
                                    class=""/>
                                
                                </span>
                                <span class="languagename w-full" data-languagename="Python"> Python</span>
                            </li> 
                        <li id="back-end-4" class="cmp-tabs__tab flex gap-4 border-b-2 border-transparent cursor-pointer active" tabindex="0" role="tab" aria-selected="true" aria-controls="" data-type="back-end" data-languagename="Django">
                                <span class="hidden lg:block icon shrink-0">
                                    <img src='/files/live/sites/algolia-assets/files/icons/django.svg' alt=""
                                    class=""/>
                                
                                </span>
                                <span class="languagename w-full" data-languagename="Django"> Django</span>
                            </li> 
                        <li id="back-end-5" class="cmp-tabs__tab flex gap-4 border-b-2 border-transparent cursor-pointer active" tabindex="0" role="tab" aria-selected="true" aria-controls="" data-type="back-end" data-languagename="Php">
                                <span class="hidden lg:block icon shrink-0">
                                    <img src='/files/live/sites/algolia-assets/files/icons/php.svg' alt=""
                                    class=""/>
                                
                                </span>
                                <span class="languagename w-full" data-languagename="Php"> Php</span>
                            </li> 
                        <li id="back-end-6" class="cmp-tabs__tab flex gap-4 border-b-2 border-transparent cursor-pointer active" tabindex="0" role="tab" aria-selected="true" aria-controls="" data-type="back-end" data-languagename="Symfony">
                                <span class="hidden lg:block icon shrink-0">
                                    <img src='/files/live/sites/algolia-assets/files/icons/symphony.svg' alt=""
                                    class=""/>
                                
                                </span>
                                <span class="languagename w-full" data-languagename="Symfony"> Symfony</span>
                            </li> 
                        <li id="back-end-7" class="cmp-tabs__tab flex gap-4 border-b-2 border-transparent cursor-pointer active" tabindex="0" role="tab" aria-selected="true" aria-controls="" data-type="back-end" data-languagename="Laravel">
                                <span class="hidden lg:block icon shrink-0">
                                    <img src='/files/live/sites/algolia-assets/files/icons/laravel.svg' alt=""
                                    class=""/>
                                
                                </span>
                                <span class="languagename w-full" data-languagename="Laravel"> Laravel</span>
                            </li> 
                        <li id="back-end-8" class="cmp-tabs__tab flex gap-4 border-b-2 border-transparent cursor-pointer active" tabindex="0" role="tab" aria-selected="true" aria-controls="" data-type="back-end" data-languagename="JavaScript">
                                <span class="hidden lg:block icon shrink-0">
                                    <img src='/files/live/sites/algolia-assets/files/icons/javascript.svg' alt=""
                                    class=""/>
                                
                                </span>
                                <span class="languagename w-full" data-languagename="JavaScript"> JavaScript</span>
                            </li> 
                        <li id="back-end-9" class="cmp-tabs__tab flex gap-4 border-b-2 border-transparent cursor-pointer active" tabindex="0" role="tab" aria-selected="true" aria-controls="" data-type="back-end" data-languagename="java">
                                <span class="hidden lg:block icon shrink-0">
                                    <img src='/files/live/sites/algolia-assets/files/icons/java.svg' alt=""
                                    class=""/>
                                
                                </span>
                                <span class="languagename w-full" data-languagename="java"> java</span>
                            </li> 
                        <li id="back-end-10" class="cmp-tabs__tab flex gap-4 border-b-2 border-transparent cursor-pointer active" tabindex="0" role="tab" aria-selected="true" aria-controls="" data-type="back-end" data-languagename="Scala">
                                <span class="hidden lg:block icon shrink-0">
                                    <img src='/files/live/sites/algolia-assets/files/icons/scala.svg' alt=""
                                    class=""/>
                                
                                </span>
                                <span class="languagename w-full" data-languagename="Scala"> Scala</span>
                            </li> 
                        <li id="back-end-11" class="cmp-tabs__tab flex gap-4 border-b-2 border-transparent cursor-pointer active" tabindex="0" role="tab" aria-selected="true" aria-controls="" data-type="back-end" data-languagename="Go">
                                <span class="hidden lg:block icon shrink-0">
                                    <img src='/files/live/sites/algolia-assets/files/icons/go.svg' alt=""
                                    class=""/>
                                
                                </span>
                                <span class="languagename w-full" data-languagename="Go"> Go</span>
                            </li> 
                        <li id="back-end-12" class="cmp-tabs__tab flex gap-4 border-b-2 border-transparent cursor-pointer active" tabindex="0" role="tab" aria-selected="true" aria-controls="" data-type="back-end" data-languagename="C#">
                                <span class="hidden lg:block icon shrink-0">
                                    <img src='/files/live/sites/algolia-assets/files/icons/csharp.svg' alt=""
                                    class=""/>
                                
                                </span>
                                <span class="languagename w-full" data-languagename="C#"> C#</span>
                            </li> 
                        <li id="back-end-13" class="cmp-tabs__tab flex gap-4 border-b-2 border-transparent cursor-pointer active" tabindex="0" role="tab" aria-selected="true" aria-controls="" data-type="back-end" data-languagename="Kotlin">
                                <span class="hidden lg:block icon shrink-0">
                                    <img src='/files/live/sites/algolia-assets/files/icons/kotlin.svg' alt=""
                                    class=""/>
                                
                                </span>
                                <span class="languagename w-full" data-languagename="Kotlin"> Kotlin</span>
                            </li> 
                        <li id="back-end-14" class="cmp-tabs__tab flex gap-4 border-b-2 border-transparent cursor-pointer active" tabindex="0" role="tab" aria-selected="true" aria-controls="" data-type="back-end" data-languagename="Swift">
                                <span class="hidden lg:block icon shrink-0">
                                    <img src='/files/live/sites/algolia-assets/files/icons/swift.svg' alt=""
                                    class=""/>
                                
                                </span>
                                <span class="languagename w-full" data-languagename="Swift"> Swift</span>
                            </li> 
                        <li id="analytics-1" class="cmp-tabs__tab flex gap-4 border-b-2 border-transparent cursor-pointer active" tabindex="0" role="tab" aria-selected="true" aria-controls="" data-type="analytics" data-languagename="Php">
                                <span class="hidden lg:block icon shrink-0">
                                    <img src='/files/live/sites/algolia-assets/files/icons/php.svg' alt=""
                                    class=""/>
                                
                                </span>
                                <span class="languagename w-full" data-languagename="Php"> Php</span>
                            </li> 
                        <li id="analytics-2" class="cmp-tabs__tab flex gap-4 border-b-2 border-transparent cursor-pointer active" tabindex="0" role="tab" aria-selected="true" aria-controls="" data-type="analytics" data-languagename="Ruby">
                                <span class="hidden lg:block icon shrink-0">
                                    <img src='/files/live/sites/algolia-assets/files/icons/ruby.svg' alt=""
                                    class=""/>
                                
                                </span>
                                <span class="languagename w-full" data-languagename="Ruby"> Ruby</span>
                            </li> 
                        <li id="analytics-3" class="cmp-tabs__tab flex gap-4 border-b-2 border-transparent cursor-pointer active" tabindex="0" role="tab" aria-selected="true" aria-controls="" data-type="analytics" data-languagename="JavaScript">
                                <span class="hidden lg:block icon shrink-0">
                                    <img src='/files/live/sites/algolia-assets/files/icons/javascript.svg' alt=""
                                    class=""/>
                                
                                </span>
                                <span class="languagename w-full" data-languagename="JavaScript"> JavaScript</span>
                            </li> 
                        <li id="analytics-4" class="cmp-tabs__tab flex gap-4 border-b-2 border-transparent cursor-pointer active" tabindex="0" role="tab" aria-selected="true" aria-controls="" data-type="analytics" data-languagename="Python">
                                <span class="hidden lg:block icon shrink-0">
                                    <img src='/files/live/sites/algolia-assets/files/icons/python.svg' alt=""
                                    class=""/>
                                
                                </span>
                                <span class="languagename w-full" data-languagename="Python"> Python</span>
                            </li> 
                        <li id="analytics-5" class="cmp-tabs__tab flex gap-4 border-b-2 border-transparent cursor-pointer active" tabindex="0" role="tab" aria-selected="true" aria-controls="" data-type="analytics" data-languagename="Swift">
                                <span class="hidden lg:block icon shrink-0">
                                    <img src='/files/live/sites/algolia-assets/files/icons/swift.svg' alt=""
                                    class=""/>
                                
                                </span>
                                <span class="languagename w-full" data-languagename="Swift"> Swift</span>
                            </li> 
                        <li id="analytics-6" class="cmp-tabs__tab flex gap-4 border-b-2 border-transparent cursor-pointer active" tabindex="0" role="tab" aria-selected="true" aria-controls="" data-type="analytics" data-languagename="Android">
                                <span class="hidden lg:block icon shrink-0">
                                    <img src='/files/live/sites/algolia-assets/files/icons/android.svg' alt=""
                                    class=""/>
                                
                                </span>
                                <span class="languagename w-full" data-languagename="Android"> Android</span>
                            </li> 
                        <li id="analytics-7" class="cmp-tabs__tab flex gap-4 border-b-2 border-transparent cursor-pointer active" tabindex="0" role="tab" aria-selected="true" aria-controls="" data-type="analytics" data-languagename="C#">
                                <span class="hidden lg:block icon shrink-0">
                                    <img src='/files/live/sites/algolia-assets/files/icons/csharp.svg' alt=""
                                    class=""/>
                                
                                </span>
                                <span class="languagename w-full" data-languagename="C#"> C#</span>
                            </li> 
                        <li id="analytics-8" class="cmp-tabs__tab flex gap-4 border-b-2 border-transparent cursor-pointer active" tabindex="0" role="tab" aria-selected="true" aria-controls="" data-type="analytics" data-languagename="Java">
                                <span class="hidden lg:block icon shrink-0">
                                    <img src='/files/live/sites/algolia-assets/files/icons/java.svg' alt=""
                                    class=""/>
                                
                                </span>
                                <span class="languagename w-full" data-languagename="Java"> Java</span>
                            </li> 
                        <li id="analytics-9" class="cmp-tabs__tab flex gap-4 border-b-2 border-transparent cursor-pointer active" tabindex="0" role="tab" aria-selected="true" aria-controls="" data-type="analytics" data-languagename="Go">
                                <span class="hidden lg:block icon shrink-0">
                                    <img src='/files/live/sites/algolia-assets/files/icons/go.svg' alt=""
                                    class=""/>
                                
                                </span>
                                <span class="languagename w-full" data-languagename="Go"> Go</span>
                            </li> 
                        <li id="analytics-10" class="cmp-tabs__tab flex gap-4 border-b-2 border-transparent cursor-pointer active" tabindex="0" role="tab" aria-selected="true" aria-controls="" data-type="analytics" data-languagename="Scala">
                                <span class="hidden lg:block icon shrink-0">
                                    <img src='/files/live/sites/algolia-assets/files/icons/scala.svg' alt=""
                                    class=""/>
                                
                                </span>
                                <span class="languagename w-full" data-languagename="Scala"> Scala</span>
                            </li> 
                        </ol>   
            </div>
            <div class="cmp-tabs__tabpanels w-full lg:w-[70%] bg-xenon-800 shadow-xl shadow-[#000000b0] h-full">
                <div id="" class="cmp-tabs__tabpanel h-4/5" role="tabpanel" aria-labelledby="front-end-1" aria-hidden="false">
                        <div class="h-full">
                        <pre class="line-numbers flex flex-col text-white mt-7"></pre>
                        <pre class="code-area text-sm codeToCopy !mt-0 !pt-0 max-h-[29rem] !overflow-y-auto">
                          <code class="language-js font-sora line-numbers">
                            <pre>
<code>&lt;div id=&quot;searchbox&quot;&gt;&lt;/div&gt;
&lt;div id=&quot;refinement&quot;&gt;&lt;/div&gt;
&lt;div id=&quot;hits&quot;&gt;&lt;/div&gt;

&lt;script&gt;
const {
  searchBox,
  hits
} = instantsearch.widgets;

search.addWidgets([
  searchBox({
    container: &quot;#searchbox&quot;
  }),
  hits({
    container: &quot;#hits&quot;
  }),
  refinementList({
    container: &quot;#refinement&quot;,
    attribute: &quot;company&quot;
  }),
]);

search.start();
&lt;/script&gt;</code></pre>
</code>
                        </pre>  
                    </div>   
                    <a href="/developers/web-instantsearch-vanilla-js"
                            class="flex items-center justify-center btn-link JavaScript lg:float-right m-8 rounded-r-full bg-transparent hover:bg-blue-500 text-white font-semibold hover:text-white py-2 px-4 border border-white hover:border-transparent rounded"
                            aria-label="JavaScript"
                            target="_self">Build with JavaScript<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="ml-2 mr-3 sm:ml-2"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></a>
                    </div>                          
                    <div id="" class="cmp-tabs__tabpanel h-4/5 hidden" role="tabpanel" aria-labelledby="front-end-2" aria-hidden="true">
                        <div class="h-full">
                        <pre class="line-numbers flex flex-col text-white mt-7"></pre>
                        <pre class="code-area text-sm codeToCopy !mt-0 !pt-0 max-h-[29rem] !overflow-y-auto">
                          <code class="language-js font-sora line-numbers">
                            <pre>
<code>const App = () =&gt; (
&lt;InstantSearch&gt;
  &lt;SearchBox /&gt;
  &lt;Hits /&gt;
  &lt;Pagination /&gt;
  &lt;RefinementList
    attribute=&quot;company&quot;
  /&gt;
&lt;/InstantSearch&gt;
);</code></pre>
</code>
                        </pre>  
                    </div>   
                    <a href="/developers/mobile-web-instantsearch-react"
                            class="flex items-center justify-center btn-link React lg:float-right m-8 rounded-r-full bg-transparent hover:bg-blue-500 text-white font-semibold hover:text-white py-2 px-4 border border-white hover:border-transparent rounded"
                            aria-label="React"
                            target="_self">Build with React<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="ml-2 mr-3 sm:ml-2"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></a>
                    </div>                          
                    <div id="" class="cmp-tabs__tabpanel h-4/5 hidden" role="tabpanel" aria-labelledby="front-end-3" aria-hidden="true">
                        <div class="h-full">
                        <pre class="line-numbers flex flex-col text-white mt-7"></pre>
                        <pre class="code-area text-sm codeToCopy !mt-0 !pt-0 max-h-[29rem] !overflow-y-auto">
                          <code class="language-js font-sora line-numbers">
                            <p>&lt;RelativeLayout</p>
<p>xmlns:algolia=&quot;http://schemas.android.com/apk/res-auto&quot;</p>
<p>xmlns:android=&quot;http://schemas.android.com/apk/res/android&quot;</p>
<p>android:layout_width=&quot;match_parent&quot;</p>
<p>android:layout_height=&quot;match_parent&quot;&gt;</p>
<p>&nbsp;</p>
<p>&lt;com.algolia.instantsearch.ui.views.SearchBox</p>
<p>&nbsp; android:id=&quot;@+id/search_box&quot;</p>
<p>&nbsp; android:layout_width=&quot;match_parent&quot;</p>
<p>&nbsp; android:layout_height=&quot;wrap_content&quot;/&gt;</p>
<p>&nbsp;</p>
<p>&lt;com.algolia.instantsearch.ui.views.Stats</p>
<p>&nbsp; android:id=&quot;@+id/search_box&quot;</p>
<p>&nbsp; android:layout_width=&quot;match_parent&quot;</p>
<p>&nbsp; android:layout_height=&quot;wrap_content&quot;/&gt;</p>
<p>&nbsp;</p>
<p>&lt;com.algolia.instantsearch.ui.views.Hits</p>
<p>&nbsp; android:layout_width=&quot;match_parent&quot;</p>
<p>&nbsp; android:layout_height=&quot;wrap_content&quot;</p>
<p>&nbsp; algolia:itemLayout=&quot;@layout/hits_item&quot;/&gt;</p>
<p>&lt;/RelativeLayout&gt;</p>
</code>
                        </pre>  
                    </div>   
                    <a href="/developers/mobile-instantsearch-android"
                            class="flex items-center justify-center btn-link Android lg:float-right m-8 rounded-r-full bg-transparent hover:bg-blue-500 text-white font-semibold hover:text-white py-2 px-4 border border-white hover:border-transparent rounded"
                            aria-label="Android"
                            target="_self">Build with Android<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="ml-2 mr-3 sm:ml-2"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></a>
                    </div>                          
                    <div id="" class="cmp-tabs__tabpanel h-4/5 hidden" role="tabpanel" aria-labelledby="front-end-4" aria-hidden="true">
                        <div class="h-full">
                        <pre class="line-numbers flex flex-col text-white mt-7"></pre>
                        <pre class="code-area text-sm codeToCopy !mt-0 !pt-0 max-h-[29rem] !overflow-y-auto">
                          <code class="language-js font-sora line-numbers">
                            <p>&lt;ais-instant-search&gt;</p>
<p>&lt;ais-search-box /&gt;</p>
<p>&lt;ais-refinement-list</p>
<p>&nbsp; attribute=&quot;company&quot;</p>
<p>/&gt;</p>
<p>&lt;ais-hits /&gt;</p>
<p>&lt;ais-pagination /&gt;</p>
<p>&lt;/ais-instant-search&gt;</p>
</code>
                        </pre>  
                    </div>   
                    <a href="/developers/web-instantsearch-vue"
                            class="flex items-center justify-center btn-link Vue lg:float-right m-8 rounded-r-full bg-transparent hover:bg-blue-500 text-white font-semibold hover:text-white py-2 px-4 border border-white hover:border-transparent rounded"
                            aria-label="Vue"
                            target="_self">Build with Vue<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="ml-2 mr-3 sm:ml-2"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></a>
                    </div>                          
                    <div id="" class="cmp-tabs__tabpanel h-4/5 hidden" role="tabpanel" aria-labelledby="front-end-5" aria-hidden="true">
                        <div class="h-full">
                        <pre class="line-numbers flex flex-col text-white mt-7"></pre>
                        <pre class="code-area text-sm codeToCopy !mt-0 !pt-0 max-h-[29rem] !overflow-y-auto">
                          <code class="language-js font-sora line-numbers">
                            <p>&lt;ais-instantsearch&gt;</p>
<p>&nbsp; &lt;ais-search-box&gt;&lt;/ais-search-box&gt;</p>
<p>&nbsp; &lt;ais-refinement-list</p>
<p>&nbsp; &nbsp; [attribute]=&quot;company&quot;</p>
<p>&nbsp; &gt;&lt;/ais-refinement-list&gt;</p>
<p>&nbsp; &lt;ais-hits&gt;&lt;/ais-hits&gt;</p>
<p>&nbsp; &lt;/ais-instantsearch&gt;</p>
</code>
                        </pre>  
                    </div>   
                    <a href="/developers/web-instantsearch-angular"
                            class="flex items-center justify-center btn-link Angular lg:float-right m-8 rounded-r-full bg-transparent hover:bg-blue-500 text-white font-semibold hover:text-white py-2 px-4 border border-white hover:border-transparent rounded"
                            aria-label="Angular"
                            target="_self">Build with Angular<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="ml-2 mr-3 sm:ml-2"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></a>
                    </div>                          
                    <div id="" class="cmp-tabs__tabpanel h-4/5 hidden" role="tabpanel" aria-labelledby="front-end-6" aria-hidden="true">
                        <div class="h-full">
                        <pre class="line-numbers flex flex-col text-white mt-7"></pre>
                        <pre class="code-area text-sm codeToCopy !mt-0 !pt-0 max-h-[29rem] !overflow-y-auto">
                          <code class="language-js font-sora line-numbers">
                            <p>import InstantSearch</p>

<p>override func viewDidLoad() {</p>

<p>super.viewDidLoad()</p>
<p>let searchBar = SearchBarWidget(frame: ...)</p>

<p>let statsWidget = StatsLabelWidget(frame: ...)</p>
<p>self.view.addSubview(searchBar)</p>
<p>self.view.addSubview(statsWidget)</p>

<p>InstantSearch.shared.registerAllWidgets(in: self.view)}</p>
</code>
                        </pre>  
                    </div>   
                    <a href="/developers/mobile-instantsearch-ios"
                            class="flex items-center justify-center btn-link IOS lg:float-right m-8 rounded-r-full bg-transparent hover:bg-blue-500 text-white font-semibold hover:text-white py-2 px-4 border border-white hover:border-transparent rounded"
                            aria-label="IOS"
                            target="_self">Build with IOS<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="ml-2 mr-3 sm:ml-2"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></a>
                    </div>                          
                    <div id="" class="cmp-tabs__tabpanel h-4/5" role="tabpanel" aria-labelledby="back-end-1" aria-hidden="false">
                        <div class="h-full">
                        <pre class="line-numbers flex flex-col text-white mt-7"></pre>
                        <pre class="code-area text-sm codeToCopy !mt-0 !pt-0 max-h-[29rem] !overflow-y-auto">
                          <code class="language-js font-sora line-numbers">
                            <p>my_index = client.init_index(&#39;contacts&#39;)</p>
<p>my_index.save_object({</p>
<p>&nbsp; firstname: &quot;Jimmie&quot;,</p>
<p>&nbsp; lastname: &quot;Barninger&quot;,</p>
<p>&nbsp; company: &quot;California Paint&quot;</p>
<p>})</p>
</code>
                        </pre>  
                    </div>   
                    <a href="/developers/ruby-api"
                            class="flex items-center justify-center btn-link Ruby lg:float-right m-8 rounded-r-full bg-transparent hover:bg-blue-500 text-white font-semibold hover:text-white py-2 px-4 border border-white hover:border-transparent rounded"
                            aria-label="Ruby"
                            target="_self">Build with Ruby<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="ml-2 mr-3 sm:ml-2"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></a>
                    </div>                          
                    <div id="" class="cmp-tabs__tabpanel h-4/5 hidden" role="tabpanel" aria-labelledby="back-end-2" aria-hidden="true">
                        <div class="h-full">
                        <pre class="line-numbers flex flex-col text-white mt-7"></pre>
                        <pre class="code-area text-sm codeToCopy !mt-0 !pt-0 max-h-[29rem] !overflow-y-auto">
                          <code class="language-js font-sora line-numbers">
                            <p>class Contact &lt; ActiveRecord::Base</p>
<p>&nbsp; include AlgoliaSearch</p>
<p>&nbsp; algoliasearch do</p>
<p>&nbsp; &nbsp; attribute :firstname, :lastname, :company</p>
<p>&nbsp; end</p>
<p>end</p>
</code>
                        </pre>  
                    </div>   
                    <a href="/developers/ruby-on-rails"
                            class="flex items-center justify-center btn-link Rails lg:float-right m-8 rounded-r-full bg-transparent hover:bg-blue-500 text-white font-semibold hover:text-white py-2 px-4 border border-white hover:border-transparent rounded"
                            aria-label="Rails"
                            target="_self">Build with Rails<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="ml-2 mr-3 sm:ml-2"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></a>
                    </div>                          
                    <div id="" class="cmp-tabs__tabpanel h-4/5 hidden" role="tabpanel" aria-labelledby="back-end-3" aria-hidden="true">
                        <div class="h-full">
                        <pre class="line-numbers flex flex-col text-white mt-7"></pre>
                        <pre class="code-area text-sm codeToCopy !mt-0 !pt-0 max-h-[29rem] !overflow-y-auto">
                          <code class="language-js font-sora line-numbers">
                            <p>myIndex = apiClient.init_index(&quot;contacts&quot;)</p>
<p>myIndex.save_object({</p>
<p>&nbsp; &quot;firstname&quot;: &quot;Jimmie&quot;,</p>
<p>&nbsp; &quot;lastname&quot;: &quot;Barninger&quot;,</p>
<p>&nbsp; &quot;company&quot;: &quot;California Paint&quot;</p>
<p>})</p>
</code>
                        </pre>  
                    </div>   
                    <a href="/developers/search-api-python"
                            class="flex items-center justify-center btn-link Python lg:float-right m-8 rounded-r-full bg-transparent hover:bg-blue-500 text-white font-semibold hover:text-white py-2 px-4 border border-white hover:border-transparent rounded"
                            aria-label="Python"
                            target="_self">Build with Python<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="ml-2 mr-3 sm:ml-2"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></a>
                    </div>                          
                    <div id="" class="cmp-tabs__tabpanel h-4/5 hidden" role="tabpanel" aria-labelledby="back-end-4" aria-hidden="true">
                        <div class="h-full">
                        <pre class="line-numbers flex flex-col text-white mt-7"></pre>
                        <pre class="code-area text-sm codeToCopy !mt-0 !pt-0 max-h-[29rem] !overflow-y-auto">
                          <code class="language-js font-sora line-numbers">
                            <p>from algoliasearch_django import AlgoliaIndex</p>
<p>from algoliasearch_django.decorators import register</p>

<p>@register(YourModel)</p>
<p>class YourModelIndex(AlgoliaIndex):</p>
<p>&nbsp; &nbsp; fields = (&#39;firstname&#39;, &#39;lastname&#39;, &#39;company&#39;)</p>
</code>
                        </pre>  
                    </div>   
                    <a href="/developers/django-python-framework"
                            class="flex items-center justify-center btn-link Django lg:float-right m-8 rounded-r-full bg-transparent hover:bg-blue-500 text-white font-semibold hover:text-white py-2 px-4 border border-white hover:border-transparent rounded"
                            aria-label="Django"
                            target="_self">Build with Django<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="ml-2 mr-3 sm:ml-2"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></a>
                    </div>                          
                    <div id="" class="cmp-tabs__tabpanel h-4/5 hidden" role="tabpanel" aria-labelledby="back-end-5" aria-hidden="true">
                        <div class="h-full">
                        <pre class="line-numbers flex flex-col text-white mt-7"></pre>
                        <pre class="code-area text-sm codeToCopy !mt-0 !pt-0 max-h-[29rem] !overflow-y-auto">
                          <code class="language-js font-sora line-numbers">
                            <p>$myIndex = $apiClient-&gt;initIndex(&quot;contacts&quot;);</p>
<p>$myIndex-&gt;saveObject([</p>
<p>&nbsp; &quot;firstname&quot; =&gt; &quot;Jimmie&quot;,</p>
<p>&nbsp; &quot;lastname&quot; =&gt; &quot;Barninger&quot;,</p>
<p>&nbsp; &quot;company&quot; =&gt; &quot;California Paint&quot;,</p>
<p>]);</p>
</code>
                        </pre>  
                    </div>   
                    <a href="/developers/search-api-php"
                            class="flex items-center justify-center btn-link Php lg:float-right m-8 rounded-r-full bg-transparent hover:bg-blue-500 text-white font-semibold hover:text-white py-2 px-4 border border-white hover:border-transparent rounded"
                            aria-label="Php"
                            target="_self">Build with Php<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="ml-2 mr-3 sm:ml-2"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></a>
                    </div>                          
                    <div id="" class="cmp-tabs__tabpanel h-4/5 hidden" role="tabpanel" aria-labelledby="back-end-6" aria-hidden="true">
                        <div class="h-full">
                        <pre class="line-numbers flex flex-col text-white mt-7"></pre>
                        <pre class="code-area text-sm codeToCopy !mt-0 !pt-0 max-h-[29rem] !overflow-y-auto">
                          <code class="language-js font-sora line-numbers">
                            <p>/**</p>
<p>&nbsp;* @ORM\Entity</p>
<p>&nbsp;*/</p>
<p>class Contact {</p>
<p>&nbsp; /**</p>
<p>&nbsp; &nbsp;* @var string</p>
<p>&nbsp; &nbsp;*</p>
<p>&nbsp; &nbsp;* @ORM\Column(name=&quot;firstname&quot;, type=&quot;string&quot;)</p>
<p>&nbsp; &nbsp;* @Group({searchable})</p>
<p>&nbsp; &nbsp;*/</p>
<p>&nbsp; protected $firstname;</p>
<p>&nbsp; /**</p>
<p>&nbsp; &nbsp;* @var string</p>
<p>&nbsp; &nbsp;*</p>
<p>&nbsp; &nbsp;* @ORM\Column(name=&quot;lastname&quot;, type=&quot;string&quot;)</p>
<p>&nbsp; &nbsp;* @Group({searchable})</p>
<p>&nbsp; &nbsp;*/</p>
<p>&nbsp; protected $lastname;</p>
<p>&nbsp; /**</p>
<p>&nbsp; &nbsp;* @var string</p>
<p>&nbsp; &nbsp;*</p>
<p>&nbsp; &nbsp;* @ORM\Column(name=&quot;company&quot;, type=&quot;string&quot;)</p>
<p>&nbsp; &nbsp;* @Group({searchable})</p>
<p>&nbsp; &nbsp;*/</p>
<p>&nbsp; protected $company;</p>
<p>}</p>
</code>
                        </pre>  
                    </div>   
                    <a href="/developers/symfony-php-framework"
                            class="flex items-center justify-center btn-link Symfony lg:float-right m-8 rounded-r-full bg-transparent hover:bg-blue-500 text-white font-semibold hover:text-white py-2 px-4 border border-white hover:border-transparent rounded"
                            aria-label="Symfony"
                            target="_self">Build with Symfony<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="ml-2 mr-3 sm:ml-2"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></a>
                    </div>                          
                    <div id="" class="cmp-tabs__tabpanel h-4/5 hidden" role="tabpanel" aria-labelledby="back-end-7" aria-hidden="true">
                        <div class="h-full">
                        <pre class="line-numbers flex flex-col text-white mt-7"></pre>
                        <pre class="code-area text-sm codeToCopy !mt-0 !pt-0 max-h-[29rem] !overflow-y-auto">
                          <code class="language-js font-sora line-numbers">
                            <p>use Illuminate\Database\Eloquent\Model;</p>
<p>use Laravel\Scout\Searchable;</p>

<p>class Contact extends Model {</p>
<p>&nbsp; use Searchable;</p>
<p>}</p>
</code>
                        </pre>  
                    </div>   
                    <a href="/developers/laravel-php-framework"
                            class="flex items-center justify-center btn-link Laravel lg:float-right m-8 rounded-r-full bg-transparent hover:bg-blue-500 text-white font-semibold hover:text-white py-2 px-4 border border-white hover:border-transparent rounded"
                            aria-label="Laravel"
                            target="_self">Build with Laravel<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="ml-2 mr-3 sm:ml-2"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></a>
                    </div>                          
                    <div id="" class="cmp-tabs__tabpanel h-4/5 hidden" role="tabpanel" aria-labelledby="back-end-8" aria-hidden="true">
                        <div class="h-full">
                        <pre class="line-numbers flex flex-col text-white mt-7"></pre>
                        <pre class="code-area text-sm codeToCopy !mt-0 !pt-0 max-h-[29rem] !overflow-y-auto">
                          <code class="language-js font-sora line-numbers">
                            <p>const myIndex = apiClient</p>
<p>&nbsp; .initIndex(&#39;contacts&#39;);</p>

<p>myIndex.saveObject({</p>
<p>&nbsp; firstname: &#39;Jimmie&#39;,</p>
<p>&nbsp; lastname: &#39;Barninger&#39;,</p>
<p>&nbsp; company: &#39;California Paint&#39;,</p>
<p>});</p>
</code>
                        </pre>  
                    </div>   
                    <a href="/developers/search-api-javascript"
                            class="flex items-center justify-center btn-link JavaScript lg:float-right m-8 rounded-r-full bg-transparent hover:bg-blue-500 text-white font-semibold hover:text-white py-2 px-4 border border-white hover:border-transparent rounded"
                            aria-label="JavaScript"
                            target="_self">Build with JavaScript<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="ml-2 mr-3 sm:ml-2"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></a>
                    </div>                          
                    <div id="" class="cmp-tabs__tabpanel h-4/5 hidden" role="tabpanel" aria-labelledby="back-end-9" aria-hidden="true">
                        <div class="h-full">
                        <pre class="line-numbers flex flex-col text-white mt-7"></pre>
                        <pre class="code-area text-sm codeToCopy !mt-0 !pt-0 max-h-[29rem] !overflow-y-auto">
                          <code class="language-js font-sora line-numbers">
                            <p>Index&lt;Contact&gt; index = client</p>
<p>&nbsp; .initIndex(&quot;contacts&quot;, Contact.class);</p>

<p>index.saveObject(</p>
<p>&nbsp; new Contact()</p>
<p>&nbsp; &nbsp; .setFirstname(&quot;Jimmie&quot;)</p>
<p>&nbsp; &nbsp; .setLastname(&quot;Barninger&quot;)</p>
<p>&nbsp; &nbsp; .setCompany(&quot;California Paint&quot;)</p>
<p>);</p>
</code>
                        </pre>  
                    </div>   
                    <a href="/developers/search-api-java"
                            class="flex items-center justify-center btn-link java lg:float-right m-8 rounded-r-full bg-transparent hover:bg-blue-500 text-white font-semibold hover:text-white py-2 px-4 border border-white hover:border-transparent rounded"
                            aria-label="java"
                            target="_self">Build with java<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="ml-2 mr-3 sm:ml-2"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></a>
                    </div>                          
                    <div id="" class="cmp-tabs__tabpanel h-4/5 hidden" role="tabpanel" aria-labelledby="back-end-10" aria-hidden="true">
                        <div class="h-full">
                        <pre class="line-numbers flex flex-col text-white mt-7"></pre>
                        <pre class="code-area text-sm codeToCopy !mt-0 !pt-0 max-h-[29rem] !overflow-y-auto">
                          <code class="language-js font-sora line-numbers">
                            <p>import algolia.AlgoliaDsl._</p>
<p>import scala.concurrent.ExecutionContext.Implicits.global</p>

<p>case class Contact(</p>
<p>&nbsp; firstname: String,</p>
<p>&nbsp; lastname: String,</p>
<p>&nbsp; company: String</p>
<p>)</p>

<p>val indexing: Future[Indexing] = client.execute {</p>
<p>&nbsp; index into &quot;contacts&quot; `object` Contact(</p>
<p>&nbsp; &nbsp; &quot;Jimmie&quot;,</p>
<p>&nbsp; &nbsp; &quot;Barninger&quot;,</p>
<p>&nbsp; &nbsp; &quot;California Paint&quot;</p>
<p>&nbsp; )</p>
<p>}</p>
</code>
                        </pre>  
                    </div>   
                    <a href="/developers/search-api-scala"
                            class="flex items-center justify-center btn-link Scala lg:float-right m-8 rounded-r-full bg-transparent hover:bg-blue-500 text-white font-semibold hover:text-white py-2 px-4 border border-white hover:border-transparent rounded"
                            aria-label="Scala"
                            target="_self">Build with Scala<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="ml-2 mr-3 sm:ml-2"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></a>
                    </div>                          
                    <div id="" class="cmp-tabs__tabpanel h-4/5 hidden" role="tabpanel" aria-labelledby="back-end-11" aria-hidden="true">
                        <div class="h-full">
                        <pre class="line-numbers flex flex-col text-white mt-7"></pre>
                        <pre class="code-area text-sm codeToCopy !mt-0 !pt-0 max-h-[29rem] !overflow-y-auto">
                          <code class="language-js font-sora line-numbers">
                            <p>object := map[string]string{</p>
<p>&nbsp; &quot;firstname&quot;: &quot;Jimmie&quot;,</p>
<p>&nbsp; &quot;lastname&quot;: &nbsp;&quot;Barninger&quot;,</p>
<p>&nbsp; &quot;company&quot;: &nbsp; &quot;California Paint&quot;</p>
<p>}</p>
<p>res, err := index.SaveObject(object)</p>
</code>
                        </pre>  
                    </div>   
                    <a href="/developers/search-api-golang"
                            class="flex items-center justify-center btn-link Go lg:float-right m-8 rounded-r-full bg-transparent hover:bg-blue-500 text-white font-semibold hover:text-white py-2 px-4 border border-white hover:border-transparent rounded"
                            aria-label="Go"
                            target="_self">Build with Go<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="ml-2 mr-3 sm:ml-2"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></a>
                    </div>                          
                    <div id="" class="cmp-tabs__tabpanel h-4/5 hidden" role="tabpanel" aria-labelledby="back-end-12" aria-hidden="true">
                        <div class="h-full">
                        <pre class="line-numbers flex flex-col text-white mt-7"></pre>
                        <pre class="code-area text-sm codeToCopy !mt-0 !pt-0 max-h-[29rem] !overflow-y-auto">
                          <code class="language-js font-sora line-numbers">
                            <p>SearchIndex index = client.InitIndex(&quot;contacts&quot;);</p>
<p>var contact = new Contact {</p>
<p>&nbsp; FirstName = &quot;Jimmie&quot;,</p>
<p>&nbsp; LastName = &quot;Barninger&quot;,</p>
<p>&nbsp; Company = &quot;California Paint&quot;</p>
<p>};</p>
<p>index.SaveObject(contact);</p>
</code>
                        </pre>  
                    </div>   
                    <a href="/developers/search-api-csharp-dotnet"
                            class="flex items-center justify-center btn-link C# lg:float-right m-8 rounded-r-full bg-transparent hover:bg-blue-500 text-white font-semibold hover:text-white py-2 px-4 border border-white hover:border-transparent rounded"
                            aria-label="C#"
                            target="_self">Build with C#<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="ml-2 mr-3 sm:ml-2"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></a>
                    </div>                          
                    <div id="" class="cmp-tabs__tabpanel h-4/5 hidden" role="tabpanel" aria-labelledby="back-end-13" aria-hidden="true">
                        <div class="h-full">
                        <pre class="line-numbers flex flex-col text-white mt-7"></pre>
                        <pre class="code-area text-sm codeToCopy !mt-0 !pt-0 max-h-[29rem] !overflow-y-auto">
                          <code class="language-js font-sora line-numbers">
                            <p>val index = client.initIndex(IndexName(&quot;contacts&quot;))</p>

<p>val json = json {</p>
<p>&nbsp; &quot;firstname&quot; to &quot;Jimmie&quot;</p>
<p>&nbsp; &quot;lastname&quot; to &quot;Barninger&quot;</p>
<p>&nbsp; &quot;company&quot; to &quot;California Paint&quot; }</p>
<p>index.saveObject(json)</p>
</code>
                        </pre>  
                    </div>   
                    <a href="/developers/search-api-kotlin"
                            class="flex items-center justify-center btn-link Kotlin lg:float-right m-8 rounded-r-full bg-transparent hover:bg-blue-500 text-white font-semibold hover:text-white py-2 px-4 border border-white hover:border-transparent rounded"
                            aria-label="Kotlin"
                            target="_self">Build with Kotlin<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="ml-2 mr-3 sm:ml-2"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></a>
                    </div>                          
                    <div id="" class="cmp-tabs__tabpanel h-4/5 hidden" role="tabpanel" aria-labelledby="back-end-14" aria-hidden="true">
                        <div class="h-full">
                        <pre class="line-numbers flex flex-col text-white mt-7"></pre>
                        <pre class="code-area text-sm codeToCopy !mt-0 !pt-0 max-h-[29rem] !overflow-y-auto">
                          <code class="language-js font-sora line-numbers">
                            <p>let myIndex = apiClient.getIndex(&quot;contacts&quot;)</p>

<p>let n = [</p>
<p>&nbsp; &quot;firstname&quot;: &quot;Jimmie&quot;,</p>
<p>&nbsp; &quot;lastname&quot;: &quot;Barninger&quot;,</p>
<p>&nbsp; &quot;company&quot;: &quot;California Paint&quot;</p>
<p>]</p>

<p>myIndex.saveObject(n)</p>
</code>
                        </pre>  
                    </div>   
                    <a href="/developers/search-api-swift"
                            class="flex items-center justify-center btn-link Swift lg:float-right m-8 rounded-r-full bg-transparent hover:bg-blue-500 text-white font-semibold hover:text-white py-2 px-4 border border-white hover:border-transparent rounded"
                            aria-label="Swift"
                            target="_self">Build with Swift<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="ml-2 mr-3 sm:ml-2"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></a>
                    </div>                          
                    <div id="" class="cmp-tabs__tabpanel h-4/5" role="tabpanel" aria-labelledby="analytics-1" aria-hidden="false">
                        <div class="h-full">
                        <pre class="line-numbers flex flex-col text-white mt-7"></pre>
                        <pre class="code-area text-sm codeToCopy !mt-0 !pt-0 max-h-[29rem] !overflow-y-auto">
                          <code class="language-js font-sora line-numbers">
                            <p>Insights.register(</p>
<p>&nbsp; appId: &quot;ALGOLIA_APP_ID&quot;,</p>
<p>&nbsp; apiKey: &quot;ALGOLIA_API_KEY&quot;,</p>
<p>&nbsp; userToken: &quot;user-123456&quot;</p>
<p>)</p>

<p>Insights.shared?.clickedAfterSearch(</p>
<p>&nbsp; eventName: &quot;Product Clicked&quot;,</p>
<p>&nbsp; indexName: &quot;products&quot;,</p>
<p>&nbsp; objectIDs: [&quot;9780545139700&quot;],</p>
<p>&nbsp; positions: [7],</p>
<p>&nbsp; queryID: &quot;cba8245617aeace44&quot;</p>
<p>)</p>
</code>
                        </pre>  
                    </div>   
                    <a href="/developers/search-api-php"
                            class="flex items-center justify-center btn-link Php lg:float-right m-8 rounded-r-full bg-transparent hover:bg-blue-500 text-white font-semibold hover:text-white py-2 px-4 border border-white hover:border-transparent rounded"
                            aria-label="Php"
                            target="_self">Build with Php<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="ml-2 mr-3 sm:ml-2"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></a>
                    </div>                          
                    <div id="" class="cmp-tabs__tabpanel h-4/5 hidden" role="tabpanel" aria-labelledby="analytics-2" aria-hidden="true">
                        <div class="h-full">
                        <pre class="line-numbers flex flex-col text-white mt-7"></pre>
                        <pre class="code-area text-sm codeToCopy !mt-0 !pt-0 max-h-[29rem] !overflow-y-auto">
                          <code class="language-js font-sora line-numbers">
                            <p>insights = Algolia::Insights::Client.create(&#39;ALGOLIA_APP_ID&#39;, &#39;ALGOLIA_API_KEY&#39;)</p>

<p>insights.user(&#39;user-123456&#39;).clicked_object_ids_after_search(</p>
<p>&nbsp; &#39;Product Clicked&#39;,</p>
<p>&nbsp; &#39;products&#39;,</p>
<p>&nbsp; [&#39;9780545139700&#39;],</p>
<p>&nbsp; [7],</p>
<p>&nbsp; &#39;cba8245617aeace44&#39;</p>
<p>)</p>
</code>
                        </pre>  
                    </div>   
                    <a href="/developers/ruby-api"
                            class="flex items-center justify-center btn-link Ruby lg:float-right m-8 rounded-r-full bg-transparent hover:bg-blue-500 text-white font-semibold hover:text-white py-2 px-4 border border-white hover:border-transparent rounded"
                            aria-label="Ruby"
                            target="_self">Build with Ruby<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="ml-2 mr-3 sm:ml-2"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></a>
                    </div>                          
                    <div id="" class="cmp-tabs__tabpanel h-4/5 hidden" role="tabpanel" aria-labelledby="analytics-3" aria-hidden="true">
                        <div class="h-full">
                        <pre class="line-numbers flex flex-col text-white mt-7"></pre>
                        <pre class="code-area text-sm codeToCopy !mt-0 !pt-0 max-h-[29rem] !overflow-y-auto">
                          <code class="language-js font-sora line-numbers">
                            <p>// This requires installing the search-insights separate library:</p>
<p>// https://github.com/algolia/search-insights.js</p>
<p>// https://www.npmjs.com/package/search-insights</p>

<p>aa(&#39;clickedObjectIDsAfterSearch&#39;, {</p>
<p>&nbsp; userToken: &#39;user-123456&#39;,</p>
<p>&nbsp; eventName: &#39;Product Clicked&#39;,</p>
<p>&nbsp; index: &#39;products&#39;,</p>
<p>&nbsp; queryID: &#39;cba8245617aeace44&#39;,</p>
<p>&nbsp; objectIDs: [&#39;9780545139700&#39;],</p>
<p>&nbsp; positions: [7],</p>
<p>});</p>
</code>
                        </pre>  
                    </div>   
                    <a href="/developers/search-api-javascript"
                            class="flex items-center justify-center btn-link JavaScript lg:float-right m-8 rounded-r-full bg-transparent hover:bg-blue-500 text-white font-semibold hover:text-white py-2 px-4 border border-white hover:border-transparent rounded"
                            aria-label="JavaScript"
                            target="_self">Build with JavaScript<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="ml-2 mr-3 sm:ml-2"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></a>
                    </div>                          
                    <div id="" class="cmp-tabs__tabpanel h-4/5 hidden" role="tabpanel" aria-labelledby="analytics-4" aria-hidden="true">
                        <div class="h-full">
                        <pre class="line-numbers flex flex-col text-white mt-7"></pre>
                        <pre class="code-area text-sm codeToCopy !mt-0 !pt-0 max-h-[29rem] !overflow-y-auto">
                          <code class="language-js font-sora line-numbers">
                            <p>insights = client.init_insights_client().user(&#39;user-123456&#39;)</p>

<p>insights.clicked_object_ids_after_search(</p>
<p>&nbsp; &#39;Product Clicked&#39;,</p>
<p>&nbsp; &#39;products&#39;,</p>
<p>&nbsp; [&#39;9780545139700&#39;],</p>
<p>&nbsp; [7],</p>
<p>&nbsp; &#39;cba8245617aeace44&#39;</p>
<p>)</p>
</code>
                        </pre>  
                    </div>   
                    <a href="/developers/search-api-python"
                            class="flex items-center justify-center btn-link Python lg:float-right m-8 rounded-r-full bg-transparent hover:bg-blue-500 text-white font-semibold hover:text-white py-2 px-4 border border-white hover:border-transparent rounded"
                            aria-label="Python"
                            target="_self">Build with Python<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="ml-2 mr-3 sm:ml-2"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></a>
                    </div>                          
                    <div id="" class="cmp-tabs__tabpanel h-4/5 hidden" role="tabpanel" aria-labelledby="analytics-5" aria-hidden="true">
                        <div class="h-full">
                        <pre class="line-numbers flex flex-col text-white mt-7"></pre>
                        <pre class="code-area text-sm codeToCopy !mt-0 !pt-0 max-h-[29rem] !overflow-y-auto">
                          <code class="language-js font-sora line-numbers">
                            <p>Insights.register(</p>
<p>&nbsp; appId: &quot;ALGOLIA_APP_ID&quot;,</p>
<p>&nbsp; apiKey: &quot;ALGOLIA_API_KEY&quot;,</p>
<p>&nbsp; userToken: &quot;user-123456&quot;</p>
<p>)</p>

<p>Insights.shared?.clickedAfterSearch(</p>
<p>&nbsp; eventName: &quot;Product Clicked&quot;,</p>
<p>&nbsp; indexName: &quot;products&quot;,</p>
<p>&nbsp; objectIDs: [&quot;9780545139700&quot;],</p>
<p>&nbsp; positions: [7],</p>
<p>&nbsp; queryID: &quot;cba8245617aeace44&quot;</p>
<p>)</p>
</code>
                        </pre>  
                    </div>   
                    <a href="/developers/search-api-swift"
                            class="flex items-center justify-center btn-link Swift lg:float-right m-8 rounded-r-full bg-transparent hover:bg-blue-500 text-white font-semibold hover:text-white py-2 px-4 border border-white hover:border-transparent rounded"
                            aria-label="Swift"
                            target="_self">Build with Swift<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="ml-2 mr-3 sm:ml-2"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></a>
                    </div>                          
                    <div id="" class="cmp-tabs__tabpanel h-4/5 hidden" role="tabpanel" aria-labelledby="analytics-6" aria-hidden="true">
                        <div class="h-full">
                        <pre class="line-numbers flex flex-col text-white mt-7"></pre>
                        <pre class="code-area text-sm codeToCopy !mt-0 !pt-0 max-h-[29rem] !overflow-y-auto">
                          <code class="language-js font-sora line-numbers">
                            <p>Insights.register(</p>
<p>&nbsp; context,</p>
<p>&nbsp; &quot;ALGOLIA_APP_ID&quot;,</p>
<p>&nbsp; &quot;ALGOLIA_API_KEY&quot;,</p>
<p>&nbsp; &quot;user-123456&quot;</p>
<p>)</p>

<p>Insights.shared?.clickedAfterSearch(</p>
<p>&nbsp; &quot;Product Clicked&quot;,</p>
<p>&nbsp; &quot;products&quot;,</p>
<p>&nbsp; &quot;cba8245617aeace44&quot;,</p>
<p>&nbsp; EventObjects.IDs(&quot;9780545139700&quot;),</p>
<p>&nbsp; listOf(7)</p>
<p>)</p>
</code>
                        </pre>  
                    </div>   
                    <a href="/developers/search-api-android"
                            class="flex items-center justify-center btn-link Android lg:float-right m-8 rounded-r-full bg-transparent hover:bg-blue-500 text-white font-semibold hover:text-white py-2 px-4 border border-white hover:border-transparent rounded"
                            aria-label="Android"
                            target="_self">Build with Android<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="ml-2 mr-3 sm:ml-2"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></a>
                    </div>                          
                    <div id="" class="cmp-tabs__tabpanel h-4/5 hidden" role="tabpanel" aria-labelledby="analytics-7" aria-hidden="true">
                        <div class="h-full">
                        <pre class="line-numbers flex flex-col text-white mt-7"></pre>
                        <pre class="code-area text-sm codeToCopy !mt-0 !pt-0 max-h-[29rem] !overflow-y-auto">
                          <code class="language-js font-sora line-numbers">
                            <p>var insights = new InsightsClient(</p
<p>&nbsp; &quot;ALGOLIA_APP_ID&quot;,</p>
<p>&nbsp; &quot;ALGOLIA_API_KEY&quot;</p>
<p>).User(&quot;user-123456&quot;);</p>

<p>insights.ClickedObjectIDsAfterSearch(</p>
<p>&nbsp; &quot;Product Clicked&quot;,</p>
<p>&nbsp; &quot;products&quot;,</p>
<p>&nbsp; new List&lt;string&gt; { &quot;9780545139700&quot; },</p>
<p>&nbsp; new List&lt;uint&gt; { 7 },</p>
<p>&nbsp; &quot;cba8245617aeace44&quot;</p>
<p>);</p>
</code>
                        </pre>  
                    </div>   
                    <a href="/developers/search-api-csharp-dotnet"
                            class="flex items-center justify-center btn-link C# lg:float-right m-8 rounded-r-full bg-transparent hover:bg-blue-500 text-white font-semibold hover:text-white py-2 px-4 border border-white hover:border-transparent rounded"
                            aria-label="C#"
                            target="_self">Build with C#<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="ml-2 mr-3 sm:ml-2"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></a>
                    </div>                          
                    <div id="" class="cmp-tabs__tabpanel h-4/5 hidden" role="tabpanel" aria-labelledby="analytics-8" aria-hidden="true">
                        <div class="h-full">
                        <pre class="line-numbers flex flex-col text-white mt-7"></pre>
                        <pre class="code-area text-sm codeToCopy !mt-0 !pt-0 max-h-[29rem] !overflow-y-auto">
                          <code class="language-js font-sora line-numbers">
                            <p>AsyncUserInsightsClient insights = new AsyncInsightsClient(</p>
<p>&nbsp; &quot;ALGOLIA_APP_ID&quot;,</p>
<p>&nbsp; &quot;ALGOLIA_API_KEY&quot;,</p>
<p>&nbsp; client</p>
<p>).user(&quot;user-123456&quot;);</p>

<p>insights.clickedObjectIDsAfterSearch(</p>
<p>&nbsp; &quot;Product Clicked&quot;,</p>
<p>&nbsp; &quot;products&quot;,</p>
<p>&nbsp; Arrays.asList(&quot;9780545139700&quot;),</p>
<p>&nbsp; new ArrayList&lt;&gt;(Arrays.asList(7l)),</p>
<p>&nbsp; &quot;cba8245617aeace44&quot;</p>
<p>);</p>
</code>
                        </pre>  
                    </div>   
                    <a href="/developers/search-api-java"
                            class="flex items-center justify-center btn-link Java lg:float-right m-8 rounded-r-full bg-transparent hover:bg-blue-500 text-white font-semibold hover:text-white py-2 px-4 border border-white hover:border-transparent rounded"
                            aria-label="Java"
                            target="_self">Build with Java<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="ml-2 mr-3 sm:ml-2"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></a>
                    </div>                          
                    <div id="" class="cmp-tabs__tabpanel h-4/5 hidden" role="tabpanel" aria-labelledby="analytics-9" aria-hidden="true">
                        <div class="h-full">
                        <pre class="line-numbers flex flex-col text-white mt-7"></pre>
                        <pre class="code-area text-sm codeToCopy !mt-0 !pt-0 max-h-[29rem] !overflow-y-auto">
                          <code class="language-js font-sora line-numbers">
                            <p>client := insights.NewClient(</p>
<p>&nbsp; &quot;ALGOLIA_APP_ID&quot;,</p>
<p>&nbsp; &quot;ALGOLIA_API_KEY&quot;,</p>
<p>).User(&quot;user-123456&quot;)</p>

<p>res, err := client.ClickedObjectIDsAfterSearch(</p>
<p>&nbsp; &quot;Product Clicked&quot;,</p>
<p>&nbsp; &quot;products&quot;,</p>
<p>&nbsp; []string{&quot;9780545139700&quot;},</p>
<p>&nbsp; []int{7},</p>
<p>&nbsp; &quot;cba8245617aeace44&quot;,</p>
<p>)</p>
</code>
                        </pre>  
                    </div>   
                    <a href="/developers/search-api-golang"
                            class="flex items-center justify-center btn-link Go lg:float-right m-8 rounded-r-full bg-transparent hover:bg-blue-500 text-white font-semibold hover:text-white py-2 px-4 border border-white hover:border-transparent rounded"
                            aria-label="Go"
                            target="_self">Build with Go<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="ml-2 mr-3 sm:ml-2"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></a>
                    </div>                          
                    <div id="" class="cmp-tabs__tabpanel h-4/5 hidden" role="tabpanel" aria-labelledby="analytics-10" aria-hidden="true">
                        <div class="h-full">
                        <pre class="line-numbers flex flex-col text-white mt-7"></pre>
                        <pre class="code-area text-sm codeToCopy !mt-0 !pt-0 max-h-[29rem] !overflow-y-auto">
                          <code class="language-js font-sora line-numbers">
                            <p>client.execute {</p>
<p>&nbsp; send event ClickedObjectIDsAfterSearch(</p>
<p>&nbsp; &nbsp; &quot;user-123456&quot;,</p>
<p>&nbsp; &nbsp; &quot;Product Clicked&quot;,</p>
<p>&nbsp; &nbsp; &quot;products&quot;,</p>
<p>&nbsp; &nbsp; Seq(&quot;9780545139700&quot;),</p>
<p>&nbsp; &nbsp; Seq(7),</p>
<p>&nbsp; &nbsp; &quot;cba8245617aeace44&quot;</p>
<p>&nbsp; )</p>
<p>}</p>
</code>
                        </pre>  
                    </div>   
                    <a href="/developers/search-api-scala"
                            class="flex items-center justify-center btn-link Scala lg:float-right m-8 rounded-r-full bg-transparent hover:bg-blue-500 text-white font-semibold hover:text-white py-2 px-4 border border-white hover:border-transparent rounded"
                            aria-label="Scala"
                            target="_self">Build with Scala<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="ml-2 mr-3 sm:ml-2"><line x1="5" y1="12" x2="19" y2="12"></line><polyline points="12 5 19 12 12 19"></polyline></svg></a>
                    </div>                          
                    </div>
        </div>
        <div class="codesnippet-accordion w-full lg:w-6/12 mt-12 lg:mt-0"> 
            <!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->


<div data-tracking="" class="mx-auto">
    <div class="accordion mb-8">
        <div class="cmp-accordion" data-expansion-type="multiItem">

            <!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->



<div class="listAnimation">
    <div class="cmp-accordion__item pt-2 lg:pt-0">
        <div class="cmp-accordion__header dark:hover:bg-inherit hover:bg-xenon-100">
            <button type="button" class="cmp-accordion__button relative flex flex-nowrap justify-between items-center w-full px-4 py-4 lg:py-6 text-2xl text-left font-sora font-light"
                id="accordion-b08b1c48-1d95-407b-b749-095386c7aeb3-button" aria-expanded="false"
                aria-controls="accordion-b08b1c48-1d95-407b-b749-095386c7aeb3-panel">
                <span class="mr-4 text-blue-600">
                        <img src="/files/live/sites/algolia-assets/files/icons/book.svg" alt="">
                    </span>
                <span class="cmp-text flex flex-wrap items-center flex-1 font-sora font-bold text-grey-900 text-left font-sora text-lg lg:text-2xl font-bold dark:text-white"> Documentation</span>
                <span class="cmp-accordion-price justify-end flex-wrap items-center font-sora font-bold text-grey-900 font-sora text-lg lg:text-2xl font-bold dark:text-white hidden">0</span>
                <span class="cmp-caret-icon rotate-0 [.expanded_&]:rotate-180 text-blue-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" stroke-linecap="round" stroke-linejoin="round" role="img" title="Arrow down" class="">
                        <polyline points="6 9 12 15 18 9"></polyline>
                    </svg>
                </span>
            </button>
        </div>
        <div class="cmp-accordion__panel  hidden  px-4 pb-6" id="accordion-b08b1c48-1d95-407b-b749-095386c7aeb3-panel"
            aria-labelledby="accordion-b08b1c48-1d95-407b-b749-095386c7aeb3-button" aria-hidden="true">
            <div>
                <div class="algoliaRichText check"><p>Learn from extensive developer documentation to implement search and discovery in your ecosystem.</p>
</div>


<!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->

<div data-tracking=""
     class="flex font-sora justify-center lg:justify-start">
    <div class="font-sora button last:me-0 inline-flex w-fit group">


            <a href="https://www.algolia.com/doc/"
                    data-finalurl="https://www.algolia.com/doc/" data-modal-id="modal_7b46d045-3ebb-44ac-9af0-e2afc0f4c3c8" id="modal-link-modal_7b46d045-3ebb-44ac-9af0-e2afc0f4c3c8"
                    data-locale="en" data-is-internal="true"
                    target="_self"
                    class=" relative z-50 cmp-button overflow-hidden flex flex-wrap items-center  cursor-pointer font-sora w-full
                     ctaGradient justify-center lg:justify-start text-grey-900 dark:text-white px-0 text-sm lg:text-base flex-nowrap"
                    style="--x: 0px; --y: 0px;">

                <span class="cmp-button__text font-semibold mx-auto font-sora leading-1.5 text-sm lg:text-base tracking-[0.28px] lg:tracking-[0.32px]">
                    See more</span>
                <span class="cmp-button__icon ms-3 text-blue-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"
                             stroke-linecap="round" stroke-linejoin="round" role="img"
                             title="ArrowRightCircle"
                             class=" h-8 lg:w-full group-hover:fill-xenon-400 dark:group-hover:text-black group-hover:text-white transition-all duration-[400ms] ease-in group-hover:scale-[1.1]">
                            <circle cx="12" cy="12" r="10"></circle>
                            <polyline points="12 16 16 12 12 8"></polyline>
                            <line x1="8" y1="12" x2="16" y2="12"></line>
                        </svg>
                    </span>
                    </a>
    </div>
</div>


</div>
        </div>
    </div>
</div><!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->



<div class="listAnimation">
    <div class="cmp-accordion__item pt-2 lg:pt-0">
        <div class="cmp-accordion__header dark:hover:bg-inherit hover:bg-xenon-100">
            <button type="button" class="cmp-accordion__button relative flex flex-nowrap justify-between items-center w-full px-4 py-4 lg:py-6 text-2xl text-left font-sora font-light"
                id="accordion-2da6eb12-5984-4599-9542-162bc33e8b85-button" aria-expanded="false"
                aria-controls="accordion-2da6eb12-5984-4599-9542-162bc33e8b85-panel">
                <span class="mr-4 text-blue-600">
                        <img src="/files/live/sites/algolia-assets/files/icons/terminal.svg" alt="">
                    </span>
                <span class="cmp-text flex flex-wrap items-center flex-1 font-sora font-bold text-grey-900 text-left font-sora text-lg lg:text-2xl font-bold dark:text-white"> Developer Hub</span>
                <span class="cmp-accordion-price justify-end flex-wrap items-center font-sora font-bold text-grey-900 font-sora text-lg lg:text-2xl font-bold dark:text-white hidden">0</span>
                <span class="cmp-caret-icon rotate-0 [.expanded_&]:rotate-180 text-blue-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" stroke-linecap="round" stroke-linejoin="round" role="img" title="Arrow down" class="">
                        <polyline points="6 9 12 15 18 9"></polyline>
                    </svg>
                </span>
            </button>
        </div>
        <div class="cmp-accordion__panel  hidden  px-4 pb-6" id="accordion-2da6eb12-5984-4599-9542-162bc33e8b85-panel"
            aria-labelledby="accordion-2da6eb12-5984-4599-9542-162bc33e8b85-button" aria-hidden="true">
            <div>
                <div class="algoliaRichText check"><p>Explore all the API clients, UI components &amp; integrations to build search &amp; discovery experiences.</p>
</div>


<!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->

<div data-tracking=""
     class="flex font-sora justify-center lg:justify-start">
    <div class="font-sora button last:me-0 inline-flex w-fit group">


            <a href="https://www.algolia.com/developers/"
                    data-finalurl="https://www.algolia.com/developers/" data-modal-id="modal_4968e308-3526-4f64-8c2a-0ac4e5dbd417" id="modal-link-modal_4968e308-3526-4f64-8c2a-0ac4e5dbd417"
                    data-locale="en" data-is-internal="true"
                    target="_self"
                    class=" relative z-50 cmp-button overflow-hidden flex flex-wrap items-center  cursor-pointer font-sora w-full
                     ctaGradient justify-center lg:justify-start text-grey-900 dark:text-white px-0 text-sm lg:text-base flex-nowrap"
                    style="--x: 0px; --y: 0px;">

                <span class="cmp-button__text font-semibold mx-auto font-sora leading-1.5 text-sm lg:text-base tracking-[0.28px] lg:tracking-[0.32px]">
                    See more</span>
                <span class="cmp-button__icon ms-3 text-blue-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"
                             stroke-linecap="round" stroke-linejoin="round" role="img"
                             title="ArrowRightCircle"
                             class=" h-8 lg:w-full group-hover:fill-xenon-400 dark:group-hover:text-black group-hover:text-white transition-all duration-[400ms] ease-in group-hover:scale-[1.1]">
                            <circle cx="12" cy="12" r="10"></circle>
                            <polyline points="12 16 16 12 12 8"></polyline>
                            <line x1="8" y1="12" x2="16" y2="12"></line>
                        </svg>
                    </span>
                    </a>
    </div>
</div>


</div>
        </div>
    </div>
</div><!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->



<div class="listAnimation">
    <div class="cmp-accordion__item pt-2 lg:pt-0">
        <div class="cmp-accordion__header dark:hover:bg-inherit hover:bg-xenon-100">
            <button type="button" class="cmp-accordion__button relative flex flex-nowrap justify-between items-center w-full px-4 py-4 lg:py-6 text-2xl text-left font-sora font-light"
                id="accordion-21fe4399-6bd3-4d9b-8dd7-5d987f7dc90d-button" aria-expanded="false"
                aria-controls="accordion-21fe4399-6bd3-4d9b-8dd7-5d987f7dc90d-panel">
                <span class="mr-4 text-blue-600">
                        <img src="/files/live/sites/algolia-assets/files/icons/code.svg" alt="">
                    </span>
                <span class="cmp-text flex flex-wrap items-center flex-1 font-sora font-bold text-grey-900 text-left font-sora text-lg lg:text-2xl font-bold dark:text-white"> Code Exchange</span>
                <span class="cmp-accordion-price justify-end flex-wrap items-center font-sora font-bold text-grey-900 font-sora text-lg lg:text-2xl font-bold dark:text-white hidden">0</span>
                <span class="cmp-caret-icon rotate-0 [.expanded_&]:rotate-180 text-blue-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" stroke-linecap="round" stroke-linejoin="round" role="img" title="Arrow down" class="">
                        <polyline points="6 9 12 15 18 9"></polyline>
                    </svg>
                </span>
            </button>
        </div>
        <div class="cmp-accordion__panel  hidden  px-4 pb-6" id="accordion-21fe4399-6bd3-4d9b-8dd7-5d987f7dc90d-panel"
            aria-labelledby="accordion-21fe4399-6bd3-4d9b-8dd7-5d987f7dc90d-button" aria-hidden="true">
            <div>
                <div class="algoliaRichText check"><p>Jumpstart your Algolia understanding with the building blocks of backend tools, composable UI and sample applications.</p>
</div>


<!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->

<div data-tracking=""
     class="flex font-sora justify-center lg:justify-start">
    <div class="font-sora button last:me-0 inline-flex w-fit group">


            <a href="https://www.algolia.com/developers/code-exchange/"
                    data-finalurl="https://www.algolia.com/developers/code-exchange/" data-modal-id="modal_41b436ce-060b-4ff6-bb90-b3d96b20e16b" id="modal-link-modal_41b436ce-060b-4ff6-bb90-b3d96b20e16b"
                    data-locale="en" data-is-internal="true"
                    target="_self"
                    class=" relative z-50 cmp-button overflow-hidden flex flex-wrap items-center  cursor-pointer font-sora w-full
                     ctaGradient justify-center lg:justify-start text-grey-900 dark:text-white px-0 text-sm lg:text-base flex-nowrap"
                    style="--x: 0px; --y: 0px;">

                <span class="cmp-button__text font-semibold mx-auto font-sora leading-1.5 text-sm lg:text-base tracking-[0.28px] lg:tracking-[0.32px]">
                    See more</span>
                <span class="cmp-button__icon ms-3 text-blue-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"
                             stroke-linecap="round" stroke-linejoin="round" role="img"
                             title="ArrowRightCircle"
                             class=" h-8 lg:w-full group-hover:fill-xenon-400 dark:group-hover:text-black group-hover:text-white transition-all duration-[400ms] ease-in group-hover:scale-[1.1]">
                            <circle cx="12" cy="12" r="10"></circle>
                            <polyline points="12 16 16 12 12 8"></polyline>
                            <line x1="8" y1="12" x2="16" y2="12"></line>
                        </svg>
                    </span>
                    </a>
    </div>
</div>


</div>
        </div>
    </div>
</div><!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->



<div class="listAnimation">
    <div class="cmp-accordion__item pt-2 lg:pt-0">
        <div class="cmp-accordion__header dark:hover:bg-inherit hover:bg-xenon-100">
            <button type="button" class="cmp-accordion__button relative flex flex-nowrap justify-between items-center w-full px-4 py-4 lg:py-6 text-2xl text-left font-sora font-light"
                id="accordion-540b52e3-300c-4bfa-8128-651155ef6f83-button" aria-expanded="false"
                aria-controls="accordion-540b52e3-300c-4bfa-8128-651155ef6f83-panel">
                <span class="mr-4 text-blue-600">
                        <img src="/files/live/sites/algolia-assets/files/icons/image(1).svg" alt="">
                    </span>
                <span class="cmp-text flex flex-wrap items-center flex-1 font-sora font-bold text-grey-900 text-left font-sora text-lg lg:text-2xl font-bold dark:text-white"> Integrations</span>
                <span class="cmp-accordion-price justify-end flex-wrap items-center font-sora font-bold text-grey-900 font-sora text-lg lg:text-2xl font-bold dark:text-white hidden">0</span>
                <span class="cmp-caret-icon rotate-0 [.expanded_&]:rotate-180 text-blue-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" stroke-linecap="round" stroke-linejoin="round" role="img" title="Arrow down" class="">
                        <polyline points="6 9 12 15 18 9"></polyline>
                    </svg>
                </span>
            </button>
        </div>
        <div class="cmp-accordion__panel  hidden  px-4 pb-6" id="accordion-540b52e3-300c-4bfa-8128-651155ef6f83-panel"
            aria-labelledby="accordion-540b52e3-300c-4bfa-8128-651155ef6f83-button" aria-hidden="true">
            <div>
                <div class="algoliaRichText check"><p>Find all one-click integrations, back-end API wrappers and front-end components for your technology stack, platform, or framework.</p>
</div>


<!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->

<div data-tracking=""
     class="flex font-sora justify-center lg:justify-start">
    <div class="font-sora button last:me-0 inline-flex w-fit group">


            <a href="https://www.algolia.com/developers/integrations/"
                    data-finalurl="https://www.algolia.com/developers/integrations/" data-modal-id="modal_fc781717-0183-4a93-bc97-bd7bb01b1e73" id="modal-link-modal_fc781717-0183-4a93-bc97-bd7bb01b1e73"
                    data-locale="en" data-is-internal="true"
                    target="_self"
                    class=" relative z-50 cmp-button overflow-hidden flex flex-wrap items-center  cursor-pointer font-sora w-full
                     ctaGradient justify-center lg:justify-start text-grey-900 dark:text-white px-0 text-sm lg:text-base flex-nowrap"
                    style="--x: 0px; --y: 0px;">

                <span class="cmp-button__text font-semibold mx-auto font-sora leading-1.5 text-sm lg:text-base tracking-[0.28px] lg:tracking-[0.32px]">
                    See more</span>
                <span class="cmp-button__icon ms-3 text-blue-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"
                             stroke-linecap="round" stroke-linejoin="round" role="img"
                             title="ArrowRightCircle"
                             class=" h-8 lg:w-full group-hover:fill-xenon-400 dark:group-hover:text-black group-hover:text-white transition-all duration-[400ms] ease-in group-hover:scale-[1.1]">
                            <circle cx="12" cy="12" r="10"></circle>
                            <polyline points="12 16 16 12 12 8"></polyline>
                            <line x1="8" y1="12" x2="16" y2="12"></line>
                        </svg>
                    </span>
                    </a>
    </div>
</div>


</div>
        </div>
    </div>
</div></div>
    </div>
</div></div>    
    </div>
    <div class="cmp-teaser__action-container flex justify-center items-center gap-4 mt-12 flex-col lg:flex-row">
            


<!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->

<div data-tracking=""
     class="flex font-sora justify-center lg:justify-start">
    <div class="font-sora button last:me-0 inline-flex w-fit group">


            <a href="https://dashboard.algolia.com/users/sign_in?utm_nooverride=1"
                    data-finalurl="https://dashboard.algolia.com/users/sign_in?utm_nooverride=1" data-modal-id="modal_49382bce-38b6-4869-b174-b94bc5bb977c" id="modal-link-modal_49382bce-38b6-4869-b174-b94bc5bb977c"
                    data-locale="en" data-is-internal="true"
                    target="_self"
                    class=" relative z-50 cmp-button overflow-hidden flex flex-wrap items-center  cursor-pointer font-sora w-full
                     ctaGradient justify-center lg:justify-start text-white px-4 lg:px-6 bg-xenon-400 rounded-lg min-h-12 lg:min-h-14 blue-gradient"
                    style="--x: 0px; --y: 0px;">

                <span class="cmp-button__text font-semibold mx-auto font-sora leading-1.5 text-sm lg:text-base tracking-[0.28px] lg:tracking-[0.32px]">
                    Sign up with Google</span>
                </a>
    </div>
</div>





<!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->

<div data-tracking=""
     class="flex font-sora  justify-center lg:justify-end">
    <div class="font-sora button last:me-0 inline-flex w-fit group">


            <a href="https://dashboard.algolia.com/users/sign_in?utm_nooverride=1"
                    data-finalurl="https://dashboard.algolia.com/users/sign_in?utm_nooverride=1" data-modal-id="modal_1a4165ee-907b-47e1-9404-d4f8969622ca" id="modal-link-modal_1a4165ee-907b-47e1-9404-d4f8969622ca"
                    data-locale="en" data-is-internal="true"
                    target="_self"
                    class=" relative z-50 cmp-button overflow-hidden flex flex-wrap items-center  cursor-pointer font-sora w-full
                     ctaGradient justify-center lg:justify-end transparent dark:text-white text-grey-900 px-4 lg:px-6 bg-transparent shadow-[0_0_6px_2px_rgba(0,61,255,0.12)] border-2 dark:border-white border-grey-200 rounded-lg min-h-12 lg:min-h-14"
                    style="--x: 0px; --y: 0px;">

                <span class="cmp-button__text font-semibold mx-auto font-sora leading-1.5 text-sm lg:text-base tracking-[0.28px] lg:tracking-[0.32px]">
                    Sign up with Github</span>
                </a>
    </div>
</div>


</div>
    </div> 


<script>

    const codesnippetTabs = Array.from(document.querySelectorAll(".codesnippet-tabs-comp .cmp-tabs"));
    const languageDropBtn = document.getElementById("language-dropdown");
    const dropdownSection = document.querySelector(".codesnippet_cmp .codesnippet-tabs-comp .dropdown .dropdown-menu");

    document.body.addEventListener("click", function (event) {
      if (!dropdownSection.contains(event.target) && !dropdownSection.classList.contains("hidden")) {
        dropdownSection.classList.add("hidden");
      }
    });

    const switchTabsItemsOnDropdownChange = ({ selectedType, tabsButtons, tabsPanels }) => {
        tabsButtons.forEach((tabBtn) => {
            const tabBtnType = tabBtn.dataset.type;
            if (tabBtnType === selectedType) {
                tabBtn.classList.remove("hidden");
            } else {
                tabBtn.classList.add("hidden");
            }
        });
        const selectedTypeTabBtns = tabsButtons.filter((btn) => !btn.classList.contains("hidden"));
        const tabBtn = selectedTypeTabBtns[0];
        const tabId = selectedTypeTabBtns[0].id;
        switchTabPanel({ tabBtn, tabsButtons, tabsPanels, tabId });
    };

    const switchTabPanel = ({ tabBtn, tabsButtons, tabsPanels, tabId }) => {
        tabsButtons.map((item) => {
            item.classList.remove("active");
            item.setAttribute("aria-selected", false);
        });
        tabsPanels.map((item) => {
            item.classList.add("hidden");
            item.classList.remove("expanded");
            item.setAttribute("aria-hidden", true);
        });

        tabBtn.classList.add("active");
        tabBtn.setAttribute("aria-selected", true);
        const expandedTab = tabsPanels.filter(panel => panel.getAttribute("aria-labelledby") === tabId);
        expandedTab?.[0]?.setAttribute("aria-hidden", false);
        expandedTab?.[0]?.classList.remove("hidden");
        expandedTab?.[0]?.classList.add("expanded");
    }



    codesnippetTabs.forEach((codepenTabsGroup) => {
        const dropdownToggleBtn = codepenTabsGroup.querySelector(".dropdown-toggle-btn");
        const dropdownMenuItems = codepenTabsGroup.querySelectorAll(".dropdown-menu li");
        const tabsButtons = Array.from(codepenTabsGroup.querySelectorAll(".cmp-tabs__tab"));
        const tabsPanels = Array.from(codepenTabsGroup.querySelectorAll(".cmp-tabs__tabpanel"));
        const accordionItems = Array.from(document.querySelectorAll(".codesnippet-accordion .cmp-accordion__item"));
        const cmpTabsTablist = codepenTabsGroup.querySelector(".cmp-tabs__tablist");    

        if(tabsButtons.length>0){
            languageDropBtn.innerHTML = tabsButtons[0].dataset.languagename; 
        }

        languageDropBtn.addEventListener("click", (e) => {
            if(cmpTabsTablist.className.includes('hidden')){
                cmpTabsTablist.classList.remove("hidden");
            }else{
                cmpTabsTablist.classList.add("hidden");
            }
        });
        

        if(dropdownMenuItems.length>0){
            const dropdownFirstItem = dropdownMenuItems[0];
                if(dropdownFirstItem.getElementsByTagName("img").length > 0){
                    dropdownFirstItem.querySelector('img').classList.remove("hidden");
                 dropdownFirstItemIcon = dropdownFirstItem.querySelector('img');
                 dropdownToggleBtn.querySelector('.icon').innerHTML=dropdownFirstItemIcon.outerHTML;
                 dropdownFirstItem.querySelector('img').classList.add("hidden");
                }
                dropdownToggleBtn.querySelector('.textdrop').innerHTML=dropdownFirstItem.dataset.type;
        }
        dropdownToggleBtn.addEventListener("click", (event) => {
            const dropdownMenu = codepenTabsGroup.querySelector(".dropdown-menu");
            event.stopPropagation();
            if (dropdownMenu.classList.contains("hidden")) {
                dropdownMenu.classList.remove("hidden");
            } else {
                dropdownMenu.classList.add("hidden");
            }
        });

        dropdownMenuItems.forEach((dropdownItem) => {
            
            dropdownItem.addEventListener("click", (e) => {
                if (e.target.matches('li') || e.target.matches('li *')){ 
                const selectedType = e.target.dataset.type;
                switchTabsItemsOnDropdownChange({ selectedType, tabsButtons, tabsPanels });
                const dropdownMenu = codepenTabsGroup.querySelector(".dropdown-menu");
                dropdownMenu.classList.add("hidden");
                let dropdownIcon;
                if(e.target.getElementsByTagName("img").length > 0){
                 e.target.querySelector('img').classList.remove("hidden");
                 dropdownIcon = e.target.querySelector('img');
                 dropdownToggleBtn.querySelector('.icon').innerHTML=dropdownIcon.outerHTML;
                 e.target.querySelector('img').classList.add("hidden");
                }
                dropdownToggleBtn.querySelector('.textdrop').innerHTML=e.target.dataset.type;

                if (window.innerWidth < 1024) {
                    if(cmpTabsTablist.querySelector(".active")!= null){  
                        languageDropBtn.innerHTML = cmpTabsTablist.querySelector(".active").dataset.languagename;
                        }

                    if(!cmpTabsTablist.className.includes('hidden')){
                        cmpTabsTablist.classList.add("hidden");                    
                    }
                }

                }        
            })
        })

        tabsButtons.forEach((tabBtn) => {
            tabBtn.addEventListener("click", (e) => {
                const tabId = tabBtn.id;
                switchTabPanel({ tabBtn, tabsButtons, tabsPanels, tabId });
                languageDropBtn.innerHTML = e.target.closest(".languagename").dataset.languagename;
                if (window.innerWidth < 1024) {
                    languageDropBtn.click();
                }
            });
        });


        const selectedType = dropdownMenuItems[0].dataset.type;
        switchTabsItemsOnDropdownChange({ selectedType, tabsButtons, tabsPanels })
    });
</script></div>
                </div>
   </div>

</div><!-- Check if the property is null or empty -->
<!-- Check if the property is null or empty -->


<!-- algoliaContainer.jsp  -->
<div id="" data-tracking="" class="main__container ">
    <div class="mx-auto max-w-screen-xl lg:px-14 lg:py-28 px-4 py-8">
        <div class="grid grid-cols-12 md:gap-x-16 gap-y-8">

            <div class="col-span-12">
                        
<!-- Check if the property is null or empty -->
<!-- Check if the property is null or empty -->


<div class="container mx-auto mb-20">
    <div class="flex flex-col  items-center mb-8">
            <div class=" text-center lg:w-[90%] w-full">
                <h2 class="font-sora font-bold mt-0 mb-4 text-grey-900 text-[2.125rem] leading-[2.75rem] tracking-[-0.01em] lg:text-[2.625rem] lg:leading-[3.438rem] dark:text-white">
                    Leverage Algolia across industries & use-cases</h2>
                </div>
        </div>
    <div class="accordion flex flex-wrap items-center justify-between">
        <div class="cmp-teaser__images lg:block hidden lg:w-5/12 px-4 md:order-2 "> 
                    <img src='' alt=""
                                    class="w-full hidden" data-accordion-id="33d77b86-c4ae-4e9e-8214-3d1cdac123b5"/>
                    <img src='' alt=""
                                    class="w-full hidden" data-accordion-id="7526ad5f-4fb2-47ba-8e90-95c849c5bc39"/>
                    <img src='' alt=""
                                    class="w-full hidden" data-accordion-id="da64d324-986c-4238-813f-29bcaa023f74"/>
                    <img src='' alt=""
                                    class="w-full hidden" data-accordion-id="790178eb-f0b4-4994-b688-3d9b41ee6b1a"/>
                    <img src='' alt=""
                                    class="w-full hidden" data-accordion-id="4764a3ba-cdc9-40ff-8c61-7e63e3599b47"/>
                    </div>
        
        <div class="cmp-accordion w-full lg:w-5/12" data-expansion-type="multiItem">
            
<div class="listAnimation">
        <div class="cmp-accordion__item">
            <div class="cmp-accordion__header dark:hover:bg-inherit hover:bg-xenon-100">
                <button type="button" data-uid="33d77b86-c4ae-4e9e-8214-3d1cdac123b5"
                    class="cmp-accordion__button relative flex flex-nowrap justify-between items-center w-full px-4 py-4 lg:py-6 ps-0 text-2xl text-left font-sora font-light"
                    id="accordion-33d77b86-c4ae-4e9e-8214-3d1cdac123b5-button" aria-expanded="false"
                    aria-controls="accordion-33d77b86-c4ae-4e9e-8214-3d1cdac123b5-panel">
                    <span class="mr-4 text-blue-600">
                            <img src="/files/live/sites/algolia-assets/files/icons/Trello.svg" class="w-6 h-6 lg:w-8 lg:h-8" alt="">
                        </span>
                    <span class="cmp-text flex flex-wrap items-center flex-1 font-sora text-lg lg:text-2xl font-bold dark:text-white"> SaaS</span>
                    <span class="cmp-accordion-price justify-end flex-wrap items-center font-sora font-bold text-grey-900 text-lg lg:text-2xl dark:text-white hidden">0</span>
                    <span class="cmp-caret-icon rotate-0 [.expanded_&]:rotate-180 text-blue-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" stroke-linecap="round" stroke-linejoin="round" role="img" title="Arrow down" class="">
                            <polyline points="6 9 12 15 18 9"></polyline>
                        </svg>
                    </span>
                </button>
            </div>
            <div class="cmp-accordion__panel  hidden pt-0 px-4 pb-6 " id="accordion-33d77b86-c4ae-4e9e-8214-3d1cdac123b5-panel"
                aria-labelledby="accordion-33d77b86-c4ae-4e9e-8214-3d1cdac123b5-button" aria-hidden="true">
                <div class="font-inter font-normal text-grey-700 text-[16px] lg:text-[18px] dark:text-grey-200  pl-8">
                    <div class="algoliaRichText check"><p>Focus on your core tech. Enable users to easily retrieve files, contacts, events or any object within your product via our APIs. We handle security, reliability and scalability.</p>
</div>


<!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->

<div data-tracking=""
     class="flex font-sora justify-center lg:justify-start">
    <div class="font-sora button last:me-0 inline-flex w-fit group">


            <a href="/industries/saas"
                    data-finalurl="/cms/render/live/en/sites/www/home/industries/saas.html" data-modal-id="modal_c703879b-d357-41cd-a096-d11da2f68a8f" id="modal-link-modal_c703879b-d357-41cd-a096-d11da2f68a8f"
                    data-locale="en" data-is-internal="true"
                    target="_self"
                    class=" relative z-50 cmp-button overflow-hidden flex flex-wrap items-center  cursor-pointer font-sora w-full
                     ctaGradient justify-center lg:justify-start text-grey-900 dark:text-white px-0 text-sm lg:text-base flex-nowrap"
                    style="--x: 0px; --y: 0px;">

                <span class="cmp-button__text font-semibold mx-auto font-sora leading-1.5 text-sm lg:text-base tracking-[0.28px] lg:tracking-[0.32px]">
                    Read more</span>
                <span class="cmp-button__icon ms-3 text-blue-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"
                             stroke-linecap="round" stroke-linejoin="round" role="img"
                             title="ArrowRightCircle"
                             class=" h-8 lg:w-full group-hover:fill-xenon-400 dark:group-hover:text-black group-hover:text-white transition-all duration-[400ms] ease-in group-hover:scale-[1.1]">
                            <circle cx="12" cy="12" r="10"></circle>
                            <polyline points="12 16 16 12 12 8"></polyline>
                            <line x1="8" y1="12" x2="16" y2="12"></line>
                        </svg>
                    </span>
                    </a>
    </div>
</div>


</div>
                </div>
        </div>
    </div>
<div class="listAnimation">
        <div class="cmp-accordion__item">
            <div class="cmp-accordion__header dark:hover:bg-inherit hover:bg-xenon-100">
                <button type="button" data-uid="7526ad5f-4fb2-47ba-8e90-95c849c5bc39"
                    class="cmp-accordion__button relative flex flex-nowrap justify-between items-center w-full px-4 py-4 lg:py-6 ps-0 text-2xl text-left font-sora font-light"
                    id="accordion-7526ad5f-4fb2-47ba-8e90-95c849c5bc39-button" aria-expanded="false"
                    aria-controls="accordion-7526ad5f-4fb2-47ba-8e90-95c849c5bc39-panel">
                    <span class="mr-4 text-blue-600">
                            <img src="/files/live/sites/algolia-assets/files/icons/Smartphone.svg" class="w-6 h-6 lg:w-8 lg:h-8" alt="">
                        </span>
                    <span class="cmp-text flex flex-wrap items-center flex-1 font-sora text-lg lg:text-2xl font-bold dark:text-white"> Media</span>
                    <span class="cmp-accordion-price justify-end flex-wrap items-center font-sora font-bold text-grey-900 text-lg lg:text-2xl dark:text-white hidden">0</span>
                    <span class="cmp-caret-icon rotate-0 [.expanded_&]:rotate-180 text-blue-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" stroke-linecap="round" stroke-linejoin="round" role="img" title="Arrow down" class="">
                            <polyline points="6 9 12 15 18 9"></polyline>
                        </svg>
                    </span>
                </button>
            </div>
            <div class="cmp-accordion__panel  hidden pt-0 px-4 pb-6 " id="accordion-7526ad5f-4fb2-47ba-8e90-95c849c5bc39-panel"
                aria-labelledby="accordion-7526ad5f-4fb2-47ba-8e90-95c849c5bc39-button" aria-hidden="true">
                <div class="font-inter font-normal text-grey-700 text-[16px] lg:text-[18px] dark:text-grey-200  pl-8">
                    <div class="algoliaRichText check"><p>Create rich, relevant content discovery experiences. Drive user engagement, and increase revenue, with leading digital UX across devices.</p>
</div>


<!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->

<div data-tracking=""
     class="flex font-sora justify-center lg:justify-start">
    <div class="font-sora button last:me-0 inline-flex w-fit group">


            <a href="/industries/media"
                    data-finalurl="/cms/render/live/en/sites/www/home/industries/media.html" data-modal-id="modal_48c77e6f-1edd-4d07-9779-7543756e8166" id="modal-link-modal_48c77e6f-1edd-4d07-9779-7543756e8166"
                    data-locale="en" data-is-internal="true"
                    target="_self"
                    class=" relative z-50 cmp-button overflow-hidden flex flex-wrap items-center  cursor-pointer font-sora w-full
                     ctaGradient justify-center lg:justify-start text-grey-900 dark:text-white px-0 text-sm lg:text-base flex-nowrap"
                    style="--x: 0px; --y: 0px;">

                <span class="cmp-button__text font-semibold mx-auto font-sora leading-1.5 text-sm lg:text-base tracking-[0.28px] lg:tracking-[0.32px]">
                    Read more</span>
                <span class="cmp-button__icon ms-3 text-blue-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"
                             stroke-linecap="round" stroke-linejoin="round" role="img"
                             title="ArrowRightCircle"
                             class=" h-8 lg:w-full group-hover:fill-xenon-400 dark:group-hover:text-black group-hover:text-white transition-all duration-[400ms] ease-in group-hover:scale-[1.1]">
                            <circle cx="12" cy="12" r="10"></circle>
                            <polyline points="12 16 16 12 12 8"></polyline>
                            <line x1="8" y1="12" x2="16" y2="12"></line>
                        </svg>
                    </span>
                    </a>
    </div>
</div>


</div>
                </div>
        </div>
    </div>
<div class="listAnimation">
        <div class="cmp-accordion__item">
            <div class="cmp-accordion__header dark:hover:bg-inherit hover:bg-xenon-100">
                <button type="button" data-uid="da64d324-986c-4238-813f-29bcaa023f74"
                    class="cmp-accordion__button relative flex flex-nowrap justify-between items-center w-full px-4 py-4 lg:py-6 ps-0 text-2xl text-left font-sora font-light"
                    id="accordion-da64d324-986c-4238-813f-29bcaa023f74-button" aria-expanded="false"
                    aria-controls="accordion-da64d324-986c-4238-813f-29bcaa023f74-panel">
                    <span class="mr-4 text-blue-600">
                            <img src="/files/live/sites/algolia-assets/files/icons/shopping-bag.svg" class="w-6 h-6 lg:w-8 lg:h-8" alt="">
                        </span>
                    <span class="cmp-text flex flex-wrap items-center flex-1 font-sora text-lg lg:text-2xl font-bold dark:text-white"> Ecommerce</span>
                    <span class="cmp-accordion-price justify-end flex-wrap items-center font-sora font-bold text-grey-900 text-lg lg:text-2xl dark:text-white hidden">0</span>
                    <span class="cmp-caret-icon rotate-0 [.expanded_&]:rotate-180 text-blue-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" stroke-linecap="round" stroke-linejoin="round" role="img" title="Arrow down" class="">
                            <polyline points="6 9 12 15 18 9"></polyline>
                        </svg>
                    </span>
                </button>
            </div>
            <div class="cmp-accordion__panel  hidden pt-0 px-4 pb-6 " id="accordion-da64d324-986c-4238-813f-29bcaa023f74-panel"
                aria-labelledby="accordion-da64d324-986c-4238-813f-29bcaa023f74-button" aria-hidden="true">
                <div class="font-inter font-normal text-grey-700 text-[16px] lg:text-[18px] dark:text-grey-200  pl-8">
                    <div class="algoliaRichText check"><p>Create leading ecommerce UX. Give consumers seamless access to your product catalog via AI-powered search, discovery and recommendations, while increasing your online revenue.</p>
</div>


<!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->

<div data-tracking=""
     class="flex font-sora justify-center lg:justify-start">
    <div class="font-sora button last:me-0 inline-flex w-fit group">


            <a href="/industries/ecommerce"
                    data-finalurl="/cms/render/live/en/sites/www/home/industries/ecommerce.html" data-modal-id="modal_705885e0-25f5-4936-bf15-fe00e2b2ca1d" id="modal-link-modal_705885e0-25f5-4936-bf15-fe00e2b2ca1d"
                    data-locale="en" data-is-internal="true"
                    target="_self"
                    class=" relative z-50 cmp-button overflow-hidden flex flex-wrap items-center  cursor-pointer font-sora w-full
                     ctaGradient justify-center lg:justify-start text-grey-900 dark:text-white px-0 text-sm lg:text-base flex-nowrap"
                    style="--x: 0px; --y: 0px;">

                <span class="cmp-button__text font-semibold mx-auto font-sora leading-1.5 text-sm lg:text-base tracking-[0.28px] lg:tracking-[0.32px]">
                    Read more</span>
                <span class="cmp-button__icon ms-3 text-blue-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"
                             stroke-linecap="round" stroke-linejoin="round" role="img"
                             title="ArrowRightCircle"
                             class=" h-8 lg:w-full group-hover:fill-xenon-400 dark:group-hover:text-black group-hover:text-white transition-all duration-[400ms] ease-in group-hover:scale-[1.1]">
                            <circle cx="12" cy="12" r="10"></circle>
                            <polyline points="12 16 16 12 12 8"></polyline>
                            <line x1="8" y1="12" x2="16" y2="12"></line>
                        </svg>
                    </span>
                    </a>
    </div>
</div>


</div>
                </div>
        </div>
    </div>
<div class="listAnimation">
        <div class="cmp-accordion__item">
            <div class="cmp-accordion__header dark:hover:bg-inherit hover:bg-xenon-100">
                <button type="button" data-uid="790178eb-f0b4-4994-b688-3d9b41ee6b1a"
                    class="cmp-accordion__button relative flex flex-nowrap justify-between items-center w-full px-4 py-4 lg:py-6 ps-0 text-2xl text-left font-sora font-light"
                    id="accordion-790178eb-f0b4-4994-b688-3d9b41ee6b1a-button" aria-expanded="false"
                    aria-controls="accordion-790178eb-f0b4-4994-b688-3d9b41ee6b1a-panel">
                    <span class="mr-4 text-blue-600">
                            <img src="/files/live/sites/algolia-assets/files/icons/Calendar.svg" class="w-6 h-6 lg:w-8 lg:h-8" alt="">
                        </span>
                    <span class="cmp-text flex flex-wrap items-center flex-1 font-sora text-lg lg:text-2xl font-bold dark:text-white"> Enterprise & workplace</span>
                    <span class="cmp-accordion-price justify-end flex-wrap items-center font-sora font-bold text-grey-900 text-lg lg:text-2xl dark:text-white hidden">0</span>
                    <span class="cmp-caret-icon rotate-0 [.expanded_&]:rotate-180 text-blue-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" stroke-linecap="round" stroke-linejoin="round" role="img" title="Arrow down" class="">
                            <polyline points="6 9 12 15 18 9"></polyline>
                        </svg>
                    </span>
                </button>
            </div>
            <div class="cmp-accordion__panel  hidden pt-0 px-4 pb-6 " id="accordion-790178eb-f0b4-4994-b688-3d9b41ee6b1a-panel"
                aria-labelledby="accordion-790178eb-f0b4-4994-b688-3d9b41ee6b1a-button" aria-hidden="true">
                <div class="font-inter font-normal text-grey-700 text-[16px] lg:text-[18px] dark:text-grey-200  pl-8">
                    <div class="algoliaRichText check"><p>Modern business search &amp; discovery. Leverage our search expertise and enable your customers and employees to find the right products, content and information.</p>
</div>


<!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->

<div data-tracking=""
     class="flex font-sora justify-center lg:justify-start">
    <div class="font-sora button last:me-0 inline-flex w-fit group">


            <a href="/use-cases/enterprise"
                    data-finalurl="/cms/render/live/en/sites/www/home/use-cases/enterprise.html" data-modal-id="modal_c5460141-99d5-4523-86c7-2f9f4e418b5d" id="modal-link-modal_c5460141-99d5-4523-86c7-2f9f4e418b5d"
                    data-locale="en" data-is-internal="true"
                    target="_self"
                    class=" relative z-50 cmp-button overflow-hidden flex flex-wrap items-center  cursor-pointer font-sora w-full
                     ctaGradient justify-center lg:justify-start text-grey-900 dark:text-white px-0 text-sm lg:text-base flex-nowrap"
                    style="--x: 0px; --y: 0px;">

                <span class="cmp-button__text font-semibold mx-auto font-sora leading-1.5 text-sm lg:text-base tracking-[0.28px] lg:tracking-[0.32px]">
                    Read more</span>
                <span class="cmp-button__icon ms-3 text-blue-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"
                             stroke-linecap="round" stroke-linejoin="round" role="img"
                             title="ArrowRightCircle"
                             class=" h-8 lg:w-full group-hover:fill-xenon-400 dark:group-hover:text-black group-hover:text-white transition-all duration-[400ms] ease-in group-hover:scale-[1.1]">
                            <circle cx="12" cy="12" r="10"></circle>
                            <polyline points="12 16 16 12 12 8"></polyline>
                            <line x1="8" y1="12" x2="16" y2="12"></line>
                        </svg>
                    </span>
                    </a>
    </div>
</div>


</div>
                </div>
        </div>
    </div>
<div class="listAnimation">
        <div class="cmp-accordion__item">
            <div class="cmp-accordion__header dark:hover:bg-inherit hover:bg-xenon-100">
                <button type="button" data-uid="4764a3ba-cdc9-40ff-8c61-7e63e3599b47"
                    class="cmp-accordion__button relative flex flex-nowrap justify-between items-center w-full px-4 py-4 lg:py-6 ps-0 text-2xl text-left font-sora font-light"
                    id="accordion-4764a3ba-cdc9-40ff-8c61-7e63e3599b47-button" aria-expanded="false"
                    aria-controls="accordion-4764a3ba-cdc9-40ff-8c61-7e63e3599b47-panel">
                    <span class="mr-4 text-blue-600">
                            <img src="/files/live/sites/algolia-assets/files/icons/Search.svg" class="w-6 h-6 lg:w-8 lg:h-8" alt="">
                        </span>
                    <span class="cmp-text flex flex-wrap items-center flex-1 font-sora text-lg lg:text-2xl font-bold dark:text-white"> Marketplaces</span>
                    <span class="cmp-accordion-price justify-end flex-wrap items-center font-sora font-bold text-grey-900 text-lg lg:text-2xl dark:text-white hidden">0</span>
                    <span class="cmp-caret-icon rotate-0 [.expanded_&]:rotate-180 text-blue-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" stroke-linecap="round" stroke-linejoin="round" role="img" title="Arrow down" class="">
                            <polyline points="6 9 12 15 18 9"></polyline>
                        </svg>
                    </span>
                </button>
            </div>
            <div class="cmp-accordion__panel  hidden pt-0 px-4 pb-6 " id="accordion-4764a3ba-cdc9-40ff-8c61-7e63e3599b47-panel"
                aria-labelledby="accordion-4764a3ba-cdc9-40ff-8c61-7e63e3599b47-button" aria-hidden="true">
                <div class="font-inter font-normal text-grey-700 text-[16px] lg:text-[18px] dark:text-grey-200  pl-8">
                    <div class="algoliaRichText check"><p>Build powerful discovery on unique reference catalogs. Connect sellers and buyers with scalable, flexible search, discovery and recommendation APIs. Decrease TCO while increasing revenue.</p>
</div>


<!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->

<div data-tracking=""
     class="flex font-sora justify-center lg:justify-start">
    <div class="font-sora button last:me-0 inline-flex w-fit group">


            <a href="/industries/marketplaces"
                    data-finalurl="/cms/render/live/en/sites/www/home/industries/marketplaces.html" data-modal-id="modal_1094c87a-b819-4274-8310-4ee38f9e4486" id="modal-link-modal_1094c87a-b819-4274-8310-4ee38f9e4486"
                    data-locale="en" data-is-internal="true"
                    target="_self"
                    class=" relative z-50 cmp-button overflow-hidden flex flex-wrap items-center  cursor-pointer font-sora w-full
                     ctaGradient justify-center lg:justify-start text-grey-900 dark:text-white px-0 text-sm lg:text-base flex-nowrap"
                    style="--x: 0px; --y: 0px;">

                <span class="cmp-button__text font-semibold mx-auto font-sora leading-1.5 text-sm lg:text-base tracking-[0.28px] lg:tracking-[0.32px]">
                    Read more</span>
                <span class="cmp-button__icon ms-3 text-blue-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"
                             stroke-linecap="round" stroke-linejoin="round" role="img"
                             title="ArrowRightCircle"
                             class=" h-8 lg:w-full group-hover:fill-xenon-400 dark:group-hover:text-black group-hover:text-white transition-all duration-[400ms] ease-in group-hover:scale-[1.1]">
                            <circle cx="12" cy="12" r="10"></circle>
                            <polyline points="12 16 16 12 12 8"></polyline>
                            <line x1="8" y1="12" x2="16" y2="12"></line>
                        </svg>
                    </span>
                    </a>
    </div>
</div>


</div>
                </div>
        </div>
    </div></div>
    </div>
</div></div>
                </div>
   </div>

</div><!-- Check if the property is null or empty -->
<!-- Check if the property is null or empty -->


<!-- algoliaContainer.jsp  -->
<div id="" data-tracking="" class="main__container  bg-main">
    <div class="mx-auto max-w-screen-xl lg:px-14 lg:py-28 px-4 py-8">
        <div class="grid grid-cols-12 md:gap-x-16 gap-y-8">

            <div class="col-span-12">
                        <!-- Check if the property is null or empty -->
<div data-tracking="" class="teaser1-container mx-auto mt-16 md:mt-4">

    <div class="flex flex-col  items-center mb-4">

    <div class=" text-center lg:w-[90%] w-full">
        <h2 class="font-sora font-bold text-[2.125rem] leading-[2.75rem] tracking-[-0.01em] lg:text-[2.625rem] lg:leading-[3.438rem] mt-0 mb-4 text-grey-900 dark:text-white">
                From startups, to unicorns, to public companies</h2>
        <div class="font-normal mb-8 text-grey-700 dark:text-grey-200">
                <p>High-performing companies build leading search and discovery experiences with Algolia</p>
</div>
        </div>
</div>
<div class="slick multi-item-carousel" data-dots="false" data-arrows="true" data-centermode="false" data-autoplay="false" data-variablewidth="false" data-infinitescroll="true" data-slidetoshowxl="1" data-slidetoscrollxl="1" data-slidetoshowlg="1" data-slidetoscrolllg="1" data-slidetoshowmd="1" data-slidetoscrollmd="1" data-slidetoshowsm="1" data-slidetoscrollsm="1">
    
<!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->

<!-- Teaser W/o Image --> 
<!-- text-blue-500 -->
<div class="teaser teaser1-align-left px-3 h-full ">
            <div class="cmp-teaser flex flex-wrap">
                <div class="cmp-teaser__image flex w-full justify-starth-full lg:mb-8 mb-6">
                    <img style="width:px; height:px;" src='/files/live/sites/algolia-assets/files/ai-search/zendesk.svg'
                         class="w-[220px] mr-auto max-w-full object-contain max-h-[100px]" alt="" />
                </div>
                <div class="cmp-teaser__content w-full text-left">
                    <div class="cmp-teaser__description font-inter font-normal mb-6 mt-4">
                            <span class="text-lg font-sora text-grey-700 dark:text-grey-200 group-hover:text-xenon-600 text-left"><blockquote>&ldquo;Algolia&rsquo;s federated search helps us facilitate seamless customer experiences by empowering our employees to easily and quickly find the relevant information and resources they need to do their job every day.&rdquo;</blockquote>

<p>Brit Atilano</p>

<p>Program manager, IT operations&nbsp;@ Zendesk</p>
</span>
                        </div>
                    <div class="cmp-teaser__action-container mb-8 lg:mb-0 flex justify-start">
                            


<!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->

<div data-tracking=""
     class="flex font-sora  justify-center">
    <div class="font-sora button last:me-0 inline-flex w-fit group">


            <a href="https://resources.algolia.com/federated-search/webinar-breakingdowncontentsiloszendesk-dg"
                    data-finalurl="https://resources.algolia.com/federated-search/webinar-breakingdowncontentsiloszendesk-dg" data-modal-id="modal_c862ccec-e609-41aa-98ee-c80d81100aa8" id="modal-link-modal_c862ccec-e609-41aa-98ee-c80d81100aa8"
                    data-locale="en" data-is-internal="true"
                    target="_self"
                    class=" relative z-50 cmp-button overflow-hidden flex flex-wrap items-center  cursor-pointer font-sora w-full
                     ctaGradient justify-center white cta-bg-white px-4 lg:px-6 bg-white hover:text-grey-700 text-grey-900 shadow-md border-2 border-white rounded-lg min-h-12 lg:min-h-14"
                    style="--x: 0px; --y: 0px;">

                <span class="cmp-button__text font-semibold mx-auto font-sora leading-1.5 text-sm lg:text-base tracking-[0.28px] lg:tracking-[0.32px]">
                    Watch the video</span>
                </a>
    </div>
</div>


</div>
                    </div>
            </div>
        </div>
<!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->

<!-- Teaser W/o Image --> 
<!-- text-blue-500 -->
<div class="teaser teaser1-align-left px-3 h-full ">
            <div class="cmp-teaser flex flex-wrap">
                <div class="cmp-teaser__image flex w-full justify-starth-full lg:mb-8 mb-6">
                    <img style="width:px; height:px;" src='/files/live/sites/algolia-assets/files/ai-search/flexport.svg'
                         class="w-[220px] mr-auto max-w-full object-contain max-h-[100px]" alt="" />
                </div>
                <div class="cmp-teaser__content w-full text-left">
                    <div class="cmp-teaser__description font-inter font-normal mb-6 mt-4">
                            <span class="text-lg font-sora text-grey-700 dark:text-grey-200 group-hover:text-xenon-600 text-left"><blockquote>&ldquo;Algolia has become so mission critical for navigating our application that users instantly notice whenever we ship a new enhancement to our Algolia implementation.&rdquo;</blockquote>

<p>Desmond Brand</p>

<p>Director of engineering&nbsp;@ Flexport</p>
</span>
                        </div>
                    <div class="cmp-teaser__action-container mb-8 lg:mb-0 flex justify-start">
                            


<!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->

<div data-tracking=""
     class="flex font-sora  justify-center">
    <div class="font-sora button last:me-0 inline-flex w-fit group">


            <a href="https://resources.algolia.com/customer-stories/flexport"
                    data-finalurl="https://resources.algolia.com/customer-stories/flexport" data-modal-id="modal_916acca1-2e3c-4c02-879c-cbe823f27c22" id="modal-link-modal_916acca1-2e3c-4c02-879c-cbe823f27c22"
                    data-locale="en" data-is-internal="true"
                    target="_self"
                    class=" relative z-50 cmp-button overflow-hidden flex flex-wrap items-center  cursor-pointer font-sora w-full
                     ctaGradient justify-center white cta-bg-white px-4 lg:px-6 bg-white hover:text-grey-700 text-grey-900 shadow-md border-2 border-white rounded-lg min-h-12 lg:min-h-14"
                    style="--x: 0px; --y: 0px;">

                <span class="cmp-button__text font-semibold mx-auto font-sora leading-1.5 text-sm lg:text-base tracking-[0.28px] lg:tracking-[0.32px]">
                    Read their story</span>
                </a>
    </div>
</div>


</div>
                    </div>
            </div>
        </div></div>
        
</div>


<style>
    .slick-track {
        display: flex;
        align-items: center;
    }




    /* ----------------- Start for teaser 1 view only --------------- */
    .teaser .cmp-teaser .cmp-teaser__content blockquote {
        margin-bottom: 1rem;
    }

    .teaser1-container .text-grey-700 p,
    .teaser1-container .text-grey-700 span,
    .teaser1-container .text-grey-700 li {
        color: inherit;
    }

    /* -----------------End for teaser 1 view only --------------- */
    @media (max-width: 768px) {
        .slick-prev {
            left: calc(50% - 32px);
            top: -50px;
            transform: translatex(-50%)
        }

        .slick-next {
            left: calc(50% + 32px);
            top: -50px;
            transform: translatex(-50%)
        }

        .slick-slider {
            margin-bottom: 0px;
        }

        .multi-item-carousel .teaser h5 {
            font-size: 1rem;
        }
    }

    .multi-item-carousel .teaser h5 {
        font-weight: normal;
        font-size: 1.5rem;
    }

    .grid-cols-12 .md\:col-span-6 .slick-slide blockquote {
        line-height: 34px;
        font-weight: 300;
        color: #23263b;
        font-size: 24px;
        margin-bottom: 2rem;
    }

    .dark .grid-cols-12 .md\:col-span-6 .slick-slide blockquote {
        color: white;
    }

    .slick .teaser.slick-slide {
        justify-content: center
    }


    .teaser-item-big-bold-title .cmp-teaser .cmp-teaser__content>.cmp-teaser__title {
        font-size: 42px;
        font-weight: 700;
    }
</style></div>
                </div>
   </div>

</div><!-- Check if the property is null or empty -->
<!-- Check if the property is null or empty -->


<!-- algoliaContainer.jsp  -->
<div id="" data-tracking="" class="main__container  bg-tertiary dark">
    <div class="mx-auto max-w-screen-xl lg:px-14 lg:py-28 px-4 py-8">
        <div class="grid grid-cols-12 md:gap-x-16 gap-y-8">

            <div class="col-span-12">
                        <div class="flex flex-col items-center justify-center text-center mb-8">
<h2 class="main-heading font-sora font-bold text-[2.125rem] leading-[2.75rem] tracking-[-0.01em] lg:text-[2.625rem] leading-[3.438rem] tracking-[-0.01em] mt-0 mb-4 text-grey-900 dark:text-white">
        Integrations</h2>
</div><script src="/modules/algolia-connector-jahia/javascript/algolia/hooksInitialization.js"></script>  
  <script type="module" src="/modules/algolia-connector-jahia/javascript/algolia/hooks/algoliaCustomHooks.js"></script> 
  <script type="module" src="/modules/algolia-connector-jahia/javascript/algolia/app.js"></script>
  <link rel="stylesheet" href="/modules/algolia-connector-jahia/css/output.css" type="text/css">
  <link rel="stylesheet" href="/modules/algolia-connector-jahia/css/search-results.css" type="text/css">
  <link rel="stylesheet" href="/modules/algolia-connector-jahia/css/algolia-search.css" type="text/css">
  <link rel="stylesheet" href="/modules/algolia-connector-jahia/css/code-exchange.css" type="text/css">
  <link rel="stylesheet" href="/modules/algolia-connector-jahia/css/code-exchange-v2.css" type="text/css">
  <link rel="stylesheet" href="/modules/algolia-connector-jahia/css/partner-directory.css" type="text/css">
<div class="instantsearch aem-GridColumn aem-GridColumn--default--12">
  <div class="instant-search-comp integration-grid" data-cmp-is="algoliaInstantSearchComp"
    data-search-config="algoliasearch_20241129100643295" id="" data-searchjson="{&#034;instantSearch&#034;:{&#034;enableSearchbar&#034;:true,&#034;disableGlobalNoResults&#034;:true,&#034;queryKey&#034;:&#034;e4a02579f71e679d4bfee18204888df9&#034;,&#034;enableSecuredSearch&#034;:&#034;false&#034;,&#034;categoryPagePath&#034;:&#034;1QDAWL72TQ&#034;,&#034;panelContainerClassName&#034;:&#034;integration-grid&#034;,&#034;enableRouting&#034;:&#034;false&#034;,&#034;indices&#034;:[{&#034;template&#034;:&#034;{{#splExternalVanity}}\n&lt;a href=\&#034;{{splExternalVanity}}\&#034; class=\&#034;flex flex-col flex-1 items-center justify-around transition-all duration-200 p-2 lg:p-6 border-2 border-solid border-grey-800 text-center rounded-md bg-xenon-900 hover:border-gray-600 hover:bg-white/10\&#034;&gt;\n{{/splExternalVanity}}\n{{^splExternalVanity}}\n{{#vanity}}\n&lt;a href=\&#034;{{vanity}}\&#034; class=\&#034;flex flex-col flex-1 items-center justify-around transition-all duration-200 p-2 lg:p-6 border-2 border-solid border-grey-800 text-center rounded-md bg-xenon-900 hover:border-gray-600 hover:bg-white/10\&#034;&gt;\n{{/vanity}}\n{{^vanity}}\n    {{#rewriteurl}}\n    &lt;a href=\&#034;{{rewriteurl}}\&#034; class=\&#034;flex flex-col flex-1 items-center justify-around transition-all duration-200 p-2 lg:p-6 border-2 border-solid border-grey-800 text-center rounded-md bg-xenon-900 hover:border-gray-600 hover:bg-white/10\&#034;&gt;\n    {{/rewriteurl}}\n    {{^rewriteurl}}\n    &lt;a href=\&#034;{{path}}\&#034; class=\&#034;flex flex-col flex-1 items-center justify-around transition-all duration-200 p-2 lg:p-6 border-2 border-solid border-grey-800 text-center rounded-md bg-xenon-900 hover:border-gray-600 hover:bg-white/10\&#034;&gt;\n    {{/rewriteurl}}    \n{{/vanity}}  \n{{/splExternalVanity}}\n\n\n{{#splpageType}}\n    &lt;img class=\&#034;h-12 mb-4\&#034; src=\&#034;/files/live{{splimage}}\&#034; alt=\&#034;{{splHeading}}\&#034; /&gt;\n    &lt;p class=\&#034;font-sora font-light text-lg lg:text-2xl text-white\&#034;&gt;{{{splHeading}}}&lt;\/p&gt;\n{{/splpageType}}\n{{^splpageType}}\n    {{#banner}}\n    &lt;img class=\&#034;h-12 mb-4\&#034; src=\&#034;/files/live{{customIcon}}\&#034; alt=\&#034;{{{_snippetResult.title.value}}}\&#034; /&gt;\n    &lt;p class=\&#034;font-sora font-light text-lg lg:text-2xl text-white\&#034;&gt;{{{_snippetResult.title.value}}}&lt;\/p&gt;\n    {{/banner}}\n    {{^banner}}\n    {{#customIcon}}&lt;img class=\&#034;h-12 mb-4\&#034; src=\&#034;/files/live{{customIcon}}\&#034; alt=\&#034;{{{_snippetResult.title.value}}}\&#034; /&gt;{{/customIcon}}\n    &lt;p class=\&#034;font-sora font-light text-lg lg:text-2xl text-white\&#034;&gt;{{{_snippetResult.title.value}}}&lt;\/p&gt;\n    {{/banner}}\n{{/splpageType}}\n&lt;\/a&gt;&#034;,&#034;sourceId&#034;:&#034;index-20241217072231368&#034;,&#034;sortindices&#034;:[],&#034;showCurrentRefinements&#034;:&#034;false&#034;,&#034;hitsPerPage&#034;:[{&#034;label&#034;:&#034;100 hits per page&#034;,&#034;value&#034;:&#034;100&#034;}],&#034;indexName&#034;:&#034;ALGOLIA_WWW_PROD_DEVELOPERS&#034;,&#034;showClearRefinement&#034;:&#034;false&#034;,&#034;unescapeHTML&#034;:&#034;true&#034;,&#034;distinct&#034;:&#034;true&#034;,&#034;enablePersonalization&#034;:&#034;false&#034;,&#034;footerTemplate&#034;:&#034;&#034;,&#034;facets&#034;:[],&#034;enableFilter&#034;:&#034;true&#034;,&#034;filterExpression&#034;:&#034;nodetype:\&#034;aant:developersEntry\&#034; OR splpageType:\&#034;developer\&#034;&#034;,&#034;containerId&#034;:&#034;index-20241217072231368&#034;,&#034;enablePaginationAtTop&#034;:&#034;false&#034;,&#034;ruleContext&#034;:[],&#034;enableFacetsDropdown&#034;:&#034;true&#034;}],&#034;disableHideIndexNoResults&#034;:false,&#034;searchbar&#034;:{&#034;enableAutoFocus&#034;:false,&#034;placeholderText&#034;:&#034;Search here...&#034;,&#034;showLoadingIndicator&#034;:false,&#034;disablePrePopulation&#034;:false},&#034;appId&#034;:&#034;1QDAWL72TQ&#034;,&#034;algoliaSearchContainerId&#034;:&#034;algoliasearch_20241129100643295&#034;,&#034;productPagePath&#034;:&#034;1QDAWL72TQ&#034;}}">    
      
         <!-- /* Search Box */--> 
              
<div class="searchbox"></div><!-- For Searchbox if Enabled-->
    <div id="queryRuleCustomData"></div>
    <div id="forindexes"> <!--For indexes-->
      <div id="no-results-container" style="display: none;">
        <div id="noResultsQuery"></div>
      </div>

      <div>
    <div class="enabled-tab-view" data-view-type="tab-view" id="results-container">
        <div class="row">
         <div class="col-lg-12">
				<nav class="search-results-nav">
            <div class="search-results-nav__tabs" id="searchResultsNav"
						role="tablist">
						</div>
            </nav>
			</div>

           <div class="col-lg-12">
              <div class="search-results-tabs"><div class="search-results-tab" id="index-20241217072231368" data-indexname="ALGOLIA_WWW_PROD_DEVELOPERS">
      <div class="instant-search-comp-index " id="">
            <div class="row">
                     <!--/* Rules Container */-->
                  <div id="index-20241217072231368-rules" class="rules-container">
                  </div> 
                    <!--/* End Rules Container */-->
                  <!--/* Facets Container */-->
               <!--   <div class ="instant-search-comp__aside"> -->
                        <!-- Need to put confition-->
    <div class="refinement-header">
        <button type="button" class="uppercase lg:hidden block relative ">
            </button>
    </div>
    <div class="refinement_container">
        <!-- moved heading to aside section as per algolia requirement -->
        <!-- <h5></h5> -->
        <!--/ Current Selected Refinements Button /-->
        <div id="index-20241217072231368-current-refinements" class="current-refinements"></div>
        <!--/ End Current Selected Refinements Button /-->

        <!--/ Clear Refinements Button /-->
        <div id="index-20241217072231368-clear-refinements" class="clear-refinements mb-3"></div>
        <!--/ End Clear Refinements Button /-->
    </div>
    <div class="instant-search-comp__aside">
        <h5></h5>
            <div class="facets_container" id="index-20241217072231368-facetsContainer">
            </div>
    </div><!-- </div> -->
                  <!--/* End Facets Container */-->
                   <!--/* Hits Container */-->
                  <div class ="instant-search-comp__main w-full"> <!--!index.facetsAvailable ? 'w-full' : ''-->
                        <div class="row hide">
                              <div class="col-md-5 col-lg-4">
                               <!--/* Result Stats */-->
                              <div id="index-20241217072231368-stats" class="stats-container mb-3"></div>
                              <!--/* End Result Stats */-->
                              </div>  
                              <div class="col-md-7 col-lg-8 sort-by-container">
                                    <!--/* Result Sort By */-->
                                    <div class="sort-by-widget">
                                          <div>
                                          <div id="index-20241217072231368-sort-by">
                                                      
                                                      </div>
                                          </div>
                                    </div>
                                    <!--/* End Result Sort By */-->
                                    <!--/* Hits Per Page */-->
                                    <div class="hitsPerPage-widget">
                                          <div>
                                           <div id="index-20241217072231368-hitsPerPage" class="hits-per-page-dropdown"></div>
                                          </div>
                                    </div>
                                    <!--/* End Hits Per Page */-->
                                    <!-- need to update icon paths -->
                              </div>
                        </div>
                        <!--/* Top Pagination Container */-->
                              <div id="index-20241217072231368-pagination-top" class="pagination-container hide"></div>
                         <!--/* End Top Pagination Container */--> 
                         <!--/* Hits Container */-->
                              <div id="index-20241217072231368-hits" data-indexName="ALGOLIA_WWW_PROD_DEVELOPERS"
                              class="instant-search-comp__hits carouselView">
                              </div>
                              <!--/* End Hits Container */-->
                           <!--/* Bottom Pagination Container */-->
                              <div id="index-20241217072231368-pagination" class="pagination-container hide"></div>
                         <!--/* End Bottom Pagination Container */-->
                  </div>
            </div>
      </div>
</div></div></div></div></div>
</div>
<div id="no-results-container" style="display: none;">
    <h1>No Products Found!!! </h1>
 </div></div>

  </div>


</div></div>
                </div>
   </div>

</div><!-- Check if the property is null or empty -->
<!-- Check if the property is null or empty -->


<!-- algoliaContainer.jsp  -->
<div id="" data-tracking="" class="main__container ">
    <div class="mx-auto max-w-screen-xl lg:px-14 lg:py-28 px-4 py-8">
        <div class="grid grid-cols-12 md:gap-x-16 gap-y-8">

            <div class="col-span-12">
                        <!-- Start Image List Container -->

<!-- #region translation -->
<!-- Check if the property is null or empty -->
<!-- #endregion translation -->


<div data-tracking="" class="teaser-container mx-auto ">

    <div class="flex flex-col  items-center mb-4">
    <div class=" text-center lg:w-[90%] w-full">
        <h2 class="font-sora mt-0 mb-4 text-grey-900 dark:text-white text-[2.125rem] leading-[2.75rem] tracking-[-0.01em] lg:lg:text-[2.625rem] lg:leading-[3.438rem] font-bold">
                Partner with Algolia to help your startup grow</h2>
        <div class="font-normal mb-8 text-grey-700 dark:text-grey-200"><p>If you are an incubator, accelerator, startup program, angel or a VC firm, partner with us to make our offer available to your startups. Click&nbsp;<a data-new-window="true" href="https://docs.google.com/forms/d/e/1FAIpQLSfXgUkNAbhsumXYulaF4anU7EJ77VpeIa_cWNY7U1O96tne-Q/viewform" rel="noopener noreferrer" target="_blank">here</a>&nbsp;to reach out.</p>
</div>
        </div>
</div>
<div class="  z-1 grid gap-x-4 gap-y-8 mb-12 lg:mb-16  grid-cols-2  md:grid-cols-5">
<!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->

<!-- Start Image List Teaser-->
<div class="teaser imageListItem flex justify-center items-center ">
    <div class="cmp-teaser flex flex-wrap items-center justify-center flex-col">
    <div class="cmp-teaser__image flex flex-col items-center justify-center">
                    <img style="max-height: 35.0px;" 
                        class="w-full h-auto object-contain m-auto" 
                        src="/files/live/sites/algolia-assets/files/ai-search/amplitude.svg" 
                        alt="" />
                </div>    
        </div>            
    </div>

<!-- End Image List Teaser--><!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->

<!-- Start Image List Teaser-->
<div class="teaser imageListItem flex justify-center items-center ">
    <div class="cmp-teaser flex flex-wrap items-center justify-center flex-col">
    <div class="cmp-teaser__image flex flex-col items-center justify-center">
                    <img style="max-height: 35.0px;" 
                        class="w-full h-auto object-contain m-auto" 
                        src="/files/live/sites/algolia-assets/files/ai-search/flexport.svg" 
                        alt="" />
                </div>    
        </div>            
    </div>

<!-- End Image List Teaser--><!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->

<!-- Start Image List Teaser-->
<div class="teaser imageListItem flex justify-center items-center ">
    <div class="cmp-teaser flex flex-wrap items-center justify-center flex-col">
    <div class="cmp-teaser__image flex flex-col items-center justify-center">
                    <img style="max-height: 35.0px;" 
                        class="w-full h-auto object-contain m-auto" 
                        src="/files/live/sites/algolia-assets/files/ai-search/slack.svg" 
                        alt="" />
                </div>    
        </div>            
    </div>

<!-- End Image List Teaser--><!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->

<!-- Start Image List Teaser-->
<div class="teaser imageListItem flex justify-center items-center ">
    <div class="cmp-teaser flex flex-wrap items-center justify-center flex-col">
    <div class="cmp-teaser__image flex flex-col items-center justify-center">
                    <img style="max-height: 35.0px;" 
                        class="w-full h-auto object-contain m-auto" 
                        src="/files/live/sites/algolia-assets/files/ai-search/stripe.svg" 
                        alt="" />
                </div>    
        </div>            
    </div>

<!-- End Image List Teaser--><!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->

<!-- Start Image List Teaser-->
<div class="teaser imageListItem flex justify-center items-center ">
    <div class="cmp-teaser flex flex-wrap items-center justify-center flex-col">
    <div class="cmp-teaser__image flex flex-col items-center justify-center">
                    <img style="max-height: 35.0px;" 
                        class="w-full h-auto object-contain m-auto" 
                        src="/files/live/sites/algolia-assets/files/ai-search/zendesk.svg" 
                        alt="" />
                </div>    
        </div>            
    </div>

<!-- End Image List Teaser--></div>
</div>

<!-- End Image List Container -->


<!--  if edit mode display button to add more images to the carousel --></div>
                </div>
   </div>

</div><!-- Check if the property is null or empty -->
<!-- Check if the property is null or empty -->


<!-- algoliaContainer.jsp  -->
<div id="" data-tracking="" class="main__container  bg-main">
    <div class="mx-auto max-w-screen-xl lg:px-14 lg:py-28 px-4 py-8">
        <div class="grid grid-cols-12 md:gap-x-16 gap-y-8">

            <div class="col-span-12">
                        <!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->


<div data-tracking="" class="mx-auto">
    <div class="flex flex-col  items-center mb-8">
            <div class=" text-center lg:w-[90%] w-full">
                <h2 class="font-sora font-bold text-[2.125rem] leading-[2.75rem] tracking-[-0.01em] mt-0 mb-4 text-grey-900 dark:text-white lg:lg:text-[2.625rem] lg:leading-[3.438rem]">
                        Algolia Startup Program FAQs</h2>
                </div>
        </div>
    <div class="accordion mb-8">
        <div class="cmp-accordion" data-expansion-type="multiItem">

            <!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->



<div class="listAnimation">
    <div class="cmp-accordion__item pt-2 lg:pt-0">
        <div class="cmp-accordion__header dark:hover:bg-inherit hover:bg-xenon-100">
            <button type="button" class="cmp-accordion__button relative flex flex-nowrap justify-between items-center w-full px-4 py-4 lg:py-6 text-2xl text-left font-sora font-light"
                id="accordion-3ae03170-6ac7-4097-bc46-5eeffcd49644-button" aria-expanded="false"
                aria-controls="accordion-3ae03170-6ac7-4097-bc46-5eeffcd49644-panel">
                <span class="cmp-text flex flex-wrap items-center flex-1 font-sora font-bold text-grey-900 text-left font-sora text-lg lg:text-2xl font-bold dark:text-white"> Who is eligible for the Algolia startup program?</span>
                <span class="cmp-accordion-price justify-end flex-wrap items-center font-sora font-bold text-grey-900 font-sora text-lg lg:text-2xl font-bold dark:text-white hidden">0</span>
                <span class="cmp-caret-icon rotate-0 [.expanded_&]:rotate-180 text-blue-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" stroke-linecap="round" stroke-linejoin="round" role="img" title="Arrow down" class="">
                        <polyline points="6 9 12 15 18 9"></polyline>
                    </svg>
                </span>
            </button>
        </div>
        <div class="cmp-accordion__panel  hidden  px-4 pb-6" id="accordion-3ae03170-6ac7-4097-bc46-5eeffcd49644-panel"
            aria-labelledby="accordion-3ae03170-6ac7-4097-bc46-5eeffcd49644-button" aria-hidden="true">
            <div>
                <div class="algoliaRichText check"><p>Startups that are less than three years old and have raised less than $5M in funding are eligible for the program. Apply&nbsp;<a href="https://support.algolia.com/hc/en-us/requests/new?ticket_form_id=5005635939217" title="here">here</a>&nbsp;if you are eligible.</p>
</div></div>
        </div>
    </div>
</div><!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->



<div class="listAnimation">
    <div class="cmp-accordion__item pt-2 lg:pt-0">
        <div class="cmp-accordion__header dark:hover:bg-inherit hover:bg-xenon-100">
            <button type="button" class="cmp-accordion__button relative flex flex-nowrap justify-between items-center w-full px-4 py-4 lg:py-6 text-2xl text-left font-sora font-light"
                id="accordion-742a7a32-43ab-45ff-82b0-f680c879ff2d-button" aria-expanded="false"
                aria-controls="accordion-742a7a32-43ab-45ff-82b0-f680c879ff2d-panel">
                <span class="cmp-text flex flex-wrap items-center flex-1 font-sora font-bold text-grey-900 text-left font-sora text-lg lg:text-2xl font-bold dark:text-white"> What do we get if we get approved in the program?</span>
                <span class="cmp-accordion-price justify-end flex-wrap items-center font-sora font-bold text-grey-900 font-sora text-lg lg:text-2xl font-bold dark:text-white hidden">0</span>
                <span class="cmp-caret-icon rotate-0 [.expanded_&]:rotate-180 text-blue-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" stroke-linecap="round" stroke-linejoin="round" role="img" title="Arrow down" class="">
                        <polyline points="6 9 12 15 18 9"></polyline>
                    </svg>
                </span>
            </button>
        </div>
        <div class="cmp-accordion__panel  hidden  px-4 pb-6" id="accordion-742a7a32-43ab-45ff-82b0-f680c879ff2d-panel"
            aria-labelledby="accordion-742a7a32-43ab-45ff-82b0-f680c879ff2d-button" aria-hidden="true">
            <div>
                <div class="algoliaRichText check"><p>If you get approved, you get $10,000 in Algolia credit that you can use in the first 12 months of getting approved. &nbsp;Apply&nbsp;<a href="https://support.algolia.com/hc/en-us/requests/new?ticket_form_id=5005635939217" title="here">here</a>&nbsp;to get started.</p>
</div></div>
        </div>
    </div>
</div><!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->



<div class="listAnimation">
    <div class="cmp-accordion__item pt-2 lg:pt-0">
        <div class="cmp-accordion__header dark:hover:bg-inherit hover:bg-xenon-100">
            <button type="button" class="cmp-accordion__button relative flex flex-nowrap justify-between items-center w-full px-4 py-4 lg:py-6 text-2xl text-left font-sora font-light"
                id="accordion-e9ca73f5-c001-4647-af50-1f7c90a67209-button" aria-expanded="false"
                aria-controls="accordion-e9ca73f5-c001-4647-af50-1f7c90a67209-panel">
                <span class="cmp-text flex flex-wrap items-center flex-1 font-sora font-bold text-grey-900 text-left font-sora text-lg lg:text-2xl font-bold dark:text-white"> I am not able to use all my credits in the 12 months, can I use them later?</span>
                <span class="cmp-accordion-price justify-end flex-wrap items-center font-sora font-bold text-grey-900 font-sora text-lg lg:text-2xl font-bold dark:text-white hidden">0</span>
                <span class="cmp-caret-icon rotate-0 [.expanded_&]:rotate-180 text-blue-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" stroke-linecap="round" stroke-linejoin="round" role="img" title="Arrow down" class="">
                        <polyline points="6 9 12 15 18 9"></polyline>
                    </svg>
                </span>
            </button>
        </div>
        <div class="cmp-accordion__panel  hidden  px-4 pb-6" id="accordion-e9ca73f5-c001-4647-af50-1f7c90a67209-panel"
            aria-labelledby="accordion-e9ca73f5-c001-4647-af50-1f7c90a67209-button" aria-hidden="true">
            <div>
                <div class="algoliaRichText check"><p>All the unused credits will expire/lapse after 12 months. Apply&nbsp;<a href="https://support.algolia.com/hc/en-us/requests/new?ticket_form_id=5005635939217" title="here">here</a>&nbsp;to be part of the program.</p>
</div></div>
        </div>
    </div>
</div><!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->



<div class="listAnimation">
    <div class="cmp-accordion__item pt-2 lg:pt-0">
        <div class="cmp-accordion__header dark:hover:bg-inherit hover:bg-xenon-100">
            <button type="button" class="cmp-accordion__button relative flex flex-nowrap justify-between items-center w-full px-4 py-4 lg:py-6 text-2xl text-left font-sora font-light"
                id="accordion-f7386ad5-fa35-4293-b935-a96ce31c8900-button" aria-expanded="false"
                aria-controls="accordion-f7386ad5-fa35-4293-b935-a96ce31c8900-panel">
                <span class="cmp-text flex flex-wrap items-center flex-1 font-sora font-bold text-grey-900 text-left font-sora text-lg lg:text-2xl font-bold dark:text-white"> What happens if I end up using all the credits before 12 months?</span>
                <span class="cmp-accordion-price justify-end flex-wrap items-center font-sora font-bold text-grey-900 font-sora text-lg lg:text-2xl font-bold dark:text-white hidden">0</span>
                <span class="cmp-caret-icon rotate-0 [.expanded_&]:rotate-180 text-blue-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" stroke-linecap="round" stroke-linejoin="round" role="img" title="Arrow down" class="">
                        <polyline points="6 9 12 15 18 9"></polyline>
                    </svg>
                </span>
            </button>
        </div>
        <div class="cmp-accordion__panel  hidden  px-4 pb-6" id="accordion-f7386ad5-fa35-4293-b935-a96ce31c8900-panel"
            aria-labelledby="accordion-f7386ad5-fa35-4293-b935-a96ce31c8900-button" aria-hidden="true">
            <div>
                <div class="algoliaRichText check"><p>The moment your $10,000 credits are exhausted, you will be automatically moved to Pay as you go plan. Here is the pricing that will be applied for your usage -&nbsp;<a href="https://www.algolia.com/pricing/">https://www.algolia.com/pricing/</a>. You can also get in touch with our sales team to get on committed plans with 20% discounts. Apply&nbsp;<a href="https://support.algolia.com/hc/en-us/requests/new?ticket_form_id=5005635939217" title="here">here</a>&nbsp;to get started.</p>
</div></div>
        </div>
    </div>
</div><!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->



<div class="listAnimation">
    <div class="cmp-accordion__item pt-2 lg:pt-0">
        <div class="cmp-accordion__header dark:hover:bg-inherit hover:bg-xenon-100">
            <button type="button" class="cmp-accordion__button relative flex flex-nowrap justify-between items-center w-full px-4 py-4 lg:py-6 text-2xl text-left font-sora font-light"
                id="accordion-ab89e849-8bec-420d-926c-fedd48784492-button" aria-expanded="false"
                aria-controls="accordion-ab89e849-8bec-420d-926c-fedd48784492-panel">
                <span class="cmp-text flex flex-wrap items-center flex-1 font-sora font-bold text-grey-900 text-left font-sora text-lg lg:text-2xl font-bold dark:text-white"> I am already a paying Algolia customer, can I still apply and get approved?</span>
                <span class="cmp-accordion-price justify-end flex-wrap items-center font-sora font-bold text-grey-900 font-sora text-lg lg:text-2xl font-bold dark:text-white hidden">0</span>
                <span class="cmp-caret-icon rotate-0 [.expanded_&]:rotate-180 text-blue-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" stroke-linecap="round" stroke-linejoin="round" role="img" title="Arrow down" class="">
                        <polyline points="6 9 12 15 18 9"></polyline>
                    </svg>
                </span>
            </button>
        </div>
        <div class="cmp-accordion__panel  hidden  px-4 pb-6" id="accordion-ab89e849-8bec-420d-926c-fedd48784492-panel"
            aria-labelledby="accordion-ab89e849-8bec-420d-926c-fedd48784492-button" aria-hidden="true">
            <div>
                <div class="algoliaRichText check"><p>No, this program is only for new and free users. If you are already a paying customer of Algolia, you are not eligible to apply for this program. Apply&nbsp;<a href="https://support.algolia.com/hc/en-us/requests/new?ticket_form_id=5005635939217" title="here">here</a>&nbsp;if you are eligible.</p>
</div></div>
        </div>
    </div>
</div><!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->



<div class="listAnimation">
    <div class="cmp-accordion__item pt-2 lg:pt-0">
        <div class="cmp-accordion__header dark:hover:bg-inherit hover:bg-xenon-100">
            <button type="button" class="cmp-accordion__button relative flex flex-nowrap justify-between items-center w-full px-4 py-4 lg:py-6 text-2xl text-left font-sora font-light"
                id="accordion-e5222edf-d533-4487-8054-3981f4c67c2b-button" aria-expanded="false"
                aria-controls="accordion-e5222edf-d533-4487-8054-3981f4c67c2b-panel">
                <span class="cmp-text flex flex-wrap items-center flex-1 font-sora font-bold text-grey-900 text-left font-sora text-lg lg:text-2xl font-bold dark:text-white"> I am a free user of Algolia, can I apply and get approved?</span>
                <span class="cmp-accordion-price justify-end flex-wrap items-center font-sora font-bold text-grey-900 font-sora text-lg lg:text-2xl font-bold dark:text-white hidden">0</span>
                <span class="cmp-caret-icon rotate-0 [.expanded_&]:rotate-180 text-blue-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" stroke-linecap="round" stroke-linejoin="round" role="img" title="Arrow down" class="">
                        <polyline points="6 9 12 15 18 9"></polyline>
                    </svg>
                </span>
            </button>
        </div>
        <div class="cmp-accordion__panel  hidden  px-4 pb-6" id="accordion-e5222edf-d533-4487-8054-3981f4c67c2b-panel"
            aria-labelledby="accordion-e5222edf-d533-4487-8054-3981f4c67c2b-button" aria-hidden="true">
            <div>
                <div class="algoliaRichText check"><p>Yes, if you can apply for this program and if you meet the eligibility criteria, you can get approved.&nbsp;Apply&nbsp;<a href="https://support.algolia.com/hc/en-us/requests/new?ticket_form_id=5005635939217" title="here">here</a>&nbsp;to get started.</p>
</div></div>
        </div>
    </div>
</div><!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->



<div class="listAnimation">
    <div class="cmp-accordion__item pt-2 lg:pt-0">
        <div class="cmp-accordion__header dark:hover:bg-inherit hover:bg-xenon-100">
            <button type="button" class="cmp-accordion__button relative flex flex-nowrap justify-between items-center w-full px-4 py-4 lg:py-6 text-2xl text-left font-sora font-light"
                id="accordion-dc1b6405-6226-4594-94bf-f9f250c7c97e-button" aria-expanded="false"
                aria-controls="accordion-dc1b6405-6226-4594-94bf-f9f250c7c97e-panel">
                <span class="cmp-text flex flex-wrap items-center flex-1 font-sora font-bold text-grey-900 text-left font-sora text-lg lg:text-2xl font-bold dark:text-white"> Can I redeem more than one code?</span>
                <span class="cmp-accordion-price justify-end flex-wrap items-center font-sora font-bold text-grey-900 font-sora text-lg lg:text-2xl font-bold dark:text-white hidden">0</span>
                <span class="cmp-caret-icon rotate-0 [.expanded_&]:rotate-180 text-blue-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" stroke-linecap="round" stroke-linejoin="round" role="img" title="Arrow down" class="">
                        <polyline points="6 9 12 15 18 9"></polyline>
                    </svg>
                </span>
            </button>
        </div>
        <div class="cmp-accordion__panel  hidden  px-4 pb-6" id="accordion-dc1b6405-6226-4594-94bf-f9f250c7c97e-panel"
            aria-labelledby="accordion-dc1b6405-6226-4594-94bf-f9f250c7c97e-button" aria-hidden="true">
            <div>
                <div class="algoliaRichText check"><p>No, if you have used any other coupon code in the past, you will not be eligible for the Algolia Startup Program.&nbsp;Apply&nbsp;<a href="https://support.algolia.com/hc/en-us/requests/new?ticket_form_id=5005635939217" title="here">here</a>&nbsp;if you are eligible.</p>
</div></div>
        </div>
    </div>
</div><!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->



<div class="listAnimation">
    <div class="cmp-accordion__item pt-2 lg:pt-0">
        <div class="cmp-accordion__header dark:hover:bg-inherit hover:bg-xenon-100">
            <button type="button" class="cmp-accordion__button relative flex flex-nowrap justify-between items-center w-full px-4 py-4 lg:py-6 text-2xl text-left font-sora font-light"
                id="accordion-a4612a20-c151-4f65-9d45-aae41b06221d-button" aria-expanded="false"
                aria-controls="accordion-a4612a20-c151-4f65-9d45-aae41b06221d-panel">
                <span class="cmp-text flex flex-wrap items-center flex-1 font-sora font-bold text-grey-900 text-left font-sora text-lg lg:text-2xl font-bold dark:text-white"> Can I transfer my Algolia credits?</span>
                <span class="cmp-accordion-price justify-end flex-wrap items-center font-sora font-bold text-grey-900 font-sora text-lg lg:text-2xl font-bold dark:text-white hidden">0</span>
                <span class="cmp-caret-icon rotate-0 [.expanded_&]:rotate-180 text-blue-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" stroke-linecap="round" stroke-linejoin="round" role="img" title="Arrow down" class="">
                        <polyline points="6 9 12 15 18 9"></polyline>
                    </svg>
                </span>
            </button>
        </div>
        <div class="cmp-accordion__panel  hidden  px-4 pb-6" id="accordion-a4612a20-c151-4f65-9d45-aae41b06221d-panel"
            aria-labelledby="accordion-a4612a20-c151-4f65-9d45-aae41b06221d-button" aria-hidden="true">
            <div>
                <div class="algoliaRichText check"><p>No, these credits are non-transferable. If you do not use the credits, they will expire or lapse in 12 months.&nbsp;Apply&nbsp;<a href="https://support.algolia.com/hc/en-us/requests/new?ticket_form_id=5005635939217" title="here">here</a>&nbsp;if you have not used any other startup coupon code with Algolia.</p>
</div></div>
        </div>
    </div>
</div><!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->



<div class="listAnimation">
    <div class="cmp-accordion__item pt-2 lg:pt-0">
        <div class="cmp-accordion__header dark:hover:bg-inherit hover:bg-xenon-100">
            <button type="button" class="cmp-accordion__button relative flex flex-nowrap justify-between items-center w-full px-4 py-4 lg:py-6 text-2xl text-left font-sora font-light"
                id="accordion-d8ca2148-06b6-403e-bd74-4e717b0e7a65-button" aria-expanded="false"
                aria-controls="accordion-d8ca2148-06b6-403e-bd74-4e717b0e7a65-panel">
                <span class="cmp-text flex flex-wrap items-center flex-1 font-sora font-bold text-grey-900 text-left font-sora text-lg lg:text-2xl font-bold dark:text-white"> What if I still have questions which are not answered here?</span>
                <span class="cmp-accordion-price justify-end flex-wrap items-center font-sora font-bold text-grey-900 font-sora text-lg lg:text-2xl font-bold dark:text-white hidden">0</span>
                <span class="cmp-caret-icon rotate-0 [.expanded_&]:rotate-180 text-blue-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" stroke-linecap="round" stroke-linejoin="round" role="img" title="Arrow down" class="">
                        <polyline points="6 9 12 15 18 9"></polyline>
                    </svg>
                </span>
            </button>
        </div>
        <div class="cmp-accordion__panel  hidden  px-4 pb-6" id="accordion-d8ca2148-06b6-403e-bd74-4e717b0e7a65-panel"
            aria-labelledby="accordion-d8ca2148-06b6-403e-bd74-4e717b0e7a65-button" aria-hidden="true">
            <div>
                <div class="algoliaRichText check"><p>No problem. Send us an email - startups at Algolia.com.</p>
</div></div>
        </div>
    </div>
</div></div>
    </div>
</div></div>
                </div>
   </div>

</div><div class="">
    <!-- Check if the property is null or empty -->
<div data-tracking="" class="mx-auto ">

    <!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->



<div class="cmp-teaser__image w-full h-full relative -mb-px">
        <img src="/files/live/sites/algolia-assets/files/header_section_1%20(1)%20(2).svg" class="w-full h-full object-center object-cover absolute z-0 hidden lg:block" alt="">
        <img src="/files/live/sites/algolia-assets/files/header_section_1%20(1)%20(2).svg" 
         class="w-full h-full object-center object-cover absolute z-0 lg:hidden block" alt="">
      <div class="items-center mx-auto max-w-screen-xl flex flex-col lg:flex-row justify-between px-4 lg:px-16 lg:py-[72px] py-[32px] gap-y-6 lg:gap-y-8 top-1/2 w-full">
        <h2 class="lg:text-[42px] text-[34px] leading-snug font-sora font-light text-white lg:w-2/4 z-10 text-start">Try the AI search that understands</h2>
        <div class="cmp-teaser__action-container items-center gap-4 flex flex-row shrink-0 flex-wrap lg:justify-end justify-start lg:my-8 my-0 lg:w-2/4 z-10">
                    


<!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->

<div data-tracking=""
     class="flex font-sora justify-center lg:justify-start">
    <div class="font-sora button last:me-0 inline-flex w-fit group">


            <a href="/demorequest"
                    data-finalurl="/cms/render/live/en/sites/www/home/demorequest.html" data-modal-id="modal_07d3cb58-4ba7-49fa-beb0-7cf3a739e1d4" id="modal-link-modal_07d3cb58-4ba7-49fa-beb0-7cf3a739e1d4"
                    data-locale="en" data-is-internal="true"
                    target="_self"
                    class=" relative z-50 cmp-button overflow-hidden flex flex-wrap items-center  cursor-pointer font-sora w-full
                     ctaGradient justify-center lg:justify-start white cta-bg-white px-4 lg:px-6 bg-white hover:text-grey-700 text-grey-900 shadow-md border-2 border-white rounded-lg min-h-12 lg:min-h-14"
                    style="--x: 0px; --y: 0px;">

                <span class="cmp-button__text font-semibold mx-auto font-sora leading-1.5 text-sm lg:text-base tracking-[0.28px] lg:tracking-[0.32px]">
                    Get a demo</span>
                </a>
    </div>
</div>





<!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->

<div data-tracking=""
     class="flex font-sora  justify-center lg:justify-end">
    <div class="font-sora button last:me-0 inline-flex w-fit group">


            <a href="https://www.algolia.com/users/sign_up"
                    data-finalurl="https://www.algolia.com/users/sign_up" data-modal-id="modal_2954fb98-cbd6-4868-8967-775d28888845" id="modal-link-modal_2954fb98-cbd6-4868-8967-775d28888845"
                    data-locale="en" data-is-internal="true"
                    target="_self"
                    class="text-white relative z-50 cmp-button overflow-hidden flex flex-wrap items-center  cursor-pointer font-sora w-full
                     ctaGradient justify-center lg:justify-end transparent dark:text-white text-grey-900 px-4 lg:px-6 bg-transparent shadow-[0_0_6px_2px_rgba(0,61,255,0.12)] border-2 dark:border-white border-grey-200 rounded-lg min-h-12 lg:min-h-14"
                    style="--x: 0px; --y: 0px;">

                <span class="cmp-button__text font-semibold mx-auto font-sora leading-1.5 text-sm lg:text-base tracking-[0.28px] lg:tracking-[0.32px]">
                    Start free</span>
                </a>
    </div>
</div>


</div>
            </div>
    </div></div></div>

<!-- Override Footer Logic is written in footer-logic-->
<footer data-tracking="" class="bg-xenon-900">

	
    <div class="footer_items flex gap-x-2 lg:gap-x-8 m-auto max-w-screen-xl lg:px-14 px-4 py-8 lg:py-10">

        <div class="flex-1 min-w-0">
                <div class="">
        <h4 class="font-inter font-normal leading-normal text-base lg:text-lg text-grey-400 mt-0 mb-2 lg:mb-4">
    </h4>

<ul class="m-0 list-none p-0 flex flex-col sm:flex-row gap-4 sm:gap-10">

        <a data-tracking="" data-is-internal="true" class="block text-left font-inter font-normal 
                                    leading-normal text-xs lg:text-sm text-white no-underline 
                                    transition-colors duration-200 hover:text-xenon-400 
                                    py-2" href="/careers" data-finalurl="/cms/render/live/en/sites/www/home/careers.html" target="_self">
    Careers</a><a data-tracking="" data-is-internal="true" class="block text-left font-inter font-normal 
                                    leading-normal text-xs lg:text-sm text-white no-underline 
                                    transition-colors duration-200 hover:text-xenon-400 
                                    py-2" href="/contact" data-finalurl="/cms/render/live/en/sites/www/home/contact.html" target="_self">
    Contact Us</a><a data-tracking="" data-is-internal="true" class="block text-left font-inter font-normal 
                                    leading-normal text-xs lg:text-sm text-white no-underline 
                                    transition-colors duration-200 hover:text-xenon-400 
                                    py-2" href="/about" data-finalurl="/cms/render/live/en/sites/www/home/about.html" target="_self">
    About Algolia</a><a data-tracking="" data-is-internal="true" class="block text-left font-inter font-normal 
                                    leading-normal text-xs lg:text-sm text-white no-underline 
                                    transition-colors duration-200 hover:text-xenon-400 
                                    py-2" href="/policies/anti-modern-slavery-statement" data-finalurl="/cms/render/live/en/sites/www/home/policies/policyEntryMenu/anti-modern-slavery-statement.html" target="_blank">
    Anti-Modern Slavery Statement</a></ul></div></div>
        <div class="flex-none">
                <div class="">
        <h4 class="font-inter font-normal leading-normal text-base lg:text-lg text-grey-400 mt-0 mb-2 lg:mb-4">
    Social networks</h4>

<!-- We need to configure site level Social Icon here -->
    <ul class="social-links font-inter font-normal leading-normal text-sm items-center text-grey-900 m-0 flex list-none p-0 gap-0 lg:gap-2">

        <li class="first:ml-0 ms-3"><a href="https://twitter.com/algolia" title="Twitter">
                            <i class="twitter-icon"></i></a>
                        </li>
                    <li class="first:ml-0 ms-3"><a href="https://www.facebook.com/algolia/" title="FaceBook">
                            <i class="fa-icon"></i></a>
                        </li>
                    <li class="first:ml-0 ms-3"><a href="https://www.linkedin.com/company/algolia/" title="LinkedIn">
                            <i class="linkedin-icon"></i></a>
                        </li>
                    <li class="first:ml-0 ms-3"><a href="https://www.youtube.com/user/Algolia" title="YouTube">
                            <i class="youtube-icon"></i></a>
                        </li>
                    <li class="first:ml-0 ms-3"><a href="https://www.instagram.com/algolia.search/" title="Instagram">
                            <i class="instagram-icon"></i></a>
                        </li>
                    <li class="first:ml-0 ms-3"><a href=" https://bsky.app/profile/algolia.bsky.social" title="Bluesky">
                            <i class="bluesky-icon"></i></a>
                        </li>
                    </ul></div>
<div class="mt-10">
        <h4 class="font-inter font-normal leading-normal text-base lg:text-lg text-grey-400 mt-0 mb-2 lg:mb-4">
    </h4>

<ul class="m-0 list-none p-0 flex flex-col sm:flex-row gap-4 sm:gap-10">

        <a data-tracking="" data-is-internal="true" class="block text-left font-inter font-normal 
                                    leading-normal text-xs lg:text-sm text-white no-underline 
                                    transition-colors duration-200 hover:text-xenon-400 
                                    py-2" href="/lp/subscription-newsletter" data-finalurl="/cms/render/live/en/sites/www/home/lp/subscription-newsletter.html" target="_self">
    <div class="flex items-center">
                <img class="mr-2 flex" height="32" width="32" src="/files/live/sites/www/files/homepage/icon-NL.svg" alt="" />
                Get the latest in AI search - straight to your inbox.</div>
        </a></ul></div></div>
        </div>


	 <div class="m-auto max-w-screen-xl lg:px-14 px-4 pb-8 lg:pb-10">
                <hr class="m-0 h-px border-0 bg-grey-700 mb-6 lg:mb-8">
                <div class="flex flex-col items-center sm:flex-row sm:justify-between">
                    <div class="flex items-center">
                        <svg class="w-5 h-auto mr-4" width="501" height="501" viewBox="0 0 501 501" fill="none" xmlns="http://www.w3.org/2000/svg" style="width: 20px; ">
                    <title>Algolia mark white</title>
                    <path d="M250.926 0C114.306 0 2.926 110.16.956 246.32c-2 138.29 110.19 252.87 248.49 253.67 42.71.25 83.85-10.2 120.38-30.05 3.56-1.93 4.11-6.83 1.08-9.52l-23.39-20.74c-4.75-4.22-11.52-5.41-17.37-2.92-25.5 10.85-53.21 16.39-81.76 16.04-111.75-1.37-202.04-94.35-200.26-206.1 1.76-110.33 92.06-199.55 202.8-199.55h202.83v360.53l-115.08-102.25c-3.72-3.31-9.43-2.66-12.43 1.31-18.47 24.46-48.56 39.67-81.98 37.36-46.36-3.2-83.92-40.52-87.4-86.86-4.15-55.28 39.65-101.58 94.07-101.58 49.21 0 89.74 37.88 93.97 86.01.38 4.28 2.31 8.28 5.53 11.13l29.97 26.57c3.4 3.01 8.8 1.17 9.63-3.3 2.16-11.55 2.92-23.6 2.07-35.95-4.83-70.39-61.84-127.01-132.26-131.35-80.73-4.98-148.23 58.18-150.37 137.35-2.09 77.15 61.12 143.66 138.28 145.36 32.21.71 62.07-9.42 86.2-26.97l150.36 133.29c6.45 5.71 16.62 1.14 16.62-7.48V9.49c0-5.24-4.25-9.49-9.49-9.49H250.926Z"
                    fill="#fff"></path>
                </svg><span class="block text-left font-inter font-normal leading-normal text-xs  lg:text-sm text-white">
                            ©2026 Algolia - All rights reserved.</span>
                    </div>
                    <ul class="m-0 mt-4 flex list-none flex-wrap justify-center p-0 sm:mt-0 sm:justify-end">
                        <li>
                            <button id="ot-sdk-btn"
                                class="ot-sdk-show-settings block text-left font-inter font-normal leading-normal text-xs lg:text-sm text-white no-underline transition-colors duration-200 hover:text-xenon-400">Cookie
                                settings</button>
                        </li>
                        <li data-tracking="">
    <a data-is-internal="true" class="block text-left font-inter font-normal leading-normal 
                                text-xs lg:text-sm text-white no-underline transition-colors ml-4 
                                duration-200 hover:text-xenon-400 relative ml-1 
                                before:absolute before:-left-2 before:top-[50%] 
                                before:block before:h-1/2 before:w-px 
                                before:translate-y-[-50%] before:bg-white before:content-['']" href="https://trust.algolia.com" data-finalurl="https://trust.algolia.com"
        target="_self">Trust Center</a>
</li><li data-tracking="">
    <a data-is-internal="true" class="block text-left font-inter font-normal leading-normal 
                                text-xs lg:text-sm text-white no-underline transition-colors ml-4 
                                duration-200 hover:text-xenon-400 relative ml-1 
                                before:absolute before:-left-2 before:top-[50%] 
                                before:block before:h-1/2 before:w-px 
                                before:translate-y-[-50%] before:bg-white before:content-['']" href="/policies/privacy" data-finalurl="/cms/render/live/en/sites/www/home/policies/policyEntryMenu/privacy.html"
        target="_self">Privacy Policy</a>
</li><li data-tracking="">
    <a data-is-internal="true" class="block text-left font-inter font-normal leading-normal 
                                text-xs lg:text-sm text-white no-underline transition-colors ml-4 
                                duration-200 hover:text-xenon-400 relative ml-1 
                                before:absolute before:-left-2 before:top-[50%] 
                                before:block before:h-1/2 before:w-px 
                                before:translate-y-[-50%] before:bg-white before:content-['']" href="/policies/terms" data-finalurl="/cms/render/live/en/sites/www/home/policies/policyEntryMenu/terms.html"
        target="_self">Terms of service</a>
</li><li data-tracking="">
    <a data-is-internal="true" class="block text-left font-inter font-normal leading-normal 
                                text-xs lg:text-sm text-white no-underline transition-colors ml-4 
                                duration-200 hover:text-xenon-400 relative ml-1 
                                before:absolute before:-left-2 before:top-[50%] 
                                before:block before:h-1/2 before:w-px 
                                before:translate-y-[-50%] before:bg-white before:content-['']" href="/policies/acceptable-use" data-finalurl="/cms/render/live/en/sites/www/home/policies/policyEntryMenu/acceptable-use.html"
        target="_self">Acceptable Use Policy</a>
</li></ul>

                </div>
            </div>
            </footer>

<script>
	var oneTrustCookieFooterBtn = setInterval(() => {
		document.querySelector("#ot-sdk-btn").innerText = "Cookie settings";
	}, 1000);

	setTimeout(() => {
		clearInterval(oneTrustCookieFooterBtn);
	}, 4000);
</script>
<section
    id="homepage-multi-content-carousel"
    class="mbg-carousel-wrapper mbg-carousel-wrapper--height-medium main__container relative w-full overflow-hidden min-h-[700px] dark hidden"
    data-theme="dark"
    data-hidden-by-default="true">

    <div class="mbg-carousel__background" aria-hidden="true">
          <video autoplay loop muted playsinline preload="auto" class="mbg-carousel__background-video" data-mbg-background-video="true">
            <source src="/files/live/sites/www/files/homepage-carousel/ai-retrieval-carousel-bg-720.mp4" type="video/mp4" />
          </video>
        </div>
      <div class="mbg-carousel"
             data-autoplay="true"
             data-autoplay-speed="5000"
             data-dots="true">
          <div class="mbg-carousel__slide ">
  <div class="mbg-carousel__slide-overlay " aria-hidden="true">
      <img src="/files/live/sites/www/files/homepage-carousel/overlay-analyst-recognition.png" alt="" class="mbg-carousel__slide-overlay-image" />
    </div>
  <div class="mbg-carousel__slide-inner">
    <div class="mbg-carousel__copy">
      <span class="mbg-carousel__eyebrow">
          Analyst recognition</span>
      <h2 class="mbg-carousel__headline">
          Agentic intelligence layer powering commerce discovery</h2>
      <div class="mbg-carousel__description">
          <p>Recognized by IDC, Gartner, Forrester, and Paradigm B2B, Algolia helps enterprises turn search into a growth engine for AI-native experiences.</p>
</div>
      <div class="mbg-carousel__actions">
          


<!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->

<div data-tracking=""
     class="flex font-sora justify-center lg:justify-start">
    <div class="font-sora button last:me-0 inline-flex w-fit group">


            <a href="https://www.algolia.com/demorequest?utm_cta=homepagecarousel"
                    data-finalurl="https://www.algolia.com/demorequest?utm_cta=homepagecarousel" data-modal-id="modal_c3fdb012-f5ae-4168-a989-6f8bd663e43b" id="modal-link-modal_c3fdb012-f5ae-4168-a989-6f8bd663e43b"
                    data-locale="en" data-is-internal="true"
                    target=""
                    class=" relative z-50 cmp-button overflow-hidden flex flex-wrap items-center  cursor-pointer font-sora w-full
                     ctaGradient justify-center lg:justify-start text-white px-4 lg:px-6 bg-xenon-400 rounded-lg min-h-12 lg:min-h-14 blue-gradient"
                    style="--x: 0px; --y: 0px;">

                <span class="cmp-button__text font-semibold mx-auto font-sora leading-1.5 text-sm lg:text-base tracking-[0.28px] lg:tracking-[0.32px]">
                    Evaluate Algolia</span>
                </a>
    </div>
</div>


</div>
      </div>

    <div class="mbg-carousel__media">
          <img src="/files/live/sites/www/files/homepage-carousel/cropped-foreground-analyst-recognition.png"
               alt=""
               class="mbg-carousel__foreground-image" />
        </div>
      </div>
</div><div class="mbg-carousel__slide ">
  <div class="mbg-carousel__slide-overlay " aria-hidden="true">
      <img src="/files/live/sites/www/files/homepage-carousel/overlay-gartner-magic-quadrant.png" alt="" class="mbg-carousel__slide-overlay-image" />
    </div>
  <div class="mbg-carousel__slide-inner">
    <div class="mbg-carousel__copy">
      <span class="mbg-carousel__eyebrow">
          Gartner 2026 Magic Quadrant for Search and Product Discovery</span>
      <h2 class="mbg-carousel__headline">
          A leader for the third consecutive year</h2>
      <div class="mbg-carousel__description">
          <p>Algolia is recognized as a Leader in the 2026 Gartner&reg; Magic Quadrant&trade; for Search and Product Discovery as the market shifts toward AI-powered, agentic discovery.</p>
</div>
      <div class="mbg-carousel__actions">
          


<!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->

<div data-tracking=""
     class="flex font-sora justify-center lg:justify-start">
    <div class="font-sora button last:me-0 inline-flex w-fit group">


            <a href="https://www.algolia.com/about/news/algolia-recognized-as-a-leader-in-the-2026-gartner-magic-quadrant?utm_cta=homepagecarousel"
                    data-finalurl="https://www.algolia.com/about/news/algolia-recognized-as-a-leader-in-the-2026-gartner-magic-quadrant?utm_cta=homepagecarousel" data-modal-id="modal_5fc18c6c-4cc7-45bb-9079-23b8e3fd345f" id="modal-link-modal_5fc18c6c-4cc7-45bb-9079-23b8e3fd345f"
                    data-locale="en" data-is-internal="true"
                    target=""
                    class=" relative z-50 cmp-button overflow-hidden flex flex-wrap items-center  cursor-pointer font-sora w-full
                     ctaGradient justify-center lg:justify-start text-white px-4 lg:px-6 bg-xenon-400 rounded-lg min-h-12 lg:min-h-14 blue-gradient"
                    style="--x: 0px; --y: 0px;">

                <span class="cmp-button__text font-semibold mx-auto font-sora leading-1.5 text-sm lg:text-base tracking-[0.28px] lg:tracking-[0.32px]">
                    Read the announcement</span>
                </a>
    </div>
</div>





<!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->

<div data-tracking=""
     class="flex font-sora  justify-center">
    <div class="font-sora button last:me-0 inline-flex w-fit group">


            <a href="https://www.algolia.com/demorequest?utm_cta=homepagecarousel"
                    data-finalurl="https://www.algolia.com/demorequest?utm_cta=homepagecarousel" data-modal-id="modal_fea904c7-1c0e-41a6-a2a8-3ee9590f20c6" id="modal-link-modal_fea904c7-1c0e-41a6-a2a8-3ee9590f20c6"
                    data-locale="en" data-is-internal="true"
                    target=""
                    class=" relative z-50 cmp-button overflow-hidden flex flex-wrap items-center  cursor-pointer font-sora w-full
                     ctaGradient justify-center transparent dark:text-white text-grey-900 px-4 lg:px-6 bg-transparent shadow-[0_0_6px_2px_rgba(0,61,255,0.12)] border-2 dark:border-white border-grey-200 rounded-lg min-h-12 lg:min-h-14"
                    style="--x: 0px; --y: 0px;">

                <span class="cmp-button__text font-semibold mx-auto font-sora leading-1.5 text-sm lg:text-base tracking-[0.28px] lg:tracking-[0.32px]">
                    See Algolia in action</span>
                </a>
    </div>
</div>


</div>
      </div>

    <div class="mbg-carousel__media">
          <img src="/files/live/sites/www/files/homepage-carousel/cropped-foreground-gartner-magic-quadrant.png"
               alt=""
               class="mbg-carousel__foreground-image" />
        </div>
      </div>
</div><div class="mbg-carousel__slide ">
  <div class="mbg-carousel__slide-overlay " aria-hidden="true">
      <img src="/files/live/sites/www/files/homepage-carousel/overlay-forrester-tei.png" alt="" class="mbg-carousel__slide-overlay-image" />
    </div>
  <div class="mbg-carousel__slide-inner">
    <div class="mbg-carousel__copy">
      <span class="mbg-carousel__eyebrow">
          Forrester Total Economic Impact™</span>
      <h2 class="mbg-carousel__headline">
          Increased Operating Profit and Improved Efficiency</h2>
      <div class="mbg-carousel__description">
          <p>A Forrester Consulting study found Algolia delivered $3.1M NPV over three years, helping commerce teams improve relevance, automate merchandising, and grow revenue</p>
</div>
      <div class="mbg-carousel__actions">
          


<!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->

<div data-tracking=""
     class="flex font-sora justify-center lg:justify-start">
    <div class="font-sora button last:me-0 inline-flex w-fit group">


            <a href="https://www.algolia.com/lp/algolia-forrester-tei-report-2026?utm_cta=homepagecarousel"
                    data-finalurl="https://www.algolia.com/lp/algolia-forrester-tei-report-2026?utm_cta=homepagecarousel" data-modal-id="modal_28627952-1341-4698-9a72-bbfb2540c0c6" id="modal-link-modal_28627952-1341-4698-9a72-bbfb2540c0c6"
                    data-locale="en" data-is-internal="true"
                    target=""
                    class=" relative z-50 cmp-button overflow-hidden flex flex-wrap items-center  cursor-pointer font-sora w-full
                     ctaGradient justify-center lg:justify-start text-white px-4 lg:px-6 bg-xenon-400 rounded-lg min-h-12 lg:min-h-14 blue-gradient"
                    style="--x: 0px; --y: 0px;">

                <span class="cmp-button__text font-semibold mx-auto font-sora leading-1.5 text-sm lg:text-base tracking-[0.28px] lg:tracking-[0.32px]">
                    Download the TEI study</span>
                </a>
    </div>
</div>


</div>
      </div>

    <div class="mbg-carousel__media">
          <img src="/files/live/sites/www/files/homepage-carousel/cropped-foreground-forrester-tei.png"
               alt=""
               class="mbg-carousel__foreground-image" />
        </div>
      </div>
</div><div class="mbg-carousel__slide ">
  <div class="mbg-carousel__slide-overlay " aria-hidden="true">
      <img src="/files/live/sites/www/files/homepage-carousel/overlay-idc-marketscape.png" alt="" class="mbg-carousel__slide-overlay-image" />
    </div>
  <div class="mbg-carousel__slide-inner">
    <div class="mbg-carousel__copy">
      <span class="mbg-carousel__eyebrow">
          IDC MarketScape</span>
      <h2 class="mbg-carousel__headline">
          Named a leader in knowledge discovery</h2>
      <div class="mbg-carousel__description">
          <p>IDC recognized Algolia as a leader in general-purpose knowledge discovery software, citing the growing role of search in AI-powered workflows and enterprise knowledge experiences</p>
</div>
      <div class="mbg-carousel__actions">
          


<!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->

<div data-tracking=""
     class="flex font-sora justify-center lg:justify-start">
    <div class="font-sora button last:me-0 inline-flex w-fit group">


            <a href="https://www.algolia.com/about/news/algolia-named-a-leader-in-idc-marketscape-for-general-purpose-knowledge-discovery-software?utm_cta=homepagecarousel"
                    data-finalurl="https://www.algolia.com/about/news/algolia-named-a-leader-in-idc-marketscape-for-general-purpose-knowledge-discovery-software?utm_cta=homepagecarousel" data-modal-id="modal_0cf8fad4-197c-43fb-b945-a4621175b1af" id="modal-link-modal_0cf8fad4-197c-43fb-b945-a4621175b1af"
                    data-locale="en" data-is-internal="true"
                    target=""
                    class=" relative z-50 cmp-button overflow-hidden flex flex-wrap items-center  cursor-pointer font-sora w-full
                     ctaGradient justify-center lg:justify-start text-white px-4 lg:px-6 bg-xenon-400 rounded-lg min-h-12 lg:min-h-14 blue-gradient"
                    style="--x: 0px; --y: 0px;">

                <span class="cmp-button__text font-semibold mx-auto font-sora leading-1.5 text-sm lg:text-base tracking-[0.28px] lg:tracking-[0.32px]">
                    Read the IDC announcement</span>
                </a>
    </div>
</div>


</div>
      </div>

    <div class="mbg-carousel__media">
          <img src="/files/live/sites/www/files/homepage-carousel/cropped-foreground-idc-marketscape.png"
               alt=""
               class="mbg-carousel__foreground-image" />
        </div>
      </div>
</div><div class="mbg-carousel__slide ">
  <div class="mbg-carousel__slide-overlay " aria-hidden="true">
      <img src="/files/live/sites/www/files/homepage-carousel/overlay-paradigm-b2b-combine.png" alt="" class="mbg-carousel__slide-overlay-image" />
    </div>
  <div class="mbg-carousel__slide-inner">
    <div class="mbg-carousel__copy">
      <span class="mbg-carousel__eyebrow">
          PARADIGM B2B COMBINE</span>
      <h2 class="mbg-carousel__headline">
          Top scores across every B2B category</h2>
      <div class="mbg-carousel__description">
          <p>Algolia earned 12 medals across 12 categories in Paradigm B2B&rsquo;s 2025 Enterprise Combine for Search and Discovery, with customers praising speed, transparency, analytics, and ease of use</p>
</div>
      <div class="mbg-carousel__actions">
          


<!-- Check if the property is null or empty -->
<!-- End here Check if the property is null or empty -->

<div data-tracking=""
     class="flex font-sora justify-center lg:justify-start">
    <div class="font-sora button last:me-0 inline-flex w-fit group">


            <a href="https://www.algolia.com/resources/asset/report-paradigm-b2b-enterprise?utm_cta=homepagecarousel"
                    data-finalurl="https://www.algolia.com/resources/asset/report-paradigm-b2b-enterprise?utm_cta=homepagecarousel" data-modal-id="modal_22247052-9bf8-4c97-93b5-e39cfc9f7084" id="modal-link-modal_22247052-9bf8-4c97-93b5-e39cfc9f7084"
                    data-locale="en" data-is-internal="true"
                    target=""
                    class=" relative z-50 cmp-button overflow-hidden flex flex-wrap items-center  cursor-pointer font-sora w-full
                     ctaGradient justify-center lg:justify-start text-white px-4 lg:px-6 bg-xenon-400 rounded-lg min-h-12 lg:min-h-14 blue-gradient"
                    style="--x: 0px; --y: 0px;">

                <span class="cmp-button__text font-semibold mx-auto font-sora leading-1.5 text-sm lg:text-base tracking-[0.28px] lg:tracking-[0.32px]">
                    Learn more</span>
                </a>
    </div>
</div>


</div>
      </div>

    <div class="mbg-carousel__media">
          <img src="/files/live/sites/www/files/homepage-carousel/cropped-foreground-paradigm-b2b-combine.png"
               alt=""
               class="mbg-carousel__foreground-image" />
        </div>
      </div>
</div></div>
      </section>
<style>
    /** Agentforce facade **/

    #agentforce-facade-container.chatbot-facade-avatar-closed {
      width: 0;
      height: 0;
    }

    #agentforce-facade-container.chatbot-facade {
      position: fixed;
      right: 24px;
      bottom: 37px;
      z-index: 101;
      width: 400px;
      height: 110px;
    }

    #agentforce-facade-container .chatbot-facade-widget {
      position: fixed;
      right: 0;
      bottom: 0;
      width: 220px;
      height: 96px;
      cursor: pointer;
    }

    #agentforce-facade-container .chatbot-facade-widget::after {
      position: absolute;
      bottom: 55px;
      left: 50%;
      z-index: 3;
      border: 10px solid;
      border-color: transparent transparent transparent #fff;
      content: " ";
      pointer-events: none;
    }

    #agentforce-facade-container .chatbot-facade-widget-message {
      position: fixed;
      right: 109px;
      bottom: 37px;
      z-index: 3;
      margin: 0;
      padding: 0;
      height: auto;
      width: auto;
      color: #212021;
      -webkit-box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12);
      box-shadow: 0 2px 12px 0 rgba(0, 0, 0, 0.12);
      border-radius: 8px;
      background-color: transparent;
      outline: 0;
    }

    #agentforce-facade-container
      .chatbot-facade-widget
      .chatbot-facade-close-button {
      position: absolute;
      top: -8px;
      left: -8px;
      z-index: 1;
      margin: 0;
      padding: 0;
      width: 24px;
      height: 24px;
      line-height: 24px;
      opacity: 1;
      -webkit-box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
      box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.15);
      border: none;
      border-radius: 50%;
      background: #4a4a4a;
      cursor: pointer;
      text-align: center;
      font-size: 12px;
      font-weight: bold;
      color: #ffffff;
    }

    #agentforce-facade-container
      .chatbot-facade-widget
      .chatbot-facade-close-button:hover {
      background: #414141;
    }

    #agentforce-facade-container img {
      max-width: 100%;
      height: auto;
      -webkit-transform: translateZ(0);
      transform: translateZ(0);
      -webkit-backface-visibility: hidden;
    }

    #agentforce-facade-container .chatbot-facade-loader {
      top: -19%;
      right: 17%;
      display: block;
      -webkit-transform: scale(0.65);
      transform: scale(0.65);
    }

    #agentforce-facade-container .chatbot-facade-loader.hide-loader {
      display: none;
    }

    #agentforce-facade-container .chatbot-facade-loader {
      width: 60px;
      aspect-ratio: 1;
      background: radial-gradient(circle closest-side, #fff 90%, #0000) 0 /
        calc(100% / 3) 100% space;
      clip-path: inset(0 100% 0 0);
      animation: agentforceLoader 1.9s steps(4) infinite;
    }

    @keyframes agentforceLoader {
      to {
        clip-path: inset(0 -33% 0 0);
      }
    }

    /* Specific styling for facade message container */
    #agentforce-facade-container
      .chatbot-facade-widget-message
      #agentforce-message {
      font-family: "Open Sans", sans-serif !important;
      text-align: left !important;
      line-height: 20px !important;
      font-size: 14px !important;
      display: inline-block !important;
      color: rgb(33, 32, 33) !important;
      padding: 12px 16px !important;
      border: none !important;
      margin: 0 !important;
      background-color: #f5f5f5 !important;
      box-sizing: border-box !important;
      border-radius: 8px !important;
      white-space: normal !important;
      word-wrap: break-word !important;
      width: auto !important;
      min-width: 200px !important;
      max-width: 200px !important;
    }

    #agentforce-facade-container
      .chatbot-facade-widget-message
      #agentforce-message
      p {
      margin: 0 !important;
      padding: 0 !important;
      background: none !important;
      display: inline !important;
    }

    #agentforce-facade-container
      .chatbot-facade-widget-message
      #agentforce-message
      a {
      color: #0073aa !important;
      text-decoration: underline !important;
      cursor: pointer !important;
      display: inline !important;
    }
  </style>

  <div
      id="agentforce-facade-container"
      class="chatbot-facade relative hidden"
    >
      <div
        class="chatbot-facade-widget"
        id="agentforce-bubble"
        role="dialog"
        aria-hidden="true"
        aria-labelledby="agentforce-message"
      >
        <div class="chatbot-facade-widget-message">
          <button
            type="button"
            class="chatbot-facade-close-button"
            id="agentforce-close-button"
            aria-label="Close chatbot message"
          >
            ✕
          </button>

          <div id="agentforce-message">
            <p>Hi there 👋 Need assistance? Click <a class="text-blue hover:text-xenon-400" href="javascript:void(0);" onclick="OneTrust.ToggleInfoDisplay();">here</a> to allow functional cookies to launch our chat agent.</p>
</div>
        </div>
      </div>
      <div
        id="agentforce-facade"
        class="chatbot-facade-icon flex fixed right-9 bottom-9 z-2 w-14 h-14 shadow-lg rounded-full cursor-pointer justify-center items-center"
        role="button"
        aria-haspopup="dialog"
        aria-label="Open chatbot notice"
        aria-expanded="false"
        aria-controls="agentforce-bubble"
        tabindex="0"
      >
        <div class="chatbot-facade-loader hide-loader" aria-hidden="true"></div>
        <div class="h-full w-full rounded-full overflow-hidden">
          <img
            src="/files/live/sites/www/files/agentforce/FacadeIcon.png"
            alt="Chat"
            class="h-full w-full object-cover"
          />
        </div>
        <div
          class="chatbot-facade-icon-unread absolute -top-1 -right-1 z-10 w-4 h-4 text-white rounded-full bg-[#d0241b] text-center leading-4"
        >
          1
        </div>
      </div>
    </div>

    <script>
      (function () {
        const consentGroup = "C0003";
        const facadeContainer = document.getElementById(
          "agentforce-facade-container"
        );
        const facadeIcon = document.getElementById("agentforce-facade");
        const closeButton = document.getElementById("agentforce-close-button");
        const widgetEl = facadeContainer?.querySelector(
          ".chatbot-facade-widget"
        );
        const storageKey = "agentforceFacadeClosed";
        const delayAppliedKey = "agentforceFacadeDelayApplied";
        const maxAttempts = 20;
        const retryDelay = 250;
        let consentAttempts = 0;

        if (!facadeContainer || !facadeIcon) {
          return;
        }

        const hasConsent = () => {
          if (typeof OnetrustActiveGroups === "undefined") {
            return false;
          }

          if (Array.isArray(OnetrustActiveGroups)) {
            return OnetrustActiveGroups.indexOf(consentGroup) > -1;
          }

          if (typeof OnetrustActiveGroups === "string") {
            return (
              OnetrustActiveGroups.split(",")
                .map(function (group) {
                  return group.trim();
                })
                .indexOf(consentGroup) > -1
            );
          }

          return false;
        };

        const emitFacadeVisibility = (visible) => {
          try {
            window.dispatchEvent(
              new CustomEvent("algoliaChatConsentFacadeVisibilityChanged", {
                detail: { visible: !!visible, source: "agentforceFacade" },
              })
            );
          } catch (e) {
            // ignore
          }
        };

        const hideContainer = () => {
          facadeContainer.classList.add("hidden");
          emitFacadeVisibility(false);
        };

        const showContainer = () => {
          facadeContainer.classList.remove("hidden");
          emitFacadeVisibility(true);
        };

        const showMessage = () => {
          if (widgetEl) {
            widgetEl.classList.remove("hidden");
            widgetEl.setAttribute("aria-hidden", "false");
          }
          if (facadeIcon) facadeIcon.setAttribute("aria-expanded", "true");
          // Move focus to close button for accessibility
          if (closeButton) {
            closeButton.focus({ preventScroll: true });
          }
        };

        const hideMessage = () => {
          if (widgetEl) {
            widgetEl.classList.add("hidden");
            widgetEl.setAttribute("aria-hidden", "true");
          }
          if (facadeIcon) {
            facadeIcon.setAttribute("aria-expanded", "false");
            facadeIcon.focus({ preventScroll: true });
          }
        };

        const pageStart = Date.now();
        const minShowDelayMs = 5000;
        let showTimerId = null;

        const clearShowTimer = () => {
          if (showTimerId !== null) {
            clearTimeout(showTimerId);
            showTimerId = null;
          }
        };

        const syncVisibility = () => {
          const elapsed = Date.now() - pageStart;
          const dismissed = sessionStorage.getItem(storageKey) === "true";
          const delayApplied =
            sessionStorage.getItem(delayAppliedKey) === "true";

          // If consent granted, hide entire facade and stop
          if (hasConsent()) {
            clearShowTimer();
            hideContainer();
            return;
          }

          // Ensure bubble hidden before showing icon to avoid any flash
          hideMessage();
          // Keep icon visible while consent not granted
          showContainer();

          // Respect prior dismissal within this session
          if (dismissed) {
            hideMessage();
            return;
          }

          // After the first delay within session, show immediately
          if (delayApplied) {
            showMessage();
            return;
          }

          // Initial delay before first show
          if (elapsed >= minShowDelayMs) {
            sessionStorage.setItem(delayAppliedKey, "true");
            showMessage();
            return;
          }

          if (showTimerId === null) {
            showTimerId = setTimeout(function () {
              showTimerId = null;
              syncVisibility();
            }, Math.max(0, minShowDelayMs - elapsed));
          }

          // Not yet time to show the message; bubble stays hidden (handled above)
        };

        const registerConsentListener = () => {
          if (
            !window.OneTrust ||
            typeof window.OneTrust.OnConsentChanged !== "function"
          ) {
            return false;
          }

          window.OneTrust.OnConsentChanged(function () {
            syncVisibility();
          });

          syncVisibility();
          return true;
        };

        const tryRegister = () => {
          if (registerConsentListener()) {
            return;
          }

          if (consentAttempts >= maxAttempts) {
            return;
          }

          consentAttempts += 1;
          setTimeout(tryRegister, retryDelay);
        };

        const waitForOneTrustOrTimeout = (timeoutMs = 5000, interval = 200) => {
          const start = Date.now();

          const check = () => {
            const ready =
              typeof OnetrustActiveGroups !== "undefined" ||
              (window.OneTrust &&
                typeof window.OneTrust.OnConsentChanged === "function");

            if (ready) {
              syncVisibility();
              if (!registerConsentListener()) {
                tryRegister();
              }
              return;
            }

            if (Date.now() - start >= timeoutMs) {
              syncVisibility();
              tryRegister();
              return;
            }

            setTimeout(check, interval);
          };

          check();
        };

        if (closeButton) {
          closeButton.addEventListener("click", function (event) {
            event.stopPropagation();
            hideMessage();
            sessionStorage.setItem(storageKey, "true");
            clearShowTimer();
          });
          // Support Enter/Space on close button
          closeButton.addEventListener("keydown", function (event) {
            if (
              event.key === "Enter" ||
              event.key === " " ||
              event.key === "Spacebar"
            ) {
              event.preventDefault();
              hideMessage();
              sessionStorage.setItem(storageKey, "true");
              clearShowTimer();
            }
          });
        }

        facadeIcon.addEventListener("click", function (event) {
          event.preventDefault();
          clearShowTimer();
          sessionStorage.setItem(delayAppliedKey, "true");
          showMessage();
        });

        // Keyboard support for icon (Enter/Space)
        facadeIcon.addEventListener("keydown", function (event) {
          if (
            event.key === "Enter" ||
            event.key === " " ||
            event.key === "Spacebar"
          ) {
            event.preventDefault();
            clearShowTimer();
            sessionStorage.setItem(delayAppliedKey, "true");
            showMessage();
          }
        });

        // Close bubble on Escape
        document.addEventListener("keydown", function (event) {
          if (event.key === "Escape") {
            // only if bubble is visible
            if (widgetEl && !widgetEl.classList.contains("hidden")) {
              hideMessage();
              sessionStorage.setItem(storageKey, "true");
              clearShowTimer();
            }
          }
        });

        waitForOneTrustOrTimeout();
      })();
    </script>

<div
    id="af-preopen-hook-fea6a095-e400-47fa-a726-8d6103a5c134"
    class="af-preopen-hook hidden"
    aria-hidden="true"
    data-af-preopen-hook="true"
    data-af-preopen-hook-enabled="true"
    data-af-preopen-hook-debug="false"
    data-af-preopen-hook-consent-group="C0003"
    data-af-preopen-hook-show-delay-ms="5000"
    data-af-preopen-hook-launcher-selector="#embeddedMessagingConversationButton"
    data-af-preopen-hook-pricing-path-patterns="/pricing"
    data-af-preopen-hook-demo-request-path-patterns="/demorequest"
    data-af-preopen-hook-request-pricing-path-patterns="/lp/pricing-request"
    data-af-preopen-hook-ai-search-path-patterns="/ai-search"
  >
    <div
      class="af-preopen-hook__bubble"
      role="button"
      tabindex="0"
      aria-label="Open chat"
      data-af-preopen-hook-open="true"
    >
      <button
        type="button"
        class="af-preopen-hook__close"
        aria-label="Dismiss chat message"
        data-af-preopen-hook-dismiss="true"
      >
        ✕
      </button>

      <div
        class="af-preopen-hook__message"
        data-af-preopen-hook-message="true"
      ></div>

      <template data-af-preopen-hook-msg="generic">
        <p>
<style type="text/css"><!--td {border: 1px solid #cccccc;}br {mso-data-placement:same-cell;}-->
</style>
Thanks for visiting! 👋 I can help answer any questions about Algolia.</p>
</template>
      <template data-af-preopen-hook-msg="pricing">
        <p>
<style type="text/css"><!--td {border: 1px solid #cccccc;}br {mso-data-placement:same-cell;}-->
</style>
Hey! 👋 Got questions about pricing or plans?</p>
</template>
      <template data-af-preopen-hook-msg="demoRequest">
        <p>
<style type="text/css"><!--td {border: 1px solid #cccccc;}br {mso-data-placement:same-cell;}-->
</style>
Want to skip the form and book some time with our team right now?</p>
</template>
      <template data-af-preopen-hook-msg="requestPricing">
        <p>
<style type="text/css"><!--td {border: 1px solid #cccccc;}br {mso-data-placement:same-cell;}-->
</style>
Hey there! Would you like to book a meeting with our sales team now?</p>
</template>
      <template data-af-preopen-hook-msg="aiSearch">
        <p>
<style type="text/css"><!--td {border: 1px solid #cccccc;}br {mso-data-placement:same-cell;}-->
</style>
Thanks for visiting! 👋 I can help answer any questions about Algolia.</p>
</template>
    </div>
  </div><!-- Css Specific to base templates-->














<script
    src="/modules/algolia-base-template/javascript/anonymousUser.js"
  ></script>
  <script
    src="/modules/algolia-base-template/javascript/currentUser.js"
  ></script>
  <script
    src="/modules/algolia-base-template/javascript/hideBlankTag.js"
  ></script>
  <script
    src="/modules/algolia-base-template/javascript/bannerAnimation.js"
  ></script>
  <script
    src="/modules/algolia-base-template/javascript/startupsTracking.js"
  ></script>
<script src="/modules/algolia-base-template/javascript/jquery.js"></script>
<script src="/modules/algolia-base-template/javascript/slick.min.js"></script>
<script src="/modules/algolia-base-template/javascript/accordion.js"></script>
<script src="/modules/algolia-base-template/javascript/customslick.js"></script>
<script src="/modules/algolia-base-template/javascript/prism.js"></script>
<script src="/modules/algolia-base-template/javascript/theme.js"></script>
<script src="/modules/algolia-base-template/javascript/requestDemoModal.js"></script><!-- JS Specific to templates-->
<script type="text/javascript" src="/modules/algolia-base-template/javascript/codepen.js"></script>
<script type="text/javascript" src="/modules/algolia-base-template/javascript/forrester.js"></script>
<script type="text/javascript" src="/modules/algolia-base-template/javascript/blogNavigation.js"></script>

<script type="text/javascript">
    Prism.highlightAll();
</script>

<style type="text/css">
        #ot-sdk-btn.ot-sdk-show-settings, #ot-sdk-btn.optanon-show-settings {
            border: none;
            color: white;
            line-height: 1.2rem;
            padding: inherit;
            font-size: 0.875rem;
        }

        #ot-sdk-btn.ot-sdk-show-settings:hover, #ot-sdk-btn.optanon-show-settings:hover {
            --tw-text-opacity: 1;
            color: rgb(69 122 255 / var(--tw-text-opacity));
            background-color: unset;
        }
    </style>

<script>
(() => {
  const AMPLITUDE_API_KEY = "9fa03fe145137b598626150731335817";
  const GROUP_ANALYTICS = "C0002";

  const GA_PLUGIN_SRC = "https://cdn.amplitude.com/libs/plugin-ga-events-forwarder-browser-0.4.2-min.js.gz";
  const SDK_SRC = "https://cdn.amplitude.com/libs/analytics-browser-2.11.0-min.js.gz";
  const SDK_INTEGRITY = "sha384-pY2pkwHaLM/6UIseFHVU3hOKr6oAvhLcdYkoRZyaMDWLjpM6B7nTxtOdE823WAOQ";

  const hasConsent = (group) =>
    (window.OptanonActiveGroups || "").split(",").includes(group);

  const loadScript = (src, attrs = {}) =>
    new Promise((resolve, reject) => {
      const s = document.createElement("script");
      s.src = src;
      s.async = true;
      s.crossOrigin = "anonymous";
      Object.entries(attrs).forEach(([k, v]) => s.setAttribute(k, v));
      s.onload = resolve;
      s.onerror = reject;
      document.head.appendChild(s);
    });

  const initAmplitudeOnce = async () => {
    if (window.__amp_init) return;
    window.__amp_init = true;

    await loadScript(GA_PLUGIN_SRC);
    await loadScript(SDK_SRC, { integrity: SDK_INTEGRITY });

    if (window.gaEventsForwarder?.plugin && window.amplitude?.add) {
      window.amplitude.add(window.gaEventsForwarder.plugin());
    }

    window.amplitude.init(AMPLITUDE_API_KEY);
  };

  const tick = () => {
    if (hasConsent(GROUP_ANALYTICS)) initAmplitudeOnce().catch(() => {});
  };

  const originalWrapper = window.OptanonWrapper;
  window.OptanonWrapper = () => {
    try {
      if (typeof originalWrapper === "function") originalWrapper();
    } catch {}
    tick();
  };

  let attempts = 0;
  const interval = setInterval(() => {
    attempts++;
    tick();
    if (attempts > 60) clearInterval(interval);
  }, 500);
})();
</script>


<!-- CSS fallback to hide Weglot switcher -->
<style>
.weglot-container {
    display: none !important;
}
</style>

<script type="text/javascript" src="https://cdn.weglot.com/weglot.min.js"></script>
  <script>
      Weglot.initialize({
          api_key: 'wg_77a273e8858c204ee66ea025065bfdb90'
      });
  </script>
</body>
</html>