Ubisoft & Algolia : How to make search skyrocket worldwide

<!DOCTYPE html> <html lang="en-US" dir="ltr" itemscope itemtype="https://schema.org/WebPage"> <head> <link href="https://content.cdntwrk.com/themes/vanilla/a159155/public/css/template_sets_default_pages_item_page.1b71e296f8635f0aa97e.chunk.css" rel="stylesheet"> <meta charset="UTF-8" /> <meta content="ie=edge" http-equiv="X-UA-Compatible" />  <title>Ubisoft & Algolia : How to make search skyrocket worldwide</title> <meta name="title" content="Ubisoft & Algolia : How to make search skyrocket worldwide" /> <meta name="description" content="Discover how Ubisoft leveraged Algolia and Salesforce Commerce Cloud to develop their online store worldwide, on every device and how well it turned out." /> <meta itemprop="name" content="Ubisoft & Algolia : How to make search skyrocket worldwide"> <meta itemprop="description" content="Discover how Ubisoft leveraged Algolia and Salesforce Commerce Cloud to develop their online store worldwide, on every device and how well it turned out."> <meta itemprop="image" content="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV81ZjYwZTEyZGNkNTcwLmpwZyZ2ZXJzaW9uPTAwMDAmc2lnPTBiM2Q4MzgyZDk5ZWYwN2MwZmUxMjE2OGQ5YmYxY2Vl"> <link href="https://uberflip.cdntwrk.com/css/google-fonts/lato.css?v=075928935a99" media="screen" rel="stylesheet" type="text/css" /> <style id="uf-hub-settings" type="text/css"> .uf-hub-page, .uf-stream-page, .uf-author-page, .uf-item-page, .uf-search-results-page, .uf-privacy-page, .uf-stream-login, .uf-hub-login, .uf-error-page, .uf-embed-tile-page { font-family: 'Lato', sans-serif; } .uf-gated-cta-wrapper .uf-gated-cta-close, .uf-item-page .uf-breadcrumbs a, .uf-item-page .uf-article .uf-article-header a, .uf-item-page .uf-article .cke-editor-content a:not(.uf-twitter-share-link), .uf-item-page .uf-return-home { color: #5bc0de; } .uf-menu-color { color: #333; } .is-active .uf-menu-background { background-color: #333; } .uf-search-form { background-color: #333; } .uf-hero-header { background-color: #5bc0de; } .uf-avatar { background-color: #4D4D4D; } .uf-article a, .uf-breadcrumbs a, .uf-return-home, button.uf-expand { color: #5bc0de; } .uf-tile .uf-tile-content-label-text span { color: #5bc0de; } </style> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta property="og:type" content="website"> <meta property="og:title" content="Ubisoft: rich Salesforce Commerce Cloud search in every country, on every device"> <meta property="og:url" content="https://resources.algolia.com/analytics/casestudy-ubisoft"> <meta property="og:description" content="Discover how Ubisoft leveraged Algolia and Salesforce Commerce Cloud to develop their online store worldwide, on every device and how well it turned out."> <meta property="og:image" content="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV81ZjYwZTEyZGNkNTcwLmpwZyZ2ZXJzaW9uPTAwMDAmc2lnPTBiM2Q4MzgyZDk5ZWYwN2MwZmUxMjE2OGQ5YmYxY2Vl"> <meta property="og:image:width" content="500"> <meta property="og:image:height" content="272"> <meta name="twitter:card" content="summary_large_image"> <meta name="twitter:title" content="Ubisoft: rich Salesforce Commerce Cloud search in every country, on every device"> <meta name="twitter:description" content="Discover how Ubisoft leveraged Algolia and Salesforce Commerce Cloud to develop their online store worldwide, on every device and how well it turned out."> <meta name="twitter:image" content="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV81ZjYwZTEyZGNkNTcwLmpwZyZ2ZXJzaW9uPTAwMDAmc2lnPTBiM2Q4MzgyZDk5ZWYwN2MwZmUxMjE2OGQ5YmYxY2Vl"> <meta name="robots" content="noindex, follow"> <link rel="apple-touch-icon" type="image/png" sizes="57x57" href="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9ZmF2aWNvbiZ2ZXJzaW9uPTE3Mjk2MTQ2MjgmZXh0PXBuZyZzaXplPTU3JnNpZz03OTBlMzgxNTg5ZTg1YjE5YTA5MTQyNGQ2NGRlZWRjNw%253D%253D/favicon.png"><link rel="apple-touch-icon" type="image/png" sizes="72x72" href="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9ZmF2aWNvbiZ2ZXJzaW9uPTE3Mjk2MTQ2MjgmZXh0PXBuZyZzaXplPTcyJnNpZz1mZjBhYTZkMTA4NDhhYTc2ODUxZDcyMjllNWJiNGIwNg%253D%253D/favicon.png"><link rel="apple-touch-icon" type="image/png" sizes="114x114" href="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9ZmF2aWNvbiZ2ZXJzaW9uPTE3Mjk2MTQ2MjgmZXh0PXBuZyZzaXplPTExNCZzaWc9ZWU4NWI0MDRjMzZlMDM4MzZmMDhjMzY4ZWJlNjYwODU%253D/favicon.png"><link rel="apple-touch-icon" type="image/png" sizes="144x144" href="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9ZmF2aWNvbiZ2ZXJzaW9uPTE3Mjk2MTQ2MjgmZXh0PXBuZyZzaXplPTE0NCZzaWc9MDFmODM1YjQ4ZDNjMzg0YWYwZGE4OTY1YjdiNzJhOGY%253D/favicon.png"><link rel="apple-touch-icon" type="image/png" sizes="180x180" href="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9ZmF2aWNvbiZ2ZXJzaW9uPTE3Mjk2MTQ2MjgmZXh0PXBuZyZzaXplPTE4MCZzaWc9NDlmZjFkYzdhY2VmOWFjYjE1NDYzMjYxOGZkMGQ0N2Y%253D/favicon.png"><link rel="icon" type="image/png" sizes="16x16" href="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9ZmF2aWNvbiZ2ZXJzaW9uPTE3Mjk2MTQ2MjgmZXh0PXBuZyZzaXplPTE2JnNpZz04MjNhNTc1ZjAxOTFlNjUzYmU0NmVjM2ZjMTQwNjAxNg%253D%253D/favicon.png"><link rel="icon" type="image/png" sizes="32x32" href="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9ZmF2aWNvbiZ2ZXJzaW9uPTE3Mjk2MTQ2MjgmZXh0PXBuZyZzaXplPTMyJnNpZz1hZjQ3NzcyYjdmOGI2YzA1YjY4Njk1MWRhYTk4MjcxYw%253D%253D/favicon.png"><link rel="icon" type="image/png" sizes="96x96" href="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9ZmF2aWNvbiZ2ZXJzaW9uPTE3Mjk2MTQ2MjgmZXh0PXBuZyZzaXplPTk2JnNpZz02YTdhOWU3MWE5OGU3NDFhOTFhYWU2Yjk1N2E4NWI3YQ%253D%253D/favicon.png"><link rel="icon" type="image/png" sizes="128x128" href="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9ZmF2aWNvbiZ2ZXJzaW9uPTE3Mjk2MTQ2MjgmZXh0PXBuZyZzaXplPTEyOCZzaWc9ZDUxNjI4NmJhNjg4MDRjY2Q0ZThiMWI2MTFjNzVjYmI%253D/favicon.png"><link rel="icon" type="image/png" sizes="195x195" href="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9ZmF2aWNvbiZ2ZXJzaW9uPTE3Mjk2MTQ2MjgmZXh0PXBuZyZzaXplPTE5NSZzaWc9NTdjODVmZTExMWEyY2Q0NGNjYzNkMGRlYjAzMGM0MGI%253D/favicon.png"><meta name="msapplication-TileImage" content="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9ZmF2aWNvbiZ2ZXJzaW9uPTE3Mjk2MTQ2MjgmZXh0PXBuZyZzaXplPTE0NCZzaWc9MDFmODM1YjQ4ZDNjMzg0YWYwZGE4OTY1YjdiNzJhOGY%253D/favicon.png"><meta name="msapplication-TileColor" content="#4D4D4D"> <meta name="google-site-verification" content="3aFFrt8rydw1aGF2nOKJW0c8cr9sdjDBfQiXGdCMvv8"/> <link href="https://fonts.googleapis.com/css?family=Sora" rel="stylesheet" type="text/css">  <link id="onbrand__styles-production" rel="stylesheet" href="//cihost.uberflip.com/algolia-tv2/master/build/en/en.css" /> <style> @font-face { font-family: 'Sora'; font-style: normal; font-weight: 300; font-display: swap; src: url('https://cihost.uberflip.com/algolia-tv2/OB-10068/assets/fonts/Sora-Light.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } </style> <style> @font-face { font-family: 'Sora'; font-style: normal; font-weight: 400; font-display: swap; src: url('https://cihost.uberflip.com/algolia-tv2/OB-10068/assets/fonts/Sora-Regular.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } </style> <style> @font-face { font-family: 'Sora'; font-style: normal; font-weight: 600; font-display: swap; src: url('https://cihost.uberflip.com/algolia-tv2/OB-10068/assets/fonts/Sora-SemiBold.woff2') format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD; } </style> <style> @font-face { font-family: 'Inter'; font-style: normal; font-weight: 400; font-display: swap; src: url('https://cihost.uberflip.com/algolia-tv2/OB-10068/assets/fonts/Inter-Regular.woff2') format('woff2'); } </style> <style> @font-face { font-family: 'Inter'; font-style: normal; font-weight: 500; font-display: swap; src: url('https://cihost.uberflip.com/algolia-tv2/OB-10068/assets/fonts/Inter-Medium.woff2') format('woff2'); } </style> <style> @font-face { font-family: 'Inter'; font-style: normal; font-weight: 600; font-display: swap; src: url('https://cihost.uberflip.com/algolia-tv2/OB-10068/assets/fonts/Inter-SemiBold.woff2') format('woff2'); } </style> <!DOCTYPE html> <html lang="en"> <meta charset="UTF-8" /> <style> *, ::backdrop, :after, :before { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-pan-x: ; --tw-pan-y: ; --tw-pinch-zoom: ; --tw-scroll-snap-strictness: proximity; --tw-gradient-from-position: ; --tw-gradient-via-position: ; --tw-gradient-to-position: ; --tw-ordinal: ; --tw-slashed-zero: ; --tw-numeric-figure: ; --tw-numeric-spacing: ; --tw-numeric-fraction: ; --tw-ring-inset: ; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #3b82f680; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; --tw-backdrop-blur: ; --tw-backdrop-brightness: ; --tw-backdrop-contrast: ; --tw-backdrop-grayscale: ; --tw-backdrop-hue-rotate: ; --tw-backdrop-invert: ; --tw-backdrop-opacity: ; --tw-backdrop-saturate: ; --tw-backdrop-sepia: ; } .uil-pointer-events-none { pointer-events: none; } .uil-visible { visibility: visible; } .uil-invisible { visibility: hidden; } .uil-fixed { position: fixed; } .uil-absolute { position: absolute; } .uil-relative { position: relative; } .uil-sticky { position: sticky; } .uil--bottom-4 { bottom: -4px; } .uil-bottom-0 { bottom: 0; } .uil-left-0 { left: 0; } .uil-left-\[12px\] { left: 12px; } .uil-left-\[1px\] { left: 1px; } .uil-left-\[50\%\] { left: 50%; } .uil-right-0 { right: 0; } .uil-right-\[12px\] { right: 12px; } .uil-top-0 { top: 0; } .uil-top-\[50\%\] { top: 50%; } .-uil-z-1 { z-index: -1; } .uil-z-1 { z-index: 1; } .uil-z-2 { z-index: 2; } .uil-z-5 { z-index: 5; } .uil-z-max { z-index: 100; } .uil-col-start-1 { grid-column-start: 1; } .uil-col-start-2 { grid-column-start: 2; } .uil-col-start-7 { grid-column-start: 7; } .uil-col-end-13 { grid-column-end: 13; } .uil-col-end-2 { grid-column-end: 2; } .uil-col-end-3 { grid-column-end: 3; } .uil-row-start-1 { grid-row-start: 1; } .uil-row-end-2 { grid-row-end: 2; } .uil-m-0 { margin: 0; } .uil-m-8 { margin: 8px; } .uil-m-auto { margin: auto; } .uil-mx-16 { margin-left: 16px; margin-right: 16px; } .uil-mx-8 { margin-left: 8px; margin-right: 8px; } .uil-mx-auto { margin-left: auto; margin-right: auto; } .uil-my-0 { margin-top: 0; margin-bottom: 0; } .uil-my-32 { margin-top: 32px; margin-bottom: 32px; } .uil-mb-0 { margin-bottom: 0; } .uil-mb-16 { margin-bottom: 16px; } .uil-mb-24 { margin-bottom: 24px; } .uil-mb-32 { margin-bottom: 32px; } .uil-mb-8 { margin-bottom: 8px; } .uil-ml-12 { margin-left: 12px; } .uil-ml-16 { margin-left: 16px; } .uil-ml-4 { margin-left: 4px; } .uil-ml-40 { margin-left: 40px; } .uil-ml-8 { margin-left: 8px; } .uil-ml-\[0\.5em\] { margin-left: 0.5em; } .uil-ml-\[20px\] { margin-left: 20px; } .uil-ml-auto { margin-left: auto; } .uil-mr-12 { margin-right: 12px; } .uil-mr-16 { margin-right: 16px; } .uil-mr-24 { margin-right: 24px; } .uil-mr-4 { margin-right: 4px; } .uil-mr-8 { margin-right: 8px; } .uil-mt-0 { margin-top: 0; } .uil-mt-12 { margin-top: 12px; } .uil-mt-16 { margin-top: 16px; } .uil-mt-24 { margin-top: 24px; } .uil-mt-32 { margin-top: 32px; } .uil-mt-40 { margin-top: 40px; } .uil-mt-8 { margin-top: 8px; } .uil-mt-auto { margin-top: auto; } .uil-line-clamp-3 { overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; } .uil-block { display: block; } .uil-inline-block { display: inline-block; } .uil-flex { display: flex; } .uil-inline-flex { display: inline-flex; } .uil-grid { display: grid; } .uil-inline-grid { display: inline-grid; } .uil-hidden { display: none; } .uil-aspect-1 { aspect-ratio: 1; } .uil-aspect-16\/9 { aspect-ratio: 16/9; } .uil-aspect-4\/3 { aspect-ratio: 4/3; } .\!uil-h-24 { height: 24px !important; } .uil-h-0 { height: 0; } .uil-h-1 { height: 1px; } .uil-h-100p { height: 100%; } .uil-h-100vh { height: 100vh; } .uil-h-10p { height: 10%; } .uil-h-16 { height: 16px; } .uil-h-20 { height: 20px; } .uil-h-200 { height: 200px; } .uil-h-20p { height: 20%; } .uil-h-24 { height: 24px; } .uil-h-25p { height: 25%; } .uil-h-30 { height: 30px; } .uil-h-30p { height: 30%; } .uil-h-40p { height: 40%; } .uil-h-50p { height: 50%; } .uil-h-60p { height: 60%; } .uil-h-70p { height: 70%; } .uil-h-72 { height: 72px; } .uil-h-80 { height: 80px; } .uil-h-80p { height: 80%; } .uil-h-90p { height: 90%; } .uil-h-auto { height: auto; } .uil-h-fit { height: -moz-fit-content; height: fit-content; } .uil-max-h-\[100px\] { max-height: 100px; } .\!uil-w-24 { width: 24px !important; } .uil-w-100 { width: 100px; } .uil-w-100p { width: 100%; } .uil-w-150 { width: 150px; } .uil-w-16 { width: 16px; } .uil-w-20 { width: 20px; } .uil-w-24 { width: 24px; } .uil-w-240 { width: 240px; } .uil-w-25 { width: 25px; } .uil-w-25p { width: 25%; } .uil-w-30 { width: 30px; } .uil-w-500 { width: 500px; } .uil-w-72 { width: 72px; } .uil-w-80 { width: 80px; } .uil-w-80p { width: 80%; } .uil-w-\[12\.5\%\] { width: 12.5%; } .uil-w-\[15\%\] { width: 15%; } .uil-w-\[18\.75\%\] { width: 18.75%; } .uil-w-\[25\%\] { width: 25%; } .uil-w-\[37\.5\%\] { width: 37.5%; } .uil-w-auto { width: auto; } .uil-w-fit { width: -moz-fit-content; width: fit-content; } .uil-w-max { width: -moz-max-content; width: max-content; } .uil-min-w-200 { min-width: 200px; } .uil-min-w-\[150px\] { min-width: 150px; } .uil-max-w-1000 { max-width: 1000px; } .uil-max-w-100p { max-width: 100%; } .uil-max-w-1440 { max-width: 1440px; } .uil-max-w-800 { max-width: 800px; } .uil-max-w-\[280px\] { max-width: 280px; } .uil-shrink-0 { flex-shrink: 0; } .uil-shrink-1 { flex-shrink: 1; } .uil-grow-1 { flex-grow: 1; } .uil-basis-0 { flex-basis: 0; } .uil-border-spacing-0 { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; border-spacing: var(--tw-border-spacing-x) var(--tw-border-spacing-y); } .uil-translate-x-0 { --tw-translate-x: 0; } .uil-translate-x-0, .uil-translate-x-\[-100\%\] { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .uil-translate-x-\[-100\%\] { --tw-translate-x: -100%; } .uil-translate-x-\[-50\%\] { --tw-translate-x: -50%; } .uil-translate-x-\[-50\%\], .uil-translate-x-\[100\%\] { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .uil-translate-x-\[100\%\] { --tw-translate-x: 100%; } .uil-translate-y-\[-100\%\] { --tw-translate-y: -100%; } .uil-translate-y-\[-100\%\], .uil-translate-y-\[-50\%\] { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .uil-translate-y-\[-50\%\] { --tw-translate-y: -50%; } .uil-translate-y-\[100\%\] { --tw-translate-y: 100%; } .-uil-rotate-90, .uil-translate-y-\[100\%\] { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .-uil-rotate-90 { --tw-rotate: -90deg; } .uil-rotate-0 { --tw-rotate: 0deg; } .uil-rotate-0, .uil-rotate-180 { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .uil-rotate-180 { --tw-rotate: 180deg; } .uil-rotate-90 { --tw-rotate: 90deg; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .uil-cursor-default { cursor: default; } .uil-cursor-pointer { cursor: pointer; } .uil-select-none { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .uil-list-none { list-style-type: none; } .uil-appearance-none { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .uil-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .uil-flex-row { flex-direction: row; } .uil-flex-col { flex-direction: column; } .uil-flex-col-reverse { flex-direction: column-reverse; } .uil-flex-wrap { flex-wrap: wrap; } .uil-items-start { align-items: flex-start; } .uil-items-end { align-items: flex-end; } .uil-items-center { align-items: center; } .uil-justify-start { justify-content: flex-start; } .uil-justify-end { justify-content: flex-end; } .uil-justify-center { justify-content: center; } .uil-justify-between { justify-content: space-between; } .uil-gap-12 { gap: 12px; } .uil-gap-16 { gap: 16px; } .uil-gap-24 { gap: 24px; } .uil-gap-32 { gap: 32px; } .uil-gap-4 { gap: 4px; } .uil-gap-40 { gap: 40px; } .uil-gap-8 { gap: 8px; } .uil-gap-\[10px\] { gap: 10px; } .uil-gap-x-32 { -moz-column-gap: 32px; column-gap: 32px; } .uil-gap-x-8 { -moz-column-gap: 8px; column-gap: 8px; } .uil-gap-y-16 { row-gap: 16px; } .uil-self-stretch { align-self: stretch; } .uil-overflow-auto { overflow: auto; } .uil-overflow-hidden { overflow: hidden; } .uil-overflow-x-hidden { overflow-x: hidden; } .uil-overflow-y-scroll { overflow-y: scroll; } .uil-overflow-ellipsis, .uil-text-ellipsis { text-overflow: ellipsis; } .uil-whitespace-pre-wrap { white-space: pre-wrap; } .uil-break-words { overflow-wrap: break-word; } .uil-rounded-0 { border-radius: 0; } .uil-rounded-16 { border-radius: 16px; } .uil-rounded-4 { border-radius: 4px; } .uil-rounded-8 { border-radius: 8px; } .uil-rounded-max { border-radius: 9999px; } .uil-rounded-bl-8 { border-bottom-left-radius: 8px; } .uil-rounded-tl-8 { border-top-left-radius: 8px; } .\!uil-border-0 { border-width: 0 !important; } .uil-border-0 { border-width: 0; } .uil-border-1 { border-width: 1px; } .uil-border-2 { border-width: 2px; } .uil-border-b-1 { border-bottom-width: 1px; } .uil-border-b-2 { border-bottom-width: 2px; } .uil-border-l-1 { border-left-width: 1px; } .uil-border-r-1 { border-right-width: 1px; } .uil-border-t-1 { border-top-width: 1px; } .uil-border-solid { border-style: solid; } .uil-border-none { border-style: none; } .uil-border-grey-200 { --tw-border-opacity: 1; border-color: rgb(214 214 231 / var(--tw-border-opacity)); } .uil-border-grey-300 { --tw-border-opacity: 1; border-color: rgb(182 183 213 / var(--tw-border-opacity)); } .uil-border-grey-500 { --tw-border-opacity: 1; border-color: rgb(119 122 175 / var(--tw-border-opacity)); } .uil-border-grey-700 { --tw-border-opacity: 1; border-color: rgb(72 76 122 / var(--tw-border-opacity)); } .uil-border-grey-800 { --tw-border-opacity: 1; border-color: rgb(54 57 90 / var(--tw-border-opacity)); } .uil-border-transparent { border-color: #0000; } .uil-border-white { --tw-border-opacity: 1; border-color: rgb(255 255 255 / var(--tw-border-opacity)); } .uil-border-xenon-400 { --tw-border-opacity: 1; border-color: rgb(69 122 255 / var(--tw-border-opacity)); } .uil-border-xenon-600 { --tw-border-opacity: 1; border-color: rgb(0 61 255 / var(--tw-border-opacity)); } .uil-bg-black { --tw-bg-opacity: 1; background-color: rgb(0 0 0 / var(--tw-bg-opacity)); } .uil-bg-cyan-100 { --tw-bg-opacity: 1; background-color: rgb(232 250 255 / var(--tw-bg-opacity)); } .uil-bg-green-100 { --tw-bg-opacity: 1; background-color: rgb(229 253 228 / var(--tw-bg-opacity)); } .uil-bg-grey-100 { --tw-bg-opacity: 1; background-color: rgb(245 245 250 / var(--tw-bg-opacity)); } .uil-bg-grey-700 { --tw-bg-opacity: 1; background-color: rgb(72 76 122 / var(--tw-bg-opacity)); } .uil-bg-grey-800 { --tw-bg-opacity: 1; background-color: rgb(54 57 90 / var(--tw-bg-opacity)); } .uil-bg-grey-900 { --tw-bg-opacity: 1; background-color: rgb(35 38 59 / var(--tw-bg-opacity)); } .uil-bg-orange-100 { --tw-bg-opacity: 1; background-color: rgb(255 249 236 / var(--tw-bg-opacity)); } .uil-bg-pink-100 { --tw-bg-opacity: 1; background-color: rgb(255 234 246 / var(--tw-bg-opacity)); } .uil-bg-purple-100 { --tw-bg-opacity: 1; background-color: rgb(252 244 255 / var(--tw-bg-opacity)); } .uil-bg-red-600 { --tw-bg-opacity: 1; background-color: rgb(233 18 44 / var(--tw-bg-opacity)); } .uil-bg-transparent { background-color: initial; } .uil-bg-white { --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .uil-bg-xenon-100 { --tw-bg-opacity: 1; background-color: rgb(242 244 255 / var(--tw-bg-opacity)); } .uil-bg-xenon-200 { --tw-bg-opacity: 1; background-color: rgb(187 209 255 / var(--tw-bg-opacity)); } .uil-bg-xenon-600 { --tw-bg-opacity: 1; background-color: rgb(0 61 255 / var(--tw-bg-opacity)); } .uil-bg-xenon-800 { --tw-bg-opacity: 1; background-color: rgb(4 32 119 / var(--tw-bg-opacity)); } .uil-bg-xenon-900 { --tw-bg-opacity: 1; background-color: rgb(0 0 51 / var(--tw-bg-opacity)); } .uil-bg-no-repeat { background-repeat: no-repeat; } .uil-stroke-1\.5 { stroke-width: 1.5; } .uil-object-contain { -o-object-fit: contain; object-fit: contain; } .uil-object-cover { -o-object-fit: cover; object-fit: cover; } .uil-p-0 { padding: 0; } .uil-p-16 { padding: 16px; } .uil-p-24 { padding: 24px; } .uil-p-4 { padding: 4px; } .uil-p-\[20px\] { padding: 20px; } .uil-px-0 { padding-left: 0; padding-right: 0; } .uil-px-12 { padding-left: 12px; padding-right: 12px; } .uil-px-16 { padding-left: 16px; padding-right: 16px; } .uil-px-4 { padding-left: 4px; padding-right: 4px; } .uil-py-12 { padding-top: 12px; padding-bottom: 12px; } .uil-py-16 { padding-top: 16px; padding-bottom: 16px; } .uil-py-4 { padding-top: 4px; padding-bottom: 4px; } .uil-py-8 { padding-top: 8px; padding-bottom: 8px; } .uil-py-\[20px\] { padding-top: 20px; padding-bottom: 20px; } .uil-py-\[6px\] { padding-top: 6px; padding-bottom: 6px; } .uil-pb-0 { padding-bottom: 0; } .uil-pb-12 { padding-bottom: 12px; } .uil-pb-16 { padding-bottom: 16px; } .uil-pb-8 { padding-bottom: 8px; } .uil-pl-12 { padding-left: 12px; } .uil-pl-16 { padding-left: 16px; } .uil-pl-24 { padding-left: 24px; } .uil-pl-8 { padding-left: 8px; } .uil-pr-12 { padding-right: 12px; } .uil-pr-16 { padding-right: 16px; } .uil-pr-32 { padding-right: 32px; } .uil-pt-0 { padding-top: 0; } .uil-pt-16 { padding-top: 16px; } .uil-pt-24 { padding-top: 24px; } .uil-pt-32 { padding-top: 32px; } .uil-text-left { text-align: left; } .uil-text-center { text-align: center; } .uil-align-middle { vertical-align: middle; } .uil-font-inter { font-family: Inter, sans-serif; } .uil-font-sora { font-family: Sora, Arial, sans-serif; } .\!uil-text-12 { font-size: 12px !important; } .uil-text-14 { font-size: 14px; } .uil-text-16 { font-size: 16px; } .uil-text-24 { font-size: 24px; } .uil-text-\[0\.8em\] { font-size: 0.8em; } .uil-font-300 { font-weight: 300; } .uil-font-400 { font-weight: 400; } .uil-font-500 { font-weight: 500; } .uil-font-600 { font-weight: 600; } .uil-uppercase { text-transform: uppercase; } .uil-capitalize { text-transform: capitalize; } .uil-leading-120p { line-height: 1.2; } .uil-leading-130p { line-height: 1.3; } .uil-leading-150p { line-height: 1.5; } .-uil-tracking-2p { letter-spacing: -0.02em; } .uil-tracking-5p { letter-spacing: 0.05em; } .uil-tracking-\[0\.28px\] { letter-spacing: 0.28px; } .uil-tracking-\[0\.7px\] { letter-spacing: 0.7px; } .\!uil-text-xenon-400 { --tw-text-opacity: 1 !important; color: rgb(69 122 255 / var(--tw-text-opacity)) !important; } .\!uil-text-xenon-600 { --tw-text-opacity: 1 !important; color: rgb(0 61 255 / var(--tw-text-opacity)) !important; } .uil-text-cyan-700 { --tw-text-opacity: 1; color: rgb(0 155 203 / var(--tw-text-opacity)); } .uil-text-green-700 { --tw-text-opacity: 1; color: rgb(0 139 74 / var(--tw-text-opacity)); } .uil-text-grey-100 { --tw-text-opacity: 1; color: rgb(245 245 250 / var(--tw-text-opacity)); } .uil-text-grey-200 { --tw-text-opacity: 1; color: rgb(214 214 231 / var(--tw-text-opacity)); } .uil-text-grey-300 { --tw-text-opacity: 1; color: rgb(182 183 213 / var(--tw-text-opacity)); } .uil-text-grey-400 { --tw-text-opacity: 1; color: rgb(150 152 195 / var(--tw-text-opacity)); } .uil-text-grey-500 { --tw-text-opacity: 1; color: rgb(119 122 175 / var(--tw-text-opacity)); } .uil-text-grey-700 { --tw-text-opacity: 1; color: rgb(72 76 122 / var(--tw-text-opacity)); } .uil-text-grey-800 { --tw-text-opacity: 1; color: rgb(54 57 90 / var(--tw-text-opacity)); } .uil-text-grey-900 { --tw-text-opacity: 1; color: rgb(35 38 59 / var(--tw-text-opacity)); } .uil-text-orange-700 { --tw-text-opacity: 1; color: rgb(232 96 10 / var(--tw-text-opacity)); } .uil-text-pink-600 { --tw-text-opacity: 1; color: rgb(233 10 150 / var(--tw-text-opacity)); } .uil-text-pink-700 { --tw-text-opacity: 1; color: rgb(184 9 121 / var(--tw-text-opacity)); } .uil-text-purple-700 { --tw-text-opacity: 1; color: rgb(115 26 219 / var(--tw-text-opacity)); } .uil-text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .uil-text-white { color: #fff; } .uil-text-xenon-200 { --tw-text-opacity: 1; color: rgb(187 209 255 / var(--tw-text-opacity)); } .uil-text-xenon-400 { --tw-text-opacity: 1; color: rgb(69 122 255 / var(--tw-text-opacity)); } .uil-text-xenon-500 { --tw-text-opacity: 1; color: rgb(30 89 255 / var(--tw-text-opacity)); } .uil-text-xenon-600 { --tw-text-opacity: 1; color: rgb(0 61 255 / var(--tw-text-opacity)); } .uil-text-xenon-700 { --tw-text-opacity: 1; color: rgb(2 46 185 / var(--tw-text-opacity)); } .uil-text-xenon-900 { --tw-text-opacity: 1; color: rgb(0 0 51 / var(--tw-text-opacity)); } .uil-no-underline { -webkit-text-decoration-line: none; text-decoration-line: none; } .uil-opacity-0 { opacity: 0; } .uil-opacity-100 { opacity: 1; } .uil-opacity-50 { opacity: 0.5; } .uil-shadow-large-light { --tw-shadow: 0px 6px 18px 0px #003dff29; --tw-shadow-colored: 0px 6px 18px 0px var(--tw-shadow-color); } .uil-shadow-large-light, .uil-shadow-medium-light { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .uil-shadow-medium-light { --tw-shadow: 0px 4px 12px 0px #003dff29; --tw-shadow-colored: 0px 4px 12px 0px var(--tw-shadow-color); } .uil-shadow-small-dark { --tw-shadow: 0px 2px 6px 0px #003dff52; --tw-shadow-colored: 0px 2px 6px 0px var(--tw-shadow-color); } .uil-shadow-small-dark, .uil-shadow-small-light { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .uil-shadow-small-light { --tw-shadow: 0px 2px 6px 0px #003dff29; --tw-shadow-colored: 0px 2px 6px 0px var(--tw-shadow-color); } .uil-shadow-transparent { --tw-shadow-color: #0000; --tw-shadow: var(--tw-shadow-colored); } .uil-transition-\[width\,height\] { transition-property: width, height; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .uil-transition-all { transition-property: all; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .uil-transition-colors { transition-property: color, background-color, border-color, fill, stroke, -webkit-text-decoration-color; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-property: color, background-color, border-color, text-decoration-color, fill, stroke, -webkit-text-decoration-color; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .uil-transition-opacity { transition-property: opacity; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .uil-transition-transform { transition-property: transform; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } .uil-duration-100 { transition-duration: 0.1s; } .uil-duration-200 { transition-duration: 0.2s; } .uil-duration-400 { transition-duration: 0.4s; } .uil-duration-\[250ms\] { transition-duration: 0.25s; } .uil-will-change-\[opacity\] { will-change: opacity; } .uil-will-change-transform { will-change: transform; } .uil-text-12-14 { font-size: calc( 12px + min(2px, max(0px, (100vw - 500px) * 0.002857142857142857)) ); } .uil-text-14-16 { font-size: calc( 14px + min(2px, max(0px, (100vw - 500px) * 0.002857142857142857)) ); } .uil-text-16-18 { font-size: calc( 16px + min(2px, max(0px, (100vw - 500px) * 0.002857142857142857)) ); } @media all and (min-width: 1440px) { [data-nav-search-bar='true'] .uil-text-16-18 { font-size: 18px; line-height: 27px; font-family: Inter, sans-serif; } } .uil-text-16-24 { font-size: calc( 16px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-text-18-24 { font-size: calc( 18px + min(6px, max(0px, (100vw - 500px) * 0.008571428571428572)) ); } .uil-text-26-32 { font-size: calc( 26px + min(6px, max(0px, (100vw - 500px) * 0.008571428571428572)) ); } .uil-text-34-42 { font-size: calc( 34px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-text-45-56 { font-size: calc( 45px + min(11px, max(0px, (100vw - 500px) * 0.015714285714285715)) ); } .uil-p-4-8 { padding: calc( 4px + min(4px, max(0px, (100vw - 500px) * 0.005714285714285714)) ); } .uil-mr-4-8 { margin-right: calc( 4px + min(4px, max(0px, (100vw - 500px) * 0.005714285714285714)) ); } .uil-ml-4-8 { margin-left: calc( 4px + min(4px, max(0px, (100vw - 500px) * 0.005714285714285714)) ); } .uil-mt-4-8 { margin-top: calc( 4px + min(4px, max(0px, (100vw - 500px) * 0.005714285714285714)) ); } .uil-mb-4-8 { margin-bottom: calc( 4px + min(4px, max(0px, (100vw - 500px) * 0.005714285714285714)) ); } .uil-py-8-12 { padding-top: calc( 8px + min(4px, max(0px, (100vw - 500px) * 0.005714285714285714)) ); padding-bottom: calc( 8px + min(4px, max(0px, (100vw - 500px) * 0.005714285714285714)) ); } .uil-mt-8-12 { margin-top: calc( 8px + min(4px, max(0px, (100vw - 500px) * 0.005714285714285714)) ); } .uil-mb-8-12 { margin-bottom: calc( 8px + min(4px, max(0px, (100vw - 500px) * 0.005714285714285714)) ); } .uil-px-8-16 { padding-right: calc( 8px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); padding-left: calc( 8px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-mr-8-16 { margin-right: calc( 8px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-mb-8-16 { margin-bottom: calc( 8px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-gap-8-16 { grid-gap: calc( 8px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-p-8-24 { padding: calc( 8px + min(16px, max(0px, (100vw - 500px) * 0.022857142857142857)) ); } .uil-gap-x-8-32 { -moz-column-gap: calc( 8px + min(24px, max(0px, (100vw - 500px) * 0.03428571428571429)) ); column-gap: calc( 8px + min(24px, max(0px, (100vw - 500px) * 0.03428571428571429)) ); } .uil-mb-12-24 { margin-bottom: calc( 12px + min(12px, max(0px, (100vw - 500px) * 0.017142857142857144)) ); } .uil-p-16-24 { padding: calc( 16px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-pb-16-24 { padding-bottom: calc( 16px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-px-16-24 { padding-right: calc( 16px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); padding-left: calc( 16px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-py-16-24 { padding-top: calc( 16px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); padding-bottom: calc( 16px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-gap-16-24 { grid-gap: calc( 16px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-p-16-32 { padding: calc( 16px + min(16px, max(0px, (100vw - 500px) * 0.022857142857142857)) ); } .uil-px-16-32 { padding-right: calc( 16px + min(16px, max(0px, (100vw - 500px) * 0.022857142857142857)) ); padding-left: calc( 16px + min(16px, max(0px, (100vw - 500px) * 0.022857142857142857)) ); } .uil-py-16-32 { padding-top: calc( 16px + min(16px, max(0px, (100vw - 500px) * 0.022857142857142857)) ); padding-bottom: calc( 16px + min(16px, max(0px, (100vw - 500px) * 0.022857142857142857)) ); } .uil-mb-16-32 { margin-bottom: calc( 16px + min(16px, max(0px, (100vw - 500px) * 0.022857142857142857)) ); } .uil-gap-16-40 { grid-gap: calc( 16px + min(24px, max(0px, (100vw - 500px) * 0.03428571428571429)) ); } .uil-px-16-112 { padding-right: calc( 16px + min(96px, max(0px, (100vw - 500px) * 0.13714285714285715)) ); padding-left: calc( 16px + min(96px, max(0px, (100vw - 500px) * 0.13714285714285715)) ); } .uil-py-24-32 { padding-top: calc( 24px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); padding-bottom: calc( 24px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-mt-24-32 { margin-top: calc( 24px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-mb-24-32 { margin-bottom: calc( 24px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-gap-24-32 { grid-gap: calc( 24px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-gap-y-24-32 { row-gap: calc( 24px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-mt-24-40 { margin-top: calc( 24px + min(16px, max(0px, (100vw - 500px) * 0.022857142857142857)) ); } .uil-pb-24-56 { padding-bottom: calc( 24px + min(32px, max(0px, (100vw - 500px) * 0.045714285714285714)) ); } .uil-pb-32-40 { padding-bottom: calc( 32px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-mt-32-40 { margin-top: calc( 32px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-gap-y-32-40 { row-gap: calc( 32px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-pt-32-48 { padding-top: calc( 32px + min(16px, max(0px, (100vw - 500px) * 0.022857142857142857)) ); } .uil-mt-32-48 { margin-top: calc( 32px + min(16px, max(0px, (100vw - 500px) * 0.022857142857142857)) ); } .uil-pb-32-64 { padding-bottom: calc( 32px + min(32px, max(0px, (100vw - 500px) * 0.045714285714285714)) ); } .uil-pt-32-72, .uil-py-32-72 { padding-top: calc( 32px + min(40px, max(0px, (100vw - 500px) * 0.05714285714285714)) ); } .uil-py-32-72 { padding-bottom: calc( 32px + min(40px, max(0px, (100vw - 500px) * 0.05714285714285714)) ); } .uil-pb-40-64 { padding-bottom: calc( 40px + min(24px, max(0px, (100vw - 500px) * 0.03428571428571429)) ); } .uil-mt-48-96 { margin-top: calc( 48px + min(48px, max(0px, (100vw - 500px) * 0.06857142857142857)) ); } .uil-pl-56-64 { padding-left: calc( 56px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-pt-56-112 { padding-top: calc(56px + min(56px, max(0px, (100vw - 500px) * 0.08))); } .uil-pb-56-112, .uil-py-56-112 { padding-bottom: calc(56px + min(56px, max(0px, (100vw - 500px) * 0.08))); } .uil-py-56-112 { padding-top: calc(56px + min(56px, max(0px, (100vw - 500px) * 0.08))); } .uil-stroke-1\.5-2 { stroke-width: calc( 1.5px + min(0.5px, max(0px, (100vw - 500px) * 0.0007142857142857143)) ); } .uil-w-20-24 { width: calc( 20px + min(4px, max(0px, (100vw - 500px) * 0.005714285714285714)) ); } .uil-h-20-24 { height: calc( 20px + min(4px, max(0px, (100vw - 500px) * 0.005714285714285714)) ); } .uil-w-24-32 { width: calc( 24px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-h-24-32 { height: calc( 24px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-w-40-56 { width: calc( 40px + min(16px, max(0px, (100vw - 500px) * 0.022857142857142857)) ); } .uil-h-40-56 { height: calc( 40px + min(16px, max(0px, (100vw - 500px) * 0.022857142857142857)) ); } .uil-w-48-56 { width: calc( 48px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-min-h-48-56 { min-height: calc( 48px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } .uil-h-50-100 { height: calc( 50px + min(50px, max(0px, (100vw - 500px) * 0.07142857142857142)) ); } .uil-min-w-70-200 { min-width: calc( 70px + min(130px, max(0px, (100vw - 500px) * 0.18571428571428572)) ); } .uil-w-100-200 { width: calc( 100px + min(100px, max(0px, (100vw - 500px) * 0.14285714285714285)) ); } .uil-min-w-100-300 { min-width: calc( 100px + min(200px, max(0px, (100vw - 500px) * 0.2857142857142857)) ); } .uil-w-240-280 { width: calc( 240px + min(40px, max(0px, (100vw - 500px) * 0.05714285714285714)) ); } .uil-divider-dark { position: relative; overflow: hidden; &:after { content: ''; position: absolute; bottom: 0; height: 1px; width: 100%; background-color: #484c7a; } } .uil-divider-dark-hover { position: relative; overflow: hidden; &:after { width: 100%; background-color: #484c7a; } &:after, &:before { content: ''; position: absolute; bottom: 0; height: 1px; } &:before { left: 0; transform: translateX(-100%); z-index: 1; width: 88px; background-color: #d6d6e7; transition: left 0.7s ease-out; will-change: left; } &:hover { &:before { left: 100%; transform: translateX(0); } } } .uil-divider-light { position: relative; overflow: hidden; &:after { content: ''; position: absolute; bottom: 0; height: 1px; width: 100%; background-color: #d6d6e7; } } .uil-divider-light-hover { position: relative; overflow: hidden; &:after { width: 100%; background-color: #d6d6e7; } &:after, &:before { content: ''; position: absolute; bottom: 0; height: 1px; } &:before { left: 0; transform: translateX(-100%); z-index: 1; width: 88px; background-color: #003dff; transition: left 0.7s ease-out; will-change: left; } &:hover { &:before { left: 100%; transform: translateX(0); } } } .placeholder\:uil-text-grey-500::-moz-placeholder { --tw-text-opacity: 1; color: rgb(119 122 175 / var(--tw-text-opacity)); } .placeholder\:uil-text-grey-500::placeholder { --tw-text-opacity: 1; color: rgb(119 122 175 / var(--tw-text-opacity)); } .backdrop\:uil-bg-xenon-900::backdrop { --tw-bg-opacity: 1; background-color: rgb(0 0 51 / var(--tw-bg-opacity)); } .backdrop\:uil-bg-opacity-50::backdrop { --tw-bg-opacity: 0.5; } .before\:uil-absolute:before { content: var(--tw-content); position: absolute; } .before\:uil-left-0:before { content: var(--tw-content); left: 0; } .before\:uil-left-\[-8px\]:before { content: var(--tw-content); left: -8px; } .before\:uil-right-0:before { content: var(--tw-content); right: 0; } .before\:uil-top-0:before { content: var(--tw-content); top: 0; } .before\:uil-top-\[50\%\]:before { content: var(--tw-content); top: 50%; } .before\:uil-mx-auto:before { content: var(--tw-content); margin-left: auto; margin-right: auto; } .before\:uil-block:before { content: var(--tw-content); display: block; } .before\:uil-h-50p:before { content: var(--tw-content); height: 50%; } .before\:uil-h-\[1px\]:before { content: var(--tw-content); height: 1px; } .before\:uil-w-1:before { content: var(--tw-content); width: 1px; } .before\:uil-max-w-1440:before { content: var(--tw-content); max-width: 1440px; } .before\:uil-translate-y-\[-50\%\]:before { content: var(--tw-content); --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .before\:uil-bg-white:before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .before\:uil-bg-gradient-to-r:before { content: var(--tw-content); background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .before\:uil-from-grey-100:before { content: var(--tw-content); --tw-gradient-from: #f5f5fa var(--tw-gradient-from-position); --tw-gradient-to: #f5f5fa00 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .before\:uil-from-white:before { content: var(--tw-content); --tw-gradient-from: #fff var(--tw-gradient-from-position); --tw-gradient-to: #fff0 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .before\:uil-from-xenon-600:before { content: var(--tw-content); --tw-gradient-from: #003dff var(--tw-gradient-from-position); --tw-gradient-to: #003dff00 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .before\:uil-from-xenon-900:before { content: var(--tw-content); --tw-gradient-from: #003 var(--tw-gradient-from-position); --tw-gradient-to: #0030 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .before\:uil-via-grey-200:before { content: var(--tw-content); --tw-gradient-to: #d6d6e700 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #d6d6e7 var(--tw-gradient-via-position), var(--tw-gradient-to); } .before\:uil-via-grey-300:before { content: var(--tw-content); --tw-gradient-to: #b6b7d500 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #b6b7d5 var(--tw-gradient-via-position), var(--tw-gradient-to); } .before\:uil-via-grey-700:before { content: var(--tw-content); --tw-gradient-to: #484c7a00 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #484c7a var(--tw-gradient-via-position), var(--tw-gradient-to); } .before\:uil-via-xenon-400:before { content: var(--tw-content); --tw-gradient-to: #457aff00 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #457aff var(--tw-gradient-via-position), var(--tw-gradient-to); } .before\:uil-to-grey-100:before { content: var(--tw-content); --tw-gradient-to: #f5f5fa var(--tw-gradient-to-position); } .before\:uil-to-white:before { content: var(--tw-content); --tw-gradient-to: #fff var(--tw-gradient-to-position); } .before\:uil-to-xenon-600:before { content: var(--tw-content); --tw-gradient-to: #003dff var(--tw-gradient-to-position); } .before\:uil-to-xenon-900:before { content: var(--tw-content); --tw-gradient-to: #003 var(--tw-gradient-to-position); } .before\:uil-content-\[\"\"\]:before, .before\:uil-content-\[\'\'\]:before { --tw-content: ''; content: var(--tw-content); } .before\:uil-left-16-112:before { content: var(--tw-content); left: calc( 16px + min(96px, max(0px, (100vw - 500px) * 0.13714285714285715)) ); } .before\:uil-right-16-112:before { content: var(--tw-content); right: calc( 16px + min(96px, max(0px, (100vw - 500px) * 0.13714285714285715)) ); } .after\:uil-absolute:after { content: var(--tw-content); position: absolute; } .after\:uil-bottom-0:after { content: var(--tw-content); bottom: 0; } .after\:uil-left-0:after { content: var(--tw-content); left: 0; } .after\:uil-right-0:after { content: var(--tw-content); right: 0; } .after\:uil-right-\[-8px\]:after { content: var(--tw-content); right: -8px; } .after\:uil-top-\[50\%\]:after { content: var(--tw-content); top: 50%; } .after\:uil-mx-auto:after { content: var(--tw-content); margin-left: auto; margin-right: auto; } .after\:uil-block:after { content: var(--tw-content); display: block; } .after\:uil-h-50p:after { content: var(--tw-content); height: 50%; } .after\:uil-h-\[1px\]:after { content: var(--tw-content); height: 1px; } .after\:uil-w-1:after { content: var(--tw-content); width: 1px; } .after\:uil-max-w-1440:after { content: var(--tw-content); max-width: 1440px; } .after\:uil-translate-y-\[-50\%\]:after { content: var(--tw-content); --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .after\:uil-bg-white:after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255 / var(--tw-bg-opacity)); } .after\:uil-bg-gradient-to-r:after { content: var(--tw-content); background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .after\:uil-from-grey-100:after { content: var(--tw-content); --tw-gradient-from: #f5f5fa var(--tw-gradient-from-position); --tw-gradient-to: #f5f5fa00 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .after\:uil-from-white:after { content: var(--tw-content); --tw-gradient-from: #fff var(--tw-gradient-from-position); --tw-gradient-to: #fff0 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .after\:uil-from-xenon-600:after { content: var(--tw-content); --tw-gradient-from: #003dff var(--tw-gradient-from-position); --tw-gradient-to: #003dff00 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .after\:uil-from-xenon-900:after { content: var(--tw-content); --tw-gradient-from: #003 var(--tw-gradient-from-position); --tw-gradient-to: #0030 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .after\:uil-via-grey-200:after { content: var(--tw-content); --tw-gradient-to: #d6d6e700 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #d6d6e7 var(--tw-gradient-via-position), var(--tw-gradient-to); } .after\:uil-via-grey-300:after { content: var(--tw-content); --tw-gradient-to: #b6b7d500 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #b6b7d5 var(--tw-gradient-via-position), var(--tw-gradient-to); } .after\:uil-via-grey-700:after { content: var(--tw-content); --tw-gradient-to: #484c7a00 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #484c7a var(--tw-gradient-via-position), var(--tw-gradient-to); } .after\:uil-via-xenon-400:after { content: var(--tw-content); --tw-gradient-to: #457aff00 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), #457aff var(--tw-gradient-via-position), var(--tw-gradient-to); } .after\:uil-to-grey-100:after { content: var(--tw-content); --tw-gradient-to: #f5f5fa var(--tw-gradient-to-position); } .after\:uil-to-white:after { content: var(--tw-content); --tw-gradient-to: #fff var(--tw-gradient-to-position); } .after\:uil-to-xenon-600:after { content: var(--tw-content); --tw-gradient-to: #003dff var(--tw-gradient-to-position); } .after\:uil-to-xenon-900:after { content: var(--tw-content); --tw-gradient-to: #003 var(--tw-gradient-to-position); } .after\:uil-content-\[\"\"\]:after, .after\:uil-content-\[\'\'\]:after { --tw-content: ''; content: var(--tw-content); } .after\:uil-left-16-112:after { content: var(--tw-content); left: calc( 16px + min(96px, max(0px, (100vw - 500px) * 0.13714285714285715)) ); } .after\:uil-right-16-112:after { content: var(--tw-content); right: calc( 16px + min(96px, max(0px, (100vw - 500px) * 0.13714285714285715)) ); } .focus-within\:uil-border-xenon-600:focus-within { --tw-border-opacity: 1; border-color: rgb(0 61 255 / var(--tw-border-opacity)); } .hover\:uil-border-grey-300:hover { --tw-border-opacity: 1; border-color: rgb(182 183 213 / var(--tw-border-opacity)); } .hover\:uil-border-grey-600:hover { --tw-border-opacity: 1; border-color: rgb(90 94 154 / var(--tw-border-opacity)); } .hover\:uil-border-xenon-400:hover { --tw-border-opacity: 1; border-color: rgb(69 122 255 / var(--tw-border-opacity)); } .hover\:uil-border-xenon-600:hover { --tw-border-opacity: 1; border-color: rgb(0 61 255 / var(--tw-border-opacity)); } .hover\:uil-bg-grey-100:hover { --tw-bg-opacity: 1; background-color: rgb(245 245 250 / var(--tw-bg-opacity)); } .hover\:uil-bg-grey-200:hover { --tw-bg-opacity: 1; background-color: rgb(214 214 231 / var(--tw-bg-opacity)); } .hover\:uil-bg-white\/10:hover { background-color: #ffffff1a; } .hover\:uil-bg-xenon-100:hover { --tw-bg-opacity: 1; background-color: rgb(242 244 255 / var(--tw-bg-opacity)); } .hover\:uil-bg-xenon-800:hover { --tw-bg-opacity: 1; background-color: rgb(4 32 119 / var(--tw-bg-opacity)); } .hover\:uil-stroke-2:hover { stroke-width: 2; } .hover\:uil-text-grey-200:hover { --tw-text-opacity: 1; color: rgb(214 214 231 / var(--tw-text-opacity)); } .hover\:uil-text-grey-700:hover { --tw-text-opacity: 1; color: rgb(72 76 122 / var(--tw-text-opacity)); } .hover\:uil-text-grey-900:hover { --tw-text-opacity: 1; color: rgb(35 38 59 / var(--tw-text-opacity)); } .hover\:uil-text-white:hover { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .hover\:uil-text-xenon-400:hover { --tw-text-opacity: 1; color: rgb(69 122 255 / var(--tw-text-opacity)); } .hover\:uil-text-xenon-600:hover { --tw-text-opacity: 1; color: rgb(0 61 255 / var(--tw-text-opacity)); } .focus\:uil-border-xenon-400:focus { --tw-border-opacity: 1; border-color: rgb(69 122 255 / var(--tw-border-opacity)); } .focus\:uil-border-xenon-600:focus { --tw-border-opacity: 1; border-color: rgb(0 61 255 / var(--tw-border-opacity)); } .focus\:uil-text-xenon-400:focus { --tw-text-opacity: 1; color: rgb(69 122 255 / var(--tw-text-opacity)); } .focus\:uil-text-xenon-600:focus { --tw-text-opacity: 1; color: rgb(0 61 255 / var(--tw-text-opacity)); } .uil-group\/cta:hover .group-hover\/cta\:uil-scale-\[1\.1\] { --tw-scale-x: 1.1; --tw-scale-y: 1.1; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .uil-group\/cta:hover .group-hover\/cta\:uil-fill-xenon-400 { fill: #457aff; } .uil-group\/cta:hover .group-hover\/cta\:uil-fill-xenon-600 { fill: #003dff; } .uil-group\/cta:hover .group-hover\/cta\:uil-text-white { --tw-text-opacity: 1; color: rgb(255 255 255 / var(--tw-text-opacity)); } .uil-group\/cta:hover .group-hover\/cta\:uil-text-xenon-400 { --tw-text-opacity: 1; color: rgb(69 122 255 / var(--tw-text-opacity)); } .uil-group\/cta:hover .group-hover\/cta\:uil-text-xenon-600 { --tw-text-opacity: 1; color: rgb(0 61 255 / var(--tw-text-opacity)); } .uil-group\/cta:hover .group-hover\/cta\:uil-text-xenon-900 { --tw-text-opacity: 1; color: rgb(0 0 51 / var(--tw-text-opacity)); } @media (prefers-reduced-motion: no-preference) { .motion-safe\:uil-translate-x-\[-20px\] { --tw-translate-x: -20px; } .motion-safe\:uil-translate-x-\[-20px\], .motion-safe\:uil-translate-x-\[20px\] { transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .motion-safe\:uil-translate-x-\[20px\] { --tw-translate-x: 20px; } } @media (min-width: 768px) { .sm\:uil-mb-0 { margin-bottom: 0; } .sm\:uil-ml-12 { margin-left: 12px; } .sm\:uil-mr-24 { margin-right: 24px; } .sm\:uil-mt-0 { margin-top: 0; } .sm\:uil-w-350 { width: 350px; } .sm\:uil-grid-cols-1 { grid-template-columns: repeat(1, minmax(0, 1fr)); } .sm\:uil-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .sm\:uil-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .sm\:uil-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .sm\:uil-grid-cols-5 { grid-template-columns: repeat(5, minmax(0, 1fr)); } .sm\:uil-grid-cols-6 { grid-template-columns: repeat(6, minmax(0, 1fr)); } .sm\:uil-grid-cols-\[auto_auto\] { grid-template-columns: auto auto; } .sm\:uil-flex-row { flex-direction: row; } .sm\:uil-justify-end { justify-content: flex-end; } .sm\:uil-justify-between { justify-content: space-between; } .sm\:uil-gap-x-32 { -moz-column-gap: 32px; column-gap: 32px; } .sm\:uil-gap-y-0 { row-gap: 0; } .sm\:uil-py-12 { padding-top: 12px; padding-bottom: 12px; } .sm\:uil-pl-24 { padding-left: 24px; } .sm\:uil-pr-32 { padding-right: 32px; } .sm\:uil-text-left { text-align: left; } } @media (min-width: 960px) { .md\:uil-pointer-events-none { pointer-events: none; } .md\:uil-fixed { position: fixed; } .md\:uil-absolute { position: absolute; } .md\:uil-relative { position: relative; } .md\:uil-sticky { position: sticky; } .md\:uil-left-0 { left: 0; } .md\:uil-right-0 { right: 0; } .md\:uil-top-0 { top: 0; } .md\:uil-top-\[45px\] { top: 45px; } .md\:uil-z-1 { z-index: 1; } .md\:uil-z-3 { z-index: 3; } .md\:uil-z-5 { z-index: 5; } .md\:uil-z-\[101\] { z-index: 101; } .md\:uil-z-max { z-index: 100; } .md\:uil-col-start-1 { grid-column-start: 1; } .md\:uil-col-start-10 { grid-column-start: 10; } .md\:uil-col-start-2 { grid-column-start: 2; } .md\:uil-col-start-4 { grid-column-start: 4; } .md\:uil-col-start-6 { grid-column-start: 6; } .md\:uil-col-start-8 { grid-column-start: 8; } .md\:uil-col-end-10 { grid-column-end: 10; } .md\:uil-col-end-12 { grid-column-end: 12; } .md\:uil-col-end-13 { grid-column-end: 13; } .md\:uil-col-end-4 { grid-column-end: 4; } .md\:uil-col-end-6 { grid-column-end: 6; } .md\:uil-col-end-7 { grid-column-end: 7; } .md\:uil-col-end-8 { grid-column-end: 8; } .md\:uil-row-start-1 { grid-row-start: 1; } .md\:uil-row-end-1 { grid-row-end: 1; } .md\:uil-m-0 { margin: 0; } .md\:uil-mx-auto { margin-left: auto; margin-right: auto; } .md\:uil-mb-0 { margin-bottom: 0; } .md\:uil-ml-16 { margin-left: 16px; } .md\:uil-ml-8 { margin-left: 8px; } .md\:uil-mr-16 { margin-right: 16px; } .md\:uil-mr-32 { margin-right: 32px; } .md\:uil-mt-0 { margin-top: 0; } .md\:uil-mt-\[80px\] { margin-top: 80px; } .md\:uil-mt-\[90px\] { margin-top: 90px; } .md\:uil-block { display: block; } .md\:uil-flex { display: flex; } .md\:uil-grid { display: grid; } .md\:uil-hidden { display: none; } .md\:uil-h-120 { height: 120px; } .md\:uil-h-80 { height: 81.5px; } .md\:uil-h-auto { height: auto; } .md\:uil-w-100p { width: 100%; } .md\:uil-w-500 { width: 500px; } .md\:uil-w-50p { width: 50%; } .md\:uil-w-auto { width: auto; } .md\:uil-max-w-1440 { max-width: 1440px; } .md\:uil-shrink-0 { flex-shrink: 0; } .md\:uil-select-none { -webkit-user-select: none; -moz-user-select: none; user-select: none; } .md\:uil-list-none { list-style-type: none; } .md\:uil-appearance-none { -webkit-appearance: none; -moz-appearance: none; appearance: none; } .md\:uil-grid-cols-12 { grid-template-columns: repeat(12, minmax(0, 1fr)); } .md\:uil-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } .md\:uil-grid-cols-3 { grid-template-columns: repeat(3, minmax(0, 1fr)); } .md\:uil-grid-cols-4 { grid-template-columns: repeat(4, minmax(0, 1fr)); } .md\:uil-flex-row { flex-direction: row; } .md\:uil-flex-row-reverse { flex-direction: row-reverse; } .md\:uil-flex-col { flex-direction: column; } .md\:uil-items-start { align-items: flex-start; } .md\:uil-items-center { align-items: center; } .md\:uil-justify-start { justify-content: flex-start; } .md\:uil-justify-end { justify-content: flex-end; } .md\:uil-justify-center { justify-content: center; } .md\:uil-justify-between { justify-content: space-between; } .md\:uil-gap-40 { gap: 40px; } .md\:uil-gap-8 { gap: 8px; } .md\:uil-self-center { align-self: center; } .md\:uil-whitespace-nowrap { white-space: nowrap; } .md\:uil-rounded-4 { border-radius: 4px; } .md\:uil-rounded-bl-0 { border-bottom-left-radius: 0; } .md\:uil-rounded-tl-0 { border-top-left-radius: 0; } .md\:uil-border-0 { border-width: 0; } .md\:uil-border-2 { border-width: 2px; } .md\:uil-border-b-1 { border-bottom-width: 1px; } .md\:uil-border-solid { border-style: solid; } .md\:uil-border-grey-200 { --tw-border-opacity: 1; border-color: rgb(214 214 231 / var(--tw-border-opacity)); } .md\:uil-border-grey-700 { --tw-border-opacity: 1; border-color: rgb(72 76 122 / var(--tw-border-opacity)); } .md\:uil-bg-xenon-900 { --tw-bg-opacity: 1; background-color: rgb(0 0 51 / var(--tw-bg-opacity)); } .md\:uil-bg-gradient-to-r { background-image: linear-gradient(to right, var(--tw-gradient-stops)); } .md\:uil-from-xenon-700 { --tw-gradient-from: #022eb9 var(--tw-gradient-from-position); --tw-gradient-to: #022eb900 var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to); } .md\:uil-to-xenon-600 { --tw-gradient-to: #003dff var(--tw-gradient-to-position); } .md\:uil-p-16 { padding: 16px; } .md\:uil-px-4 { padding-left: 4px; padding-right: 4px; } .md\:uil-px-8 { padding-right: 8px; } .md\:uil-pl-8, .md\:uil-px-8 { padding-left: 8px; } .md\:uil-pr-8 { padding-right: 8px; } .md\:uil-text-left { text-align: left; } .md\:uil-normal-case { text-transform: none; } .md\:uil-tracking-\[0\.32px\] { letter-spacing: 0.32px; } .md\:uil-shadow-medium-dark { --tw-shadow: 0px 4px 12px 0px #003dff52; --tw-shadow-colored: 0px 4px 12px 0px var(--tw-shadow-color); } .md\:uil-shadow-medium-dark, .md\:uil-shadow-medium-light { box-shadow: var(--tw-ring-offset-shadow, 0 0 #0000), var(--tw-ring-shadow, 0 0 #0000), var(--tw-shadow); } .md\:uil-shadow-medium-light { --tw-shadow: 0px 4px 12px 0px #003dff29; --tw-shadow-colored: 0px 4px 12px 0px var(--tw-shadow-color); } .md\:uil-shadow-transparent { --tw-shadow-color: #0000; --tw-shadow: var(--tw-shadow-colored); } .before\:md\:uil-absolute:before { content: var(--tw-content); position: absolute; } .before\:md\:uil-left-0:before { content: var(--tw-content); left: 0; } .before\:md\:uil-top-\[50\%\]:before { content: var(--tw-content); top: 50%; } .before\:md\:uil-h-80:before { content: var(--tw-content); height: 80px; } .before\:md\:uil-w-\[1px\]:before { content: var(--tw-content); width: 1px; } .before\:md\:uil-translate-y-\[-50\%\]:before { content: var(--tw-content); --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } .before\:md\:uil-bg-grey-200:before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(214 214 231 / var(--tw-bg-opacity)); } .before\:md\:uil-bg-grey-700:before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(72 76 122 / var(--tw-bg-opacity)); } .before\:md\:uil-content-\[\"\"\]:before { --tw-content: ''; content: var(--tw-content); } } @media (min-width: 1200px) { .lg\:uil-ml-16 { margin-left: 16px; } .lg\:uil-block { display: block; } .lg\:uil-hidden { display: none; } .lg\:uil-h-\[25px\] { height: 25px; } .lg\:uil-w-auto { width: auto; } .lg\:uil-max-w-1440 { max-width: 1440px; } .lg\:uil-leading-140p { line-height: 1.4; } } @media (min-width: 1440px) { .xl\:uil-block { display: block; } .xl\:uil-flex { display: flex; } .xl\:uil-w-100p { width: 100%; } .xl\:uil-max-w-300 { max-width: 300px; } .xl\:uil-flex-col { flex-direction: column; } .xl\:uil-justify-center { justify-content: center; } .xl\:uil-pr-56 { padding-right: 56px; } } .\[\&_\*\]\:hover\:\!uil-text-xenon-400:hover * { --tw-text-opacity: 1 !important; color: rgb(69 122 255 / var(--tw-text-opacity)) !important; } .\[\&_\*\]\:hover\:\!uil-text-xenon-600:hover * { --tw-text-opacity: 1 !important; color: rgb(0 61 255 / var(--tw-text-opacity)) !important; } </style> <style> .nav-component-1qxq5nb-Nav { -webkit-transition: -webkit-transform 0.3s ease-in-out, box-shadow 0.2s ease-in-out; transition: transform 0.3s ease-in-out, box-shadow 0.2s ease-in-out; } @media (min-width: 960px) { .nav-component-1qxq5nb-Nav { -webkit-transform: none; -moz-transform: none; -ms-transform: none; transform: none; } } .nav-component-8zpgq7-Auth [data-cta-hover] { -webkit-transition: -webkit-transform 0.2s ease-in-out; transition: transform 0.2s ease-in-out; } .nav-component-8zpgq7-Auth:hover [data-cta-hover], .nav-component-8zpgq7-Auth:focus [data-cta-hover] { -webkit-transform: translateX(10px); -moz-transform: translateX(10px); -ms-transform: translateX(10px); transform: translateX(10px); } .nav-component-kl3lxk { background: transparent; will-change: background; box-shadow: 0px 0px 6px 2px rgba(0, 61, 255, 0.12); --x: 0px; --y: 0px; } .nav-component-kl3lxk:hover { background: linear-gradient( 138deg, rgba(187, 209, 255, 0.2) 0%, rgba(118, 160, 255, 0.2) 25.08%, rgba(226, 167, 255, 0.2) 56.38%, rgba(187, 209, 255, 0.2) 100% ); color: #fff; } .nav-component-kl3lxk:active { background: linear-gradient( 0deg, rgba(118, 160, 255, 0.2) 0%, rgba(118, 160, 255, 0.2) 100% ), linear-gradient( 138deg, rgba(187, 209, 255, 0.2) 0%, rgba(118, 160, 255, 0.2) 25.08%, rgba(226, 167, 255, 0.2) 56.38%, rgba(187, 209, 255, 0.2) 100% ); } .nav-component-kl3lxk:after { content: ''; position: absolute; width: 80px; height: 80px; background: radial-gradient(white, #3984ff00 80%); opacity: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; top: calc(var(--y) - 40px); left: calc(var(--x) - 40px); } .nav-component-kl3lxk:hover:after { opacity: 0.2; } .nav-component-ayc9r2 { background: linear-gradient(220deg, #457aff 0%, #1e59ff 60.16%); will-change: background; box-shadow: 0px 0px 6px 2px rgba(0, 61, 255, 0.12); --x: 0px; --y: 0px; } .nav-component-ayc9r2:hover { background: linear-gradient( 138deg, rgba(118, 160, 255, 0.7) 0%, rgba(0, 61, 255, 0.7) 25.08%, rgba(151, 71, 255, 0.7) 56.38%, rgba(118, 160, 255, 0.7) 100% ), #003dff; } .nav-component-ayc9r2:active { background: linear-gradient( 0deg, rgba(0, 0, 51, 0.2) 0%, rgba(0, 0, 51, 0.2) 100% ), linear-gradient( 138deg, rgba(118, 160, 255, 0.7) 0%, rgba(0, 61, 255, 0.7) 25.08%, rgba(151, 71, 255, 0.7) 56.38%, rgba(118, 160, 255, 0.7) 100% ), #003dff; } .nav-component-ayc9r2:after { content: ''; position: absolute; width: 80px; height: 80px; background: radial-gradient(white, #3984ff00 80%); opacity: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; top: calc(var(--y) - 40px); left: calc(var(--x) - 40px); } .nav-component-ayc9r2:hover:after { opacity: 0.2; } .nav-component-6au8e-HintAssets { -webkit-transition: -webkit-transform 0.55s cubic-bezier(0.8, 0.5, 0.2, 1.2), visibility 0.3s linear, opacity 0.3s linear; transition: transform 0.55s cubic-bezier(0.8, 0.5, 0.2, 1.2), visibility 0.3s linear, opacity 0.3s linear; will-change: transform; -webkit-transform: translateX(-450px); -moz-transform: translateX(-450px); -ms-transform: translateX(-450px); transform: translateX(-450px); } .nav-component-1wxdr6p { box-shadow: 0px 0px 6px 2px rgba(0, 61, 255, 0.12); --x: 0px; --y: 0px; } .nav-component-1wxdr6p:after { content: ''; position: absolute; width: 80px; height: 80px; background: radial-gradient(white, #3984ff00 80%); opacity: 0; -webkit-transition: opacity 0.2s; transition: opacity 0.2s; top: calc(var(--y) - 40px); left: calc(var(--x) - 40px); } .nav-component-1wxdr6p:hover:after { opacity: 0.2; } @media (min-width: 960px) { .nav-component-iivyr2-Nav:after { content: ''; position: absolute; top: 41px; height: 1px; background:#484C7A; width: 100%; } } .nav-component-z7m2jv-TopNav { height: 43px; } .nav-component-cdvctx-TopNavLink:focus p, .nav-component-cdvctx-TopNavLink:hover p { font-weight: bold; } .nav-component-j6tmw9-TopNavLink:before { display: block; content: attr(data-title); height: 0px; font-weight: bold; overflow: hidden; visibility: hidden; width: 100%; } @media (min-width: 960px) { .nav-component-wxlbtx-Menu:hover button[data-nav='nav-item-button'] { border-bottom-width: 2px; } .nav-component-wxlbtx-Menu:hover nav[data-sub-nav='sub-nav-container'] { visibility: visible; opacity: 1; } .nav-component-wxlbtx-Menu:hover nav[data-sub-nav='sub-nav-container'] div[data-sub-nav='sub-nav-content'] { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } } @media (max-width: 960px) { .nav-component-bttj3a-NavItem { width: 100%; } } @media (min-width: 960px) { .sign-in { width: 147px; } .nav-component-bttj3a-NavItem:focus span[data-title-weight='normal'] { visibility: hidden; } .nav-component-bttj3a-NavItem:focus span[data-title-weight='bold'] { visibility: visible; } .nav-component-bttj3a-NavItem:focus + nav[data-sub-nav='sub-nav-container'] { visibility: visible; opacity: 1; } .nav-component-bttj3a-NavItem:focus + nav[data-sub-nav='sub-nav-container'] div[data-sub-nav='sub-nav-content'] { -webkit-transform: translateY(10px); -moz-transform: translateY(10px); -ms-transform: translateY(10px); transform: translateY(10px); } } @media (min-width: 960px) { .nav-component-1xggm4h-MenuItems { top: calc(100% - 16px); } } </style> <style> body { margin: 0; } a { box-sizing: border-box; } .uil-gcstart-12 { grid-column-start: 12; } .uil-bg-xenon-900 { --tw-bg-opacity: 1; background-color: rgb(0 0 51 / var(--tw-bg-opacity)); } </style> <nav data-nav-main="true" aria-label="main navigation" class="nav-component-1qxq5nb-Nav uil-fixed uil-sticky uil-bottom-0 uil-left-0 uil-right-0 uil-top-0 uil-z-max uil-flex uil-w-100p uil-bg-xenon-900 uil-shadow-medium-light md:uil-m-0 md:uil-h-120 md:uil-border-0 md:uil-border-b-1 md:uil-border-solid md:uil-border-grey-200 md:uil-shadow-transparent md:uil-shadow-transparent" > <div class="uil-flex uil-h-fit uil-w-100p uil-flex-col uil-px-16 md:uil-hidden" > <div data-nav-logo-container="true" class="uil-flex uil-h-80 uil-w-100p uil-shrink-0 uil-items-center md:uil-h-auto md:uil-w-auto md:uil-pl-8" > <a href="https://www.algolia.com/" data-gtm="true" class="uil-mr-12 uil-no-underline" data-uil-nav-internal-link="false" ><svg class="uil-block uil-h-24 uil-w-24 lg:uil-hidden" width="501" height="501" viewBox="0 0 501 501" fill="none" xmlns="https://www.w3.org/2000/svg" > <title>Algolia mark blue</title> <path d="M250.926.11c-136.62 0-248 110.16-249.97 246.32-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.51l-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.57c0-5.24-4.25-9.49-9.49-9.49h-240.51l-.01.03Z" fill="#fff" ></path></svg ><svg class="uil-hidden lg:uil-block lg:uil-h-[25px] lg:uil-w-auto" width="2197" height="501" viewBox="0 0 2197 501" fill="none" xmlns="https://www.w3.org/2000/svg" > <title>Algolia logo blue</title> <path fill-rule="evenodd" clip-rule="evenodd" d="M1070.38 275.57V6.18c0-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 105.01h-50.78a5.9 5.9 0 0 0-5.9 5.9v266.1a5.9 5.9 0 0 0 5.9 5.9h50.78c3.25 0 5.9-2.642 5.9-5.9v-266.1c0-3.258-2.65-5.9-5.9-5.9Z" fill="#fff" ></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M1851.78 71.65h50.77c3.26 0 5.9-2.64 5.9-5.9V6.18c0-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.9h.01ZM1764.03 275.57V6.18c0-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 143c-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 105.01h-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.91c0-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 105.01h-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.91c0-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 105.01h-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.93c0-3.26-2.64-5.9-5.9-5.9h-56.32l.01-.02Zm0 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.28C113.296.28 1.996 110.36.026 246.43c-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.27l-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.74c0-5.24-4.24-9.48-9.48-9.48h-240.36v.02Z" fill="#003DFF" ></path></svg></a ><button data-mobile-menu-button="true" class="uil-flex uil-cursor-pointer uil-appearance-none uil-items-center uil-gap-8 uil-border-0 uil-bg-transparent uil-p-0 md:uil-hidden" > <svg xmlns="https://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="uil-block uil-h-20 uil-w-20 uil-text-white" > <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 ><span class="uil-font-inter uil-font-500 uil-uppercase uil-leading-150p uil-tracking-5p uil-text-white uil-text-14-16" >Menu</span > </button> <div class="uil-ml-auto md:uil-hidden"> <div data-nav-search-bar="true" class="uil-flex uil-w-100p uil-items-center uil-justify-end md:uil-mr-16 xl:uil-max-w-300 xl:uil-justify-center" > <a href="https://www.algolia.com/search/" data-gtm="true" class="uil-flex uil-w-fit uil-items-center uil-gap-16 uil-rounded-8 uil-border-1 uil-border-solid uil-border-grey-700 uil-py-12 uil-pl-12 uil-pr-12 uil-no-underline md:uil-border-2 xl:uil-w-100p xl:uil-pr-56" data-uil-nav-internal-link="false" ><svg xmlns="https://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="uil-relative uil-block uil-h-20 uil-w-20 uil-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="uil-hidden uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-16-18 xl:uil-block" >Search Algolia</span ></a > </div> </div> </div> <div data-mobile-menu-items="true" class="uil-hidden"> <button class="uil-block uil-w-100p uil-appearance-none uil-border-0 uil-border-b-1 uil-border-solid uil-border-grey-200 uil-bg-transparent uil-p-0 uil-text-left" > <div class="uil-flex uil-items-center uil-justify-between uil-py-16"> <span class="uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-16-18" >Solutions</span ><svg xmlns="https://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="uil-text-white" > <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> <ul class="uil-mb-16 uil-flex uil-hidden uil-list-none uil-flex-col uil-gap-8 uil-p-0" > <li class="uil-flex uil-flex-col uil-gap-8"> <div class="uil-grid uil-gap-8 sm:uil-grid-cols-2"> <a tabindex="0" href="https://www.algolia.com/products/ai-search/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/ai-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >AI Search</span > </div>   </a> <a tabindex="0" href="https://www.algolia.com/products/ai-browse/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/browse-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >AI Browse</span > </div>    </a> <a tabindex="0" href="https://www.algolia.com/products/ai-recommendations/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/recommendations-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >AI Recommendations</span > </div>   </a> <a tabindex="0" href="https://www.algolia.com/industries/ecommerce/merchandising-studio/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/merch-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Merchandising Studio</span > </div>   </a> </div> </li> <li class="uil-flex uil-flex-col uil-gap-8"> <div class="uil-grid uil-gap-8 sm:uil-grid-cols-2"> <a tabindex="0" href="https://www.algolia.com/products/features/analytics/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/pie-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Analytics</span > </div>  </a> <a data-is-internal="true" tabindex="0" data-gtm="true" class="uil-no-underline uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8" data-uil-nav-internal-link="true" href="https://www.algolia.com/developers/search-ui/"><div class="uil-flex uil-items-center uil-gap-4"><img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1661428531/ui-library/nav/rebrand-2022/ui-components-white.svg" width="16" height="16" class="uil-h-16 uil-w-16"><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white group-hover/cta:uil-text-xenon-400">UI Components</span></div></a> <a tabindex="0" href="https://www.algolia.com/products/" data-gtm="true" class="uil-group/cta uil-mt-8 uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-no-underline" data-uil-nav-internal-link="false" ><span class="uil-block uil-flex uil-items-center uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 hover:uil-text-xenon-600" >Read More <svg xmlns="https://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="uil-ease uil-ml-12 uil-shrink-0 uil-text-xenon-400 uil-transition-all uil-duration-400 uil-stroke-1.5-2 uil-w-20-24 uil-h-20-24 group-hover/cta:uil-scale-[1.1] group-hover/cta:uil-fill-xenon-600 group-hover/cta:uil-text-white" > <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> </li> <li class="uil-flex uil-flex-col uil-gap-8 uil-pb-12"> <span class="uil-mb-8 uil-mt-12 uil-font-inter uil-text-14 uil-font-400 uil-font-500 uil-uppercase uil-leading-150p uil-tracking-[0.7px] uil-text-grey-400" >integrations</span > <div class="uil-grid uil-gap-8 sm:uil-grid-cols-2"> <a data-is-internal="true" tabindex="0" data-gtm="true" class="uil-no-underline uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8" data-uil-nav-internal-link="true" href="https://www.algolia.com/search-solutions/adobe-commerce-magento/"> <div class="uil-flex uil-items-center uil-gap-12"><img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1648030908/ui-library/icons/adobe.svg" width="35" height="31" class="uil-h-16 uil-w-16"><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white group-hover/cta:uil-text-xenon-400">Adobe Commerce</span></div> <span class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-200 uil-ml-[20px] !uil-text-12"></span> </a> <a data-is-internal="true" tabindex="0" data-gtm="true" class="uil-no-underline uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8" data-uil-nav-internal-link="true" href="https://www.algolia.com/search-solutions/bigcommerce/"> <div class="uil-flex uil-items-center uil-gap-12"><img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1698748633/ui-library/icons/bigcommerce-icon_2.svg" width="64" height="64" class="uil-h-16 uil-w-16"><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white group-hover/cta:uil-text-xenon-400">BigCommerce</span></div> <span class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-200 uil-ml-[20px] !uil-text-12"></span> </a> <a data-is-internal="true" tabindex="0" data-gtm="true" class="uil-no-underline uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8" data-uil-nav-internal-link="true" href="https://www.algolia.com/search-solutions/commercetools/"> <div class="uil-flex uil-items-center uil-gap-12"><img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1706635486/ui-library/icons/commercetools-symbol.svg" width="298" height="333" class="uil-h-16 uil-w-16"><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white group-hover/cta:uil-text-xenon-400">Commercetools</span></div> <span class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-200 uil-ml-[20px] !uil-text-12"></span> </a> <a data-is-internal="true" tabindex="0" data-gtm="true" class="uil-no-underline uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8" data-uil-nav-internal-link="true" href="https://www.algolia.com/search-solutions/salesforce-commerce-cloud/"> <div class="uil-flex uil-items-center uil-gap-12"><img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1648030908/ui-library/icons/salesforce.svg" width="48" height="34" class="uil-h-16 uil-w-16"><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white group-hover/cta:uil-text-xenon-400">Salesforce CC</span></div> <span class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-200 uil-ml-[20px] !uil-text-12"></span> </a> <a data-is-internal="true" tabindex="0" data-gtm="true" class="uil-no-underline uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8" data-uil-nav-internal-link="true" href="https://www.algolia.com/search-solutions/shopify/"> <div class="uil-flex uil-items-center uil-gap-12"><img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1648038540/ui-library/icons/shopify.svg" width="34" height="40" class="uil-h-16 uil-w-16"><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white group-hover/cta:uil-text-xenon-400">Shopify</span></div> <span class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-200 uil-ml-[20px] !uil-text-12"></span> </a> <a data-is-internal="true" tabindex="0" data-gtm="true" class="uil-no-underline uil-group/cta uil-mt-8 uil-w-max uil-min-w-[150px] uil-max-w-[280px]" data-uil-nav-internal-link="true" href="https://www.algolia.com/developers/integrations/"> <span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-flex uil-items-center hover:uil-text-xenon-400"> See all integrations <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="uil-stroke-1.5-2 uil-w-20-24 uil-h-20-24 uil-ease uil-ml-12 uil-shrink-0 uil-transition-all uil-duration-400 group-hover/cta:uil-scale-[1.1] uil-text-xenon-400 group-hover/cta:uil-fill-xenon-400 group-hover/cta:uil-text-xenon-900"> <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> </li> </ul> </button> <button class="uil-block uil-w-100p uil-appearance-none uil-border-0 uil-border-b-1 uil-border-solid uil-border-grey-200 uil-bg-transparent uil-p-0 uil-text-left" > <div class="uil-flex uil-items-center uil-justify-between uil-py-16"> <span class="uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-16-18" >Industries</span ><svg xmlns="https://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="uil-text-white" > <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> <ul class="uil-mb-16 uil-flex uil-hidden uil-list-none uil-flex-col uil-gap-8 uil-p-0" > <li class="uil-flex uil-flex-col uil-gap-8"> <div class="uil-grid uil-gap-8 sm:uil-grid-cols-2"> <a tabindex="0" href="https://www.algolia.com/industries/ecommerce/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/retail-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Retail Ecommerce</span > </div></a ><a tabindex="0" href="https://www.algolia.com/industries/b2b-ecommerce/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/b2b-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >B2B Ecommerce </span > </div></a ><a tabindex="0" href="https://www.algolia.com/industries/marketplaces/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/marketplaces-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Markeplace</span > </div></a ><a tabindex="0" href="https://www.algolia.com/industries/media/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/media-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Media</span > </div></a ><a tabindex="0" href="https://www.algolia.com/industries/saas/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/saas-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >SaaS</span > </div></a ><a tabindex="0" href="https://www.algolia.com/industries/" data-gtm="true" class="uil-group/cta uil-mt-8 uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-no-underline" data-uil-nav-internal-link="false" ><span class="uil-block uil-flex uil-items-center uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 hover:uil-text-xenon-600" >Read More <svg xmlns="https://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="uil-ease uil-ml-12 uil-shrink-0 uil-text-xenon-400 uil-transition-all uil-duration-400 uil-stroke-1.5-2 uil-w-20-24 uil-h-20-24 group-hover/cta:uil-scale-[1.1] group-hover/cta:uil-fill-xenon-600 group-hover/cta:uil-text-white" > <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> </li> </ul></button ><a href="https://www.algolia.com/pricing/" data-gtm="true" class="uil-block uil-w-100p uil-appearance-none uil-border-0 uil-border-b-1 uil-border-solid uil-border-grey-200 uil-bg-transparent uil-p-0 uil-text-left uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-justify-between uil-py-16"> <span class="uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-16-18" >Pricing</span > </div> <ul class="uil-mb-16 uil-flex uil-hidden uil-list-none uil-flex-col uil-gap-8 uil-p-0" ></ul></a ><button class="uil-block uil-w-100p uil-appearance-none uil-border-0 uil-border-b-1 uil-border-solid uil-border-grey-200 uil-bg-transparent uil-p-0 uil-text-left" > <div class="uil-flex uil-items-center uil-justify-between uil-py-16"> <span class="uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-16-18" >Developers</span ><svg xmlns="https://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="uil-text-white" > <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> <ul class="uil-mb-16 uil-flex uil-hidden uil-list-none uil-flex-col uil-gap-8 uil-p-0" > <li class="uil-flex uil-flex-col uil-gap-8"> <span class="uil-mb-8 uil-font-inter uil-text-14 uil-font-400 uil-font-500 uil-uppercase uil-leading-150p uil-tracking-[0.7px] uil-text-grey-400" >Get Started</span > <div class="uil-grid uil-gap-8 sm:uil-grid-cols-2"> <a tabindex="0" href="https://www.algolia.com/developers/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/desktop-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Developer Hub</span > </div></a ><a tabindex="0" href="https://www.algolia.com/doc/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/documentation-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Documentation</span > </div></a ><a tabindex="0" href="https://www.algolia.com/developers/integrations" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/integrations-white.svg" width="18" height="17" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Integrations</span > </div></a ><a tabindex="0" href="https://www.algolia.com/developers/search-ui/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/ui-components-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >UI Components</span > </div></a ><a tabindex="0" href="https://www.algolia.com/products/features/search-autocomplete/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/autocomplete-white.svg" width="17" height="17" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Autocomplete</span > </div></a > </div> </li> <li class="uil-flex uil-flex-col uil-gap-8"> <span class="uil-mb-8 uil-mt-12 uil-font-inter uil-text-14 uil-font-400 uil-font-500 uil-uppercase uil-leading-150p uil-tracking-[0.7px] uil-text-grey-400" >Resources</span > <div class="uil-grid uil-gap-8 sm:uil-grid-cols-2"> <a tabindex="0" href="https://www.algolia.com/developers/code-exchange/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/codex-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Code Exchange</span > </div></a ><a tabindex="0" href="https://www.algolia.com/blog/engineering/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/eng-blog-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Engineering Blog</span > </div></a ><a tabindex="0" href="https://community.algolia.com" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/community-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >community</span > </div></a ><a tabindex="0" href="https://www.algolia.com/events/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/events-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Webinars & Events</span > </div></a > </div> </li> <li class="uil-flex uil-flex-col uil-gap-8"> <span class="uil-mb-8 uil-mt-12 uil-font-inter uil-text-14 uil-font-400 uil-font-500 uil-uppercase uil-leading-150p uil-tracking-[0.7px] uil-text-grey-400" >Quick Links</span > <div class="uil-grid uil-gap-8 sm:uil-grid-cols-2"> <a tabindex="0" href="https://www.algolia.com/doc/guides/getting-started/quick-start/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/quickstart-white.svg" width="17" height="17" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Quick Search Guide</span > </div></a ><a tabindex="0" href="https://www.algolia.com/for-open-source/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/opensource-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >For Open Source</span > </div></a ><a tabindex="0" href="https://status.algolia.com" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/api-white.svg" width="17" height="17" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >API Status</span > </div></a ><a tabindex="0" href="https://support.algolia.com/hc/en-us" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/support-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Support</span > </div></a > </div> </li> </ul></button ><button class="uil-block uil-w-100p uil-appearance-none uil-border-0 uil-border-b-1 uil-border-solid uil-border-grey-200 uil-bg-transparent uil-p-0 uil-text-left" > <div class="uil-flex uil-items-center uil-justify-between uil-py-16"> <span class="uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-16-18" >Resources</span ><svg xmlns="https://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="uil-text-white" > <polyline points="6 9 12 15 18 9"></polyline> </svg> </div> <ul class="uil-mb-16 uil-flex uil-hidden uil-list-none uil-flex-col uil-gap-8 uil-p-0" > <li class="uil-flex uil-flex-col uil-gap-8"> <span class="uil-mb-8 uil-font-inter uil-text-14 uil-font-400 uil-font-500 uil-uppercase uil-leading-150p uil-tracking-[0.7px] uil-text-grey-400" >Inspiration</span > <div class="uil-grid uil-gap-8 sm:uil-grid-cols-2"> <a tabindex="0" href="https://www.algolia.com/blog/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/blog-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Algolia Blog</span > </div></a ><a tabindex="0" href="https://resources.algolia.com/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/resource-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Resource Center</span > </div></a ><a tabindex="0" href="https://www.algolia.com/customers/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/customer-stories-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Customer Stories</span > </div></a > </div> </li> <li class="uil-flex uil-flex-col uil-gap-8"> <span class="uil-mb-8 uil-mt-12 uil-font-inter uil-text-14 uil-font-400 uil-font-500 uil-uppercase uil-leading-150p uil-tracking-[0.7px] uil-text-grey-400" >Learn</span > <div class="uil-grid uil-gap-8 sm:uil-grid-cols-2"> <a tabindex="0" href="https://www.algolia.com/customer-onboarding/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/onboarding-white.svg" width="18" height="14" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Customer Hub</span > </div></a > <a tabindex="0" href="https://academy.algolia.com/trainings" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/academy-white.svg" width="18" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Algolia Academy</span > </div></a > <a tabindex="0" href="https://www.algolia.com/ecommerce-merchandising-playbook/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/merch-white.svg" width="18" height="14" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Merchandising Playbook</span > </div></a > <a tabindex="0" href="https://www.algolia.com/about/news/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/newsroom-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Newsroom</span > </div></a ><a tabindex="0" href="https://www.algolia.com/events/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/events-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Eventos</span > </div></a > </div> </li> <li class="uil-flex uil-flex-col uil-gap-8"> <span class="uil-mb-8 uil-mt-12 uil-font-inter uil-text-14 uil-font-400 uil-font-500 uil-uppercase uil-leading-150p uil-tracking-[0.7px] uil-text-grey-400" >Tools</span > <div class="uil-grid uil-gap-8 sm:uil-grid-cols-2"> <a tabindex="0" href="https://www.algolia.com/profit-simulator/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/profit-sim-white.svg" width="20" height="20" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Profit Simulator</span > </div></a ><a tabindex="0" href="https://grader.algolia.com" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/grader-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Search Grader</span > </div></a ><a tabindex="0" href="https://www.algolia.com/search-audit/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/search-audit-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Ecommerce Search Audit</span > </div></a > </div> </li> </ul> </button> <div class="uil-hidden md:uil-hidden" data-quick-links="true"> <span class="uil-mb-8 uil-font-inter uil-text-14 uil-font-400 uil-font-500 uil-uppercase uil-leading-150p uil-tracking-[0.7px] uil-text-white" >Quick Access</span > <ul class="uil-col-start-1 uil-col-end-3 uil-grid uil-list-none uil-grid-cols-2 uil-gap-8 uil-p-0" > <li> <a tabindex="0" href="https://www.algolia.com/about/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1663079961/ui-library/nav/rebrand-2022/company-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Company</span > </div></a > </li> <li> <a tabindex="0" href="https://partners.algolia.com" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1663080013/ui-library/nav/rebrand-2022/partners-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Partners</span > </div></a > </li> <li> <a tabindex="0" href="https://support.algolia.com/hc/en-us" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1661429507/ui-library/nav/rebrand-2022/support-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Support</span > </div></a > </li> <li> <a tabindex="0" href="https://dashboard.algolia.com/users/sign_in" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1663077300/ui-library/nav/rebrand-2022/login-white.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Login</span > </div></a > </li> </ul> </div> <ul data-nav-user-buttons="true" class="nav-component-8zpgq7-Auth uil-m-0 uil-flex uil-shrink-0 uil-list-none uil-p-0 md:uil-pr-8" > <li class="uil-hidden uil-mr-8-16 md:uil-flex md:uil-items-center"> <a data-gtm="true" href="https://www.algolia.com/demorequest/" class="nav-component-kl3lxk uil-relative uil-inline-flex uil-shrink-0 uil-cursor-pointer uil-appearance-none uil-items-center uil-justify-center uil-overflow-hidden uil-rounded-8 uil-border-2 uil-border-solid uil-border-grey-200 uil-py-[6px] uil-text-white uil-no-underline uil-no-underline uil-px-16-24 uil-min-h-48-56" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center"> <span class="uil-mx-auto uil-flex uil-items-center uil-font-sora uil-font-600 uil-leading-150p uil-tracking-[0.28px] uil-text-14-16 md:uil-tracking-[0.32px]" >Request Demo</span > </div></a > </li>  </ul> </div> </div> <div class="uil-op-0 nav-component-6au8e-HintAssets uil-invisible uil-hidden uil-rounded-8 uil-border-2 uil-border-solid uil-border-grey-200 uil-bg-white uil-p-8-24 md:uil-fixed md:uil-left-0 md:uil-top-0 md:uil-z-[101] md:uil-mt-[90px] md:uil-block md:uil-w-500 md:uil-rounded-4 md:uil-bg-gradient-to-r md:uil-from-xenon-700 md:uil-to-xenon-600" > <button class="uil-absolute uil-right-0 uil-top-0 uil-m-8 uil-cursor-pointer uil-appearance-none uil-border-0 uil-bg-transparent uil-p-0 uil-align-middle" > <svg xmlns="https://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" aria-label="Close logo modal" class="uil-text-white hover:uil-text-white" > <line x1="18" y1="6" x2="6" y2="18"></line> <line x1="6" y1="6" x2="18" y2="18"></line> </svg> </button> <header class="uil-text-center"> <svg class="uil-mx-auto uil-my-32 uil-h-80 uil-w-80" width="501" height="501" viewBox="0 0 501 501" fill="none" xmlns="https://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> <p class="uil-mb-0 uil-font-sora uil-font-300 uil-leading-130p uil-text-white uil-text-26-32" > Looking for our logo? </p> <p class="uil-mt-8 uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-16-18" > We got you covered! </p> </header> <div class="uil-mx-auto uil-mt-24 uil-flex uil-w-80p uil-flex-col"> <a href="https://algolia.frontify.com/" class="nav-component-1wxdr6p uil-relative uil-mb-16 uil-inline-flex uil-shrink-0 uil-cursor-pointer uil-appearance-none uil-items-center uil-justify-center uil-overflow-hidden uil-rounded-8 uil-border-none uil-bg-white uil-py-[6px] uil-text-white uil-no-underline uil-px-16-24 uil-min-h-48-56 hover:uil-text-white" ><div class="uil-flex uil-items-center"> <span class="uil-mx-auto uil-flex uil-items-center uil-font-sora uil-font-600 uil-leading-150p uil-tracking-[0.28px] uil-text-14-16 md:uil-tracking-[0.32px]" >Brand guidelines</span > </div></a ><a href="/algolia-logo-pack.zip" download="" class="nav-component-1wxdr6p uil-relative uil-mb-16 uil-inline-flex uil-shrink-0 uil-cursor-pointer uil-appearance-none uil-items-center uil-justify-center uil-overflow-hidden uil-rounded-8 uil-border-none uil-bg-white uil-py-[6px] uil-text-white uil-no-underline uil-px-16-24 uil-min-h-48-56 hover:uil-text-white" ><div class="uil-flex uil-items-center"> <span class="uil-mx-auto uil-flex uil-items-center uil-font-sora uil-font-600 uil-leading-150p uil-tracking-[0.28px] uil-text-14-16 md:uil-tracking-[0.32px]" >Download logo pack</span > </div></a > </div> </div> <div class="nav-component-iivyr2-Nav uil-hidden md:uil-relative md:uil-z-max md:uil-mx-auto md:uil-flex md:uil-w-100p md:uil-flex-col" > <div class="nav-component-z7m2jv-TopNav uil-hidden md:uil-z-1 md:uil-mx-auto md:uil-flex md:uil-w-100p md:uil-max-w-1440 md:uil-justify-end" data-top-nav-ref="true" > <ul class="uil-hidden md:uil-m-0 md:uil-flex md:uil-list-none md:uil-items-center md:uil-pr-8" > <li class="uil-border-0 uil-border-r-1 uil-border-solid uil-border-grey-200" > <a href="https://www.algolia.com/about/" data-gtm="true" class="nav-component-cdvctx-TopNavLink uil-flex uil-items-center uil-px-16 uil-no-underline uil-no-underline" data-uil-nav-internal-link="false" ><p data-title="Company" class="nav-component-j6tmw9-TopNavLink uil-m-0 uil-font-inter uil-text-14 uil-font-400 uil-leading-150p uil-text-white" > Company </p></a > </li> <li class="uil-border-0 uil-border-r-1 uil-border-solid uil-border-grey-200" > <a href="https://partners.algolia.com" data-gtm="true" class="nav-component-cdvctx-TopNavLink uil-flex uil-items-center uil-px-16 uil-no-underline uil-no-underline" data-uil-nav-internal-link="false" ><p data-title="Partners" class="nav-component-j6tmw9-TopNavLink uil-m-0 uil-font-inter uil-text-14 uil-font-400 uil-leading-150p uil-text-white" > Partners </p></a > </li> <li class="uil-border-0 uil-border-r-1 uil-border-solid uil-border-grey-200" > <a href="https://support.algolia.com/hc/en-us" data-gtm="true" class="nav-component-cdvctx-TopNavLink uil-flex uil-items-center uil-px-16 uil-no-underline uil-no-underline" data-uil-nav-internal-link="false" ><p data-title="Support" class="nav-component-j6tmw9-TopNavLink uil-m-0 uil-font-inter uil-text-14 uil-font-400 uil-leading-150p uil-text-white" > Support </p></a > </li> <li class=""> <a href="https://dashboard.algolia.com/users/sign_in" data-gtm="true" class="nav-component-cdvctx-TopNavLink uil-flex uil-items-center uil-px-16 uil-no-underline hooked sign-in" data-uil-nav-internal-link="false" ><svg xmlns="https://www.w3.org/2000/svg" viewBox="0 0 24 24" stroke="currentColor" fill="none" width="24" height="24" stroke-width="2" class="uil-mr-8 uil-h-16 uil-w-16 uil-text-white" > <path d="M20 21v-2a4 4 0 0 0-4-4H8a4 4 0 0 0-4 4v2"></path> <circle cx="12" cy="7" r="4"></circle> </svg> <p data-title="Login" class="nav-component-j6tmw9-TopNavLink uil-m-0 uil-font-inter uil-text-14 uil-font-400 uil-leading-150p uil-text-white" > Login </p></a > </li> </ul> </div> <div class="uil-mx-auto uil-flex uil-w-100p uil-max-w-1440" data-bottom-nav-ref="true" > <div data-nav-logo-container="true" class="uil-flex uil-h-80 uil-w-100p uil-shrink-0 uil-items-center md:uil-h-auto md:uil-w-auto md:uil-pl-8" > <a href="https://www.algolia.com/" data-gtm="true" class="uil-mr-12 uil-no-underline" data-uil-nav-internal-link="false" ><svg class="uil-block uil-h-24 uil-w-24 lg:uil-hidden" width="501" height="501" viewBox="0 0 501 501" fill="none" xmlns="https://www.w3.org/2000/svg" > <title>Algolia mark blue</title> <path d="M250.926.11c-136.62 0-248 110.16-249.97 246.32-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.51l-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.57c0-5.24-4.25-9.49-9.49-9.49h-240.51l-.01.03Z" fill="#fff" ></path></svg ><svg class="uil-hidden lg:uil-block lg:uil-h-[25px] lg:uil-w-auto" width="2197" height="501" viewBox="0 0 2197 501" fill="none" xmlns="https://www.w3.org/2000/svg" > <title>Algolia logo blue</title> <path fill-rule="evenodd" clip-rule="evenodd" d="M1070.38 275.57V6.18c0-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 105.01h-50.78a5.9 5.9 0 0 0-5.9 5.9v266.1a5.9 5.9 0 0 0 5.9 5.9h50.78c3.25 0 5.9-2.642 5.9-5.9v-266.1c0-3.258-2.65-5.9-5.9-5.9Z" fill="#fff" ></path> <path fill-rule="evenodd" clip-rule="evenodd" d="M1851.78 71.65h50.77c3.26 0 5.9-2.64 5.9-5.9V6.18c0-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.9h.01ZM1764.03 275.57V6.18c0-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 143c-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 105.01h-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.91c0-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 105.01h-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.91c0-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 105.01h-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.93c0-3.26-2.64-5.9-5.9-5.9h-56.32l.01-.02Zm0 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.28C113.296.28 1.996 110.36.026 246.43c-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.27l-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.74c0-5.24-4.24-9.48-9.48-9.48h-240.36v.02Z" fill="#fff" ></path></svg></a ><button data-mobile-menu-button="true" class="uil-flex uil-cursor-pointer uil-appearance-none uil-items-center uil-gap-8 uil-border-0 uil-bg-transparent uil-p-0 md:uil-hidden" > <svg xmlns="https://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="uil-block uil-h-20 uil-w-20 uil-text-white" > <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 ><span class="uil-font-inter uil-font-500 uil-uppercase uil-leading-150p uil-tracking-5p uil-text-white uil-text-14-16" >Menu</span > </button> <div class="uil-ml-auto md:uil-hidden"> <div data-nav-search-bar="true" class="uil-flex uil-w-100p uil-items-center uil-justify-end md:uil-mr-16 xl:uil-max-w-300 xl:uil-justify-center" > <a href="https://www.algolia.com/search/" data-gtm="true" class="uil-flex uil-w-fit uil-items-center uil-gap-16 uil-rounded-8 uil-border-1 uil-border-solid uil-border-grey-200 uil-bg-white uil-py-12 uil-pl-12 uil-pr-12 uil-no-underline md:uil-border-2 xl:uil-w-100p xl:uil-pr-56" data-uil-nav-internal-link="false" ><svg xmlns="https://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="uil-relative uil-block uil-h-20 uil-w-20 uil-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="uil-hidden uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-16-18 xl:uil-block" >Search Algolia</span ></a > </div> </div> </div> <ul data-nav-item-list="true" class="uil-my-0 uil-ml-40 uil-flex uil-w-100p uil-list-none uil-p-0" > <li title="Solutions" data-title="Solutions" class="nav-component-wxlbtx-Menu uil-relative" > <button aria-label="Solutions" tabindex="0" data-nav="nav-item-button" class="nav-component-bttj3a-NavItem uil-flex uil-flex uil-items-center uil-items-center uil-justify-center uil-justify-between uil-border-0 uil-border-b-1 uil-border-solid uil-border-transparent uil-bg-transparent uil-px-0 uil-py-16 uil-text-left uil-font-sora uil-text-white uil-no-underline md:uil-relative md:uil-z-3 md:uil-flex md:uil-h-80 md:uil-w-auto md:uil-appearance-none md:uil-items-center md:uil-whitespace-nowrap md:uil-border-solid" > <span data-nav-item-ref="Solutions" class="uil-font-inter uil-text-16 uil-font-600 uil-leading-150p md:uil-pointer-events-none md:uil-select-none md:uil-normal-case" >Solutions</span > </button> </li> <li title="Industries" data-title="Industries" class="nav-component-wxlbtx-Menu uil-relative uil-pl-24" > <button aria-label="Industries" tabindex="0" data-nav="nav-item-button" class="nav-component-bttj3a-NavItem uil-flex uil-flex uil-items-center uil-items-center uil-justify-center uil-justify-between uil-border-0 uil-border-b-1 uil-border-solid uil-border-transparent uil-bg-transparent uil-px-0 uil-py-16 uil-text-left uil-font-sora uil-text-white uil-no-underline md:uil-relative md:uil-z-3 md:uil-flex md:uil-h-80 md:uil-w-auto md:uil-appearance-none md:uil-items-center md:uil-whitespace-nowrap md:uil-border-solid" > <span data-nav-item-ref="Industries" class="uil-font-inter uil-text-16 uil-font-600 uil-leading-150p md:uil-pointer-events-none md:uil-select-none md:uil-normal-case" >Industries</span > </button> </li> <li title="Pricing" data-title="Pricing" class="nav-component-wxlbtx-Menu uil-relative uil-pl-24" > <a data-nav="nav-item-button" aria-label="Pricing" tabindex="0" href="https://www.algolia.com/pricing/" data-gtm="true" class="uil-flex uil-flex uil-items-center uil-items-center uil-justify-center uil-justify-between uil-border-0 uil-border-b-2 uil-border-solid uil-border-transparent uil-bg-transparent uil-px-0 uil-py-16 uil-text-left uil-font-sora uil-text-white uil-no-underline uil-no-underline hover:uil-border-xenon-400 hover:uil-text-xenon-400 focus:uil-border-xenon-400 focus:uil-text-xenon-400 md:uil-relative md:uil-z-3 md:uil-flex md:uil-h-80 md:uil-w-auto md:uil-appearance-none md:uil-items-center md:uil-whitespace-nowrap md:uil-border-solid" data-uil-nav-internal-link="false" ><span data-nav-item-ref="Pricing" class="uil-font-inter uil-text-16 uil-font-600 uil-leading-150p md:uil-pointer-events-none md:uil-select-none md:uil-normal-case" >Pricing</span ></a > </li> <li title="Developers" data-title="Developers" class="nav-component-wxlbtx-Menu uil-relative uil-pl-24" > <button aria-label="Developers" tabindex="0" data-nav="nav-item-button" class="nav-component-bttj3a-NavItem uil-flex uil-flex uil-items-center uil-items-center uil-justify-center uil-justify-between uil-border-0 uil-border-b-1 uil-border-solid uil-border-transparent uil-bg-transparent uil-px-0 uil-py-16 uil-text-left uil-font-sora uil-text-white uil-no-underline md:uil-relative md:uil-z-3 md:uil-flex md:uil-h-80 md:uil-w-auto md:uil-appearance-none md:uil-items-center md:uil-whitespace-nowrap md:uil-border-solid" > <span data-nav-item-ref="Developers" class="uil-font-inter uil-text-16 uil-font-600 uil-leading-150p md:uil-pointer-events-none md:uil-select-none md:uil-normal-case" >Developers</span > </button> </li> <li title="Resources" data-title="Resources" class="nav-component-wxlbtx-Menu uil-relative uil-pl-24" > <button aria-label="Resources" tabindex="0" data-nav="nav-item-button" class="nav-component-bttj3a-NavItem uil-flex uil-flex uil-items-center uil-items-center uil-justify-center uil-justify-between uil-border-0 uil-border-b-1 uil-border-solid uil-border-transparent uil-bg-transparent uil-px-0 uil-py-16 uil-text-left uil-font-sora uil-text-white uil-no-underline md:uil-relative md:uil-z-3 md:uil-flex md:uil-h-80 md:uil-w-auto md:uil-appearance-none md:uil-items-center md:uil-whitespace-nowrap md:uil-border-solid" > <span data-nav-item-ref="Resources" class="uil-font-inter uil-text-16 uil-font-600 uil-leading-150p md:uil-pointer-events-none md:uil-select-none md:uil-normal-case" >Resources</span > </button> </li> </ul> <div data-nav-search-bar="true" class="uil-flex uil-w-100p uil-items-center uil-justify-end md:uil-mr-16 xl:uil-max-w-300 xl:uil-justify-center" > <a href="https://www.algolia.com/search/" data-gtm="true" class="uil-flex uil-w-fit uil-items-center uil-gap-16 uil-rounded-8 uil-border-1 uil-border-solid uil-border-grey-700 uil-py-12 uil-pl-12 uil-pr-12 uil-no-underline md:uil-border-2 xl:uil-w-100p xl:uil-pr-56" data-uil-nav-internal-link="false" ><svg xmlns="https://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="uil-relative uil-block uil-h-20 uil-w-20 uil-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="uil-hidden uil-font-inter uil-font-400 uil-leading-150p uil-text-white uil-text-16-18 xl:uil-block" >Search Algolia</span ></a > </div> <ul data-nav-user-buttons="true" class="nav-component-8zpgq7-Auth uil-m-0 uil-flex uil-shrink-0 uil-list-none uil-p-0 md:uil-pr-8" > <li class="uil-hidden uil-mr-8-16 md:uil-flex md:uil-items-center"> <a data-gtm="true" href="https://www.algolia.com/demorequest/" class="nav-component-kl3lxk hover:uil-text-white uil-relative uil-inline-flex uil-shrink-0 uil-cursor-pointer uil-appearance-none uil-items-center uil-justify-center uil-overflow-hidden uil-rounded-8 uil-border-2 uil-border-solid uil-border-grey-200 uil-py-[6px] uil-text-white uil-no-underline uil-no-underline uil-px-16-24 uil-min-h-48-56" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center"> <span class="uil-mx-auto uil-flex uil-items-center uil-font-sora uil-font-600 uil-leading-150p uil-tracking-[0.28px] uil-text-14-16 md:uil-tracking-[0.32px]" >Request Demo</span > </div></a > </li> <li class="uil-hidden md:uil-flex md:uil-items-center"> <a data-gtm="true" href="https://www.algolia.com/users/sign_up" class="nav-component-ayc9r2 uil-relative uil-inline-flex uil-shrink-0 uil-cursor-pointer uil-appearance-none uil-items-center uil-justify-center uil-overflow-hidden uil-rounded-8 uil-border-none uil-py-[6px] uil-text-white uil-no-underline uil-no-underline uil-px-16-24 uil-min-h-48-56" data-uil-nav-internal-link="false" style="color: white;" ><div class="uil-flex uil-items-center"> <span class="uil-mx-auto uil-flex uil-items-center uil-font-sora uil-font-600 uil-leading-150p uil-tracking-[0.28px] uil-text-14-16 md:uil-tracking-[0.32px]" >Get Started</span > </div></a > </li> </ul> </div> </div> <div class="nav-component-1xggm4h-MenuItems uil-pointer-events-none uil-absolute -uil-z-1 uil-hidden uil-w-auto uil-opacity-0 uil-transition-all uil-duration-[250ms] md:uil-block" data-menu-items-container="true" > <div class="uil-relative uil-mt-24 uil-max-w-1440 uil-overflow-hidden uil-rounded-8 uil-bg-white uil-shadow-large-light uil-transition-[width,height] uil-duration-[250ms]" id="menu-card" > <div class="uil-absolute uil-bottom-0 uil-left-0 uil-right-0 uil-top-0 uil-w-fit uil-opacity-0 uil-transition-opacity uil-duration-[250ms]" id="Solutions" > <div class="uil-flex uil-w-fit uil-items-start uil-gap-40 uil-p-24"> <div class=""> <div class="uil-flex uil-flex-col uil-gap-8"> <a tabindex="0" href="https://www.algolia.com/products/ai-search/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/ai-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600"> AI Search</span> </div>  </a> <a tabindex="0" href="https://www.algolia.com/products/ai-browse/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/browse-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /> <span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600">AI Browse</span> </div>  </a> <a tabindex="0" href="https://www.algolia.com/products/ai-recommendations/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/recommendations-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >AI Recommendations</span > </div>  </a> <a tabindex="0" href="https://www.algolia.com/industries/ecommerce/merchandising-studio/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/merch-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Merchandising Studio</span > </div>  </a> <a tabindex="0" href="https://www.algolia.com/products/features/analytics/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/pie-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Analytics</span > </div>  </a> <a tabindex="0" href="https://www.algolia.com/developers/search-ui/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1661428489/ui-library/nav/rebrand-2022/ui-components-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >UI Components</span > </div>  </a> <a tabindex="0" href="https://www.algolia.com/products/" data-gtm="true" class="uil-group/cta uil-mt-8 uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-no-underline" data-uil-nav-internal-link="false" ><span class="uil-block uil-flex uil-items-center uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 hover:uil-text-xenon-600" >Read More <svg xmlns="https://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="uil-ease uil-ml-12 uil-shrink-0 uil-text-xenon-600 uil-transition-all uil-duration-400 uil-stroke-1.5-2 uil-w-20-24 uil-h-20-24 group-hover/cta:uil-scale-[1.1] group-hover/cta:uil-fill-xenon-600 group-hover/cta:uil-text-white" > <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 class=""> <div class="uil-flex uil-flex-col uil-gap-8"> </div> </div> <div class="uil-flex uil-items-start uil-gap-32"> <div class="uil-self-stretch uil-border-0 uil-border-r-1 uil-border-solid uil-border-grey-200" ></div> <div class="uil-flex uil-flex-col uil-gap-8 uil-pb-12"> <span class="uil-mb-8 uil-font-inter uil-text-14 uil-font-400 uil-font-500 uil-uppercase uil-leading-150p uil-tracking-[0.7px] uil-text-grey-400" >Integrations</span > <a tabindex="0" href="https://www.algolia.com/search-solutions/adobe/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-12"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/icons/adobe.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Adobe Commerce</span > </div></a > <a tabindex="0" href="https://www.algolia.com/search-solutions/bigcommerce/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-12"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/icons/bigcommerce-icon_1.svg" width="64" height="64" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >BigCommerce</span > </div></a > <a tabindex="0" href="https://www.algolia.com/search-solutions/commercetools/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-12"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/icons/commercetools-symbol.svg" width="298" height="333" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Commercetools</span > </div></a > <a tabindex="0" href="https://www.algolia.com/search-solutions/salesforce-commerce-cloud/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-12"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/icons/salesforce.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Salesforce CC</span > </div></a ><a tabindex="0" href="https://www.algolia.com/search-solutions/shopify/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-12"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/icons/shopify.svg" width="18" height="18" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Shopify</span > </div></a ><a tabindex="0" href="https://www.algolia.com/developers/integrations" data-gtm="true" class="uil-group/cta uil-mt-8 uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-no-underline" data-uil-nav-internal-link="false" ><span class="uil-block uil-flex uil-items-center uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 hover:uil-text-xenon-600" >See all integrations <svg xmlns="https://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="uil-ease uil-ml-12 uil-shrink-0 uil-text-xenon-600 uil-transition-all uil-duration-400 uil-stroke-1.5-2 uil-w-20-24 uil-h-20-24 group-hover/cta:uil-scale-[1.1] group-hover/cta:uil-fill-xenon-600 group-hover/cta:uil-text-white" > <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 class="uil-absolute uil-bottom-0 uil-left-0 uil-right-0 uil-top-0 uil-w-fit uil-opacity-0 uil-transition-opacity uil-duration-[250ms]" id="Industries" > <div class="uil-flex uil-w-fit uil-items-start uil-gap-40 uil-p-24"> <div class=""> <div class="uil-flex uil-flex-col uil-gap-8"> <a tabindex="0" href="https://www.algolia.com/industries/ecommerce/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/retail-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Retail Ecommerce</span > </div></a ><a tabindex="0" href="https://www.algolia.com/industries/b2b-ecommerce/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/b2b-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >B2B Ecommerce </span > </div></a ><a tabindex="0" href="https://www.algolia.com/industries/marketplaces/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/marketplaces-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Markeplace</span > </div></a ><a tabindex="0" href="https://www.algolia.com/industries/media/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/media-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Media</span > </div></a ><a tabindex="0" href="https://www.algolia.com/industries/saas/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/saas-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >SaaS</span > </div></a ><a tabindex="0" href="https://www.algolia.com/industries/" data-gtm="true" class="uil-group/cta uil-mt-8 uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-no-underline" data-uil-nav-internal-link="false" ><span class="uil-block uil-flex uil-items-center uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 hover:uil-text-xenon-600" >Read More <svg xmlns="https://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="uil-ease uil-ml-12 uil-shrink-0 uil-text-xenon-600 uil-transition-all uil-duration-400 uil-stroke-1.5-2 uil-w-20-24 uil-h-20-24 group-hover/cta:uil-scale-[1.1] group-hover/cta:uil-fill-xenon-600 group-hover/cta:uil-text-white" > <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 class="uil-absolute uil-bottom-0 uil-left-0 uil-right-0 uil-top-0 uil-w-fit uil-opacity-0 uil-transition-opacity uil-duration-[250ms]" id="Developers" > <div class="uil-flex uil-w-fit uil-items-start uil-gap-40 uil-p-24"> <div class=""> <div class="uil-flex uil-flex-col uil-gap-8"> <span class="uil-mb-8 uil-font-inter uil-text-14 uil-font-400 uil-font-500 uil-uppercase uil-leading-150p uil-tracking-[0.7px] uil-text-grey-400" >Get Started</span ><a tabindex="0" href="https://www.algolia.com/developers/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/desktop-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Developer Hub</span > </div></a ><a tabindex="0" href="https://www.algolia.com/doc/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/documentation-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Documentation</span > </div></a ><a tabindex="0" href="https://www.algolia.com/developers/integrations" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/integrations-blue.svg" width="18" height="17" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Integrations</span > </div></a ><a tabindex="0" href="https://www.algolia.com/developers/search-ui/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/ui-components-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >UI Components</span > </div></a ><a tabindex="0" href="https://www.algolia.com/products/features/search-autocomplete/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/autocomplete-blue.svg" width="17" height="17" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Autocomplete</span > </div></a > </div> </div> <div class=""> <div class="uil-flex uil-flex-col uil-gap-8"> <span class="uil-mb-8 uil-font-inter uil-text-14 uil-font-400 uil-font-500 uil-uppercase uil-leading-150p uil-tracking-[0.7px] uil-text-grey-400" >Resources</span ><a tabindex="0" href="https://www.algolia.com/developers/code-exchange/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/codex-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Code Exchange</span > </div></a ><a tabindex="0" href="https://www.algolia.com/blog/engineering/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/eng-blog-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Engineering Blog</span > </div></a ><a tabindex="0" href="https://discord.com/invite/ytbZuTQukV" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/community-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Discord</span > </div></a ><a tabindex="0" href="https://www.algolia.com/events/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/events-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Webinars & Events</span > </div></a > </div> </div> <div class=""> <div class="uil-flex uil-flex-col uil-gap-8"> <span class="uil-mb-8 uil-font-inter uil-text-14 uil-font-400 uil-font-500 uil-uppercase uil-leading-150p uil-tracking-[0.7px] uil-text-grey-400" >Quick Links</span ><a tabindex="0" href="https://www.algolia.com/doc/guides/getting-started/quick-start/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/quickstart-blue.svg" width="17" height="17" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Quick Search Guide</span > </div></a ><a tabindex="0" href="https://www.algolia.com/for-open-source/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/opensource-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >For Open Source</span > </div></a ><a tabindex="0" href="https://status.algolia.com" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/api-blue.svg" width="17" height="17" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >API Status</span > </div></a ><a tabindex="0" href="https://support.algolia.com/hc/en-us" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/support-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Support</span > </div></a > </div> </div> </div> </div> <div class="uil-absolute uil-bottom-0 uil-left-0 uil-right-0 uil-top-0 uil-w-fit uil-opacity-0 uil-transition-opacity uil-duration-[250ms]" id="Resources" > <div class="uil-flex uil-w-fit uil-items-start uil-gap-40 uil-p-24"> <div class=""> <div class="uil-flex uil-flex-col uil-gap-8"> <span class="uil-mb-8 uil-font-inter uil-text-14 uil-font-400 uil-font-500 uil-uppercase uil-leading-150p uil-tracking-[0.7px] uil-text-grey-400" >Inspiration</span ><a tabindex="0" href="https://www.algolia.com/blog/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/blog-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Algolia Blog</span > </div></a ><a tabindex="0" href="https://resources.algolia.com/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/resource-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Resource Center</span > </div></a ><a tabindex="0" href="https://www.algolia.com/customers/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/customer-stories-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Customer Stories</span > </div></a > </div> </div> <div class=""> <div class="uil-flex uil-flex-col uil-gap-8"> <span class="uil-mb-8 uil-font-inter uil-text-14 uil-font-400 uil-font-500 uil-uppercase uil-leading-150p uil-tracking-[0.7px] uil-text-grey-400" >Learn</span ><a tabindex="0" href="https://www.algolia.com/customer-onboarding/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/onboarding-blue.svg" width="18" height="14" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Customer Hub</span > </div></a > <a tabindex="0" href="https://academy.algolia.com/trainings" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/academy-blue.svg" width="18" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Algolia Academy</span > </div></a > <a tabindex="0" href="https://www.algolia.com/ecommerce-merchandising-playbook/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1661433860/ui-library/nav/rebrand-2022/merch-blue.svg" width="18" height="14" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Merchandising Playbook</span > </div></a > <a tabindex="0" href="https://www.algolia.com/about/news/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/newsroom-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Newsroom</span > </div></a ><a tabindex="0" href="https://www.algolia.com/events/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/events-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Events</span > </div></a > </div> </div> <div class=""> <div class="uil-flex uil-flex-col uil-gap-8"> <span class="uil-mb-8 uil-font-inter uil-text-14 uil-font-400 uil-font-500 uil-uppercase uil-leading-150p uil-tracking-[0.7px] uil-text-grey-400" >Tools</span ><a tabindex="0" href="https://www.algolia.com/profit-simulator/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/profit-sim-blue.svg" width="20" height="20" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Profit Simulator</span > </div></a ><a tabindex="0" href="https://grader.algolia.com" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/grader-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Search Grader</span > </div></a ><a tabindex="0" href="https://www.algolia.com/search-audit/" data-gtm="true" class="uil-group/cta uil-flex uil-w-max uil-min-w-[150px] uil-max-w-[280px] uil-flex-col uil-items-start uil-py-8 uil-no-underline" data-uil-nav-internal-link="false" ><div class="uil-flex uil-items-center uil-gap-4"> <img src="https://res.cloudinary.com/hilnmyskv/image/upload/v1707169290/ui-library/nav/rebrand-2022/search-audit-blue.svg" width="16" height="16" class="uil-h-16 uil-w-16" /><span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-grey-900 uil-text-12-14 group-hover/cta:uil-text-xenon-600" >Ecommerce Search Audit</span > </div></a > </div> </div> </div> </div> </div> </div> </nav> <script nonce="DgxboAlx1Iq0MZhLFM3i4fs2"src="nav.js"></script> <script nonce="DgxboAlx1Iq0MZhLFM3i4fs2"src="helpers/on/index.js"></script> <script nonce="DgxboAlx1Iq0MZhLFM3i4fs2"src="helpers/on/onclose.js"></script> <script nonce="DgxboAlx1Iq0MZhLFM3i4fs2"src="helpers/keyboard.js"></script> <script nonce="DgxboAlx1Iq0MZhLFM3i4fs2"src="helpers/misc.js"></script> <script nonce="DgxboAlx1Iq0MZhLFM3i4fs2"src="helpers/physics.js"></script> <script nonce="DgxboAlx1Iq0MZhLFM3i4fs2"src="helpers/index.js"></script> </html><script nonce="DgxboAlx1Iq0MZhLFM3i4fs2"> window.featureTileStreams = ["5382840", "6071418", "5377701", "5382849", "5393097", "8895911", "5382777", "5435722", "10423250", "5382786", "5382783", "5377704", "5393094", "5382843", "5393115", "5382837", "5382774", "7405984", "5377707", "5382780", "7405450", "10588427", "5382846", "5393121", "6264795", "5382771", "9525396", "5382789", "7394033", "10191523", "5393106", "7405447", "11013797", "10987065", "11173992", "11024979", "11208038"]; </script><script nonce="DgxboAlx1Iq0MZhLFM3i4fs2"> !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"];analytics.factory=function(t){return function(){var e=Array.prototype.slice.call(arguments);e.unshift(t);analytics.push(e);return analytics}};for(var t=0;t<analytics.methods.length;t++){var e=analytics.methods[t];analytics[e]=analytics.factory(e)}analytics.load=function(t,e){var n=document.createElement("script");n.type="text/javascript";n.async=!0;n.src="https://cdn.segment.com/analytics.js/v1/"+t+"/analytics.min.js";var a=document.getElementsByTagName("script")[0];a.parentNode.insertBefore(n,a);analytics._loadOptions=e};analytics.SNIPPET_VERSION="4.1.0"; analytics.load("eEj3ERCjH7KxK1jEMjQF7uzmtZGALFHn"); analytics.page(); }}(); </script><style> /*369814*/ #hub-cta-369814, .uf-link-cta-tile-369814 { background: url('https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82MDJmYmU0YmU1NTIwLnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPWZiZmMyYzNiMDNmZDViYjhlZjhmYzk2ODQxOWRiNmU2') !important; background-color: inherit !important; background-repeat: no-repeat !important; background-origin: padding-box !important; background-size: cover !important; } </style> <script nonce="DgxboAlx1Iq0MZhLFM3i4fs2"> (function(h,o,t,j,a,r){ h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; h._hjSettings={hjid:1686978,hjsv:6}; a=o.getElementsByTagName('head')[0]; r=o.createElement('script');r.async=1; r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; a.appendChild(r); })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); </script> <script nonce="DgxboAlx1Iq0MZhLFM3i4fs2"type="text/javascript" src="https://cdn.cookielaw.org/consent/5e9f5149-bde8-4a13-b973-b7a9385e8ebb/OtAutoBlock.js"></script>  <script nonce="DgxboAlx1Iq0MZhLFM3i4fs2"src="https://cdn.cookielaw.org/scripttemplates/otSDKStub.js" type="text/javascript" charset="UTF-8" data-domain-script="5e9f5149-bde8-4a13-b973-b7a9385e8ebb"></script>  <script nonce="DgxboAlx1Iq0MZhLFM3i4fs2"type="text/javascript">function OptanonWrapper() {}</script>   <script nonce="DgxboAlx1Iq0MZhLFM3i4fs2"> window.addEventListener('load', function() { var equivalentCodes = { 'C0001': 607914, // Strictly Necessary; 'C0002': 607915, // Performance Cookies; 'C0003': 607916, // Functional Cookies; 'C0004': 607917, // Targeting Cookies; 'C0005': 607918 // Social media cookies } function retrieveCode(code) { return equivalentCodes[code]; } window.OneTrust.OnConsentChanged( function(e) { // console.log(e.detail); e.detail.map(d => { const code = retrieveCode(d) // console.log(code); uberflip.Privacy.acceptById(code) }) }) document.querySelector('footer li button').addEventListener('click', function() { window.OneTrust.ToggleInfoDisplay(); }) }); </script><style> /* Put Drift below the Cookie banner */ #drift-frame-chat, #drift-frame-controller { z-index: 10 !important; } #onetrust-banner-sdk.ot-bnr-w-logo .ot-bnr-logo { margin-left: 0; @media (min-width: 960px) { margin-left: 20px; } } </style> <script nonce="DgxboAlx1Iq0MZhLFM3i4fs2"> window.bannerText = 'Resources'; </script> </head> <body id="uf-item-page" class="uf-item-page uf-article-page uf-page-type-uberflip uf-docs-item uf-marketing-stream uf-default-template " data-hub-id="103949" data-hub-primaryColor="#4D4D4D" data-hub-secondaryColor="#5bc0de" data-hub-backgroundColor="#a9a9a9" data-hub-embedded="false" data-hub-hideHero="false" data-hub-hideBanner="false" data-hub-hideFooter="false" data-hub-hidePrimaryNav="false" data-hub-hideSecondaryNav="false" data-hub-linkBreakOut="false" data-hub-flipbookBreakOut="false" data-hub-inPreview="false" data-hub-searchAction="https://resources.algolia.com/search" data-stream-id="5382774" data-stream-externalService="custom" data-item-id="630583907" data-item-source-stream-id="5397813" data-item-flipbookid="1288601" data-domain-www="https://resources.algolia.com/" data-domain-theme="vanilla" data-page-bookmark="#ufh-i-630583907-casestudy-ubisoft" data-tags="Customer stories,Media,Merchandizing,B2C E-commerce,bombora.tp.Online Merchandising,bombora.tp.eCommerce Site Search" data-cta-gated="false" data-completed-gated-cta="false" > <a id="uf-skip-to-main" class="uf-skip-to-main" href="#main-content" data-internal="self">Skip to main content</a> <script nonce="DgxboAlx1Iq0MZhLFM3i4fs2"> window.uberflip = window.uberflip || {}; window.uberflip.knownUser = {"Marketo":0}; window.uberflip.integrationsToTrackViews = []; window.uberflip.serverTimestamp = 1733905718; window.uberflip.privacyGroups = {"607914":{"id":607914,"name":"Strictly necessary Cookies","description":"These cookies are necessary for the website to function and cannot be switched off in our systems. They are usually only set in response to actions made by you which amount to a request for services, such as setting your privacy preferences, logging in or filling in forms. You can set your browser to block or alert you about these cookies, but some parts of the site will not then work. These cookies do not store any personally identifiable information.","version":1670851300,"isAccepted":0,"functionalities":[{"id":5,"code":"MARKETO","name":"Marketo"}]},"607915":{"id":607915,"name":"Performance Cookies","description":"These cookies allow us to count visits and traffic sources so we can measure and improve the performance of our site. They help us to know which pages are the most and least popular and see how visitors move around the site. If you do not allow these cookies we will not know when you have visited our site.","version":1670851315,"isAccepted":0,"functionalities":[]},"607916":{"id":607916,"name":"Functional Cookies","description":"These cookies enable the website to provide enhanced functionality and personalisation. They may be set by us or by third party providers whose services we have added to our pages. If you do not allow these cookies then some or all of these services may not function properly.","version":1670851332,"isAccepted":0,"functionalities":[{"id":1,"code":"UBERFLIP","name":"Uberflip"},{"id":8,"code":"BOMBORA","name":"Bombora"}]},"607917":{"id":607917,"name":"Targeting Cookies","description":"These cookies may be set through our site by our advertising partners. They may be used by those companies to build a profile of your interests and show you relevant adverts on other sites. They do not store directly personal information, but are based on uniquely identifying your browser and internet device. If you do not allow these cookies, you will experience less targeted advertising.","version":1670851345,"isAccepted":0,"functionalities":[{"id":16,"code":"YOUTUBE","name":"YouTube"}]}}; </script>  <script nonce="DgxboAlx1Iq0MZhLFM3i4fs2"data-functionality-name="CPTV2"> /** if we don't have the Hubs object, polyfill */ if( typeof Hubs !== 'object' ){ window.Hubs = {}; Hubs.Config = { isMobile : (/Android|webOS|iPhone|iPad|iPod|BlackBerry|IEMobile|Opera Mini/i.test(navigator.userAgent) ) ? true : false, isIFrame : ( window.location !== window.parent.location ) ? true : false, isEmbedded : ( document.location.href.indexOf('?embedded=1') > 0 ) ? true : false, externalService : (document.body.dataset.streamExternalservice ) ? document.body.dataset.streamExternalservice : false, hubBaseUrl : (document.body.dataset) ? document.body.dataset.domainWww : '/' }; Hubs.pageTypeMap = { 'uf-stream-page' : 'collection', 'uf-item-page' : 'item', 'uf-embed-tile-page' : 'cta' }; Hubs.streamTypeMap = { 'blogpost' : 'blogs', 'uberflip' : 'docs' }; Hubs.getQueryStringJson = function(){ var qd = {}; if (location.search) location.search.substr(1).split("&").forEach(function(item) { var s = item.split("="), k = s[0], v = s[1] && decodeURIComponent(s[1]); qd[k] = v; }); return qd; }; Hubs.appInstance = { pageType: (document.body.id) ? Hubs.pageTypeMap[ document.body.id ] : ( document.location.href.indexOf('/authors/') > 0 ? 'author' : 'hub' ), collectionType: (Hubs.Config.externalService && Hubs.streamTypeMap[ Hubs.Config.externalService ]) ? Hubs.streamTypeMap [ Hubs.Config.externalService ] : Hubs.Config.externalService, currentCollectionId: document.body.dataset.streamId ? parseInt(document.body.dataset.streamId) : 'recent', currentItemId: document.body.dataset.itemId ? parseInt(document.body.dataset.itemId) : 0, currentItemTags: document.body.dataset.tags ? document.body.dataset.tags : undefined, queryString : location.search ? Hubs.getQueryStringJson() : {} }; Hubs.Events = { on : function(method, callback) { window.addEventListener('uberflip.' + method, function(){ callback(); } ) } }; } </script> <script nonce="DgxboAlx1Iq0MZhLFM3i4fs2"src="https://cihost.uberflip.com/jquery/master/scripts/jquery-3.7.0.min.js" integrity="sha256-2Pmvv0kuTBOenSvLm6bvfBSSHrUJ+3A7x6P5Ebd07/g=" crossorigin="anonymous"></script> <div id="uf-top-nav-container" class="uf-top-nav-container"> <div class="container"> <nav id="uf-hub-nav" class="navbar" aria-label="Sitewide menu" role="navigation"> <div class="navbar-brand uf-menu-background"> <button type="button" aria-expanded="false" aria-haspopup="true" aria-controls="uf-navbar-menu" class="navbar-burger navbar-start" > <span aria-hidden="true" class="hamburger-bar"></span> <span aria-hidden="true" class="hamburger-bar"></span> <span aria-hidden="true" class="hamburger-bar"></span> <span class="sr-only">Toggle menubar</span> <i aria-hidden="true" class="uf-exit-icon fas fa-times uf-menu-color"></i> </button> <p class="mobile-menu-title"> Algolia Resource Center </p> </div> <ul id="uf-navbar-menu" class="navbar-menu is-vcentered" role="menubar"> <li role="presentation" class="navbar-item uf-menu-parent-list-item stream " > <a role="menuitem" class="uf-menu-parent-link is-focusable inline uf-menu-item" href="https://resources.algolia.com" data-internal="stream" > Home </a> </li> <li role="presentation" class="navbar-item uf-menu-parent-list-item section has-dropdown is-hoverable " > <button type="button" class="navbar-dropdown-toggle is-focusable has-toggle-label" aria-haspopup="true" aria-expanded="false" aria-controls="uf-dropdown-2" > <span class="uf-dropdown-inset-label inline uf-menu-item"> <span class="sr-only">Toggle submenu for:</span> Type </span> <i class="fas fa-chevron-down" aria-hidden="true"></i> </button> <ul id="uf-dropdown-2" class="uf-menu-submenu navbar-dropdown" role="menu" aria-label="Type" > <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/ebooks" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Ebooks </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/reports" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Reports </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/customer-stories" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Customer stories </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/partner-stories" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Partner resources </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/webinars" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Webinars </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/videos" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Videos / Demos </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/infographics" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Infographics </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/guides" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Guides </a> </li> </ul> </li> <li role="presentation" class="navbar-item uf-menu-parent-list-item section has-dropdown is-hoverable " > <button type="button" class="navbar-dropdown-toggle is-focusable has-toggle-label" aria-haspopup="true" aria-expanded="false" aria-controls="uf-dropdown-3" > <span class="uf-dropdown-inset-label inline uf-menu-item"> <span class="sr-only">Toggle submenu for:</span> Use Case </span> <i class="fas fa-chevron-down" aria-hidden="true"></i> </button> <ul id="uf-dropdown-3" class="uf-menu-submenu navbar-dropdown" role="menu" aria-label="Use Case" > <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/site-search" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Site search </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/mobile-search" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Mobile search </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/voice-search" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Voice search </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/federated-search" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Federated search </a> </li> </ul> </li> <li role="presentation" class="navbar-item uf-menu-parent-list-item section has-dropdown is-hoverable " > <button type="button" class="navbar-dropdown-toggle is-focusable has-toggle-label" aria-haspopup="true" aria-expanded="false" aria-controls="uf-dropdown-4" > <span class="uf-dropdown-inset-label inline uf-menu-item"> <span class="sr-only">Toggle submenu for:</span> Industry </span> <i class="fas fa-chevron-down" aria-hidden="true"></i> </button> <ul id="uf-dropdown-4" class="uf-menu-submenu navbar-dropdown" role="menu" aria-label="Industry" > <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/b2b-ecommerce" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > B2B Ecommerce </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/ecommerce" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > B2C Ecommerce </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/marketplaces" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Marketplaces </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/media" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Media </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/technology" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > SaaS & Technology </a> </li> </ul> </li> <li role="presentation" class="navbar-item uf-menu-parent-list-item section has-dropdown is-hoverable uf-selected" > <button type="button" class="navbar-dropdown-toggle is-focusable has-toggle-label" aria-haspopup="true" aria-expanded="false" aria-controls="uf-dropdown-5" > <span class="uf-dropdown-inset-label inline uf-menu-item"> <span class="sr-only">Toggle submenu for:</span> Algolia Products </span> <i class="fas fa-chevron-down" aria-hidden="true"></i> </button> <ul id="uf-dropdown-5" class="uf-menu-submenu navbar-dropdown" role="menu" aria-label="Algolia Products" > <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/product-demos" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Product Demos </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/ai-search" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > AI Search </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/recommendations" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Recommendations </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/a-b-testing" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > A/B testing </a> </li> <li role="presentation" class="uf-menu-submenu-list-item uf-selected uf-selected-child" > <a role="menuitem" href="https://resources.algolia.com/analytics" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" aria-current="page" > Analytics </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/crawler" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Crawler </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/merchandising" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Merchandising </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/personalization" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Personalization </a> </li> </ul> </li> <li role="presentation" class="navbar-item uf-menu-parent-list-item section has-dropdown is-hoverable " > <button type="button" class="navbar-dropdown-toggle is-focusable has-toggle-label" aria-haspopup="true" aria-expanded="false" aria-controls="uf-dropdown-6" > <span class="uf-dropdown-inset-label inline uf-menu-item"> <span class="sr-only">Toggle submenu for:</span> For Devs </span> <i class="fas fa-chevron-down" aria-hidden="true"></i> </button> <ul id="uf-dropdown-6" class="uf-menu-submenu navbar-dropdown" role="menu" aria-label="For Devs" > <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/build-101" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Build 101 </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/shopify" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Shopify </a> </li> <li role="presentation" class="uf-menu-submenu-list-item " > <a role="menuitem" href="https://resources.algolia.com/algolia-for-magento-2" class="uf-dropdown-link uf-dropdown-child uf-menu-item is-focusable" data-internal="stream" > Adobe / Magento 2 </a> </li> </ul> </li> </ul> </nav> <div class="uf-search-share-container"> <div id="uf-search-container" class="uf-search-container dropdown is-right">  <div class="uf-dropdown-trigger"> <button type="button" id="uf-search-open" class="uf-button uf-search-open" aria-controls="uf-search-dropdown-menu" aria-expanded="false" aria-haspopup="true" title="Open Search Box" > <i class="fas fa-search" aria-hidden="true"></i> <span class="sr-only">Open search box</span> </button> </div>  <div id="uf-search-dropdown-menu" class="uf-search-dropdown-menu" role="dialog"> <form id="uf-search-form" class="uf-search-form" role="search" aria-label="Sitewide" action="https://resources.algolia.com/search" > <input type="search" name="ufq" id="uf-search-input" class="uf-search-input uf-input" placeholder="Search" aria-label="Search" /> <input type="hidden" name="ufs" value="5382774"> <button type="submit" id="uf-search-submit" class="uf-search-submit" title="Search sitewide"> <i class="fas fa-search" aria-hidden="true"></i> <span class="sr-only">Search sitewide</span> </button> <button type="button" id="uf-search-close" class="uf-search-close" title="Close Search Box"> <i class="fas fa-times" aria-hidden="true"></i> <span class="sr-only">Close search box</span> </button> </form>  <aside id="uf-recent-searches" class="uf-recent-searches" role="dialog"> <h2 class="uf-recent-searches-header">Recent Searches</h2> <ul id="uf-recent-search-list" class="uf-recent-search-list"></ul> </aside> </div> </div> </div> </div> </div> <div id="uf-item-container" class="container uf-item-container uf-article-container"> <div class="uf-item-content uf-article-content"> <div class="uf-article-page-header has-margin-bottom-20"> <nav aria-label="breadcrumb" class="uf-breadcrumbs-container is-flex is-align-center " > <ol class="uf-breadcrumbs"> <li class="uf-breadcrumb-home"> <a href="https://resources.algolia.com" data-internal="home">Resources</a> <i aria-hidden="true" class="uf-breadcrumb-icon fas fa-chevron-right"></i> </li> <li class="uf-breadcrumb-stream"> <a href="https://resources.algolia.com/analytics" data-internal="custom">Analytics</a> <i aria-hidden="true" class="uf-breadcrumb-icon fas fa-chevron-right"></i> </li> <li class="uf-breadcrumb-curent-page">Ubisoft: rich Salesforce Commerce Cloud search in every country, on every device</li> </ol> </nav> </div> <main id="main-content" class="uf-main-content"> <article id="uf-article" class="uf-article "> <header class="uf-article-header"> <h1 class="title "> Ubisoft: rich Salesforce Commerce Cloud search in every country, on every device </h1> <div class="uf-meta-data"> </div> <p class="has-margin-top-10">Discover how Ubisoft leveraged Algolia and Salesforce Commerce Cloud to develop their online store worldwide, on every device and how well it turned out.</p> </header> <section id="uf-item-entry-content" class="cke-editor-content uf-item-entry-content"> <div class="uf-flipbook-wrapper"> <div class="uf-item-flipbook "> <div id="uf-flipbook" class="uf-flipbook uf-embedded-content "> <iframe src="https://resources.algolia.com/i/1288601?source=hub&expanded=false&hubItemID=630583907&m4" title="Ubisoft: rich Salesforce Commerce Cloud search in every country, on every device" frameborder="0" width="100%" webkitallowfullscreen mozallowfullscreen allowfullscreen sandbox="allow-scripts allow-same-origin allow-forms allow-popups allow-popups-to-escape-sandbox allow-presentation allow-downloads allow-top-navigation-by-user-activation allow-modals" ></iframe> <div class="uf-flipbook-controls-overlay"> <button type="button" class="uf-expand"> <i class="fas fa-expand-arrows-alt" aria-hidden="true"></i> <span class="sr-only">Expand fullscreen</span> </button> <button type="button" class="uf-close"> <i class="fas fa-times" aria-hidden="true"></i> <span class="sr-only">Exit Fullscreen</span> </button> </div> <div class="uf-flipbook-controls"> <a href="https://content.cdntwrk.com/files/aT0xMjg4NjAxJnY9MSZpc3N1ZU5hbWU9Y3VzdG9tZXItc3RvcnktdWJpc29mdCZjbWQ9ZCZzaWc9MjAxMWIzMGM3NTUyY2FkNGQzOWMyMTZlMTJjNzI5OTY%253D" class="uf-download uf-view-control-download" target="_blank" rel="noopener" data-internal="false" download > Download PDF </a> <button type="button" class="uf-expand uf-view-control-expand"> Expand fullscreen </button> </div> </div> </div> </div> <div id="uf-item-blog-content" class="uf-item-blog-content"> <?xml encoding="UTF-8"><p><strong>The client: </strong>Ubisoft. You know it, we know it, they're present in 31 countries...<br> <strong>The challenge: </strong>Surfacing the most relevant content for their online users, through their Salesforce Commerce Cloud.<br> <strong>The solution: </strong>Discover in this success story why they chose Algolia and how they reached the numbers you see below. </p><p>Fast track? Check out their implementation of federated search and the documentation that goes with it.</p> </div> </section> </article> </main> <aside id="uf-item-aside" class="uf-item-aside"> <div id="uf-item-aside-content" class="uf-item-aside-content ">  <nav id="uf-prev-next-items" class="uf-prev-next-items uf-next-item-flyout uf-hidden" aria-label="Navigate Items Chronologically" > <ul class="uf-prev-next-list"> <li class="uf-prev-item uf-prev-next-item uf-docs"> <a class="uf-prev-link uf-prev-next-link" href="https://resources.algolia.com/analytics/casestudy-nutscom" data-id="672431535" data-internal="standard" > <i class="fas fa-chevron-left" aria-hidden="true"></i> <div class="uf-flex"> <p class="uf-title"> Previous Flipbook </p> <div class="uf-flex-content"> <figure class="uf-prev-next-thumbnail"> <img src="https://content.cdntwrk.com/mediaproxy?url=https%3A%2F%2Fcontent.cdntwrk.com%2Ffiles%2FaHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82MWVlZmNmNjFlMTVmLnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPTIzMWE5OGRkMzVmYmEzNjUyNjgzMjhiZWVlYmIzYTAz&size=1&version=1702507776&sig=f0318f6d9e94ed6b412ad24f3f327f97&default=hubs%2Ftilebg-docs.jpg" alt="Nuts.com sees a 3X conversion rate increase with users who search" data-pin-nopin="true"> </figure> <div class="uf-flex-text"> <p class="uf-item-title uf-ellipsis">Nuts.com sees a 3X conversion rate increase with users who search</p> <p class="uf-item-description">Nuts.com went with a headless commerce approach like Algolia to provide their customers the best experience, leading to increased conversion rates and average sales orders.</p> </div> </div> </div> </a> </li> <li class="uf-next-item uf-prev-next-item uf-docs"> <a class="uf-next-link uf-prev-next-link" href="https://resources.algolia.com/analytics/casestudy-dunelm" data-id="650684146" data-internal="standard" > <div class="uf-flex"> <p class="uf-title"> Next Flipbook </p> <div class="uf-flex-content"> <figure class="uf-prev-next-thumbnail"> <img src="https://content.cdntwrk.com/mediaproxy?url=https%3A%2F%2Fcontent.cdntwrk.com%2Ffiles%2FaHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82MDU4YTMyOTAzYjZiLnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPWM0ODEyZGYyMDdhOTM1OTYxM2ZlZGIxOWUwZjQwYzBm&size=1&version=1702507776&sig=7e89cef522c8a55bb3d651ceb4a50aeb&default=hubs%2Ftilebg-docs.jpg" alt="Dunelm doubles online revenue & improves search conversion rates with fast, accurate search" data-pin-nopin="true"> </figure> <div class="uf-flex-text"> <p class="uf-item-title uf-ellipsis"> Dunelm doubles online revenue & improves search conversion rates with fast, accurate search </p> </div> </div> </div> <i class="fas fa-chevron-right" aria-hidden="true"></i> </a> </li> </ul> </nav>   <section id="uf-slider" class="uf-slider uf-hidden"> <header class="uf-slider-header"> <h2 id="uf-slider-title" class="uf-slider-title">Related resources</h2> <div class="uf-slider-controls uf-slider-nav"> <button type="button" id="uf-slider-previous" class="uf-slider-control uf-slider-previous prev" > <i class="fas fa-chevron-left" aria-hidden="true"></i> <span class="sr-only">Show previous</span> </button> <button type="button" id="uf-slider-next" class="uf-slider-control uf-slider-next next" > <i class="fas fa-chevron-right" aria-hidden="true"></i> <span class="sr-only">Show next</span> </button> </div> </header> <div id="uf-slider-track" class="uf-slider-track"> <ul id="uf-slider-tiles-list" class="uf-slider-list"> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="603920265" data-source-stream-id="6212739" data-tags="Video,Analytics,Algolia Dashboard Overview,Business Decision Makers,bombora.pg.Business Professional" > <article> <a class="uf-tile box youtube uf-videos " href="https://resources.algolia.com/analytics/video-algolia-analytics-2" data-internal="youtube" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/mediaproxy?url=https%3A%2F%2Fcontent.cdntwrk.com%2Ffiles%2FaHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82NGRhNjdjMmIzMjFjLnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPTg3MGJiYmM3MDkxODI3OTRjMmRkYjVhNDk4YzJkOGEx&size=1&version=1706577770&sig=bc1e92ac531758f6acd813c15e7768bc&default=hubs%2Ftilebg-videos.jpg" alt="Discover Algolia Analytics in 2 minutes" data-pin-nopin="true"> <span class="uf-tile-duration" aria-label="Video duration: 1:24"> 1:24 </span> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Discover Algolia Analytics in 2 minutes </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Algolia Analytics empowers you to listen to your users and implement a data-driven approach to improving your search experience.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Watch video</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="568954060" data-source-stream-id="5397813" data-tags="B2C E-commerce,Customer stories,bombora.tp.eCommerce Site Search,bombora.pg.Business Professional,bombora.ind.Retail,Rules,Site search,Analytics,Instantsearch" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/analytics/casestudy-underarmour" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV81ZTFkYjA3OWUxYzYzLmpwZyZ2ZXJzaW9uPTAwMDAmc2lnPTBiNzZlNWMyZDI4MGY0ZmYyZDE3YTM2N2Q0NGFmN2Fl" alt="Under Armour: 35% higher conversion rate when using search" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Under Armour: 35% higher conversion rate when using search </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">The highest converting brand in the sport apparel industry thanks to search. Algolia makes your search experience fast, intuitive and engaging. Learn how!</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Read customer story</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="652940827" data-source-stream-id="5450496" data-tags="Webinar,Analytics,Business Decision Makers,BOF,bombora.pg.Business Professional" > <article> <a class="uf-tile box vidyard uf-videos " href="https://resources.algolia.com/analytics/webinar-masterclassanalytics-dg-expansion" data-internal="vidyard" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/mediaproxy?url=https%3A%2F%2Fcontent.cdntwrk.com%2Ffiles%2FaHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82MTcxOWE4ZWFiNWMwLnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPTFkYjkzMmZiMjU0NGUyNzMwMTZiZTUyNzBiM2I2Mjk2&size=1&version=1692034173&sig=cbe1a65b518626ba4059d82b0034e60d&default=hubs%2Ftilebg-videos.jpg" alt="Master Class: Using Algolia Analytics to improve relevance & serve better content" data-pin-nopin="true"> <span class="uf-tile-duration" aria-label="Video duration: 12:11"> 12:11 </span> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Master Class: Using Algolia Analytics to improve relevance & serve better content </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Learn why Algolia Analytics is a powerful and imperative feature for optimizing your relevance and delivering upon your users’ intent.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Watch video</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="666196829" data-source-stream-id="5435698" data-tags="Analytics,bombora.tp.eCommerce Site Search,bombora.ind.Software" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/analytics/guide-advanced-analytics" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82MTQxYTU0MmUzNzJlLnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPWVmM2M4NDU2ZDgyYmMxMDRkNWE3MjllNjg1ODMzZDI3" alt="Advanced analytics: the easiest way to measure your relevance" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Advanced analytics: the easiest way to measure your relevance </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Click and conversion analytics take Algolia’s out-of-the-box analytics further by providing insights into actions users take after performing a search.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Read guide</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="626277467" data-source-stream-id="5450496" data-tags="Video,ROI,BOF,Tech Decision Makers,Business Decision Makers,Analytics,Personalization,Search API,bombora.tp.Online Merchandising,bombora.pg.IT Professional,bombora.pg.Business Professional" > <article> <a class="uf-tile box vidyard uf-videos " href="https://resources.algolia.com/analytics/video-algolia-features-that-drive-business-value" data-internal="vidyard" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/mediaproxy?url=https%3A%2F%2Fcontent.cdntwrk.com%2Ffiles%2FaHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82MWE4MzhmZTEyODI1LmdpZiZ2ZXJzaW9uPTAwMDAmc2lnPTU2MjllMDM4MDQ1MzI3NWMyNTI5MzUyZGQ0NzcwYTIx&size=1&version=1706723682&sig=6c81c9c91e77b01395965da22246cb33&default=hubs%2Ftilebg-videos.jpg" alt="Top Algolia features to drive business value" data-pin-nopin="true"> <span class="uf-tile-duration" aria-label="Video duration: 2:59"> 2:59 </span> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Top Algolia features to drive business value </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Discover the top site search and discovery features you need to implement to offer the best possible online experience to your consumers while driving your business revenue</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Watch video</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="615738492" data-source-stream-id="5450496" data-tags="Webinar,Analytics,Site search,A/B testing,Instantsearch,Tech Decision Makers,BOF,bombora.tp.Instant Search,bombora.pg.IT Professional" > <article> <a class="uf-tile box vidyard uf-videos " href="https://resources.algolia.com/analytics/webinar-masterclass7waysalgoliaparti-dg-expansion" data-internal="vidyard" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/mediaproxy?url=https%3A%2F%2Fplay.vidyard.com%2FNFiPyYmtjnVLaXa8tenJti.jpg&size=1&version=1692034173&sig=2ca991a48fb0fb913a7e6f974a9237b1&default=hubs%2Ftilebg-videos.jpg" alt="Master Class: 7 ways to get more out of Algolia Search" data-pin-nopin="true"> <span class="uf-tile-duration" aria-label="Video duration: 37:53"> 37:53 </span> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Master Class: 7 ways to get more out of Algolia Search </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Get a walk-through of practical and easy ways to optimize your Algolia search for great results.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Watch video</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="593772168" data-source-stream-id="5435698" data-tags="Guide,BOF" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/analytics/guide-algolia-analytics" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV81ZTQyYzZkNzZkYTE2LnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPWU3Nzk4MDAyZjY4MDA1ZTMyYTM2ZDMyZjYxZmUxMThk" alt="Algolia Analytics" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Algolia Analytics </h1> <p class="subtitle is-5 uf-tile-description ">Understand how searches lead to conversions.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Read guide</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="662476811" data-source-stream-id="5450496" data-tags="Video,Developer,Instantsearch,Analytics,bombora.tp.Instant Search,bombora.pg.IT Professional" > <article> <a class="uf-tile box vidyard uf-videos " href="https://resources.algolia.com/analytics/video-insightsreact" data-internal="vidyard" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/mediaproxy?url=https%3A%2F%2Fcontent.cdntwrk.com%2Ffiles%2FaHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82MWE4MzgzNjczN2NiLnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPWMwOGNjNzg2ZDA0ZGQ5MzlhMDNiMDIzMDgyMjMyZmMw&size=1&version=1692034163&sig=536c22e1d6a471792f035d4533c21232&default=hubs%2Ftilebg-videos.jpg" alt="Send Insights API events with React InstantSearch" data-pin-nopin="true"> <span class="uf-tile-duration" aria-label="Video duration: 6:31"> 6:31 </span> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Send Insights API events with React InstantSearch </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">How to implement Algolia Insights using React Instant Search</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Watch video</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="582058050" data-source-stream-id="5435698" data-tags="TOF,Guide,Site search" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/analytics/guide-search-and-discovery" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV81ZTQyYzc2Yjg3YjEzLnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPWQwOWNhNDA4YWVjZDdkZjZkZGE4MDVlNWMwYWYyYmE1" alt="Search and discovery guide" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Search and discovery guide </h1> <p class="subtitle is-5 uf-tile-description ">The four keys of great search: relevance, analytics, speed, and user experience.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Read guide</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="675861647" data-source-stream-id="5450496" data-tags="Webinar,Site search,B2C E-commerce,Rules,Visual Editor,Dynamic Re-Ranking,Analytics,Partner stories,Business Decision Makers,bombora.tp.Online Merchandising,bombora.tp.eCommerce Site Search,bombora.pg.Business Professional" > <article> <a class="uf-tile box vidyard uf-videos " href="https://resources.algolia.com/analytics/webinar-backtobasics" data-internal="vidyard" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/mediaproxy?url=https%3A%2F%2Fcontent.cdntwrk.com%2Ffiles%2FaHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82MjY4NDdmNTNiZjFkLnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPTgyNWY5YjExZWQyMzdjNTE2YmY5YWMxNTkxNDAyYTQ3&size=1&version=1702507776&sig=2c731f7db6358ab9796f2967b42cce74&default=hubs%2Ftilebg-videos.jpg" alt="Partner Webinar #1 | Back to basics: How to position Algolia today" data-pin-nopin="true"> <span class="uf-tile-duration" aria-label="Video duration: 45:20"> 45:20 </span> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Partner Webinar #1 | Back to basics: How to position Algolia today </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">This 45 minute session provides an opportunity to meet the partner team and get to know more about the Algolia partnership program.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Watch video</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="674617566" data-source-stream-id="5397813" data-tags="Customer stories,Site search,B2C E-commerce,Recommend,Rules,Instantsearch,Search API,Analytics,Business Decision Makers,bombora.tp.Algolia Recommend,bombora.tp.eCommerce Site Search,bombora.tp.Instant Search,bombora.pg.Business Professional,bombora.ind.Retail" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/analytics/casestudy-noskinoski" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82MjI3ODQ1OWEzN2RlLnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPWU2Zjc3ZWU0M2MzNTAxMWI1YzQ4NTY5YTI1ZTljZDhk" alt="Polish toy store enhances customer experience with Algolia Recommend" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Polish toy store enhances customer experience with Algolia Recommend </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Wanting to give its customers a bricks-and-mortar-like shopping experience and help them more easily explore its products, Polish toy store Noski Noski turned to Algolia Recommend.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Read customer story</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="675360301" data-source-stream-id="5397813" data-tags="Customer stories,Site search,UX,B2C E-commerce,Recommend,Rules,Personalization,Visual Editor,Dynamic Re-Ranking,AI Search,Instantsearch,Search API,Analytics,Business Decision Makers,Tech Decision Makers,bombora.tp.Algolia Recommend,bombora.tp.eCommerce Site Search,bombora.tp.Instant Search,bombora.pg.IT Professional,bombora.pg.Business Professional,bombora.ind.Retail,bombora.tp.Search Results Page Design" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/analytics/casestudy-automercado" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82MjQxZjE2ZTU4MmJiLnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPWNjYTEwOWViYjhjMGQ2NDZlNjk4ZmVjYWMyZDNkZTVi" alt="Auto Mercado boosts ROI through better online shopping experience" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Auto Mercado boosts ROI through better online shopping experience </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Auto Mercado looked to improve the quality and speed of its omnichannel e-commerce experience with the help of Algolia.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Read customer story</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="672431535" data-source-stream-id="5397813" data-tags="Customer stories,Site search,B2C E-commerce,Rules,Visual Editor,Search API,Analytics,Business Decision Makers,Headless Commerce,bombora.tp.Headless BI,bombora.tp.eCommerce Site Search,bombora.pg.Business Professional,bombora.ind.Retail" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/analytics/casestudy-nutscom" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82MWVlZmNmNjFlMTVmLnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPTIzMWE5OGRkMzVmYmEzNjUyNjgzMjhiZWVlYmIzYTAz" alt="Nuts.com sees a 3X conversion rate increase with users who search" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Nuts.com sees a 3X conversion rate increase with users who search </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Nuts.com went with a headless commerce approach like Algolia to provide their customers the best experience, leading to increased conversion rates and average sales orders.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Read customer story</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="650684146" data-source-stream-id="5397813" data-tags="Customer stories,B2C E-commerce,Search API,Instantsearch,Analytics,bombora.tp.eCommerce Site Search,bombora.tp.Instant Search" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/analytics/casestudy-dunelm" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82MDU4YTMyOTAzYjZiLnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPWM0ODEyZGYyMDdhOTM1OTYxM2ZlZGIxOWUwZjQwYzBm" alt="Dunelm doubles online revenue & improves search conversion rates with fast, accurate search" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Dunelm doubles online revenue & improves search conversion rates with fast, accurate search </h1> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Read customer story</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="679565225" data-source-stream-id="5397813" data-tags="Customer stories,Site search,B2C E-commerce,Business Decision Makers,Tech Decision Makers,Rules,Personalization,Visual Editor,Dynamic Re-Ranking,AI Search,A/B testing,Instantsearch,Search API,Analytics,bombora.tp.eCommerce Site Search,bombora.tp.Instant Search,bombora.pg.IT Professional,bombora.pg.Business Professional" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/analytics/casestudy-harryrosen" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82Mzc1MDU4MTNmYWEzLnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPTE0ZTc1NThmODRlMDcyNzg3ZDc0Njc3NjI5ZTI2MDUw" alt="Luxury Canadian menswear retailer Harry Rosen turns to Algolia for omnichannel search" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> Luxury Canadian menswear retailer Harry Rosen turns to Algolia for omnichannel search </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Learn how the flexibility and ease of use of Algolia Search are helping this Canadian men’s fashion icon in its journey to building the best omnichannel experience.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Read customer story</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="678736263" data-source-stream-id="5397813" data-tags="Customer stories,Site search,B2C E-commerce,Rules,Visual Editor,Dynamic Re-Ranking,AI Search,DSN,Search API,Analytics,Business Decision Makers,Tech Decision Makers,bombora.tp.eCommerce Site Search,bombora.pg.IT Professional,bombora.pg.Business Professional" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/analytics/casestudy-rugscom" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82NTAyMDJiZDMwZDA5LnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPThmYTBjZDJkMmRhMjBkZWZhZmFiYjc4YWEwMzRiMzM4" alt="How Algolia has Rugs.com search needs covered" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> How Algolia has Rugs.com search needs covered </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Rugs.com had their operations up and running overnight and have since added on new features to their search platform to drive efficiency and growth.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Read customer story</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="681629555" data-source-stream-id="5397813" data-tags="Customer stories,Site search,Technology (SaaS),Instantsearch,Search API,Analytics,Business Decision Makers,Tech Decision Makers,Developer,bombora.ind.Software,bombora.tp.Instant Search,bombora.pg.IT Professional,bombora.pg.Business Professional" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/analytics/casestudy-document360" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82M2ZmYjU1NjQwODYzLnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPTA1ZDUwMTIzMjljNDhlMTY3ODQ5ZTJkMDcwZWU1N2Rm" alt="How Algolia is helping Document360 improve UX through Search & Discovery" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> How Algolia is helping Document360 improve UX through Search & Discovery </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Find out how Algolia is contributing to the company’s amazing customer satisfaction through blazing-fast search & discovery capabilities and the analytics needed to help its clients improve their KBs.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Read customer story</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="681349813" data-source-stream-id="10624902" data-tags="Video,Site search,B2C E-commerce,Personalization,Dynamic Re-Ranking,Search API,Analytics,API,Business Decision Makers,Tech Decision Makers,Developer,bombora.tp.eCommerce Site Search,bombora.pg.IT Professional,bombora.pg.Business Professional" > <article> <a class="uf-tile box vidyard uf-videos " href="https://resources.algolia.com/analytics/video-walgreenspartnership" data-internal="vidyard" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/mediaproxy?url=https%3A%2F%2Fcontent.cdntwrk.com%2Ffiles%2FaHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82M2ViY2NmZjE2OTJmLnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPTllNDViYmExNmZhZjRlMTY3MTIzMjYwZDZjYTg4ZjIy&size=1&version=1702507776&sig=5f581c28d5359f10dfb8f2a66325ee3e&default=hubs%2Ftilebg-videos.jpg" alt="The value of the Algolia + Walgreens partnership" data-pin-nopin="true"> <span class="uf-tile-duration" aria-label="Video duration: 2:09"> 2:09 </span> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> The value of the Algolia + Walgreens partnership </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Walgreens uses Algolia to transform its digital foundation and allow their customers to find what they’re looking for faster.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Watch video</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="670049952" data-source-stream-id="5397813" data-tags="Customer stories,Site search,Search API,Tech Decision Makers,Business Decision Makers,bombora.tp.eCommerce Site Search,bombora.pg.IT Professional,bombora.pg.Business Professional,bombora.ind.Construction,bombora.ind.Manufacturing" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/analytics/casestudy-damstahl-b2becommerce" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82MWFhNTM3N2Q0ODg5LnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPWMwNWFlYzEyZGNjYjhkZDIzMTRkNTk2OWJhMTA4M2I0" alt="How steel wholesaler Damstahl is building an ecommerce future" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> How steel wholesaler Damstahl is building an ecommerce future </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Learn how Algolia's composable APIs have helped Damstahl to expedite a new online purchasing strategy for their buyers, gain market share, and increase profit quickly and efficiently.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Read customer story</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> <li class="uf-content-tile uf-tile-wrapper uf-item-tile " data-id="670051605" data-source-stream-id="5397813" data-tags="Customer stories,Site search,Media,Rules,Search API,Analytics,Tech Decision Makers,bombora.pg.IT Professional,bombora.ind.Education,bombora.fa.Education" > <article> <a class="uf-tile box uberflip uf-docs " href="https://resources.algolia.com/analytics/casestudy-studocu-media" data-internal="uberflip" > <figure class="uf-tile-thumbnail" aria-hidden="true"> <img src="https://content.cdntwrk.com/files/aHViPTEwMzk0OSZjbWQ9aXRlbWVkaXRvcmltYWdlJmZpbGVuYW1lPWl0ZW1lZGl0b3JpbWFnZV82MWFlNWY1ZDAwNGU5LnBuZyZ2ZXJzaW9uPTAwMDAmc2lnPWNmZjc2M2ZhOWI2YmI4NjUzNmEyMTNiYjg0NWM0MjE0" alt="How StuDocu increased stickiness, grew subscribers and drove content sharing" data-pin-nopin="true"> </figure> <header class="uf-tile-copy"> <h1 class="uf-tile-title title is-4 is-capitalized"> How StuDocu increased stickiness, grew subscribers and drove content sharing </h1> <p class="subtitle is-5 uf-tile-description uf-hidden">Read how Algolia Search helps StuDocu improve their user engagement while reducing their need for specialized knowledge.</p> </header> <div class="uf-tile-content-label"> <p class="uf-tile-content-label-text"> <span>Read customer story</span> </p> <i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i> </div> </a> </article> </li> </ul> </div> </section> </div>  </aside> <nav id="uf-return-home" aria-label="See more" class=""> <a class="uf-return-home" href="https://resources.algolia.com" data-internal="home">See more</a> </nav> </div> </div> <button type="button" id="uf-back-to-top" class="uf-back-to-top uf-invisible uf-button" aria-label="Scroll to Top" > <i class="fas fa-arrow-up" aria-hidden="true"></i> </button> <footer id="uf-footer" class="uf-footer"> <div class="container"> © Algolia Inc </div> </footer> <script nonce="DgxboAlx1Iq0MZhLFM3i4fs2"> if (!window.uberflip) { window.uberflip = {}; } window.uberflip.custom_labels = {"latest-items":"Latest Content","collections":"Streams","home":"Resources","move-back":"Back","loading-more":"Loading More...","return-to-hub":"Return to Hub","show-more":"Show More","show-less":"Show Less","continue-reading":"Continue Reading...","view-hub":"See more","custom-more-content":"Related resources","see-more":"See more","author-about":"About the Author","author-follow-google":"Follow on Google Plus","author-follow-twitter":"Follow on Twitter","author-linkedin":"Follow on Linkedin","author-website":"Visit Website","author-calendly":"Visit Calendly","author-more-content":"More Content by ","creator-about":"About the Creator","videos":"Videos","blogs":"Blogs","docs":"Docs","social":"Social","custom":"Marketing","watch-video":"Watch video","read-article":"Read Article","view-tweet":"View Tweet","read-flipbook":"Read customer story","view-photo":"View Photo","view-item":"View Item","view-presentation":"View Presentation","view-post":"View Post","read-more":"Read more...","download-pdf":"Download PDF","expand-fullscreen":"Expand fullscreen","previous-video":"Previous Video","previous-article":"Previous Article","previous-tweet":"Previous Tweet","previous-photo":"Previous Photo","previous-flipbook":"Previous Flipbook","previous-presentation":"Previous Presentation","previous-post":"Previous Post","no-previous-video":"No Previous Videos","no-previous-article":"No Previous Articles","no-previous-tweet":"No Previous Tweets","no-previous-photo":"No Previous Photos","no-previous-flipbook":"No Previous Flipbooks","no-previous-presentation":"No Previous Presentation","no-previous-post":"No Previous Post","next-video":"Next Video","next-article":"Next Article","next-tweet":"Next Tweet","next-photo":"Next Photo","next-flipbook":"Next Flipbook","next-presentation":"Next Presentation","next-post":"Next Post","no-next-video":"No More Videos","no-next-article":"No More Articles","no-next-tweet":"No More Tweets","no-next-photo":"No More Photos","no-next-flipbook":"No More Flipbooks","no-next-presentation":"No More Presentations","no-next-post":"No More Posts","more-content-articles":"Most Recent Articles","more-content-flipbooks":"Related resources","more-content-posts":"Most Recent Posts","more-content-presentations":"Most Recent Presentations","more-content-tweets":"Most Recent Tweets","more-content-videos":"Related resources","search-recent":"Recent Searches","search-recommended":"Recommended Searches","no-items":"No Items Found","no-items-stream":"No Items Found in this Stream","search-entire-hub":"Search the rest of the Hub","search-placeholder":"Search","search-all-content":"All Content","empty-hub":"This Hub is empty!","empty-collection":"This Stream is empty!","working-on-it":"The owner is working on it.","check-back":"Check back shortly.","share-hub":"Share this Hub","share":"Share","share-photo":"Share this Photo","share-video":"Share this Video","share-article":"Share this Article","share-presentation":"Share this Presentation","share-post":"Share this Post","share-flipbook":"Share this Flipbook","share-coln":"Share this Stream","reply":"Reply","retweet":"Retweet","favorite":"Like","Email":"Email","share-email-subject1":"{{company}} Hub has been shared with you","share-email-subject2":"Content from my Hub!","share-email-subject3":"{{collectiontitle}} has been shared with you from {{company}} Hub","share-collection-message-short":"Check out {{collectiontitle}} from {{company}} Hub!","share-collection-message-long":"Check out {{collectiontitle}} from {{company}} Hub!\n\n{{description}}","email":"Email","first-name":"First Name","last-name":"Last Name","cta-first-select":"Select","cta-please-wait":"Please wait...","no-thanks":"No thanks","required-field":"Required","optional-field-label":"- optional","hubs-sec-login-msg":"Please enter a valid password to enter this Hub","hubs-sec-passphrase":"enter password","hubs-sec-submit":"submit","hubs-sec-auth":"authenticating...","hubs-sec-auth-failed":"Failed to authenticate:","hubs-sec-auth-invalid":"Invalid Password","hubs-sec-auth-redirect":"Entering the Hub...","hubs-sec-auth-exceeded-failed-attempts":"Exceeded maximum login attempts","streams-sec-login-msg":"Enter Valid Stream Passphrase","streams-sec-passphrase":"Passphrase","streams-sec-auth-invalid":"Invalid Passphrase","streams-sec-submit":"submit","streams-sec-auth":"authenticating...","streams-sec-auth-failed":"Failed to authenticate:","streams-sec-auth-redirect":"Entering Stream","streams-sec-auth-exceeded-failed-attempts":"Exceeded maximum login attempts"} </script> <style> .uil-mt-40 { margin-top: 40px; } @media screen and (max-width: 720px) { #injected-footer footer { text-align: left; } } #injected-footer .uil-m-0 { margin: 0; } #injected-footer .uil-m-auto { margin: auto; } #injected-footer .uil-ml-16 { margin-left: 16px; } #injected-footer .uil-mt-0 { margin-top: 0; } #injected-footer .uil-mt-16 { margin-top: 16px; } #injected-footer .uil-mt-32 { margin-top: 32px; } @media (min-width: 768px) { #injected-footer .sm\:uil-mt-0 { margin-top: 0; } } #injected-footer .uil-mr-16 { margin-right: 16px; } #injected-footer .uil-p-0 { padding: 0; } #injected-footer .uil-h-1 { height: 1px; } #injected-footer .uil-h-20 { height: 20px; } #injected-footer .uil-h-auto { height: auto; } #injected-footer .uil-w-20 { width: 20px; } #injected-footer *, #injected-footer :after, #injected-footer :before { box-sizing: border-box; border: 0 solid; } #injected-footer :after, #injected-footer :before { --tw-content: ""; } #injected-footer hr { height: 0; color: inherit; border-top-width: 1px; } #injected-footer h4 { font-size: inherit; font-weight: inherit; } #injected-footer a { color: inherit; text-decoration: inherit; } #injected-footer button { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0; } #injected-footer button { text-transform: none; } #injected-footer button { -webkit-appearance: button; background-color: transparent; background-image: none; } #injected-footer h4, #injected-footer hr { margin: 0; } #injected-footer ul { list-style: none; margin: 0; padding: 0; } #injected-footer button { cursor: pointer; } #injected-footer :disabled { cursor: default; } #injected-footer svg { display: block; vertical-align: middle; } #injected-footer *, #injected-footer :after, #injected-footer :before { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59, 130, 246, 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; } #injected-footer .no-underline { text-decoration-line: none; } #injected-footer .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } #injected-footer .duration-200 { transition-duration: 0.2s; } #injected-footer .hover\:text-xenon-400:hover { --tw-text-opacity: 1; color: rgb(69 122 255/var(--tw-text-opacity)); } #injected-footer button { background-color: initial; } #injected-footer *, #injected-footer :after, #injected-footer :before { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: #3b82f680; --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; } #injected-footer .uil-relative { position: relative; } #injected-footer .uil-m-0 { margin: 0; } #injected-footer .uil-m-auto { margin: auto; } #injected-footer .uil-block { display: block; } #injected-footer .uil-flex { display: flex; } #injected-footer .uil-grid { display: grid; } #injected-footer .uil-hidden { display: none; } #injected-footer .uil-h-1 { height: 1px; } #injected-footer .uil-h-20 { height: 20px; } #injected-footer .uil-h-auto { height: auto; } #injected-footer .uil-w-20 { width: 20px; } #injected-footer .uil-max-w-1440 { max-width: 1440px; } #injected-footer .uil-list-none { list-style-type: none; } #injected-footer .uil-grid-cols-2 { grid-template-columns: repeat(2, minmax(0, 1fr)); } #injected-footer .uil-flex-col { flex-direction: column; } #injected-footer .uil-flex-wrap { flex-wrap: wrap; } #injected-footer .uil-items-center { align-items: center; } #injected-footer .uil-justify-center { justify-content: center; } #injected-footer .uil-border-0 { border-width: 0; } #injected-footer .uil-bg-grey-700 { --tw-bg-opacity: 1; background-color: rgb(72 76 122/var(--tw-bg-opacity)); } #injected-footer .uil-bg-xenon-900 { --tw-bg-opacity: 1; background-color: rgb(0 0 51/var(--tw-bg-opacity)); } #injected-footer .uil-p-0 { padding: 0; } #injected-footer .uil-py-8 { padding-top: 8px; padding-bottom: 8px; } #injected-footer .uil-text-left { text-align: left; } #injected-footer .uil-font-inter { font-family: Inter, sans-serif; } #injected-footer .uil-text-14 { font-size: 14px; } #injected-footer .uil-font-400 { font-weight: 400; } #injected-footer .uil-leading-150p { line-height: 1.5; } #injected-footer .uil-text-grey-400 { --tw-text-opacity: 1; color: rgb(150 152 195/var(--tw-text-opacity)); } #injected-footer .uil-text-grey-900 { --tw-text-opacity: 1; color: rgb(35 38 59/var(--tw-text-opacity)); } #injected-footer .uil-text-white { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity)); } #injected-footer .uil-no-underline { text-decoration-line: none; } #injected-footer .uil-transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } #injected-footer .uil-duration-200 { transition-duration: 0.2s; } #injected-footer .uil-text-12-14 { font-size: calc( 12px + min(2px, max(0px, (100vw - 500px) * 0.002857142857142857)) ); } #injected-footer .uil-text-16-18 { font-size: calc( 16px + min(2px, max(0px, (100vw - 500px) * 0.002857142857142857)) ); } #injected-footer .uil-mb-8-16 { margin-bottom: calc( 8px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } #injected-footer .uil-gap-x-8-32 { -moz-column-gap: calc( 8px + min(24px, max(0px, (100vw - 500px) * 0.03428571428571429)) ); column-gap: calc( 8px + min(24px, max(0px, (100vw - 500px) * 0.03428571428571429)) ); } #injected-footer .uil-px-16-56 { padding-left: calc( 16px + min(40px, max(0px, (100vw - 500px) * 0.05714285714285714)) ); } #injected-footer .uil-px-16-56 { padding-right: calc( 16px + min(40px, max(0px, (100vw - 500px) * 0.05714285714285714)) ); } #injected-footer .uil-mb-24-32 { margin-bottom: calc( 24px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } #injected-footer .uil-pb-24-56 { padding-bottom: calc( 24px + min(32px, max(0px, (100vw - 500px) * 0.045714285714285714)) ); } #injected-footer .uil-pb-32-40 { padding-bottom: calc( 32px + min(8px, max(0px, (100vw - 500px) * 0.011428571428571429)) ); } #injected-footer .uil-pt-32-72 { padding-top: calc( 32px + min(40px, max(0px, (100vw - 500px) * 0.05714285714285714)) ); } #injected-footer .before\:uil-absolute:before { content: var(--tw-content); position: absolute; } #injected-footer .before\:uil-left-\[-8px\]:before { content: var(--tw-content); left: -8px; } #injected-footer .before\:uil-top-\[50\%\]:before { content: var(--tw-content); top: 50%; } #injected-footer .before\:uil-block:before { content: var(--tw-content); display: block; } #injected-footer .before\:uil-h-50p:before { content: var(--tw-content); height: 50%; } #injected-footer .before\:uil-w-1:before { content: var(--tw-content); width: 1px; } #injected-footer .before\:uil-translate-y-\[-50\%\]:before { content: var(--tw-content); --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } #injected-footer .before\:uil-bg-white:before { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); } #injected-footer .before\:uil-content-\[\'\'\]:before { --tw-content: ""; content: var(--tw-content); } #injected-footer .after\:uil-absolute:after { content: var(--tw-content); position: absolute; } #injected-footer .after\:uil-right-\[-8px\]:after { content: var(--tw-content); right: -8px; } #injected-footer .after\:uil-top-\[50\%\]:after { content: var(--tw-content); top: 50%; } #injected-footer .after\:uil-block:after { content: var(--tw-content); display: block; } #injected-footer .after\:uil-h-50p:after { content: var(--tw-content); height: 50%; } #injected-footer .after\:uil-w-1:after { content: var(--tw-content); width: 1px; } #injected-footer .after\:uil-translate-y-\[-50\%\]:after { content: var(--tw-content); --tw-translate-y: -50%; transform: translate(var(--tw-translate-x), var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); } #injected-footer .after\:uil-bg-white:after { content: var(--tw-content); --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity)); } #injected-footer .after\:uil-content-\[\'\'\]:after { --tw-content: ""; content: var(--tw-content); } #injected-footer .hover\:uil-text-xenon-400:hover { --tw-text-opacity: 1; color: rgb(69 122 255/var(--tw-text-opacity)); } @media (min-width: 768px) { #injected-footer .sm\:uil-mt-0 { margin-top: 0; } #injected-footer .sm\:uil-flex-row { flex-direction: row; } #injected-footer .sm\:uil-justify-end { justify-content: flex-end; } #injected-footer .sm\:uil-justify-between { justify-content: space-between; } } @media (min-width: 960px) { #injected-footer .md\:uil-col-start-1 { grid-column-start: 1; } #injected-footer .md\:uil-col-start-3 { grid-column-start: 3; } #injected-footer .md\:uil-col-start-5 { grid-column-start: 5; } #injected-footer .md\:uil-col-start-7 { grid-column-start: 7; } #injected-footer .md\:uil-col-start-9 { grid-column-start: 9; } #injected-footer .md\:uil-col-end-11 { grid-column-end: 11; } #injected-footer .md\:uil-col-end-3 { grid-column-end: 3; } #injected-footer .md\:uil-col-end-5 { grid-column-end: 5; } #injected-footer .md\:uil-col-end-7 { grid-column-end: 7; } #injected-footer .md\:uil-col-end-9 { grid-column-end: 9; } #injected-footer .md\:uil-block { display: block; } #injected-footer .md\:uil-hidden { display: none; } #injected-footer .md\:uil-grid-cols-10 { grid-template-columns: repeat(10, minmax(0, 1fr)); } } #injected-footer *, #injected-footer :after, #injected-footer :before { box-sizing: border-box; border: 0 solid; } #injected-footer :after, #injected-footer :before { --tw-content: ""; } #injected-footer hr { height: 0; color: inherit; border-top-width: 1px; } #injected-footer button { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0; padding: 0; } #injected-footer button { text-transform: none; } #injected-footer button { -webkit-appearance: button; background-color: transparent; background-image: none; } #injected-footer ul { list-style: none; margin: 0; padding: 0; } #injected-footer button { cursor: pointer; } #injected-footer :disabled { cursor: default; } #injected-footer svg { display: block; vertical-align: middle; } #injected-footer *, #injected-footer :after, #injected-footer :before { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59, 130, 246, 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; } #injected-footer .no-underline { text-decoration-line: none; } #injected-footer .transition-colors { transition-property: color, background-color, border-color, text-decoration-color, fill, stroke; transition-timing-function: cubic-bezier(0.4, 0, 0.2, 1); } #injected-footer .duration-200 { transition-duration: 0.2s; } #injected-footer .hover\:text-xenon-400:hover { --tw-text-opacity: 1; color: rgb(69 122 255/var(--tw-text-opacity)); } #injected-footer *, #injected-footer :after, #injected-footer :before { border: 0 solid; box-sizing: border-box; } #injected-footer :after, #injected-footer :before { --tw-content: ""; } #injected-footer hr { border-top-width: 1px; color: inherit; height: 0; } #injected-footer ul { list-style: none; margin: 0; padding: 0; } #injected-footer button { cursor: pointer; } #injected-footer :disabled { cursor: default; } #injected-footer svg { display: block; vertical-align: middle; } #injected-footer *, #injected-footer :after, #injected-footer :before { --tw-border-spacing-x: 0; --tw-border-spacing-y: 0; --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-scroll-snap-strictness: proximity; --tw-ring-offset-width: 0px; --tw-ring-offset-color: #fff; --tw-ring-color: rgba(59, 130, 246, 0.5); --tw-ring-offset-shadow: 0 0 #0000; --tw-ring-shadow: 0 0 #0000; --tw-shadow: 0 0 #0000; --tw-shadow-colored: 0 0 #0000; } #injected-footer ::-webkit-scrollbar { display: none; scrollbar-gutter: stable both-edges; } #injected-footer * { box-sizing: border-box; } #injected-footer ::selection { background: #003dff; color: #fff; } #injected-footer .no-outlines *:focus { outline: 0; } /*! CSS Used fontfaces */ @font-face { font-family: Inter; font-style: normal; font-weight: 400; font-display: swap; src: url(https://www.algolia.com/fonts/Inter-Regular.woff2) format("woff2"); } @font-face { font-family: Inter; font-style: normal; font-weight: 500; font-display: swap; src: url(https://www.algolia.com/fonts/Inter-Medium.woff2) format("woff2"); } @font-face { font-family: Inter; font-style: normal; font-weight: 600; font-display: swap; src: url(https://www.algolia.com/fonts/Inter-SemiBold.woff2) format("woff2"); } </style> <div id="injected-footer"> <footer class="uil-bg-xenon-900"> <div class="uil-m-auto uil-grid uil-max-w-1440 uil-grid-cols-2 uil-gap-x-8-32 uil-px-16-56 uil-pb-24-56 uil-pt-32-72 md:uil-grid-cols-10"> <div class="uil-hidden md:uil-block md:uil-col-start-1 md:uil-col-end-3"> <div class=""> <h4 class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-400 uil-mt-0 uil-mb-8-16">Solutions</h4> <ul class="uil-m-0 uil-list-none uil-p-0"><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/products/">Overview</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/products/ai-search/">AI Search</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/products/ai-browse/">AI Browse</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/products/recommendations/">AI Recommendations</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/pricing/">Pricing</a></ul> </div> <div class="uil-mt-40"> <h4 class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-400 uil-mt-0 uil-mb-8-16">Use cases</h4> <ul class="uil-m-0 uil-list-none uil-p-0"><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/use-cases/">Overview</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries-and-solutions/enterprise/">Enterprise search</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries-and-solutions/headless-commerce/">Headless commerce</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries-and-solutions/mobile-search/">Mobile & app search</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries-and-solutions/voice-search/">Voice search</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/products/search-and-discovery/image-search/">Image search</a></ul> </div> </div> <div class="uil-hidden md:uil-block md:uil-col-start-3 md:uil-col-end-5"> <div class=""> <h4 class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-400 uil-mt-0 uil-mb-8-16">Developers</h4> <ul class="uil-m-0 uil-list-none uil-p-0"><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/developers/">Developer Hub</a><a tag="a" href="https://www.algolia.com/doc/" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" data-is-external="true">Documentation</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/developers/integrations/">Integrations</a><a tag="a" href="https://www.algolia.com/blog/engineering/" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" data-is-external="true">Engineering blog</a><a tag="a" href="https://alg.li/discord" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" data-is-external="true">Discord community</a><a tag="a" href="https://status.algolia.com/" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" data-is-external="true">API status</a><a tag="a" href="https://docsearch.algolia.com/" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" data-is-external="true">DocSearch</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/for-open-source/">For Open Source</a></ul> </div> <div class="uil-mt-40"> <h4 class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-400 uil-mt-0 uil-mb-8-16">Live demos</h4> <ul class="uil-m-0 uil-list-none uil-p-0"><a tag="a" href="https://gdpr.algolia.com/" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" data-is-external="true">GDPR</a><a tag="a" href="https://aiact.algolia.com/" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" data-is-external="true">AI Act</a></ul> </div> </div> <div class="uil-hidden md:uil-block md:uil-col-start-5 md:uil-col-end-7"> <div class=""> <h4 class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-400 uil-mt-0 uil-mb-8-16">Integrations</h4> <ul class="uil-m-0 uil-list-none uil-p-0"><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/search-solutions/salesforce-commerce-cloud/">Salesforce Commerce Cloud</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/search-solutions/shopify/">Shopify</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/search-solutions/adobe-commerce-magento/">Adobe Commerce</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/search-solutions/netlify/">Netlify</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/search-solutions/commercetools/">Commercetools</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/search-solutions/bigcommerce/">BigCommerce</a></ul> </div> <div class="uil-mt-40"> <h4 class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-400 uil-mt-0 uil-mb-8-16">Distributed & secure</h4> <ul class="uil-m-0 uil-list-none uil-p-0"><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/distributed-secure/global-infrastructure/">Global infrastructure</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/distributed-secure/security-compliance/">Security & compliance</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/search-solutions/algolia-on-azure/">Azure</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/search-solutions/algolia-on-aws/">AWS</a></ul> </div> </div> <div class="uil-hidden md:uil-block md:uil-col-start-7 md:uil-col-end-9"> <div class=""> <h4 class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-400 uil-mt-0 uil-mb-8-16">Industries</h4> <ul class="uil-m-0 uil-list-none uil-p-0"><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries/">Overview</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries-and-solutions/ecommerce/">B2C ecommerce</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries-and-solutions/b2b-ecommerce/">B2B ecommerce</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries-and-solutions/marketplaces/">Marketplaces</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries-and-solutions/saas/">SaaS</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries-and-solutions/media/">Media</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries/startups/">Startups</a></ul> </div> </div> <div class="uil-hidden md:uil-block md:uil-col-start-9 md:uil-col-end-11"> <div class=""> <h4 class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-400 uil-mt-0 uil-mb-8-16">Company</h4> <ul class="uil-m-0 uil-list-none uil-p-0"><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/about/">About Algolia</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/careers/">Careers</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/about/news/">Newsroom</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/events/">Events</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/about/leadership/">Leadership</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/about/social-impact/">Social impact</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/contact/">Contact us</a></ul> </div> <div class="uil-mt-40"> <h4 class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-400 uil-mt-0 uil-mb-8-16">Social networks</h4> <ul class="uil-font-inter uil-font-400 uil-leading-150p uil-text-14 uil-text-grey-900 uil-m-0 uil-flex uil-list-none uil-p-0"> <li class=""> <a class="uil-text-white uil-transition-colors uil-duration-200 hover:uil-text-xenon-400" href="https://www.linkedin.com/company/algolia/"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" class="uil-h-20 uil-w-20"> <title>LinkedIn</title> <g clip-path="url(#linkedin-svg)"> <path fill="currentColor" d="M0 2.668c0-.643.225-1.174.676-1.593.45-.418 1.036-.627 1.756-.627.708 0 1.281.206 1.719.618.45.424.675.978.675 1.66 0 .618-.219 1.133-.656 1.544-.45.425-1.043.637-1.776.637h-.02c-.707 0-1.28-.212-1.718-.637C.22 3.846 0 3.312 0 2.668ZM.251 19.56V6.664h4.286V19.56H.25Zm6.66 0h4.286v-7.2c0-.451.051-.799.154-1.043.18-.438.454-.808.82-1.11.368-.303.828-.454 1.381-.454 1.442 0 2.162.972 2.162 2.915v6.892H20v-7.394c0-1.905-.45-3.35-1.351-4.334-.901-.984-2.092-1.477-3.572-1.477-1.66 0-2.953.715-3.88 2.143v.039h-.02l.02-.039V6.664H6.91c.026.412.039 1.693.039 3.842 0 2.15-.013 5.167-.039 9.054Z"></path> </g> <defs> <clipPath id="linkedin-svg"> <path fill="#fff" d="M0 0h20v20H0z"></path> </clipPath> </defs> </svg> </a> </li> <li class="uil-ml-16"> <a class="uil-text-white uil-transition-colors uil-duration-200 hover:uil-text-xenon-400" href="https://twitter.com/algolia"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" class="uil-h-20 uil-w-20"> <title>X (ex-Twitter)</title> <g clip-path="url(#a)"> <path fill="currentColor" d="m11.546 8.704 6.05-7.142h-1.434l-5.253 6.202-4.195-6.202H1.875l6.344 9.378-6.344 7.489h1.434l5.547-6.549 4.43 6.549h4.839l-6.58-9.725h.001Zm-1.964 2.318-.642-.934-5.115-7.43h2.202l4.128 5.997.642.934 5.366 7.794H13.96l-4.379-6.36Z"></path> </g> <defs> <clipPath id="a"> <path fill="#fff" d="M1.875 1.563h16.25v16.875H1.875z"></path> </clipPath> </defs> </svg> </a> </li> <li class="uil-ml-16"> <a class="uil-text-white uil-transition-colors uil-duration-200 hover:uil-text-xenon-400" href="https://www.facebook.com/algolia/"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" class="uil-h-20 uil-w-20"> <title>Facebook</title> <path fill="currentColor" d="m14.345 11.107.518-3.413h-3.242V5.481c0-.934.452-1.845 1.904-1.845H15V.73S13.662.5 12.384.5C9.712.5 7.968 2.135 7.968 5.093v2.601H5v3.413h2.968v8.25a11.639 11.639 0 0 0 3.653 0v-8.25h2.724Z"></path> </svg> </a> </li> <li class="uil-ml-16"> <a class="uil-text-white uil-transition-colors uil-duration-200 hover:uil-text-xenon-400" href="https://www.instagram.com/algolia.search/"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" class="uil-h-20 uil-w-20"> <title>Instagram</title> <path fill="currentColor" d="M19.944 5.877c-.048-1.065-.22-1.794-.464-2.43a4.877 4.877 0 0 0-1.152-1.77A4.906 4.906 0 0 0 16.559.524C15.923.276 15.195.108 14.131.06 13.063.012 12.722 0 10.01 0 7.293 0 6.953.012 5.89.06 4.824.108 4.096.28 3.46.524c-.66.257-1.22.597-1.772 1.153a4.91 4.91 0 0 0-1.152 1.77C.292 4.083.12 4.812.072 5.877.024 6.946.012 7.286.012 10c0 2.718.012 3.058.06 4.123.048 1.065.22 1.794.464 2.43a4.876 4.876 0 0 0 1.152 1.77c.552.556 1.113.9 1.769 1.153.636.248 1.364.416 2.428.464 1.068.048 1.408.06 4.121.06 2.716 0 3.057-.012 4.12-.06 1.065-.048 1.793-.22 2.43-.464a4.873 4.873 0 0 0 1.768-1.153 4.91 4.91 0 0 0 1.152-1.77c.248-.636.416-1.365.464-2.43.048-1.069.06-1.409.06-4.123 0-2.714-.008-3.058-.056-4.123Zm-1.796 8.166c-.044.977-.208 1.51-.345 1.858-.18.464-.4.8-.752 1.153a3.18 3.18 0 0 1-1.152.752c-.352.136-.884.3-1.856.345-1.052.048-1.368.06-4.041.06s-2.989-.012-4.04-.06c-.977-.044-1.51-.209-1.857-.345-.464-.18-.8-.4-1.152-.752A3.182 3.182 0 0 1 2.2 15.9c-.136-.353-.3-.885-.344-1.858-.048-1.053-.06-1.369-.06-4.043 0-2.674.012-2.99.06-4.043.044-.977.208-1.51.344-1.858.18-.464.4-.8.753-1.153a3.18 3.18 0 0 1 1.152-.752c.352-.136.884-.3 1.856-.345 1.052-.048 1.368-.06 4.041-.06 2.672 0 2.989.012 4.04.06.977.045 1.51.209 1.857.345.464.18.8.4 1.152.752.352.353.565.685.753 1.153.136.353.3.885.344 1.858.048 1.053.06 1.369.06 4.043 0 2.674-.016 2.99-.06 4.043Z"></path> <path fill="currentColor" d="M10.002 4.86A5.137 5.137 0 0 0 4.865 10a5.137 5.137 0 1 0 10.274 0 5.134 5.134 0 0 0-5.137-5.14Zm0 8.475a3.334 3.334 0 0 1 0-6.67 3.334 3.334 0 0 1 0 6.67ZM15.34 5.86a1.2 1.2 0 1 0-.002-2.4 1.2 1.2 0 0 0 .001 2.4Z"></path> <path fill="currentColor" d="M0 10c0 2.718.012 3.058.06 4.123.048 1.065.22 1.794.464 2.43a4.876 4.876 0 0 0 1.152 1.77c.552.552 1.113.9 1.769 1.153.636.248 1.364.416 2.428.464 1.068.048 1.408.06 4.121.06 2.716 0 3.057-.012 4.12-.06 1.065-.048 1.793-.22 2.43-.464a4.873 4.873 0 0 0 1.768-1.153c.552-.553.9-1.113 1.152-1.77.248-.636.416-1.365.464-2.43.048-1.069.06-1.409.06-4.123 0-2.718-.012-3.058-.06-4.123-.048-1.065-.22-1.794-.464-2.43a4.876 4.876 0 0 0-1.152-1.77A4.775 4.775 0 0 0 16.547.524C15.911.276 15.183.108 14.12.06 13.05.012 12.71 0 9.998 0c-2.717 0-3.057.012-4.12.06-1.065.048-1.793.22-2.43.464A4.872 4.872 0 0 0 1.68 1.677a4.91 4.91 0 0 0-1.152 1.77C.28 4.083.108 4.812.06 5.877.012 6.942 0 7.282 0 10Zm1.804 0c0-2.67.012-2.99.06-4.043.044-.977.208-1.51.344-1.858.18-.464.4-.8.753-1.153a3.18 3.18 0 0 1 1.152-.752c.352-.136.884-.3 1.856-.345 1.052-.048 1.368-.06 4.041-.06 2.672 0 2.989.012 4.04.06.977.045 1.51.209 1.857.345.464.18.8.4 1.152.752.352.353.564.685.753 1.153.136.353.3.885.344 1.858.048 1.053.06 1.369.06 4.043 0 2.674-.012 2.99-.06 4.043-.044.977-.208 1.51-.344 1.858-.18.464-.4.8-.753 1.153a3.18 3.18 0 0 1-1.152.752c-.352.136-.884.3-1.856.345-1.052.048-1.369.06-4.041.06-2.673 0-2.989-.012-4.04-.06-.977-.044-1.51-.209-1.857-.345-.464-.18-.8-.4-1.152-.752a3.182 3.182 0 0 1-.753-1.153c-.136-.353-.3-.885-.344-1.858-.052-1.053-.06-1.373-.06-4.043Z"></path> </svg> </a> </li> <li class="uil-ml-16"> <a class="uil-text-white uil-transition-colors uil-duration-200 hover:uil-text-xenon-400" href="https://www.youtube.com/channel/UCTNkiq-SO8hay1PRx-it9Cw"> <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" fill="none" class="uil-h-20 uil-w-20"> <title>YouTube</title> <g clip-path="url(#youtube-svg)"> <path fill="currentColor" fill-rule="evenodd" d="M18.325 3.428c.857.231 1.532.906 1.763 1.763.428 1.565.412 4.827.412 4.827s0 3.245-.412 4.81a2.506 2.506 0 0 1-1.763 1.763c-1.565.412-7.825.412-7.825.412s-6.244 0-7.825-.428a2.506 2.506 0 0 1-1.763-1.763C.5 13.264.5 10.002.5 10.002s0-3.246.412-4.81a2.557 2.557 0 0 1 1.763-1.78C4.24 3 10.5 3 10.5 3s6.26 0 7.825.428Zm-4.612 6.574L8.506 13V7.003l5.206 2.999Z" clip-rule="evenodd"></path> </g> <defs> <clipPath id="youtube-svg"> <rect width="20" height="20" x=".5" fill="#fff" rx="6"></rect> </clipPath> </defs> </svg> </a> </li> </ul> </div> </div> <div class="md:uil-hidden"> <div class=""> <h4 class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-400 uil-mt-0 uil-mb-8-16">Use cases</h4> <ul class="uil-m-0 uil-list-none uil-p-0"><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/use-cases/">Overview</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries-and-solutions/enterprise/">Enterprise search</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries-and-solutions/headless-commerce/">Headless commerce</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries-and-solutions/mobile-search/">Mobile & app search</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries-and-solutions/voice-search/">Voice search</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/products/search-and-discovery/image-search/">Image search</a></ul> </div> <div class="uil-mt-32"> <h4 class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-400 uil-mt-0 uil-mb-8-16">Integrations</h4> <ul class="uil-m-0 uil-list-none uil-p-0"><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/search-solutions/salesforce-commerce-cloud/">Salesforce Commerce Cloud B2C</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/search-solutions/shopify/">Shopify</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/search-solutions/adobe-commerce-magento/">Adobe Commerce</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/search-solutions/netlify/">Netlify</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/search-solutions/commercetools/">Commercetools</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/search-solutions/bigcommerce/">BigCommerce</a></ul> </div> <div class="uil-mt-32"> <h4 class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-400 uil-mt-0 uil-mb-8-16">Industries</h4> <ul class="uil-m-0 uil-list-none uil-p-0"><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries/">Overview</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries-and-solutions/ecommerce/">B2C ecommerce</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries-and-solutions/b2b-ecommerce/">B2B ecommerce</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries-and-solutions/marketplaces/">Marketplaces</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries-and-solutions/saas/">SaaS</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries-and-solutions/media/">Media</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/industries/startups/">Startups</a></ul> </div> <div class="uil-mt-32"> <h4 class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-400 uil-mt-0 uil-mb-8-16">Live demos</h4> <ul class="uil-m-0 uil-list-none uil-p-0"><a tag="a" href="https://gdpr.algolia.com/" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" data-is-external="true">GDPR</a><a tag="a" href="https://aiact.algolia.com/" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" data-is-external="true">AI Act</a></ul> </div> </div> <div class="md:uil-hidden"> <div class=""> <h4 class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-400 uil-mt-0 uil-mb-8-16">Solutions</h4> <ul class="uil-m-0 uil-list-none uil-p-0"><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/products/">Overview</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/products/ai-search/">AI Search</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/products/ai-browse/">AI Browse</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/products/recommendations/">AI Recommendations</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/pricing/">Pricing</a></ul> </div> <div class="uil-mt-32"> <h4 class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-400 uil-mt-0 uil-mb-8-16">Developers</h4> <ul class="uil-m-0 uil-list-none uil-p-0"><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/developers/">Developer Hub</a><a tag="a" href="https://www.algolia.com/doc/" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" data-is-external="true">Documentation</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/developers/integrations/">Integrations</a><a tag="a" href="https://www.algolia.com/blog/engineering/" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" data-is-external="true">Engineering blog</a><a tag="a" href="https://alg.li/discord" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" data-is-external="true">Discord community</a><a tag="a" href="https://status.algolia.com/" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" data-is-external="true">API status</a><a tag="a" href="https://docsearch.algolia.com/" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" data-is-external="true">DocSearch</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/for-open-source/">For Open Source</a></ul> </div> <div class="uil-mt-32"> <h4 class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-400 uil-mt-0 uil-mb-8-16">Distributed & secure</h4> <ul class="uil-m-0 uil-list-none uil-p-0"><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/distributed-secure/global-infrastructure/">Global infrastructure</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/distributed-secure/security-compliance/">Security & compliance</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/search-solutions/algolia-on-azure/">Azure</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/search-solutions/algolia-on-aws/">AWS</a></ul> </div> <div class="uil-mt-32"> <h4 class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-400 uil-mt-0 uil-mb-8-16">Company</h4> <ul class="uil-m-0 uil-list-none uil-p-0"><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/about/">About Algolia</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/careers/">Careers</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/about/news/">Newsroom</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/events/">Events</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/about/leadership/">Leadership</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/about/social-impact/">Social impact</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-py-8" href="https://www.algolia.com/contact/">Contact us</a></ul> </div> <div class="uil-mt-32"> <h4 class="uil-font-inter uil-font-400 uil-leading-150p uil-text-16-18 uil-text-grey-400 uil-mt-0 uil-mb-8-16">Social networks</h4> <ul class="uil-font-inter uil-font-400 uil-leading-150p uil-text-14 uil-text-grey-900 uil-m-0 uil-flex uil-list-none uil-p-0"> <li class=""> <a class="uil-text-white uil-transition-colors uil-duration-200 hover:uil-text-xenon-400" href="https://www.linkedin.com/company/algolia/"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" class="uil-h-20 uil-w-20"> <title>LinkedIn</title> <g clip-path="url(#linkedin-svg)"> <path fill="currentColor" d="M0 2.668c0-.643.225-1.174.676-1.593.45-.418 1.036-.627 1.756-.627.708 0 1.281.206 1.719.618.45.424.675.978.675 1.66 0 .618-.219 1.133-.656 1.544-.45.425-1.043.637-1.776.637h-.02c-.707 0-1.28-.212-1.718-.637C.22 3.846 0 3.312 0 2.668ZM.251 19.56V6.664h4.286V19.56H.25Zm6.66 0h4.286v-7.2c0-.451.051-.799.154-1.043.18-.438.454-.808.82-1.11.368-.303.828-.454 1.381-.454 1.442 0 2.162.972 2.162 2.915v6.892H20v-7.394c0-1.905-.45-3.35-1.351-4.334-.901-.984-2.092-1.477-3.572-1.477-1.66 0-2.953.715-3.88 2.143v.039h-.02l.02-.039V6.664H6.91c.026.412.039 1.693.039 3.842 0 2.15-.013 5.167-.039 9.054Z"></path> </g> <defs> <clipPath id="linkedin-svg"> <path fill="#fff" d="M0 0h20v20H0z"></path> </clipPath> </defs> </svg> </a> </li> <li class="uil-ml-16"> <a class="uil-text-white uil-transition-colors uil-duration-200 hover:uil-text-xenon-400" href="https://twitter.com/algolia"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" class="uil-h-20 uil-w-20"> <title>X (ex-Twitter)</title> <g clip-path="url(#a)"> <path fill="currentColor" d="m11.546 8.704 6.05-7.142h-1.434l-5.253 6.202-4.195-6.202H1.875l6.344 9.378-6.344 7.489h1.434l5.547-6.549 4.43 6.549h4.839l-6.58-9.725h.001Zm-1.964 2.318-.642-.934-5.115-7.43h2.202l4.128 5.997.642.934 5.366 7.794H13.96l-4.379-6.36Z"></path> </g> <defs> <clipPath id="a"> <path fill="#fff" d="M1.875 1.563h16.25v16.875H1.875z"></path> </clipPath> </defs> </svg> </a> </li> <li class="uil-ml-16"> <a class="uil-text-white uil-transition-colors uil-duration-200 hover:uil-text-xenon-400" href="https://www.facebook.com/algolia/"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" class="uil-h-20 uil-w-20"> <title>Facebook</title> <path fill="currentColor" d="m14.345 11.107.518-3.413h-3.242V5.481c0-.934.452-1.845 1.904-1.845H15V.73S13.662.5 12.384.5C9.712.5 7.968 2.135 7.968 5.093v2.601H5v3.413h2.968v8.25a11.639 11.639 0 0 0 3.653 0v-8.25h2.724Z"></path> </svg> </a> </li> <li class="uil-ml-16"> <a class="uil-text-white uil-transition-colors uil-duration-200 hover:uil-text-xenon-400" href="https://www.instagram.com/algolia.search/"> <svg xmlns="http://www.w3.org/2000/svg" width="20" height="20" fill="none" class="uil-h-20 uil-w-20"> <title>Instagram</title> <path fill="currentColor" d="M19.944 5.877c-.048-1.065-.22-1.794-.464-2.43a4.877 4.877 0 0 0-1.152-1.77A4.906 4.906 0 0 0 16.559.524C15.923.276 15.195.108 14.131.06 13.063.012 12.722 0 10.01 0 7.293 0 6.953.012 5.89.06 4.824.108 4.096.28 3.46.524c-.66.257-1.22.597-1.772 1.153a4.91 4.91 0 0 0-1.152 1.77C.292 4.083.12 4.812.072 5.877.024 6.946.012 7.286.012 10c0 2.718.012 3.058.06 4.123.048 1.065.22 1.794.464 2.43a4.876 4.876 0 0 0 1.152 1.77c.552.556 1.113.9 1.769 1.153.636.248 1.364.416 2.428.464 1.068.048 1.408.06 4.121.06 2.716 0 3.057-.012 4.12-.06 1.065-.048 1.793-.22 2.43-.464a4.873 4.873 0 0 0 1.768-1.153 4.91 4.91 0 0 0 1.152-1.77c.248-.636.416-1.365.464-2.43.048-1.069.06-1.409.06-4.123 0-2.714-.008-3.058-.056-4.123Zm-1.796 8.166c-.044.977-.208 1.51-.345 1.858-.18.464-.4.8-.752 1.153a3.18 3.18 0 0 1-1.152.752c-.352.136-.884.3-1.856.345-1.052.048-1.368.06-4.041.06s-2.989-.012-4.04-.06c-.977-.044-1.51-.209-1.857-.345-.464-.18-.8-.4-1.152-.752A3.182 3.182 0 0 1 2.2 15.9c-.136-.353-.3-.885-.344-1.858-.048-1.053-.06-1.369-.06-4.043 0-2.674.012-2.99.06-4.043.044-.977.208-1.51.344-1.858.18-.464.4-.8.753-1.153a3.18 3.18 0 0 1 1.152-.752c.352-.136.884-.3 1.856-.345 1.052-.048 1.368-.06 4.041-.06 2.672 0 2.989.012 4.04.06.977.045 1.51.209 1.857.345.464.18.8.4 1.152.752.352.353.565.685.753 1.153.136.353.3.885.344 1.858.048 1.053.06 1.369.06 4.043 0 2.674-.016 2.99-.06 4.043Z"></path> <path fill="currentColor" d="M10.002 4.86A5.137 5.137 0 0 0 4.865 10a5.137 5.137 0 1 0 10.274 0 5.134 5.134 0 0 0-5.137-5.14Zm0 8.475a3.334 3.334 0 0 1 0-6.67 3.334 3.334 0 0 1 0 6.67ZM15.34 5.86a1.2 1.2 0 1 0-.002-2.4 1.2 1.2 0 0 0 .001 2.4Z"></path> <path fill="currentColor" d="M0 10c0 2.718.012 3.058.06 4.123.048 1.065.22 1.794.464 2.43a4.876 4.876 0 0 0 1.152 1.77c.552.552 1.113.9 1.769 1.153.636.248 1.364.416 2.428.464 1.068.048 1.408.06 4.121.06 2.716 0 3.057-.012 4.12-.06 1.065-.048 1.793-.22 2.43-.464a4.873 4.873 0 0 0 1.768-1.153c.552-.553.9-1.113 1.152-1.77.248-.636.416-1.365.464-2.43.048-1.069.06-1.409.06-4.123 0-2.718-.012-3.058-.06-4.123-.048-1.065-.22-1.794-.464-2.43a4.876 4.876 0 0 0-1.152-1.77A4.775 4.775 0 0 0 16.547.524C15.911.276 15.183.108 14.12.06 13.05.012 12.71 0 9.998 0c-2.717 0-3.057.012-4.12.06-1.065.048-1.793.22-2.43.464A4.872 4.872 0 0 0 1.68 1.677a4.91 4.91 0 0 0-1.152 1.77C.28 4.083.108 4.812.06 5.877.012 6.942 0 7.282 0 10Zm1.804 0c0-2.67.012-2.99.06-4.043.044-.977.208-1.51.344-1.858.18-.464.4-.8.753-1.153a3.18 3.18 0 0 1 1.152-.752c.352-.136.884-.3 1.856-.345 1.052-.048 1.368-.06 4.041-.06 2.672 0 2.989.012 4.04.06.977.045 1.51.209 1.857.345.464.18.8.4 1.152.752.352.353.564.685.753 1.153.136.353.3.885.344 1.858.048 1.053.06 1.369.06 4.043 0 2.674-.012 2.99-.06 4.043-.044.977-.208 1.51-.344 1.858-.18.464-.4.8-.753 1.153a3.18 3.18 0 0 1-1.152.752c-.352.136-.884.3-1.856.345-1.052.048-1.369.06-4.041.06-2.673 0-2.989-.012-4.04-.06-.977-.044-1.51-.209-1.857-.345-.464-.18-.8-.4-1.152-.752a3.182 3.182 0 0 1-.753-1.153c-.136-.353-.3-.885-.344-1.858-.052-1.053-.06-1.373-.06-4.043Z"></path> </svg> </a> </li> <li class="uil-ml-16"> <a class="uil-text-white uil-transition-colors uil-duration-200 hover:uil-text-xenon-400" href="https://www.youtube.com/channel/UCTNkiq-SO8hay1PRx-it9Cw"> <svg xmlns="http://www.w3.org/2000/svg" width="21" height="20" fill="none" class="uil-h-20 uil-w-20"> <title>YouTube</title> <g clip-path="url(#youtube-svg)"> <path fill="currentColor" fill-rule="evenodd" d="M18.325 3.428c.857.231 1.532.906 1.763 1.763.428 1.565.412 4.827.412 4.827s0 3.245-.412 4.81a2.506 2.506 0 0 1-1.763 1.763c-1.565.412-7.825.412-7.825.412s-6.244 0-7.825-.428a2.506 2.506 0 0 1-1.763-1.763C.5 13.264.5 10.002.5 10.002s0-3.246.412-4.81a2.557 2.557 0 0 1 1.763-1.78C4.24 3 10.5 3 10.5 3s6.26 0 7.825.428Zm-4.612 6.574L8.506 13V7.003l5.206 2.999Z" clip-rule="evenodd"></path> </g> <defs> <clipPath id="youtube-svg"> <rect width="20" height="20" x=".5" fill="#fff" rx="6"></rect> </clipPath> </defs> </svg> </a> </li> </ul> </div> </div> </div> <div class="uil-m-auto uil-max-w-1440 uil-px-16-56 uil-pb-32-40"> <hr class="uil-m-0 uil-h-1 uil-border-0 uil-bg-grey-700 uil-mb-24-32"> <div class="uil-flex uil-flex-col uil-items-center sm:uil-flex-row sm:uil-justify-between"> <div class="uil-flex uil-items-center"> <svg class="uil-mr-16 uil-h-auto uil-w-20" 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> <span class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white"> ©2024 Algolia - All rights reserved. </span> </div> <ul class="uil-m-0 uil-mt-16 uil-flex uil-list-none uil-flex-wrap uil-justify-center uil-p-0 sm:uil-mt-0 sm:uil-justify-end"> <li><button class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white no-underline transition-colors duration-200 hover:text-xenon-400">Cookie settings</button></li> <a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-relative uil-ml-16 before:uil-absolute before:uil-left-[-8px] before:uil-top-[50%] before:uil-block before:uil-h-50p before:uil-w-1 before:uil-translate-y-[-50%] before:uil-bg-white before:uil-content-[''] uil-mr-16 after:uil-absolute after:uil-right-[-8px] after:uil-top-[50%] after:uil-block after:uil-h-50p after:uil-w-1 after:uil-translate-y-[-50%] after:uil-bg-white after:uil-content-['']" href="https://www.algolia.com/policies/privacy/">Privacy policy</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-relative uil-mr-16 after:uil-absolute after:uil-right-[-8px] after:uil-top-[50%] after:uil-block after:uil-h-50p after:uil-w-1 after:uil-translate-y-[-50%] after:uil-bg-white after:uil-content-['']" href="https://www.algolia.com/policies/terms/">Terms of service</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-relative uil-mr-16 after:uil-absolute after:uil-right-[-8px] after:uil-top-[50%] after:uil-block after:uil-h-50p after:uil-w-1 after:uil-translate-y-[-50%] after:uil-bg-white after:uil-content-['']" href="https://www.algolia.com/policies/acceptable-use/">Acceptable use policy</a><a data-is-internal="true" class="uil-block uil-text-left uil-font-inter uil-font-400 uil-leading-150p uil-text-12-14 uil-text-white uil-no-underline uil-transition-colors uil-duration-200 hover:uil-text-xenon-400 uil-relative" href="https://www.algolia.com/policies/anti-modern-slavery-statement/">Anti-Modern Slavery Statement</a> </ul> </div> </div> </footer> </div> <script src="https://uberflip.cdntwrk.com/js/themes/themes_app.6822ef790a01c57d9efe.js" ></script> <script nonce="DgxboAlx1Iq0MZhLFM3i4fs2"> frontEndPage.init({ window: window, ufaCallerOptions: {"ufaUrl":"https:\/\/ufa.uberflip.com","accountId":"554297","hubId":"103949","pageType":"item","streamId":5382774,"itemId":630583907,"authorId":null,"pardotCookie":null,"connectedMAPs":["Marketo"],"requireOptIn":true}, }) </script> <script nonce="DgxboAlx1Iq0MZhLFM3i4fs2"> window.uberflip.eloquaFirstPartyCookies = false; window.uberflip.eloquaConnected = false; </script>  <script nonce="DgxboAlx1Iq0MZhLFM3i4fs2"id="onbrand__scripts-production" src="//cihost.uberflip.com/algolia-tv2/master/build/en/en.bundle.js"></script> <script nonce="DgxboAlx1Iq0MZhLFM3i4fs2"> const activeClassNames = (isDark) => isDark ? ['uil-text-xenon-400', 'uil-border-xenon-400'] : ['uil-text-xenon-400', 'uil-border-xenon-400']; const focusElement = (query, parent = document) => { const focusableElement = parent.querySelector(query); if (!focusableElement) return; focusableElement.focus(); }; const getOpenedMenuTitle = () => { const menuItemsContainer = document.querySelector( 'div[data-menu-items-container]' ); if (!menuItemsContainer) return; const title = menuItemsContainer.getAttribute('data-open-title'); return title; }; const findFirstParentWithId = (element) => { let currentElement = element; while (currentElement) { if (currentElement.id && currentElement.id !== 'root') { return currentElement; } currentElement = currentElement.parentElement; } return null; }; const onCloseMenuItems = ({ title, isDark }) => { const menuItems = document.getElementById(title); if (!menuItems) return; menuItems.classList.add('uil-opacity-0'); menuItems.classList.remove('uil-z-1'); const navItem = document.querySelector(`*[aria-label='${title}']`); if (!navItem) return; navItem.classList.remove(...activeClassNames(isDark)); }; const onCloseMenuItemsContainer = () => { const menuItemsContainer = document.querySelector( 'div[data-menu-items-container]' ); if (!menuItemsContainer) return; const ariaHidden = menuItemsContainer.getAttribute('aria-hidden'); const ariaHover = menuItemsContainer.getAttribute('aria-hover'); if (ariaHidden === 'false' && ariaHover === 'true') return; menuItemsContainer.setAttribute('aria-hidden', 'true'); menuItemsContainer.removeAttribute('data-open-title'); menuItemsContainer.classList.add( 'uil-opacity-0', '-uil-z-1', 'uil-pointer-events-none' ); menuItemsContainer.classList.remove('uil-z-5'); }; const onOpen = ({ title, isDark = false }) => { const menuItems = document.getElementById(title); const menuItemsContainer = document.querySelector( 'div[data-menu-items-container]' ); const navLiElement = document.querySelector(`li[data-title='${title}']`); const navItem = document.querySelector(`*[aria-label='${title}']`); if (!menuItemsContainer || !menuItems || !navItem || !navLiElement) return; const menuItemsToClose = menuItemsContainer.querySelectorAll( `div[id]:not([id="${title}"]):not([id="menu-card"])` ); menuItemsToClose.forEach(function (menuToClose) { const id = menuToClose.id; onCloseMenuItems({ title: id, isDark }); }); menuItemsContainer.setAttribute('aria-hidden', 'false'); menuItemsContainer.setAttribute('data-open-title', title); menuItemsContainer.classList.remove( 'uil-opacity-0', '-uil-z-1', 'uil-pointer-events-none' ); menuItemsContainer.classList.add('uil-z-5'); menuItems.classList.remove('uil-opacity-0'); menuItems.classList.add('uil-z-1'); navLiElement.setAttribute('aria-li-hover', 'true'); navItem.classList.add(...activeClassNames(isDark)); adjustSizes(menuItems); adjustPositions(navLiElement, menuItemsContainer); focusElement(`#${title}`); }; const onClose = ({ title, isDark }) => { const navLiElement = document.querySelector(`li[data-title='${title}']`); if (!navLiElement) return; navLiElement.setAttribute('aria-li-hover', 'false'); const menuItemsContainer = document.querySelector( 'div[data-menu-items-container]' ); if (!menuItemsContainer) return; const ariaHidden = menuItemsContainer.getAttribute('aria-hidden'); const ariaHover = menuItemsContainer.getAttribute('aria-hover'); if (ariaHidden === 'false' && ariaHover === 'true') return; onCloseMenuItems({ title, isDark }); onCloseMenuItemsContainer(); }; const onFocus = ({ title, isDark }) => { onOpen({ title, isDark }); const menuItems = document.getElementById(title); if (!menuItems) return; focusElement('[tabIndex="0"]', menuItems); }; const adjustSizes = (parentSourceElement) => { const sourceDiv = parentSourceElement.querySelector(':first-child'); const targetDiv = document.getElementById('menu-card'); if (!sourceDiv || !targetDiv) return; const sourceWidth = sourceDiv.offsetWidth; const sourceHeight = sourceDiv.offsetHeight; targetDiv.setAttribute('data-width', sourceWidth.toString()); targetDiv.style.width = `${sourceWidth}px`; targetDiv.style.height = `${sourceHeight}px`; }; const adjustPositions = (sourceElement, targetElement, offSet = 40) => { const rect = sourceElement.getBoundingClientRect(); const position = { left: rect.left + window.scrollX - offSet, }; // We need to do those checks in case the menu-card overflows on X-axis const witnessElement = document.getElementById('menu-card'); if (!witnessElement) return; const dataWidth = witnessElement.getAttribute('data-width'); if (!dataWidth) return; const width = parseInt(dataWidth, 10); const viewportWidth = window.innerWidth || document.documentElement.clientWidth; const isInViewport = position.left + width < viewportWidth; // Only transform if it doesn't overflow if (isInViewport) { targetElement.style.transform = `translateX(${position.left}px)`; } else { targetElement.style.transform = 'translateX(0)'; } }; const initialPlacement = (offSet = 100) => { const menuItems = document.getElementById('Solutions'); const navLiElement = document.querySelector(`li[data-title='Solutions']`); const menuItemsContainer = document.querySelector( 'div[data-menu-items-container]' ); if (menuItems && navLiElement && menuItemsContainer) { adjustSizes(menuItems); adjustPositions(navLiElement, menuItemsContainer, offSet); } }; const collideWithMenuItems = (event, isDark = false) => { const mouseX = event.clientX; const mouseY = event.clientY; const menuItemsContainer = document.querySelector( 'div[data-menu-items-container]' ); if (!menuItemsContainer) return; const ariaHidden = menuItemsContainer.getAttribute('aria-hidden'); if (!ariaHidden || ariaHidden === 'true') return; const divRect = menuItemsContainer.getBoundingClientRect(); const isInside = mouseX >= divRect.left && mouseX <= divRect.right && mouseY >= divRect.top && mouseY <= divRect.bottom; if (isInside) { menuItemsContainer.setAttribute('aria-hover', 'true'); } else { menuItemsContainer.setAttribute('aria-hover', 'false'); const title = getOpenedMenuTitle(); if (!title) return; // Intersect avec un navLiElement? On fait rien. Sinon, on set aria-hidden a true const navLiElement = document.querySelector(`*[aria-li-hover='true']`); // // On intersecte avec cet element donc on laisse ouvert if (navLiElement) return; const navItem = document.querySelector(`*[aria-label='${title}']`); if (!navItem) return; onClose({ title, isDark }); } }; const onTab = ({ title, nextTitle, hasNextLinks, isDark }) => { if (nextTitle) { if (hasNextLinks) { onFocus({ title: nextTitle, isDark }); } else { onClose({ title, isDark }); focusElement(`a[aria-label=${nextTitle}]`); } } else { onClose({ title, isDark }); focusElement('div[data-nav-search-bar] > a:last-of-type'); } }; const onShiftTab = ({ title, previousTitle, hasPreviousLinks, isDark }) => { if (previousTitle) { if (hasPreviousLinks) { onOpen({ title: previousTitle, isDark }); focusElement( `#${previousTitle} > div div:last-child div:last-child a:last-of-type` ); } else { onClose({ title, isDark }); focusElement(`a[aria-label=${previousTitle}]`); } } else { onClose({ title, isDark }); focusElement('div[data-nav-logo-container] > a:first-child'); } }; const isOtherMenuItemsHovered = (e, isDark) => { const title = getOpenedMenuTitle(); const menuItems = findFirstParentWithId(e.target); if (!menuItems) return false; const menuItemsTitle = menuItems?.id; // We have focus on an menuItems element but the container is closed if (!title) { e.preventDefault(); onOpen({ title: menuItemsTitle, isDark }); return true; } // Typical use-case if when we hover another nav item if (menuItemsTitle !== title) { const menuItems = document.getElementById(title); if (!menuItems) return false; e.preventDefault(); focusElement('[tabIndex="0"]', menuItems); return true; } return false; }; const onKeyDown = ({ e, onTab, onShiftTab, isDark }) => { if (e.key !== 'Tab') return; if (e.target !== document.activeElement) return; if (isOtherMenuItemsHovered(e, isDark)) return; if (!onShiftTab && !onTab) { return; } // If we go next on the first element if (onShiftTab && !e.shiftKey) { return; } // If we go back on the last element if (onTab && e.shiftKey) { return; } e.preventDefault(); // Going to previous NavLiElement if (onShiftTab && e.shiftKey) { return onShiftTab(); } // Going to next NavLiElement if (onTab && !e.shiftKey) { return onTab(); } }; const MOBILE_MENU = { open: { icon: `<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="uil-w-20 uil-h-20 uil-d-block uil-text-white"><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>`, label: `<span class="uil-font-inter uil-font-500 uil-uppercase uil-leading-150p uil-tracking-5p uil-text-14-16">Menu</span>`, }, close: { icon: `<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="uil-w-20 uil-h-20 uil-d-block uil-text-white"><line x1="18" y1="6" x2="6" y2="18"></line><line x1="6" y1="6" x2="18" y2="18"></line></svg>`, label: `<span class="uil-font-inter uil-font-500 uil-uppercase uil-leading-150p uil-tracking-5p uil-text-14-16 uil-text-white">Close</span>`, }, }; const CHEVRON_ICON = { up: `<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="uil-text-white"><polyline points="18 15 12 9 6 15"></polyline></svg>`, down: `<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="uil-text-white"><polyline points="6 9 12 15 18 9"></polyline></svg>`, }; const [mobileMenuButton] = document.querySelectorAll( '[data-mobile-menu-button]' ); const mobileMenuItems = document.querySelector('[data-mobile-menu-items]'); const [navElement] = document.querySelectorAll('[data-nav-main]'); const [logoContainer] = document.querySelectorAll('[data-nav-logo-container]'); const [navItemList] = document.querySelectorAll('ul[data-nav-item-list]'); const [searchBarContainer] = document.querySelectorAll('[data-nav-search-bar]'); const [userButtonsContainer] = document.querySelectorAll( '[data-nav-user-buttons]' ); const quickLinks = document.querySelector('[data-quick-links]'); const toggleClassNames = (element, classNames) => { classNames.forEach((className) => { element.classList.toggle(className); }); }; window.addEventListener('load', () => { initialPlacement(); document.addEventListener('mousemove', (e) => collideWithMenuItems(e)); document.addEventListener('resize', () => initialPlacement()); }); Array.from(navItemList.children).forEach((itemElement) => { const title = itemElement.getAttribute('data-title'); itemElement.addEventListener('mouseenter', () => { onOpen({ title, isDark: false }); }); itemElement.addEventListener('mouseleave', () => { onClose({ title, isDark: false }); }); itemElement.addEventListener('click', () => { onFocus({ title, isDark: false }); }); }); // Open mobile nav mobileMenuButton.addEventListener('click', () => { toggleClassNames(document.body, ['uil-overflow-hidden']); toggleClassNames(mobileMenuItems, ['uil-hidden']); toggleClassNames(navElement, [ 'uil-h-100vh', 'uil-w-100vw', 'uil-overflow-y-scroll', 'uil-sticky', ]); toggleClassNames(quickLinks, [ 'uil-hidden', 'uil-z-1', 'uil-mt-16', 'uil-grid', 'uil-grid-cols-2', 'uil-pr-32', ]); toggleClassNames(userButtonsContainer, [ 'uil-mt-auto', 'uil-justify-center', 'uil-pb-12', 'uil-pt-24', ]); Array.from(userButtonsContainer.children).forEach((userButton) => { userButton.classList.toggle('uil-hidden'); }); const trimmedText = mobileMenuButton.textContent.trim(''); if (trimmedText === 'Menu') { mobileMenuButton.innerHTML = `${MOBILE_MENU.close.icon}${MOBILE_MENU.close.label}`; } else if (trimmedText === 'Close') { mobileMenuButton.innerHTML = `${MOBILE_MENU.open.icon}${MOBILE_MENU.open.label}`; } Array.from(mobileMenuItems.children).forEach((itemElement) => { itemElement.addEventListener('click', () => { const [accordionButton, accordionContent] = itemElement.children; toggleClassNames(accordionContent, ['uil-hidden']); // Remove chevron icon const [chevronSvg] = accordionButton.getElementsByTagName('svg'); accordionButton.removeChild(chevronSvg); const isExpanded = !accordionContent.classList.contains('uil-hidden'); accordionButton.innerHTML += CHEVRON_ICON[isExpanded ? 'up' : 'down']; }); }); }); </script> <script nonce="DgxboAlx1Iq0MZhLFM3i4fs2" src="https://cdn.jsdelivr.net/npm/algoliasearch@3.35.1/dist/algoliasearchLite.min.js" integrity="sha256-5rOQwvvJdM9oDYQYCGzaJuuTy6SUALjma3OtzEGyJM0=" crossorigin="anonymous" ></script> <script nonce="DgxboAlx1Iq0MZhLFM3i4fs2" src="https://cdn.jsdelivr.net/npm/instantsearch.js@4.0.0/dist/instantsearch.production.min.js" integrity="sha256-6S7q0JJs/Kx4kb/fv0oMjS855QTz5Rc2hh9AkIUjUsk=" crossorigin="anonymous" ></script> <script nonce="DgxboAlx1Iq0MZhLFM3i4fs2"> if (!document.body.classList.contains("uf-item-page")) { // Instantiate Analytics var ALGOLIA_INSIGHTS_SRC = "//cdn.jsdelivr.net/npm/search-insights@1.3.1"; !(function(e, a, t, n, s, i, c) { (e.AlgoliaAnalyticsObject = s), (e[s] = e[s] || function() { (e[s].queue = e[s].queue || []).push(arguments); }), (i = a.createElement(t)), (c = a.getElementsByTagName(t)[0]), (i.async = 1), (i.src = n), c.parentNode.insertBefore(i, c); })(window, document, "script", ALGOLIA_INSIGHTS_SRC, "aa"); /* aa("init", { appId: "latency", apiKey: "af044fb0788d6bb15f807e4420592bc5" }); var searchClient = algoliasearch( "latency", "af044fb0788d6bb15f807e4420592bc5" ); var search = instantsearch({ indexName: "PROD_algolia_com_site_resources-heroku", searchClient: searchClient, insightsClient: window.aa }); */ var currentAppId = "1QDAWL72TQ"; var currentApiKey = "47700f55d95d23f5a57744b9a027ea83"; aa("init", { appId: currentAppId, apiKey: currentApiKey, }); var searchClient = algoliasearch( currentAppId, currentApiKey ); var search = instantsearch({ indexName: "PROD_algolia_com_site_resources-ubf", searchClient: searchClient, insightsClient: window.aa, }); var searchBoxElementContainer = "div#q"; // var mobileSearchBoxElementContainer = "div#mq"; var aisHits = document.createElement("div"); aisHits.id = "ais-hits"; aisHits.classList.add("is-clearfix"); document.querySelector("#uf-tile-container").insertAdjacentElement("afterend", aisHits); var replaceSearchbox = document.createElement("div"); replaceSearchbox.id = "q"; var initialSearcBox = document.querySelector("#uf-search-form"); var parentSearchboxDiv = initialSearcBox.parentNode; parentSearchboxDiv.replaceChild(replaceSearchbox, initialSearcBox); var buttonMaker = function buttonMaker(type) { switch (type) { case "docs": return "Read more"; break; case "blogs": return "Read Article"; break; case "videos": return "Watch video"; break; default: return "Access resource"; break; } }; search.addWidgets([ instantsearch.widgets.searchBox({ container: searchBoxElementContainer, placeholder: " " }), // instantsearch.widgets.searchBox({ // container: mobileSearchBoxElementContainer, // placeholder: "Search for products" // }), instantsearch.widgets.configure({ hitsPerPage: 40, clickAnalytics: true, attributesToSnippet: ['description'], /* default to description:10 */ snippetEllipsisText: '…' }), instantsearch.widgets.hits({ container: "#ais-hits", transformItems: function transformItems(items) { return items.map(function(item) { return { ...item, thumbnail_url: item.thumbnail_url.replace(" ", ""), button_text: buttonMaker(item.type), type: item.type, stream: item.streams_included, isVideo: item.service === "vidyard" || item.service === "youtube" }; }); }, cssClasses: { list: "d-grid g-1 md:g-2 lg:g-3 ggap-0" }, templates: { item(hit) { if (hit.hidden === false) { return( '<li data-is-video="'+ hit.isVideo +'" class="uf-tile-wrapper uf-item-tile ' + hit.type + ' ' + hit.stream +' with-img ">' + '\n<article>' + '\n<a class="uf-tile box uberflip uf-docs" href="' + hit.url + '" ' + 'onclick="window.location=this.href" ' + instantsearch.insights("clickedObjectIDsAfterSearch", { eventName: "Clicked result", objectIDs: [hit.objectID] }) + '>' + '\n<figure class="uf-tile-thumbnail flex-centered" aria-hidden="true">' + '\n<img src="' + hit.thumbnail_url + '"' + 'alt="' + hit.title + '"' + 'class="' + (hit.type === "docs" ? "taller" : "shorter") + '">' + '\n</figure>' + '\n<header class="uf-tile-copy">' + '\n<h1 class="uf-tile-title title">' + instantsearch.highlight({ hit: hit, attribute: "title" }) + '</h1>' + '\n<p class="subtitle uf-tile-description">' + instantsearch.snippet({ hit: hit, attribute: "description" }) + '</p>' + '\n</header>' + '\n<div class="uf-tile-content-label">' + '\n<p class="uf-tile-content-label-text">' + '<span>' + hit.button_text + '</span></p>' + '\n<i aria-hidden="true" class="uf-tile-content-label-arrow fas fa-angle-right"></i>' + '\n</div>' + '\n</div>' + '\n</a>' + '\n</article>' + '\n</li>'); } }, empty: '<div class="ais-no-results-found"> There are no results for this query. Go back to the <a href="https://resources.algolia.com" class="td-none color-nebula">Resources Homepage</a></div>', } }) ]); function init() { // document.getElementById("loading-overlay").remove(); // [".search-results-overlay", ".search-results-backdrop"].forEach(function( // element // ) { // document.querySelector(element).remove(); // }); var container = document.getElementById("uf-lazy-loader"); document.querySelector("#ais-hits").classList.add("d-none"); document.querySelector(searchBoxElementContainer).addEventListener("input", function(e) { if (!e.target.value) { document.querySelector("#uf-tile-container").classList.add("d-block"); document.querySelector("#uf-tile-container").classList.remove("d-none"); document.querySelector("#ais-hits").classList.add("d-none"); document.querySelector("#ais-hits").classList.remove("d-block"); } else { document.querySelector("#uf-tile-container").classList.add("d-none"); document.querySelector("#uf-tile-container").classList.remove("d-block"); document.querySelector("#ais-hits").classList.add("d-block"); document.querySelector("#ais-hits").classList.remove("d-none"); } }); document .querySelector(searchBoxElementContainer) .addEventListener("click", function(e) { search.helper.clearRefinements("streams_included"); // removeNoscroll(); }); // Nav to queries // Focus search box when "search" button at bottom of tiles is clicked const loadMoreSearchButton = document.querySelector("button.uf-load-more-search"); if (loadMoreSearchButton) { loadMoreSearchButton.addEventListener("click", () => { document.querySelector(".ais-SearchBox-input").focus(); }); } } init(); search.start(); } </script> <script nonce="DgxboAlx1Iq0MZhLFM3i4fs2"> function setCookie(value) { var cookie = [ ['algolia_website_original_location', value], ['Path', '/'], ['Domain', '.algolia.com'], ['SameSite', 'Strict'], ]; var serializedCookie = cookie.map(function(values) { return values.join('='); }).join('; '); document.cookie = serializedCookie; } function getCookie(key) { var split = document.cookie.split('; '); if (!split.length) return false; var cookieForKey = split.find(function(e) { return e.startsWith(key); }); if (!cookieForKey) return false; var cookieData = cookieForKey.split(/[=](.*)/); if (cookieData.length !== 3) return false; return true; } if (!getCookie('algolia_website_original_location')) { var originalLocation = document.location.protocol + '//' + document.location.hostname + document.location.pathname; setCookie(originalLocation); } </script><script nonce="DgxboAlx1Iq0MZhLFM3i4fs2"type="text/javascript" charset="utf-8"> function getDomainFromUrl(url) { var a = document.createElement('a'); a.setAttribute('href', url); var domain = a.hostname.split('.').at(-2); if (domain) return domain; return ''; } function getValueInCookie(key) { if (!document || !key) return ''; // Each cookie is separated from the next one by "; " var split = document.cookie.split('; '); if (!split.length) return ''; var cookieForKey = split.find(function (e) { return e.startsWith(key); }); if (!cookieForKey) return ''; // Format of a cookie: bar=foo, but `foo` can contains '=' aswell, we only split at 1st occurence var cookieData = cookieForKey.split(/[=](.*)/); // There will be an empty element at index 2 due to the regex if (cookieData.length !== 3) return ''; // Key is at index 0, value at index 1 return cookieData[1]; } function getUtmsFromReferrer() { if (!document) return null; var referrer = document.referrer; // user likely typed in the URL or used a bookmark if (!referrer) { return { source: 'direct', medium: 'direct' }; } var searchEngines = [ 'google', 'yahoo', 'bing', 'yandex', 'duckduckgo', 'baidu', 'msn', 'ask', 'teoma', 'slurp', 'crawler', 'spider', 'robot', 'crawling', ]; // user came from an external source var isSearchEngine = new RegExp(searchEngines.join('|')).test(referrer); var captureSource = getDomainFromUrl(referrer); // We don't want to catpure utms from algolia domain if (captureSource && captureSource !== 'algolia') { return { source: captureSource, medium: isSearchEngine ? 'organic' : 'referral', }; } return null; } function setValueInCookie(props) { var cookieData = [ [props.key, props.value], ['Path', '/'], ['Domain', '.algolia.com'], ['SameSite', 'Strict'], ]; var serializedCookieData = cookieData .map(function (values) { return values.join('='); }) .join('; '); document.cookie = serializedCookieData; } var cookieName = 'algolia_website_utm_params'; // We don't want to reset the cookie if it exists if (!getValueInCookie(cookieName)) { var queryString = window.location.search; var params = queryString.match(/(utm_|tf_|gclid)([^&]*)/g); var utmData = {}; if (params) { params.forEach(function (param) { var split = param.split('='); var key = split[0].toLowerCase(); var value = split[1]; utmData[key] = value; }); } if (!utmData.utm_source && !utmData.utm_medium) { var utmsFromReferrer = getUtmsFromReferrer(); if (utmsFromReferrer) { utmData.utm_source = utmsFromReferrer.source; utmData.utm_medium = utmsFromReferrer.medium; } } // If there's no data, there's no need to set a cookie if (Object.keys(utmData).length) { setValueInCookie({ key: cookieName, value: encodeURIComponent(JSON.stringify(utmData)) }); } } </script><script nonce="DgxboAlx1Iq0MZhLFM3i4fs2"data-ot-ignore="" strategy="lazyOnload"> /* Import drift */ !function() { var t = window.driftt = window.drift = window.driftt || []; if (!t.init) { if (t.invoked) return void (window.console && console.error && console.error("Drift snippet included twice.")); t.invoked = !0, t.methods = [ "identify", "config", "track", "reset", "debug", "show", "ping", "page", "hide", "off", "on" ], t.factory = function(e) { return function() { var n = Array.prototype.slice.call(arguments); return n.unshift(e), t.push(n), t; }; }, t.methods.forEach(function(e) { t[e] = t.factory(e); }), t.load = function(t) { var e = 3e5, n = Math.ceil(new Date() / e) * e, o = document.createElement("script"); o.type = "text/javascript", o.defer = !0, o.crossorigin = "anonymous", o.src = "https://js.driftt.com/include/" + n + "/" + t + ".js"; document.body.appendChild(o); }; } }(); drift.SNIPPET_VERSION = '0.3.1'; window.drift_init_options = {loadType: 'ON_INTERACTIVE'}; drift.load('akbbnskvekg7'); typeof window.driftIdentifyUser === 'function' && window.driftIdentifyUser(); </script>  <script nonce="DgxboAlx1Iq0MZhLFM3i4fs2"> if (!window.uberflip) { window.uberflip = {}; } window.uberflip.recommendationOptions = {"template_data":{"enable_panel":false,"panel_top_auto":true,"panel_top_pixels":20,"panel_delay":0,"override_next":true,"header_text":"Recommended resources","hide_publish_date":true},"api_request_data":{"is_reco_ai":true,"reco_rule_id":692962,"max_items_to_display":3,"max_item_age":365,"source_collection_id":0,"hub_id":103949,"collection_id":5382774,"item_id":630583907,"ai_source_streams":[5435722,5425086,7394033,5382843,5382849,5435698,5397813],"uuid":0}} </script> <script type="text/javascript" src="https://content.cdntwrk.com/themes/vanilla/a159155/public/js/0.323036d9dde25445134a.chunk.js"></script><script type="text/javascript" src="https://content.cdntwrk.com/themes/vanilla/a159155/public/js/1.323036d9dde25445134a.chunk.js"></script><script type="text/javascript" src="https://content.cdntwrk.com/themes/vanilla/a159155/public/js/runtime~template_sets_default_pages_item_page.323036d9dde25445134a.js"></script><script type="text/javascript" src="https://content.cdntwrk.com/themes/vanilla/a159155/public/js/template_sets_default_pages_item_page.323036d9dde25445134a.chunk.js"></script></body> </html>

CINXE.COM

Ubisoft & Algolia : How to make search skyrocket worldwide