Check server response of
Server response
NS records
Whois domain
308 Permanent Redirect - choco.com
HTTP Status: 308
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Date: Sat, 03 May 2025 20:32:52 GMT
Content-Type: text/html
Content-Length: 164
Connection: keep-alive
Location: https://choco.com
HTTP Code 308 Permanent Redirect
308 status code is a permanent redirect that, unlike 301, ensures the request method remains unchanged.
When is Code 308 used?
- When a resource is permanently moved while preserving the request method
- When enforcing HTTPS without changing form submission behavior
What does Code 308 mean for the user?
The user is permanently redirected to the new URL, and the request method remains the same.
302 Found - https://choco.com
HTTP Status: 302
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Date: Sat, 03 May 2025 20:32:52 GMT
Content-Type: text/html; charset=UTF-8
Transfer-Encoding: chunked
Connection: keep-alive
Set-Cookie: welance-cookie=e401a4e0e087b82af9c101e31c94ab12|1b974d92364e8f6934c63a2a61d96868; Path=/; Secure; HttpOnly
X-Powered-By: PHP/8.2.26
Set-Cookie: CraftSessionId=6c5ad5490dce2ceb1e5fcf5338343473; path=/; secure; HttpOnly
Expires: Thu, 19 Nov 1981 08:52:00 GMT
Cache-Control: no-store, no-cache, must-revalidate
Pragma: no-cache
Location: https://choco.com/us
X-XSS-Protection: 1; mode=block
X-Content-Type-Options: nosniff
Referrer-Policy: strict-origin-when-cross-origin
Content-Security-Policy: default-src 'self' ws: wss: http: https: data: blob: 'unsafe-inline' 'unsafe-eval'; base-uri 'none'; frame-ancestors 'self' https://legal.choco.com https://choco.com;
Set-Cookie: abtest=blue;Path=/;Max-Age=86400
Strict-Transport-Security: max-age=15724800; includeSubDomains
HTTP Code 302 Found (Moved Temporarily)
302 status code indicates that the requested resource is temporarily available at a different URL.
When is Code 302 used?
- When temporarily changing a page URL
- When testing new content
- During temporary maintenance
What does Code 302 mean for the user?
The user is automatically redirected to the new URL, but search engines continue to index the old address.
200 OK - https://choco.com/us
HTTP Status: 200
User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
Date: Sat, 03 May 2025 20:32:52 GMT
Content-Type: text/html; charset=UTF-8
Transfer-Encoding: chunked
Connection: keep-alive
Set-Cookie: welance-cookie=3ecb27c3b70a0237970b267fad728645|1b974d92364e8f6934c63a2a61d96868; Path=/; Secure; HttpOnly
Vary: Accept-Encoding
Set-Cookie: CraftSessionId=61f5c643d1150668ac6bd13e44756157; path=/; secure; HttpOnly
Expires: Thu, 19 Nov 1981 08:52:00 GMT
Pragma: no-cache
Cache-Control: public, s-maxage=31536000, max-age=0
X-Powered-By: Craft CMS,Blitz
X-XSS-Protection: 1; mode=block
X-Content-Type-Options: nosniff
Referrer-Policy: strict-origin-when-cross-origin
Content-Security-Policy: default-src 'self' ws: wss: http: https: data: blob: 'unsafe-inline' 'unsafe-eval'; base-uri 'none'; frame-ancestors 'self' https://legal.choco.com https://choco.com;
Set-Cookie: abtest=blue;Path=/;Max-Age=86400
Strict-Transport-Security: max-age=15724800; includeSubDomains
HTTP Code 200 OK
200 status code is a standard successful HTTP server response. It means that the client’s request (e.g., from a browser) was successfully processed, and the server is delivering the requested data.
When is Code 200 used?
- When loading a web page
- When successfully receiving an API response
- When processing a form or another HTTP request
What does Code 200 mean for the user?
The user receives content without errors, and the page or application functions properly. If Code 200 is accompanied by data, the browser or program processes and displays it to the user.
GET / HTTP/1.1 Host: choco.com Accept: */* User-Agent: Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; ClaudeBot/1.0; [email protected])
<!DOCTYPE html>
<html lang="en-US">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<title>Choco - the one-stop platform for distributors and restaurants</title>
<meta name="description" content="Learn more about Choco the one-stop platform for restaurants and distributors to digitize, connect, and grow with the power of AI. Let's get started now!" />
<meta property="fb:app_id" content="">
<meta property="og:url" content="https://choco.com/us/" />
<meta property="og:type" content="website" />
<meta property="og:title" content="Choco - Your ultimate digital partner " />
<meta property="og:image" content="https://choco.com/assets/_1200x630_crop_center-center_none/ChocoAI-english-1.jpg" />
<meta property="og:image:width" content="1200" />
<meta property="og:image:height" content="630" />
<meta property="og:description" content="Don’t miss any orders, grow your customer base, increase revenue, lower order-taking processes costs, and reduce costly errors to zero. We remove the hassle, you keep the passion." />
<meta property="og:site_name" content="Choco US" />
<meta property="og:locale" content="en_US" />
<meta property="og:locale:alternate" content="fr_BE" />
<meta property="og:locale:alternate" content="nl" />
<meta property="og:locale:alternate" content="cs_CZ" />
<meta property="og:locale:alternate" content="de" />
<meta property="og:locale:alternate" content="en_US" />
<meta property="og:locale:alternate" content="es" />
<meta property="og:locale:alternate" content="ca" />
<meta property="og:locale:alternate" content="fr" />
<meta property="og:locale:alternate" content="en_GB" />
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:site" content="" />
<meta name="twitter:url" content="https://choco.com/us/" />
<meta name="twitter:title" content="Choco - Your ultimate digital partner " />
<meta name="twitter:description" content="Don’t miss any orders, grow your customer base, increase revenue, lower order-taking processes costs, and reduce costly errors to zero. We remove the hassle, you keep the passion." />
<meta name="twitter:image" content="https://choco.com/assets/_1200x600_crop_center-center_none/ChocoAI-english-1.jpg" />
<link rel="home" href="https://choco.com/us/" />
<link rel="canonical" href="https://choco.com/us/">
<link rel="apple-touch-icon" sizes="180x180" href="https://choco.com/static/images/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://choco.com/static/images/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://choco.com/static/images/favicon-16x16.png">
<link rel="manifest" href="https://choco.com/static/images/site.webmanifest" crossorigin="use-credentials">
<link rel="mask-icon" href="https://choco.com/static/images/safari-pinned-tab.svg" color="#5bbad5">
<meta name="msapplication-TileColor" content="#da532c">
<meta name="theme-color" content="#ffffff">
<link rel="alternate" hreflang="be" href="https://choco.com/be/">
<link rel="alternate" hreflang="be-nl" href="https://choco.com/be/nl/">
<link rel="alternate" hreflang="cs-cz" href="https://choco.com/cz/">
<link rel="alternate" hreflang="de" href="https://choco.com/de/">
<link rel="alternate" hreflang="de-en" href="https://choco.com/de/en/">
<link rel="alternate" hreflang="es" href="https://choco.com/es/">
<link rel="alternate" hreflang="es-ca" href="https://choco.com/es/ca/">
<link rel="alternate" hreflang="fr" href="https://choco.com/fr/">
<link rel="alternate" hreflang="legal" href="https://legal.choco.com/website">
<link rel="alternate" hreflang="uk" href="https://choco.com/uk/">
<link rel="alternate" hreflang="x-default" href="https://choco.com/us/">
<!-- Preload custom fonts to improve page speed (LCP) -->
<link rel="preload" href="/static/fonts/PatronWEB-Bold.woff" as="font" type="font/woff" crossorigin="anonymous">
<link rel="preload" href="/static/fonts/TriadeChoco-Backslant.woff" as="font" type="font/woff" crossorigin="anonymous">
<style>
[x-cloak] { display: none !important; }
</style>
<script>
window.addEventListener("CookiebotOnDialogInit", function() {
if (Cookiebot.getDomainUrlParam("CookiebotScan") === "true")
Cookiebot.setOutOfRegion();
});
</script>
<!-- Google Tag Manager -->
<script>(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start':
new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src=
'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-THT3F92');</script>
<!-- End Google Tag Manager -->
<!-- Segment -->
<script>
document.addEventListener('afterBlitzInjectAll', function (event) {
let value = document.querySelector('.blitz-inject input[name="CRAFT_CSRF_TOKEN"]').getAttribute("value")
document
.querySelectorAll('form[data-fui-form] input[name="CRAFT_CSRF_TOKEN"]')
.forEach(csrfTokenInput => {
csrfTokenInput.setAttribute('value', value)
})
});
</script>
<script type="module">!function(){const e=document.createElement("link").relList;if(!(e&&e.supports&&e.supports("modulepreload"))){for(const e of document.querySelectorAll('link[rel="modulepreload"]'))r(e);new MutationObserver((e=>{for(const o of e)if("childList"===o.type)for(const e of o.addedNodes)if("LINK"===e.tagName&&"modulepreload"===e.rel)r(e);else if(e.querySelectorAll)for(const o of e.querySelectorAll("link[rel=modulepreload]"))r(o)})).observe(document,{childList:!0,subtree:!0})}function r(e){if(e.ep)return;e.ep=!0;const r=function(e){const r={};return e.integrity&&(r.integrity=e.integrity),e.referrerpolicy&&(r.referrerPolicy=e.referrerpolicy),"use-credentials"===e.crossorigin?r.credentials="include":"anonymous"===e.crossorigin?r.credentials="omit":r.credentials="same-origin",r}(e);fetch(e.href,r)}}();</script>
<script>!function(){var e=document.createElement("script");if(!("noModule"in e)&&"onbeforeload"in e){var t=!1;document.addEventListener("beforeload",(function(n){if(n.target===e)t=!0;else if(!n.target.hasAttribute("nomodule")||!t)return;n.preventDefault()}),!0),e.type="module",e.src=".",document.head.appendChild(e),e.remove()}}();</script><link href="/dist/assets/app-f4a3d093.css?v=1746182397" rel="stylesheet"></head>
<body class="font-sans bg-white overflow-x-hidden text-blue-darker lang-en-US " x-data="{'isModalOpen': false,'isPopupOpen': false, videoEmbed: '', popupEmbed: ''}" x-on:keydown.escape="isModalOpen=false, videoEmbed=''">
<!-- Google Tag Manager (noscript) -->
<noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-THT3F92"
height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>
<!-- End Google Tag Manager (noscript) -->
<span id="blitz-inject-1" class="blitz-inject" data-blitz-id="1" data-blitz-uri="https://choco.com/actions/blitz/csrf/json" data-blitz-params="" data-blitz-property="input"></span>
<header class="z-[998] relative overflow-hidden theme-blue-medium" x-data="{ open: false }">
<nav class="fixed z-50 flex items-center justify-between w-full px-4 py-3 transition-all bg-skin-header" x-cloak x-data="{ atTop: true }" :class="{ '-top-[150px]': atTop, 'top-0': !atTop, }" @scroll.window="atTop = (window.pageYOffset > 80) ? false: true">
<a href="https://choco.com/us/">
<svg class="h-[45px] fill-current text-skin-logoSmall" viewbox=" 0 0 205 103" xmlns=" http://www.w3.org/2000/svg">
<g clip-path="url(#a)">
<path d="M38.057 76.605 23.56 81.01v.868c0 5.253-1.694 6.855-4.532 7.211-2.837.356-4.531-.98-4.531-6.232V68.503c0-5.252 1.694-6.877 4.531-7.21 2.838-.357 4.532.845 4.532 6.098v3.115L38.057 66.1v-.78c.374-12.462-6.93-19.317-19.029-17.782C6.908 49.074-.264 57.198 0 69.817v13.13c-.264 11.93 6.401 21.522 19.028 19.875 12.54-1.625 19.183-12.063 19.029-24.37v-1.847ZM65.224 71.931c-3.63 1.135-5.433 1.691-9.063 2.737v19.274c-5.808 1.67-8.69 2.448-14.497 3.828V44.312c5.808-1.358 8.69-2.137 14.497-3.829v20.142c3.63-1.046 5.434-1.602 9.063-2.737V37.746c5.808-1.825 8.69-2.804 14.497-4.807v53.458c-5.808 2.003-8.69 2.982-14.497 4.807V71.931ZM102.664 79.097c-11.746 4.451-19.446-1.624-19.028-14.221V51.745c-.132-13.109 7.084-23.413 19.028-27.931 11.747-4.451 19.447 1.624 19.029 14.243v13.131c.132 13.087-7.084 23.391-19.029 27.91Zm4.532-36.477c0-5.252-1.694-6.098-4.532-5.074-2.837 1.023-4.531 3.115-4.531 8.368v14.355c0 5.252 1.694 6.098 4.531 5.074 2.838-1.024 4.532-3.116 4.532-8.368V42.62ZM185.972 55.484c-12.099 1.535-19.381-5.297-19.029-17.783v-13.13c-.154-12.33 6.49-22.768 19.029-24.393C198.598-1.469 205.264 8.123 205 20.052v13.132c.264 12.619-6.907 20.764-19.028 22.3Zm4.531-35.32c0-5.253-1.694-6.566-4.531-6.232-2.838.356-4.532 2.07-4.532 7.345v14.355c0 5.252 1.694 6.454 4.532 6.098 2.837-.356 4.531-1.959 4.531-7.211V20.164ZM148.861 42.998c0 5.253-1.694 7.167-4.532 8.035-2.838.868-4.532-.067-4.532-5.32V31.359c0-5.252 1.694-7.255 4.532-8.123 2.838-.868 4.532.134 4.532 5.386v3.895l14.496-4.385v-2.715c.374-12.24-6.907-19.74-19.028-15.913-12.143 3.85-19.16 14.4-19.028 27.286v13.13c-.418 12.62 7.215 18.585 19.028 14.868 11.967-3.784 19.182-13.22 19.028-26.173l-14.496 4.384Z"/>
</g>
<defs>
<clipPath id="a">
<path d="M0 0h205v103H0z"/>
</clipPath>
</defs>
</svg>
</a>
<div class="-my-2 -mr-2 lg:hidden text-skin-base">
<button title="Open menu" @click="open = !open" type="button" class="inline-flex items-center justify-center p-2" aria-expanded="false">
<span class="sr-only">Open menu</span>
<svg class="stroke-current" width="28" height="19"><path stroke-width="2" d="M0 1h28M0 9.5h28M0 18h28"/></svg>
</button>
</div>
<div class="hidden lg:block space-x-8">
<ul class="flex space-x-8 items-start lg:items-center">
<li class="relative group">
<span class="cursor-pointer font-sans-medium text-lg flex items-center text-skin-base">
Distributors
<svg class="ml-1 mt-0.5 transition-all duration-300 group-hover:rotate-180 text-skin-base fill-current" width="14" height="8" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.293.707a1 1 0 0 1 1.414 0l.086.086a1 1 0 0 1 0 1.414L7.707 7.293a1 1 0 0 1-1.414 0L1.207 2.207a1 1 0 0 1 0-1.414l.086-.086a1 1 0 0 1 1.414 0L7 5 11.293.707Z" fill="fillCurrent"/>
</svg>
</span>
<div class="-ml-4 text-base pt-1.5 transition-all duration-300 h-0 opacity-0 group-hover:h-auto group-hover:opacity-100 flex-wrap absolute left-0 top-full overflow-hidden">
<ul class="bg-blue-dark rounded border border-blue p-4 space-y-1 shadow-[4px_4px_8px_rgba(0,0,0,0.1)]">
<li class="whitespace-nowrap text-white">
<a href="https://choco.com/us/distributors" class="border-b border-transparent hover:border-white">Distributors</a>
</li>
<li class="whitespace-nowrap text-white">
<a href="https://choco.com/us/enterprise-distributors" class="border-b border-transparent hover:border-white">Large enterprises</a>
</li>
<li class="whitespace-nowrap text-white">
<a href="https://choco.com/us/stories/case-studies" class="border-b border-transparent hover:border-white">Case studies</a>
</li>
<li class="whitespace-nowrap text-white">
<a href="https://choco.com/us/pricing" class="border-b border-transparent hover:border-white">Pricing</a>
</li>
<li class="whitespace-nowrap text-white">
<a href="https://choco.com/us/stories/suppliers" class="border-b border-transparent hover:border-white">Blog</a>
</li>
</ul>
</div>
</li>
<li class="relative group">
<span class="cursor-pointer font-sans-medium text-lg flex items-center text-skin-base">
Restaurants
<svg class="ml-1 mt-0.5 transition-all duration-300 group-hover:rotate-180 text-skin-base fill-current" width="14" height="8" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.293.707a1 1 0 0 1 1.414 0l.086.086a1 1 0 0 1 0 1.414L7.707 7.293a1 1 0 0 1-1.414 0L1.207 2.207a1 1 0 0 1 0-1.414l.086-.086a1 1 0 0 1 1.414 0L7 5 11.293.707Z" fill="fillCurrent"/>
</svg>
</span>
<div class="-ml-4 text-base pt-1.5 transition-all duration-300 h-0 opacity-0 group-hover:h-auto group-hover:opacity-100 flex-wrap absolute left-0 top-full overflow-hidden">
<ul class="bg-blue-dark rounded border border-blue p-4 space-y-1 shadow-[4px_4px_8px_rgba(0,0,0,0.1)]">
<li class="whitespace-nowrap text-white">
<a href="https://choco.com/us/restaurants" class="border-b border-transparent hover:border-white">Restaurants</a>
</li>
<li class="whitespace-nowrap text-white">
<a href="https://choco.com/us/restaurant-groups" class="border-b border-transparent hover:border-white">Restaurant Groups</a>
</li>
<li class="whitespace-nowrap text-white">
<a href="https://choco.com/us/stories" class="border-b border-transparent hover:border-white">Blog</a>
</li>
</ul>
</div>
</li>
<li>
<a href="https://web.choco.com" target="_blank" class="text-white transition-colors duration-1000 ease-linear bg-skin-btn hover:bg-skin-btnHover text-18 rounded-full font-sans-medium py-2 px-4 leading-100 inline-block">Log in</a>
</li>
</ul>
</div>
<div x-show="open" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 scale-90" x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-90" x-cloak class="theme-blue-darker fixed h-screen overflow-auto z-50 top-0 inset-x-0 transition transform origin-top-right lg:hidden">
<div class="h-screen bg-blue-dark p-8 w-full">
<div class="flex flex-col w-full">
<a href="https://choco.com/us/">
<span class="sr-only">Choco</span>
<svg class="h-[45px] fill-current text-white lg:h-[80px]" viewbox="0 0 205 103" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#a)">
<path d="M38.057 76.605 23.56 81.01v.868c0 5.253-1.694 6.855-4.532 7.211-2.837.356-4.531-.98-4.531-6.232V68.503c0-5.252 1.694-6.877 4.531-7.21 2.838-.357 4.532.845 4.532 6.098v3.115L38.057 66.1v-.78c.374-12.462-6.93-19.317-19.029-17.782C6.908 49.074-.264 57.198 0 69.817v13.13c-.264 11.93 6.401 21.522 19.028 19.875 12.54-1.625 19.183-12.063 19.029-24.37v-1.847ZM65.224 71.931c-3.63 1.135-5.433 1.691-9.063 2.737v19.274c-5.808 1.67-8.69 2.448-14.497 3.828V44.312c5.808-1.358 8.69-2.137 14.497-3.829v20.142c3.63-1.046 5.434-1.602 9.063-2.737V37.746c5.808-1.825 8.69-2.804 14.497-4.807v53.458c-5.808 2.003-8.69 2.982-14.497 4.807V71.931ZM102.664 79.097c-11.746 4.451-19.446-1.624-19.028-14.221V51.745c-.132-13.109 7.084-23.413 19.028-27.931 11.747-4.451 19.447 1.624 19.029 14.243v13.131c.132 13.087-7.084 23.391-19.029 27.91Zm4.532-36.477c0-5.252-1.694-6.098-4.532-5.074-2.837 1.023-4.531 3.115-4.531 8.368v14.355c0 5.252 1.694 6.098 4.531 5.074 2.838-1.024 4.532-3.116 4.532-8.368V42.62ZM185.972 55.484c-12.099 1.535-19.381-5.297-19.029-17.783v-13.13c-.154-12.33 6.49-22.768 19.029-24.393C198.598-1.469 205.264 8.123 205 20.052v13.132c.264 12.619-6.907 20.764-19.028 22.3Zm4.531-35.32c0-5.253-1.694-6.566-4.531-6.232-2.838.356-4.532 2.07-4.532 7.345v14.355c0 5.252 1.694 6.454 4.532 6.098 2.837-.356 4.531-1.959 4.531-7.211V20.164ZM148.861 42.998c0 5.253-1.694 7.167-4.532 8.035-2.838.868-4.532-.067-4.532-5.32V31.359c0-5.252 1.694-7.255 4.532-8.123 2.838-.868 4.532.134 4.532 5.386v3.895l14.496-4.385v-2.715c.374-12.24-6.907-19.74-19.028-15.913-12.143 3.85-19.16 14.4-19.028 27.286v13.13c-.418 12.62 7.215 18.585 19.028 14.868 11.967-3.784 19.182-13.22 19.028-26.173l-14.496 4.384Z"/>
</g>
<defs>
<clipPath id="a">
<path d="M0 0h205v103H0z"/>
</clipPath>
</defs>
</svg>
</a>
<button title="Close menu" @click="open = false" class="absolute top-0 right-0 mt-4 mr-4">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="white" class="w-8 h-8">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
</svg>
</button>
<div class="border-b border-blue-lightest pb-8"></div>
</div>
<div class="w-full">
<ul class="text-white pt-7 js-mobile-nav">
<li class="relative" x-data="{selected:null}">
<span class="cursor-pointer font-sans-medium text-lg uppercase flex items-center pb-2 justify-between w-full" @click="selected !== 1 ? selected = 1 : selected = null">
Distributors
<svg class="ml-1 mt-0.5 transition-all duration-300 group-hover:rotate-180" width="14" height="8" viewbox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg" x-ref="container1" x-bind:class="selected == 1 ? 'rotate-180' : ''">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.293 0.707199C11.6836 0.316675 12.3167 0.316676 12.7073 0.7072L12.793 0.792986C13.1836 1.18351 13.1836 1.81668 12.793 2.2072L7.70726 7.29299C7.31673 7.68351 6.68357 7.68351 6.29304 7.29299L1.20726 2.2072C0.816735 1.81668 0.816734 1.18351 1.20726 0.792987L1.29304 0.707201C1.68357 0.316676 2.31673 0.316676 2.70726 0.7072L7.00015 5.00009L11.293 0.707199Z" fill="white"/>
</svg>
</span>
<div class="text-base overflow-hidden transition-all max-h-0 duration-700" style="" x-ref="container1" x-bind:style="selected == 1 ? 'max-height: ' + $refs.container1.scrollHeight + 'px' : ''">
<ul class="pb-3 space-y-1.5 pl-4">
<li class="whitespace-nowrap">
<a href="https://choco.com/us/distributors" class="">Distributors</a>
</li>
<li class="whitespace-nowrap">
<a href="https://choco.com/us/enterprise-distributors" class="">Large enterprises</a>
</li>
<li class="whitespace-nowrap">
<a href="https://choco.com/us/stories/case-studies" class="">Case studies</a>
</li>
<li class="whitespace-nowrap">
<a href="https://choco.com/us/pricing" class="">Pricing</a>
</li>
<li class="whitespace-nowrap">
<a href="https://choco.com/us/stories/suppliers" class="">Blog</a>
</li>
</ul>
</div>
</li>
<li class="relative" x-data="{selected:null}">
<span class="cursor-pointer font-sans-medium text-lg uppercase flex items-center pb-2 justify-between w-full" @click="selected !== 1 ? selected = 1 : selected = null">
Restaurants
<svg class="ml-1 mt-0.5 transition-all duration-300 group-hover:rotate-180" width="14" height="8" viewbox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg" x-ref="container1" x-bind:class="selected == 1 ? 'rotate-180' : ''">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.293 0.707199C11.6836 0.316675 12.3167 0.316676 12.7073 0.7072L12.793 0.792986C13.1836 1.18351 13.1836 1.81668 12.793 2.2072L7.70726 7.29299C7.31673 7.68351 6.68357 7.68351 6.29304 7.29299L1.20726 2.2072C0.816735 1.81668 0.816734 1.18351 1.20726 0.792987L1.29304 0.707201C1.68357 0.316676 2.31673 0.316676 2.70726 0.7072L7.00015 5.00009L11.293 0.707199Z" fill="white"/>
</svg>
</span>
<div class="text-base overflow-hidden transition-all max-h-0 duration-700" style="" x-ref="container1" x-bind:style="selected == 1 ? 'max-height: ' + $refs.container1.scrollHeight + 'px' : ''">
<ul class="pb-3 space-y-1.5 pl-4">
<li class="whitespace-nowrap">
<a href="https://choco.com/us/restaurants" class="">Restaurants</a>
</li>
<li class="whitespace-nowrap">
<a href="https://choco.com/us/restaurant-groups" class="">Restaurant Groups</a>
</li>
<li class="whitespace-nowrap">
<a href="https://choco.com/us/stories" class="">Blog</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
<div class="border-b border-t border-blue-lightest mt-7 py-7 flex justify-center">
<a class="bg-blue hover:bg-blue-darker text-lg rounded-full text-white font-sans-medium py-0.5 px-4 inline-block" href="http://web.choco.com/">Log in</a>
</div>
<div class="border-b border-blue-lightest">
<ul class="text-white py-7 js-mobile-nav">
</ul>
</div>
<div class="text-white mt-7 mx-auto">
<div x-data="{ showLangs: false }" class="relative pt-10 sm:pt-0 sm:basis-1/4 md:hidden">
<button title="Select language" @click="showLangs = !showLangs" :aria-expanded="showLangs ? 'true' : 'false'" :class="{ 'active': showLangs }" class="flex items-center text-lg border-b-3 border-transparent hover:border-white transition-all">
<svg class="mr-1.5" width="18" height="18" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.00065 0.75C4.45191 0.75 0.75 4.45091 0.75 9C0.75 13.5491 4.45191 17.25 9.00065 17.25C13.5494 17.25 17.25 13.5478 17.25 9C17.25 4.45091 13.5494 0.75 9.00065 0.75ZM12.2636 11.7517C11.4556 11.5122 10.5285 11.3516 9.46808 11.314V9.46747H12.599C12.5653 10.3247 12.4423 11.0797 12.2636 11.7517ZM5.73121 6.24698C6.54177 6.48784 7.47016 6.6497 8.53321 6.68725V8.53253H5.39584C5.42822 7.67399 5.55122 6.91905 5.73121 6.24698ZM5.40361 9.46747H8.53321V11.3127C7.47534 11.3503 6.55083 11.5096 5.74286 11.7491C5.56158 11.0771 5.43728 10.3234 5.40361 9.46747ZM12.599 8.53253H9.46808V6.68596C10.526 6.64841 11.4505 6.48913 12.2584 6.24957C12.4397 6.92293 12.5653 7.67658 12.599 8.53253ZM16.2996 8.53253H13.5416C13.5079 7.55745 13.3668 6.69761 13.1583 5.93619C13.9003 5.63189 14.5205 5.26413 15.0345 4.87824C15.7571 5.93231 16.2128 7.18192 16.2996 8.53253ZM14.4571 4.14142C14.0181 4.46645 13.4937 4.77982 12.867 5.04269C12.3102 3.58719 11.5023 2.57456 10.7823 1.90508C12.2261 2.26766 13.495 3.06404 14.4571 4.14142ZM11.9684 5.35866C11.2459 5.57102 10.4185 5.71476 9.46808 5.75102V2.04623C10.1712 2.54866 11.2744 3.57424 11.9684 5.35866ZM8.53321 2.03587V5.75102C7.57763 5.71476 6.74376 5.56843 6.01736 5.35348C6.71269 3.55352 7.82494 2.53312 8.53321 2.03587ZM7.21896 1.90508C6.50033 2.57456 5.69236 3.58719 5.13558 5.04269C4.50889 4.77982 3.98448 4.46645 3.54553 4.14142C4.5063 3.06404 5.77652 2.26766 7.21896 1.90508ZM2.96804 4.87824C3.48209 5.26283 4.10361 5.63189 4.84425 5.9349C4.63578 6.69632 4.49464 7.55615 4.46098 8.53124H1.70299C1.78845 7.18192 2.24553 5.93231 2.96804 4.87824ZM4.46098 9.46747C4.49464 10.4426 4.63708 11.3024 4.84425 12.0651C4.10231 12.3681 3.48209 12.7372 2.96804 13.1218C2.24553 12.0677 1.78845 10.8181 1.7017 9.46747H4.46098ZM3.54683 13.8586C3.98448 13.5336 4.50889 13.2215 5.13688 12.9573C5.69366 14.4115 6.50033 15.4254 7.22026 16.0949C5.77652 15.7323 4.5063 14.936 3.54683 13.8586ZM6.0329 12.6413C6.75541 12.429 7.58281 12.2852 8.53192 12.249V15.9551C7.83142 15.4526 6.72822 14.4258 6.0329 12.6413ZM9.46808 15.9628V12.249C10.4224 12.2852 11.2536 12.4303 11.9775 12.6439C11.2834 14.4439 10.1764 15.4656 9.46808 15.9628ZM10.7836 16.0949C11.5023 15.4254 12.3102 14.4128 12.867 12.9573C13.4937 13.2202 14.0181 13.5336 14.4558 13.8586C13.495 14.936 12.2261 15.7323 10.7836 16.0949ZM15.0345 13.1218C14.5205 12.7372 13.899 12.3681 13.1583 12.0651C13.3668 11.3024 13.5079 10.4438 13.5416 9.46747H16.2996C16.2141 10.8181 15.7571 12.0677 15.0345 13.1218Z" fill="white"/>
</svg>
US
</button>
<div id=nav-cs class="h-screen w-full z-50 bg-blue fixed flex items-center inset-0 overflow-hidden p-8 transition transform origin-top-right" x-show="showLangs" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 scale-90" x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-90" x-cloak>
<button title="Select language" @click="showLangs = false" class="absolute top-0 right-0 mt-4 mr-4">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="white" class="w-8 h-8">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
</svg>
</button>
<div class="-mt-8">
<div class="pt-8">
<h5 class="font-sans-bold fnt-bold text-28 mb-3">Select a region:</h5>
<ul class="space-y-4">
<li>
<a href="/cz/" class="border-b-3 border-transparent">Česko</a>
</li>
<li>
<a href="/de/" class="border-b-3 border-transparent">DACH</a>
</li>
<li>
<a href="/es/" class="border-b-3 border-transparent">España</a>
</li>
<li>
<a href="/fr/" class="border-b-3 border-transparent">France & Belgique</a>
</li>
<li>
<a href="/us/" class="border-b-3 border-transparent">USA</a>
</li>
<li>
<a href="/uk/" class="border-b-3 border-transparent">UK</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</nav>
<div class="relative bg-skin-header" x-data="{ play: true }" x-init="$watch('play', (value) => {if (value) {$refs.video.play()} else {$refs.video.pause()}})">
<div class="absolute inset-0">
<picture class="block absolute inset-0 h-full w-full"><source type="image/webp" sizes="100vw" srcset="/assets/_300xAUTO_crop_center_90_none/338214/Hero-container_2024-03-04-105219_iyvd.webp 300w,
/assets/_600xAUTO_crop_center_90_none/338214/Hero-container_2024-03-04-105219_iyvd.webp 600w,
/assets/_900xAUTO_crop_center_90_none/338214/Hero-container_2024-03-04-105219_iyvd.webp 900w,
/assets/_1200xAUTO_crop_center_90_none/338214/Hero-container_2024-03-04-105219_iyvd.webp 1200w,
/assets/_1600xAUTO_crop_center_90_none/338214/Hero-container_2024-03-04-105219_iyvd.webp 1600w
"><img fetchpriority="high" class="object-cover object-center absolute inset-0 h-full w-full" alt=" - " sizes="100vw" srcset="/assets/_300xAUTO_crop_center_90_none/338214/Hero-container_2024-03-04-105219_iyvd.jpg 300w,/assets/_600xAUTO_crop_center_90_none/338214/Hero-container_2024-03-04-105219_iyvd.jpg 600w,/assets/_900xAUTO_crop_center_90_none/338214/Hero-container_2024-03-04-105219_iyvd.jpg 900w,/assets/_1200xAUTO_crop_center_90_none/338214/Hero-container_2024-03-04-105219_iyvd.jpg 1200w,/assets/_1600xAUTO_crop_center_90_none/338214/Hero-container_2024-03-04-105219_iyvd.jpg 1600w" src="/assets/_1xAUTO_crop_center-center_none/338214/Hero-container_2024-03-04-105219_iyvd.jpg"></picture>
</div>
<div class="relative z-20 p-3 lg:py-10 lg:px-14">
<div class="flex items-center justify-between w-full mx-auto">
<div class="flex justify-start lg:w-0 lg:flex-1">
<a href="https://choco.com/us/">
<span class="sr-only">Choco</span>
<svg class="h-[45px] fill-current text-skin-logo lg:h-[80px]" viewbox="0 0 205 103" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#a)">
<path d="M38.057 76.605 23.56 81.01v.868c0 5.253-1.694 6.855-4.532 7.211-2.837.356-4.531-.98-4.531-6.232V68.503c0-5.252 1.694-6.877 4.531-7.21 2.838-.357 4.532.845 4.532 6.098v3.115L38.057 66.1v-.78c.374-12.462-6.93-19.317-19.029-17.782C6.908 49.074-.264 57.198 0 69.817v13.13c-.264 11.93 6.401 21.522 19.028 19.875 12.54-1.625 19.183-12.063 19.029-24.37v-1.847ZM65.224 71.931c-3.63 1.135-5.433 1.691-9.063 2.737v19.274c-5.808 1.67-8.69 2.448-14.497 3.828V44.312c5.808-1.358 8.69-2.137 14.497-3.829v20.142c3.63-1.046 5.434-1.602 9.063-2.737V37.746c5.808-1.825 8.69-2.804 14.497-4.807v53.458c-5.808 2.003-8.69 2.982-14.497 4.807V71.931ZM102.664 79.097c-11.746 4.451-19.446-1.624-19.028-14.221V51.745c-.132-13.109 7.084-23.413 19.028-27.931 11.747-4.451 19.447 1.624 19.029 14.243v13.131c.132 13.087-7.084 23.391-19.029 27.91Zm4.532-36.477c0-5.252-1.694-6.098-4.532-5.074-2.837 1.023-4.531 3.115-4.531 8.368v14.355c0 5.252 1.694 6.098 4.531 5.074 2.838-1.024 4.532-3.116 4.532-8.368V42.62ZM185.972 55.484c-12.099 1.535-19.381-5.297-19.029-17.783v-13.13c-.154-12.33 6.49-22.768 19.029-24.393C198.598-1.469 205.264 8.123 205 20.052v13.132c.264 12.619-6.907 20.764-19.028 22.3Zm4.531-35.32c0-5.253-1.694-6.566-4.531-6.232-2.838.356-4.532 2.07-4.532 7.345v14.355c0 5.252 1.694 6.454 4.532 6.098 2.837-.356 4.531-1.959 4.531-7.211V20.164ZM148.861 42.998c0 5.253-1.694 7.167-4.532 8.035-2.838.868-4.532-.067-4.532-5.32V31.359c0-5.252 1.694-7.255 4.532-8.123 2.838-.868 4.532.134 4.532 5.386v3.895l14.496-4.385v-2.715c.374-12.24-6.907-19.74-19.028-15.913-12.143 3.85-19.16 14.4-19.028 27.286v13.13c-.418 12.62 7.215 18.585 19.028 14.868 11.967-3.784 19.182-13.22 19.028-26.173l-14.496 4.384Z"/>
</g>
<defs>
<clipPath id="a">
<path d="M0 0h205v103H0z"/>
</clipPath>
</defs>
</svg>
</a>
</div>
<div class="-my-2 -mr-2 lg:hidden text-skin-base">
<button title="Open menu" @click="open = !open" type="button" class="inline-flex items-center justify-center p-2" aria-expanded="false">
<span class="sr-only">Open menu</span>
<svg class="mr-3 stroke-current" width="28" height="19"><path stroke-width="2" d="M0 1h28M0 9.5h28M0 18h28"/></svg>
</button>
</div>
<div class="hidden lg:block space-x-8">
<ul class="flex space-x-8 items-start lg:items-center">
<li class="relative group">
<span class="cursor-pointer font-sans-medium text-lg flex items-center text-skin-base">
Distributors
<svg class="ml-1 mt-0.5 transition-all duration-300 group-hover:rotate-180 text-skin-base fill-current" width="14" height="8" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.293.707a1 1 0 0 1 1.414 0l.086.086a1 1 0 0 1 0 1.414L7.707 7.293a1 1 0 0 1-1.414 0L1.207 2.207a1 1 0 0 1 0-1.414l.086-.086a1 1 0 0 1 1.414 0L7 5 11.293.707Z" fill="fillCurrent"/>
</svg>
</span>
<div class="-ml-4 text-base pt-1.5 transition-all duration-300 h-0 opacity-0 group-hover:h-auto group-hover:opacity-100 flex-wrap absolute left-0 top-full overflow-hidden">
<ul class="bg-blue-dark rounded border border-blue p-4 space-y-1 shadow-[4px_4px_8px_rgba(0,0,0,0.1)]">
<li class="whitespace-nowrap text-white">
<a href="https://choco.com/us/distributors" class="border-b border-transparent hover:border-white">Distributors</a>
</li>
<li class="whitespace-nowrap text-white">
<a href="https://choco.com/us/enterprise-distributors" class="border-b border-transparent hover:border-white">Large enterprises</a>
</li>
<li class="whitespace-nowrap text-white">
<a href="https://choco.com/us/stories/case-studies" class="border-b border-transparent hover:border-white">Case studies</a>
</li>
<li class="whitespace-nowrap text-white">
<a href="https://choco.com/us/pricing" class="border-b border-transparent hover:border-white">Pricing</a>
</li>
<li class="whitespace-nowrap text-white">
<a href="https://choco.com/us/stories/suppliers" class="border-b border-transparent hover:border-white">Blog</a>
</li>
</ul>
</div>
</li>
<li class="relative group">
<span class="cursor-pointer font-sans-medium text-lg flex items-center text-skin-base">
Restaurants
<svg class="ml-1 mt-0.5 transition-all duration-300 group-hover:rotate-180 text-skin-base fill-current" width="14" height="8" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.293.707a1 1 0 0 1 1.414 0l.086.086a1 1 0 0 1 0 1.414L7.707 7.293a1 1 0 0 1-1.414 0L1.207 2.207a1 1 0 0 1 0-1.414l.086-.086a1 1 0 0 1 1.414 0L7 5 11.293.707Z" fill="fillCurrent"/>
</svg>
</span>
<div class="-ml-4 text-base pt-1.5 transition-all duration-300 h-0 opacity-0 group-hover:h-auto group-hover:opacity-100 flex-wrap absolute left-0 top-full overflow-hidden">
<ul class="bg-blue-dark rounded border border-blue p-4 space-y-1 shadow-[4px_4px_8px_rgba(0,0,0,0.1)]">
<li class="whitespace-nowrap text-white">
<a href="https://choco.com/us/restaurants" class="border-b border-transparent hover:border-white">Restaurants</a>
</li>
<li class="whitespace-nowrap text-white">
<a href="https://choco.com/us/restaurant-groups" class="border-b border-transparent hover:border-white">Restaurant Groups</a>
</li>
<li class="whitespace-nowrap text-white">
<a href="https://choco.com/us/stories" class="border-b border-transparent hover:border-white">Blog</a>
</li>
</ul>
</div>
</li>
<li>
<a href="https://web.choco.com" target="_blank" class="text-white transition-colors duration-1000 ease-linear bg-skin-btn hover:bg-skin-btnHover text-18 rounded-full font-sans-medium py-2 px-4 leading-100 inline-block">Log in</a>
</li>
</ul>
</div>
<div x-show="open" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 scale-90" x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-90" x-cloak class="theme-blue-darker fixed h-screen overflow-auto z-50 top-0 inset-x-0 transition transform origin-top-right lg:hidden">
<div class="h-screen bg-blue-dark p-8 w-full">
<div class="flex flex-col w-full">
<a href="https://choco.com/us/">
<span class="sr-only">Choco</span>
<svg class="h-[45px] fill-current text-white lg:h-[80px]" viewbox="0 0 205 103" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#a)">
<path d="M38.057 76.605 23.56 81.01v.868c0 5.253-1.694 6.855-4.532 7.211-2.837.356-4.531-.98-4.531-6.232V68.503c0-5.252 1.694-6.877 4.531-7.21 2.838-.357 4.532.845 4.532 6.098v3.115L38.057 66.1v-.78c.374-12.462-6.93-19.317-19.029-17.782C6.908 49.074-.264 57.198 0 69.817v13.13c-.264 11.93 6.401 21.522 19.028 19.875 12.54-1.625 19.183-12.063 19.029-24.37v-1.847ZM65.224 71.931c-3.63 1.135-5.433 1.691-9.063 2.737v19.274c-5.808 1.67-8.69 2.448-14.497 3.828V44.312c5.808-1.358 8.69-2.137 14.497-3.829v20.142c3.63-1.046 5.434-1.602 9.063-2.737V37.746c5.808-1.825 8.69-2.804 14.497-4.807v53.458c-5.808 2.003-8.69 2.982-14.497 4.807V71.931ZM102.664 79.097c-11.746 4.451-19.446-1.624-19.028-14.221V51.745c-.132-13.109 7.084-23.413 19.028-27.931 11.747-4.451 19.447 1.624 19.029 14.243v13.131c.132 13.087-7.084 23.391-19.029 27.91Zm4.532-36.477c0-5.252-1.694-6.098-4.532-5.074-2.837 1.023-4.531 3.115-4.531 8.368v14.355c0 5.252 1.694 6.098 4.531 5.074 2.838-1.024 4.532-3.116 4.532-8.368V42.62ZM185.972 55.484c-12.099 1.535-19.381-5.297-19.029-17.783v-13.13c-.154-12.33 6.49-22.768 19.029-24.393C198.598-1.469 205.264 8.123 205 20.052v13.132c.264 12.619-6.907 20.764-19.028 22.3Zm4.531-35.32c0-5.253-1.694-6.566-4.531-6.232-2.838.356-4.532 2.07-4.532 7.345v14.355c0 5.252 1.694 6.454 4.532 6.098 2.837-.356 4.531-1.959 4.531-7.211V20.164ZM148.861 42.998c0 5.253-1.694 7.167-4.532 8.035-2.838.868-4.532-.067-4.532-5.32V31.359c0-5.252 1.694-7.255 4.532-8.123 2.838-.868 4.532.134 4.532 5.386v3.895l14.496-4.385v-2.715c.374-12.24-6.907-19.74-19.028-15.913-12.143 3.85-19.16 14.4-19.028 27.286v13.13c-.418 12.62 7.215 18.585 19.028 14.868 11.967-3.784 19.182-13.22 19.028-26.173l-14.496 4.384Z"/>
</g>
<defs>
<clipPath id="a">
<path d="M0 0h205v103H0z"/>
</clipPath>
</defs>
</svg>
</a>
<button title="Close menu" @click="open = false" class="absolute top-0 right-0 mt-4 mr-4">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="white" class="w-8 h-8">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
</svg>
</button>
<div class="border-b border-blue-lightest pb-8"></div>
</div>
<div class="w-full">
<ul class="text-white pt-7 js-mobile-nav">
<li class="relative" x-data="{selected:null}">
<span class="cursor-pointer font-sans-medium text-lg uppercase flex items-center pb-2 justify-between w-full" @click="selected !== 1 ? selected = 1 : selected = null">
Distributors
<svg class="ml-1 mt-0.5 transition-all duration-300 group-hover:rotate-180" width="14" height="8" viewbox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg" x-ref="container1" x-bind:class="selected == 1 ? 'rotate-180' : ''">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.293 0.707199C11.6836 0.316675 12.3167 0.316676 12.7073 0.7072L12.793 0.792986C13.1836 1.18351 13.1836 1.81668 12.793 2.2072L7.70726 7.29299C7.31673 7.68351 6.68357 7.68351 6.29304 7.29299L1.20726 2.2072C0.816735 1.81668 0.816734 1.18351 1.20726 0.792987L1.29304 0.707201C1.68357 0.316676 2.31673 0.316676 2.70726 0.7072L7.00015 5.00009L11.293 0.707199Z" fill="white"/>
</svg>
</span>
<div class="text-base overflow-hidden transition-all max-h-0 duration-700" style="" x-ref="container1" x-bind:style="selected == 1 ? 'max-height: ' + $refs.container1.scrollHeight + 'px' : ''">
<ul class="pb-3 space-y-1.5 pl-4">
<li class="whitespace-nowrap">
<a href="https://choco.com/us/distributors" class="">Distributors</a>
</li>
<li class="whitespace-nowrap">
<a href="https://choco.com/us/enterprise-distributors" class="">Large enterprises</a>
</li>
<li class="whitespace-nowrap">
<a href="https://choco.com/us/stories/case-studies" class="">Case studies</a>
</li>
<li class="whitespace-nowrap">
<a href="https://choco.com/us/pricing" class="">Pricing</a>
</li>
<li class="whitespace-nowrap">
<a href="https://choco.com/us/stories/suppliers" class="">Blog</a>
</li>
</ul>
</div>
</li>
<li class="relative" x-data="{selected:null}">
<span class="cursor-pointer font-sans-medium text-lg uppercase flex items-center pb-2 justify-between w-full" @click="selected !== 1 ? selected = 1 : selected = null">
Restaurants
<svg class="ml-1 mt-0.5 transition-all duration-300 group-hover:rotate-180" width="14" height="8" viewbox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg" x-ref="container1" x-bind:class="selected == 1 ? 'rotate-180' : ''">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.293 0.707199C11.6836 0.316675 12.3167 0.316676 12.7073 0.7072L12.793 0.792986C13.1836 1.18351 13.1836 1.81668 12.793 2.2072L7.70726 7.29299C7.31673 7.68351 6.68357 7.68351 6.29304 7.29299L1.20726 2.2072C0.816735 1.81668 0.816734 1.18351 1.20726 0.792987L1.29304 0.707201C1.68357 0.316676 2.31673 0.316676 2.70726 0.7072L7.00015 5.00009L11.293 0.707199Z" fill="white"/>
</svg>
</span>
<div class="text-base overflow-hidden transition-all max-h-0 duration-700" style="" x-ref="container1" x-bind:style="selected == 1 ? 'max-height: ' + $refs.container1.scrollHeight + 'px' : ''">
<ul class="pb-3 space-y-1.5 pl-4">
<li class="whitespace-nowrap">
<a href="https://choco.com/us/restaurants" class="">Restaurants</a>
</li>
<li class="whitespace-nowrap">
<a href="https://choco.com/us/restaurant-groups" class="">Restaurant Groups</a>
</li>
<li class="whitespace-nowrap">
<a href="https://choco.com/us/stories" class="">Blog</a>
</li>
</ul>
</div>
</li>
</ul>
</div>
<div class="border-b border-t border-blue-lightest mt-7 py-7 flex justify-center">
<a class="bg-blue hover:bg-blue-darker text-lg rounded-full text-white font-sans-medium py-0.5 px-4 inline-block" href="http://web.choco.com/">Log in</a>
</div>
<div class="border-b border-blue-lightest">
<ul class="text-white py-7 js-mobile-nav">
</ul>
</div>
<div class="text-white mt-7 mx-auto">
<div x-data="{ showLangs: false }" class="relative pt-10 sm:pt-0 sm:basis-1/4 md:hidden">
<button title="Select language" @click="showLangs = !showLangs" :aria-expanded="showLangs ? 'true' : 'false'" :class="{ 'active': showLangs }" class="flex items-center text-lg border-b-3 border-transparent hover:border-white transition-all">
<svg class="mr-1.5" width="18" height="18" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.00065 0.75C4.45191 0.75 0.75 4.45091 0.75 9C0.75 13.5491 4.45191 17.25 9.00065 17.25C13.5494 17.25 17.25 13.5478 17.25 9C17.25 4.45091 13.5494 0.75 9.00065 0.75ZM12.2636 11.7517C11.4556 11.5122 10.5285 11.3516 9.46808 11.314V9.46747H12.599C12.5653 10.3247 12.4423 11.0797 12.2636 11.7517ZM5.73121 6.24698C6.54177 6.48784 7.47016 6.6497 8.53321 6.68725V8.53253H5.39584C5.42822 7.67399 5.55122 6.91905 5.73121 6.24698ZM5.40361 9.46747H8.53321V11.3127C7.47534 11.3503 6.55083 11.5096 5.74286 11.7491C5.56158 11.0771 5.43728 10.3234 5.40361 9.46747ZM12.599 8.53253H9.46808V6.68596C10.526 6.64841 11.4505 6.48913 12.2584 6.24957C12.4397 6.92293 12.5653 7.67658 12.599 8.53253ZM16.2996 8.53253H13.5416C13.5079 7.55745 13.3668 6.69761 13.1583 5.93619C13.9003 5.63189 14.5205 5.26413 15.0345 4.87824C15.7571 5.93231 16.2128 7.18192 16.2996 8.53253ZM14.4571 4.14142C14.0181 4.46645 13.4937 4.77982 12.867 5.04269C12.3102 3.58719 11.5023 2.57456 10.7823 1.90508C12.2261 2.26766 13.495 3.06404 14.4571 4.14142ZM11.9684 5.35866C11.2459 5.57102 10.4185 5.71476 9.46808 5.75102V2.04623C10.1712 2.54866 11.2744 3.57424 11.9684 5.35866ZM8.53321 2.03587V5.75102C7.57763 5.71476 6.74376 5.56843 6.01736 5.35348C6.71269 3.55352 7.82494 2.53312 8.53321 2.03587ZM7.21896 1.90508C6.50033 2.57456 5.69236 3.58719 5.13558 5.04269C4.50889 4.77982 3.98448 4.46645 3.54553 4.14142C4.5063 3.06404 5.77652 2.26766 7.21896 1.90508ZM2.96804 4.87824C3.48209 5.26283 4.10361 5.63189 4.84425 5.9349C4.63578 6.69632 4.49464 7.55615 4.46098 8.53124H1.70299C1.78845 7.18192 2.24553 5.93231 2.96804 4.87824ZM4.46098 9.46747C4.49464 10.4426 4.63708 11.3024 4.84425 12.0651C4.10231 12.3681 3.48209 12.7372 2.96804 13.1218C2.24553 12.0677 1.78845 10.8181 1.7017 9.46747H4.46098ZM3.54683 13.8586C3.98448 13.5336 4.50889 13.2215 5.13688 12.9573C5.69366 14.4115 6.50033 15.4254 7.22026 16.0949C5.77652 15.7323 4.5063 14.936 3.54683 13.8586ZM6.0329 12.6413C6.75541 12.429 7.58281 12.2852 8.53192 12.249V15.9551C7.83142 15.4526 6.72822 14.4258 6.0329 12.6413ZM9.46808 15.9628V12.249C10.4224 12.2852 11.2536 12.4303 11.9775 12.6439C11.2834 14.4439 10.1764 15.4656 9.46808 15.9628ZM10.7836 16.0949C11.5023 15.4254 12.3102 14.4128 12.867 12.9573C13.4937 13.2202 14.0181 13.5336 14.4558 13.8586C13.495 14.936 12.2261 15.7323 10.7836 16.0949ZM15.0345 13.1218C14.5205 12.7372 13.899 12.3681 13.1583 12.0651C13.3668 11.3024 13.5079 10.4438 13.5416 9.46747H16.2996C16.2141 10.8181 15.7571 12.0677 15.0345 13.1218Z" fill="white"/>
</svg>
US
</button>
<div id=nav-cs class="h-screen w-full z-50 bg-blue fixed flex items-center inset-0 overflow-hidden p-8 transition transform origin-top-right" x-show="showLangs" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 scale-90" x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-90" x-cloak>
<button title="Select language" @click="showLangs = false" class="absolute top-0 right-0 mt-4 mr-4">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="white" class="w-8 h-8">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
</svg>
</button>
<div class="-mt-8">
<div class="pt-8">
<h5 class="font-sans-bold fnt-bold text-28 mb-3">Select a region:</h5>
<ul class="space-y-4">
<li>
<a href="/cz/" class="border-b-3 border-transparent">Česko</a>
</li>
<li>
<a href="/de/" class="border-b-3 border-transparent">DACH</a>
</li>
<li>
<a href="/es/" class="border-b-3 border-transparent">España</a>
</li>
<li>
<a href="/fr/" class="border-b-3 border-transparent">France & Belgique</a>
</li>
<li>
<a href="/us/" class="border-b-3 border-transparent">USA</a>
</li>
<li>
<a href="/uk/" class="border-b-3 border-transparent">UK</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="relative z-10 w-full mx-auto container pt-4 flex sm:pt-6 sm:px-8 flex-wrap ">
<div class="w-full text-center text-skin-base mx-auto lg:max-w-[940px]">
<h1 class="font-triade-italic leading-100 text-32 font-bold uppercase sm:text-40 md:text-5xl lg:text-64 xl:text-80">
CHOCO AI: 100% DIGITAL ORDERS IN 2 WEEKS
</h1>
<div class="intro leading-140 font-sans-bold text-base pt-3 sm:text-20 md:pt-4 lg:text-24 lg:leading-120 xl:text-28 xl:leading-110 xl:pt-6"><p>With Choco AI for distributors and wholesalers, voicemails, SMS, emails and third-party providers orders are automatically processed into your ERP within seconds.<br /></p></div>
<div class="flex flex-wrap justify-center items-center gap-2 pt-4 sm:w-1/2 sm:mx-auto md:pt-6 md:gap-4 lg:w-full xl:pt-10">
<button title="Open modal"
x-on:click="
isPopupOpen = true;
popupEmbed=`
<div class='theme-blue-darker bg-skin-fill p-7 md:py-14 md:px-16'>
<h2 class='text-skin-popup font-triade-italic uppercase leading-100 text-[30px] pb-3 md:text-[36px]'>I represent </h2>
<div class='text-base text-skin-base'><p>Please select your company type to get started.</p></div>
<div class='space-y-3 pt-4 md:flex md:space-y-0 md:space-x-5 md:pt-8'>
<a href='https://choco.com/us/hello-ai?utm_source=homepage&utm_medium=website&utm_campaign=ai' target='' class='btn uppercase font-medium tracking-wide text-skin-popupCtaText bg-skin-popupCta1 hover:opacity-70'>
Distributor
</a></br>
<a href='https://web.choco.com/' target='' class='btn uppercase font-medium tracking-wide bg-skin-popupCta2 hover:opacity-70'>
Restaurant
</a>
</div>
</div>
`"
class="btn bg-skin-btn hover:bg-skin-btnHover"
>
Get a live demo
</button> </div>
</div>
</div>
<div class="pb-4 sm:pb-6 md:pb-8 lg:pb-12 xl:pb-[72px]"></div>
<div class="bg-blue text-white text-xs md:text-base text-center leading-110 flex items-center justify-center [&_a]:underline px-5 py-2 ">
<p>Representing a restaurant? <a href="https://choco.com/us/restaurants">Visit our restaurant site</a></p>
</div>
</div>
</header>
<main>
<section class="theme-white bg-skin-logoslider relative [&_h2]:text-skin-logosliderText [&_.wysiwyg]:text-skin-componentText">
<div class="container mx-auto text-center pt-12 md:pt-16 lg:pt-25 xl:pt-30">
<div class="xl:w-10/12 mx-auto">
<h2 class="text-24 leading-100 font-triade font-extrabold uppercase mx-auto">
<p>We<span class="text-skin-alternativeText"> partner up</span> with</p>
</h2>
</div>
</div>
<div class="pt-8 pb-12 md:pb-16 lg:pb-25 xl:pb-30 enable-animation">
<div class="marquee">
<div class="marquee__content justify-center sm:justify-normal">
<div class="slide mb-4 sm:mb-0">
<picture class="block aspect-w-16 aspect-h-7 w-full"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/416741/DOT.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/416741/DOT.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/416741/DOT.jpg"></picture>
</div>
<div class="slide mb-4 sm:mb-0">
<picture class="block aspect-w-16 aspect-h-7 w-full"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/416771/Unirpo.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/416771/Unirpo.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/416771/Unirpo.jpg"></picture>
</div>
<div class="slide mb-4 sm:mb-0">
<picture class="block aspect-w-16 aspect-h-7 w-full"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/416746/ifpa.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/416746/ifpa.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/416746/ifpa.jpg"></picture>
</div>
<div class="slide mb-4 sm:mb-0">
<picture class="block aspect-w-16 aspect-h-7 w-full"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/417011/sfa.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/417011/sfa.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/417011/sfa.jpg"></picture>
</div>
<div class="slide mb-4 sm:mb-0">
<picture class="block aspect-w-16 aspect-h-7 w-full"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/416744/ifda.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/416744/ifda.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/416744/ifda.jpg"></picture>
</div>
<div class="slide mb-4 sm:mb-0">
<picture class="block aspect-w-16 aspect-h-7 w-full"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/416745/ifma.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/416745/ifma.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/416745/ifma.jpg"></picture>
</div>
<div class="slide mb-4 sm:mb-0">
<picture class="block aspect-w-16 aspect-h-7 w-full"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/416743/Golbon.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/416743/Golbon.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/416743/Golbon.jpg"></picture>
</div>
<div class="slide mb-4 sm:mb-0">
<picture class="block aspect-w-16 aspect-h-7 w-full"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/416777/Federated-grouo_2024-08-19-074932_izxi.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/416777/Federated-grouo_2024-08-19-074932_izxi.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/416777/Federated-grouo_2024-08-19-074932_izxi.jpg"></picture>
</div>
</div>
<div aria-hidden="true" class="marquee__content hidden sm:flex">
<div class="slide">
<picture class="block aspect-w-16 aspect-h-7"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/416741/DOT.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/416741/DOT.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/416741/DOT.jpg"></picture>
</div>
<div class="slide">
<picture class="block aspect-w-16 aspect-h-7"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/416771/Unirpo.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/416771/Unirpo.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/416771/Unirpo.jpg"></picture>
</div>
<div class="slide">
<picture class="block aspect-w-16 aspect-h-7"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/416746/ifpa.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/416746/ifpa.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/416746/ifpa.jpg"></picture>
</div>
<div class="slide">
<picture class="block aspect-w-16 aspect-h-7"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/417011/sfa.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/417011/sfa.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/417011/sfa.jpg"></picture>
</div>
<div class="slide">
<picture class="block aspect-w-16 aspect-h-7"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/416744/ifda.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/416744/ifda.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/416744/ifda.jpg"></picture>
</div>
<div class="slide">
<picture class="block aspect-w-16 aspect-h-7"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/416745/ifma.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/416745/ifma.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/416745/ifma.jpg"></picture>
</div>
<div class="slide">
<picture class="block aspect-w-16 aspect-h-7"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/416743/Golbon.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/416743/Golbon.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/416743/Golbon.jpg"></picture>
</div>
<div class="slide">
<picture class="block aspect-w-16 aspect-h-7"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/416777/Federated-grouo_2024-08-19-074932_izxi.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/416777/Federated-grouo_2024-08-19-074932_izxi.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/416777/Federated-grouo_2024-08-19-074932_izxi.jpg"></picture>
</div>
</div>
</div>
</div>
</section>
<section class="theme-blue-light bg-skin-fill relative">
<div class="container mx-auto text-left text-skin-base py-8 sm:py-12 md:py-16 lg:py-20 xl:py-24">
<div class="w-full text-center xl:w-10/12 mx-auto">
<h2 class="text-24 leading-100 font-triade font-extrabold uppercase mx-auto sm:text-28 md:text-32 lg:text-40"><p>Choco AI, for food distributors and wholesalers</p></h2>
</div>
<div class="pt-8 lg:pt-12">
<div class="w-full">
<div class="w-full relative">
<picture class="block aspect-w-16 aspect-h-9"><source type="image/webp"
data-sizes="(max-width: 1100px) 90vw, 1200px"
data-srcset="/assets/_300xAUTO_crop_center_90_none/391809/ChocoAI-english-1.webp 300w,
/assets/_600xAUTO_crop_center_90_none/391809/ChocoAI-english-1.webp 600w,
/assets/_900xAUTO_crop_center_90_none/391809/ChocoAI-english-1.webp 900w,
/assets/_1200xAUTO_crop_center_90_none/391809/ChocoAI-english-1.webp 1200w,
/assets/_1600xAUTO_crop_center_90_none/391809/ChocoAI-english-1.webp 1600w
"><img class="lazy object-cover" alt=" - "
data-sizes="(max-width: 1100px) 90vw, 1200px"
data-srcset="/assets/_300xAUTO_crop_center_90_none/ChocoAI-english-1.jpg 300w,/assets/_600xAUTO_crop_center_90_none/ChocoAI-english-1.jpg 600w,/assets/_900xAUTO_crop_center_90_none/ChocoAI-english-1.jpg 900w,/assets/_1200xAUTO_crop_center_90_none/ChocoAI-english-1.jpg 1200w,/assets/_1600xAUTO_crop_center_90_none/ChocoAI-english-1.jpg 1600w"
src="/assets/_1xAUTO_crop_center-center_none/ChocoAI-english-1.jpg"></picture>
<button title="Open modal" x-on:click="isModalOpen = true; videoEmbed = `<iframe src="https://player.vimeo.com/video/924934017?app_id=122963&amp;autoplay=1" width="1920" height="1080" title="CHOCO AI: 100% DIGITAL ORDERS IN 2 WEEKS" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write"></iframe>`" class="absolute m-auto left-0 right-0 top-0 bottom-0 w-20 focus:outline-none">
<svg fill="none" viewbox="0 0 72 73" class="w-20">
<rect width="72" height="72" y=".5" fill="#FAF7F5" rx="36"/>
<path fill="#3D6BFF" d="M63 36 23 61.5v-51L63 36Z"/>
</svg>
</button>
</div>
<figcaption class="text-sm leading-140 mt-2 font-sans"></figcaption>
</div>
</div>
</div>
</section>
<section class="theme-white bg-skin-multiItemBg relative">
<div class="container py-8 mx-auto text-center text-skin-multiItemText sm:py-12 md:py-16 lg:py-25 xl:py-30">
<div class="mx-auto lg:w-8/12">
<h2 class="mx-auto font-extrabold uppercase leading-100 font-triade text-40 md:text-56 text-skin-multiItemTitle">
TURN YOUR <span class="text-skin-alternativeText">WAREHOUSE</span> INTO A <span class="text-skin-alternativeText">POWERHOUSE</span>
</h2>
<div class="hidden pt-24 mx-auto font-extrabold lg:block text-40 font-triade leading-100">
<p>hkgjhjvu</p>
</div>
</div>
<div class="flex flex-wrap items-start justify-center pt-8 -mx-1 -mb-6 md:pt-14 md:-mx-2">
<div class="w-full pb-6 transition-all md:w-1/3 md:px-2 hover:md:scale-110 group hover:md:z-50">
<div class="relative flex flex-wrap -mx-1 md:mx-0 md:bg-skin-zoomTile md:rounded-3xl md:px-5 md:pb-10 group-hover:md:bg-skin-zoomTileHover group-hover:md:before:opacity-100 md:before:content-[''] md:before:rounded-3xl md:before:absolute md:before:inset-0 md:before:shadow-tile md:before:opacity-0">
<div class="w-1/2 px-1 mb-3 md:w-full md:px-0 md:mb-0">
<picture class="block aspect-w-1 aspect-h-1 bg-blue-lightest md:bg-transparent"><source type="image/webp"
data-sizes="(max-width: 600px) 100vw, 80vw"
data-srcset="/assets/_300xAUTO_crop_center_90_none/349084/1.webp 300w,
/assets/_600xAUTO_crop_center_90_none/349084/1.webp 600w,
/assets/_900xAUTO_crop_center_90_none/349084/1.webp 900w,
/assets/_1200xAUTO_crop_center_90_none/349084/1.webp 1200w,
/assets/_1600xAUTO_crop_center_90_none/349084/1.webp 1600w
"><img class="lazy object-contain w-2/3 mx-auto md:w-3/5" alt=" - "
data-sizes="(max-width: 600px) 100vw, 80vw"
data-srcset="/assets/_300xAUTO_crop_center_90_none/349084/1.jpg 300w,/assets/_600xAUTO_crop_center_90_none/349084/1.jpg 600w,/assets/_900xAUTO_crop_center_90_none/349084/1.jpg 900w,/assets/_1200xAUTO_crop_center_90_none/349084/1.jpg 1200w,/assets/_1600xAUTO_crop_center_90_none/349084/1.jpg 1600w"
src="/assets/_1xAUTO_crop_center-center_none/349084/1.jpg"></picture>
</div>
<div class="w-1/2 px-1 text-left md:w-full group-hover:md:text-white">
<h3 class="text-base uppercase leading-110 font-triade font-extrabold pt-1.5 pb-1 md:pb-2 md:text-30">Zero manual order entry</h3>
<p class="text-sm md:text-18 md:leading-140">Reduce manual work and mistakes. Keep control of all your orders centralised in one place.</p>
</div>
</div>
</div>
<div class="w-full pb-6 transition-all md:w-1/3 md:px-2 hover:md:scale-110 group hover:md:z-50">
<div class="relative flex flex-wrap -mx-1 md:mx-0 md:bg-skin-zoomTile md:rounded-3xl md:px-5 md:pb-10 group-hover:md:bg-skin-zoomTileHover group-hover:md:before:opacity-100 md:before:content-[''] md:before:rounded-3xl md:before:absolute md:before:inset-0 md:before:shadow-tile md:before:opacity-0">
<div class="w-1/2 px-1 mb-3 md:w-full md:px-0 md:mb-0">
<picture class="block aspect-w-1 aspect-h-1 bg-blue-lightest md:bg-transparent"><source type="image/webp"
data-sizes="(max-width: 600px) 100vw, 80vw"
data-srcset="/assets/_300xAUTO_crop_center_90_none/349086/2.webp 300w,
/assets/_600xAUTO_crop_center_90_none/349086/2.webp 600w,
/assets/_900xAUTO_crop_center_90_none/349086/2.webp 900w,
/assets/_1200xAUTO_crop_center_90_none/349086/2.webp 1200w,
/assets/_1600xAUTO_crop_center_90_none/349086/2.webp 1600w
"><img class="lazy object-contain w-2/3 mx-auto md:w-3/5" alt=" - "
data-sizes="(max-width: 600px) 100vw, 80vw"
data-srcset="/assets/_300xAUTO_crop_center_90_none/349086/2.jpg 300w,/assets/_600xAUTO_crop_center_90_none/349086/2.jpg 600w,/assets/_900xAUTO_crop_center_90_none/349086/2.jpg 900w,/assets/_1200xAUTO_crop_center_90_none/349086/2.jpg 1200w,/assets/_1600xAUTO_crop_center_90_none/349086/2.jpg 1600w"
src="/assets/_1xAUTO_crop_center-center_none/349086/2.jpg"></picture>
</div>
<div class="w-1/2 px-1 text-left md:w-full group-hover:md:text-white">
<h3 class="text-base uppercase leading-110 font-triade font-extrabold pt-1.5 pb-1 md:pb-2 md:text-30">24/7 live order processing</h3>
<p class="text-sm md:text-18 md:leading-140">All of your orders, voicemails and emails are captured and processed in real-time into your ERP.</p>
</div>
</div>
</div>
<div class="w-full pb-6 transition-all md:w-1/3 md:px-2 hover:md:scale-110 group hover:md:z-50">
<div class="relative flex flex-wrap -mx-1 md:mx-0 md:bg-skin-zoomTile md:rounded-3xl md:px-5 md:pb-10 group-hover:md:bg-skin-zoomTileHover group-hover:md:before:opacity-100 md:before:content-[''] md:before:rounded-3xl md:before:absolute md:before:inset-0 md:before:shadow-tile md:before:opacity-0">
<div class="w-1/2 px-1 mb-3 md:w-full md:px-0 md:mb-0">
<picture class="block aspect-w-1 aspect-h-1 bg-blue-lightest md:bg-transparent"><source type="image/webp"
data-sizes="(max-width: 600px) 100vw, 80vw"
data-srcset="/assets/_300xAUTO_crop_center_90_none/349088/3.webp 300w,
/assets/_600xAUTO_crop_center_90_none/349088/3.webp 600w,
/assets/_900xAUTO_crop_center_90_none/349088/3.webp 900w,
/assets/_1200xAUTO_crop_center_90_none/349088/3.webp 1200w,
/assets/_1600xAUTO_crop_center_90_none/349088/3.webp 1600w
"><img class="lazy object-contain w-2/3 mx-auto md:w-3/5" alt=" - "
data-sizes="(max-width: 600px) 100vw, 80vw"
data-srcset="/assets/_300xAUTO_crop_center_90_none/349088/3.jpg 300w,/assets/_600xAUTO_crop_center_90_none/349088/3.jpg 600w,/assets/_900xAUTO_crop_center_90_none/349088/3.jpg 900w,/assets/_1200xAUTO_crop_center_90_none/349088/3.jpg 1200w,/assets/_1600xAUTO_crop_center_90_none/349088/3.jpg 1600w"
src="/assets/_1xAUTO_crop_center-center_none/349088/3.jpg"></picture>
</div>
<div class="w-1/2 px-1 text-left md:w-full group-hover:md:text-white">
<h3 class="text-base uppercase leading-110 font-triade font-extrabold pt-1.5 pb-1 md:pb-2 md:text-30">Process 100x more orders</h3>
<p class="text-sm md:text-18 md:leading-140">Process your orders faster than ever. Increase revenue and keep growing while optimizing your labor costs.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="theme-blue-medium bg-skin-multiItemBg relative">
<div class="container py-8 mx-auto text-center text-skin-multiItemText sm:py-12 md:py-16 lg:py-25 xl:py-30">
<div class="mx-auto lg:w-8/12">
<h2 class="mx-auto font-extrabold uppercase leading-100 font-triade text-40 md:text-56 text-skin-multiItemTitle">
Thousands of businesses trust Choco every day
</h2>
</div>
<div class="flex flex-wrap items-start justify-center pt-8 -mx-1 -mb-6 md:pt-14 md:-mx-2">
<div class="w-full pb-6 transition-all md:w-1/3 md:px-2 hover:md:scale-110 group hover:md:z-50">
<div class="relative flex flex-wrap -mx-1 md:mx-0 md:bg-skin-zoomTile md:rounded-3xl md:px-5 md:pb-10 group-hover:md:bg-skin-zoomTileHover group-hover:md:before:opacity-100 md:before:content-[''] md:before:rounded-3xl md:before:absolute md:before:inset-0 md:before:shadow-tile md:before:opacity-0">
<p>Image not found or missing.</p>
<div class="w-1/2 px-1 text-left md:w-full group-hover:md:text-white">
<h3 class="text-base uppercase leading-110 font-triade font-extrabold pt-1.5 pb-1 md:pb-2 md:text-30">15,000+</h3>
<p class="text-sm md:text-18 md:leading-140">chefs</p>
</div>
</div>
</div>
<div class="w-full pb-6 transition-all md:w-1/3 md:px-2 hover:md:scale-110 group hover:md:z-50">
<div class="relative flex flex-wrap -mx-1 md:mx-0 md:bg-skin-zoomTile md:rounded-3xl md:px-5 md:pb-10 group-hover:md:bg-skin-zoomTileHover group-hover:md:before:opacity-100 md:before:content-[''] md:before:rounded-3xl md:before:absolute md:before:inset-0 md:before:shadow-tile md:before:opacity-0">
<p>Image not found or missing.</p>
<div class="w-1/2 px-1 text-left md:w-full group-hover:md:text-white">
<h3 class="text-base uppercase leading-110 font-triade font-extrabold pt-1.5 pb-1 md:pb-2 md:text-30">10,000+</h3>
<p class="text-sm md:text-18 md:leading-140">distributors</p>
</div>
</div>
</div>
<div class="w-full pb-6 transition-all md:w-1/3 md:px-2 hover:md:scale-110 group hover:md:z-50">
<div class="relative flex flex-wrap -mx-1 md:mx-0 md:bg-skin-zoomTile md:rounded-3xl md:px-5 md:pb-10 group-hover:md:bg-skin-zoomTileHover group-hover:md:before:opacity-100 md:before:content-[''] md:before:rounded-3xl md:before:absolute md:before:inset-0 md:before:shadow-tile md:before:opacity-0">
<p>Image not found or missing.</p>
<div class="w-1/2 px-1 text-left md:w-full group-hover:md:text-white">
<h3 class="text-base uppercase leading-110 font-triade font-extrabold pt-1.5 pb-1 md:pb-2 md:text-30">500,000</h3>
<p class="text-sm md:text-18 md:leading-140">orders per month</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="theme-blue-light bg-skin-fill text-skin-base relative">
<div class="flex flex-wrap">
<div class="w-full relative sm:w-1/2">
<div class="aspect-w-1 aspect-h-1 sm:aspect-w-16 sm:aspect-h-9"></div>
<picture class="block absolute inset-0"><source type="image/webp"
data-sizes="(max-width: 576px) 90vw, 50vw"
data-srcset="/assets/images/blog/_300xAUTO_crop_center_90_none/334668/212A4559.webp 300w,
/assets/images/blog/_600xAUTO_crop_center_90_none/334668/212A4559.webp 600w,
/assets/images/blog/_900xAUTO_crop_center_90_none/334668/212A4559.webp 900w,
/assets/images/blog/_1200xAUTO_crop_center_90_none/334668/212A4559.webp 1200w,
/assets/images/blog/_1600xAUTO_crop_center_90_none/334668/212A4559.webp 1600w
"><img class="lazy object-cover object-center h-full w-full" alt="Krystal Produce - Family Picture - "
data-sizes="(max-width: 576px) 90vw, 50vw"
data-srcset="/assets/images/blog/_300xAUTO_crop_center_90_none/334668/212A4559.jpg 300w,/assets/images/blog/_600xAUTO_crop_center_90_none/334668/212A4559.jpg 600w,/assets/images/blog/_900xAUTO_crop_center_90_none/334668/212A4559.jpg 900w,/assets/images/blog/_1200xAUTO_crop_center_90_none/334668/212A4559.jpg 1200w,/assets/images/blog/_1600xAUTO_crop_center_90_none/334668/212A4559.jpg 1600w"
src="/assets/images/blog/_1xAUTO_crop_center-center_none/334668/212A4559.jpg"></picture>
</div>
<div class="w-full text-center px-4 py-5 content-center flex flex-wrap align-middle sm:w-1/2 sm:px-8 sm:py-4.5 md:px-0">
<div class="text-left w-full md:max-w-[75%] md:mx-auto lg:space-y-1">
<a href="https://choco.com/us/stories/case-studies/krystal-produce-success-story" class="group block h-full w-full" href="https://choco.com/us/stories/case-studies/krystal-produce-success-story">
<h3 class="font-medium font-sans uppercase text-xs tracking-wider pb-1 md:text-base md:pb-1.5">
<span>Case Studies</span>
</h3>
<h2 class="font-triade text-24 uppercase tracking-tight pb-1 leading-100 mx-auto sm:text-28 md:text-32 lg:text-40">
Choco AI Success Story: Krystal Produce
</h2>
<div class="text-sm leading-140 font-normal md:text-base">"With one large client we can process orders with more than 50 items in 13 seconds only, saving about 15 hours a week. It’s over a $23,000 savings in labor costs for this client." Discover how Krystal Produce Fruits and Vegetables transformed their order management and achieved remarkable efficiency with Choco AI.</div>
<span class="transition-colors text-skin-entryLink duration-1000 font-sans leading-140 text-sm mt-2 group-hover:text-skin-entryLinkHover md:text-base lg:mt-4">See the full story</span>
</a>
</div>
</div>
</div>
</section>
<section class="theme-white bg-skin-multiItemBg relative [&_h2]:text-skin-multiItemTitle [&_.wysiwyg]:text-skin-componentText">
<div class="container py-8 mx-auto sm:py-12 md:py-16 lg:py-25 xl:py-30">
<h2 class="pb-6 mx-auto antialiased font-extrabold text-center uppercase hyphens-auto text-40 leading-100 font-triade md:pb-14 md:text-48 md:w-9/12">
KEEP YOUR CUSTOMER ENGAGED WITH OUR <span class="text-skin-alternativeText">AI-CRM SOLUTION</span>
<span class="text-skin-alternativeText"></span>
</h2>
<div class="flex flex-row flex-wrap items-center">
<div class="relative w-full md:w-1/2">
<div class="w-full aspect-w-16 aspect-h-9">
<iframe src="https://player.vimeo.com/video/917450150?h=954c8b1fd0&app_id=122963&autoplay=1&controls=0&playsinline=1&loop=1&muted=1&autopause=0" width="1920" height="1080" title="R3-R5_CRM-ai" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write"></iframe>
</div>
</div>
<div class="flex flex-wrap content-center w-full px-4 py-5 align-middle md:px-12 md:w-1/2">
<div class="mx-auto">
<div class="mx-auto text-base wysiwyg wysiwyg-special-list leading-140">
<ul><li>Predict the next order dates for each of your customers</li><li>Prevent customers from stopping ordering by identifying their status: Ordering, at Risk, Stopped Ordering</li><li>Send a message in one click to win them back</li></ul>
</div>
<div class="flex items-center justify-center w-full mt-6 md:mt-8">
<a href="https://choco.com/us/hello-ai?utm_source=homepage&utm_medium=website&utm_campaign=ai" class="btn bg-skin-btn hover:bg-skin-btnHover">
Get a live demo
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="theme-white bg-skin-logoslider relative [&_h2]:text-skin-logosliderText [&_.wysiwyg]:text-skin-componentText">
<div class="container mx-auto text-center pt-12 md:pt-16 lg:pt-25 xl:pt-30">
<div class="xl:w-10/12 mx-auto">
<h2 class="text-24 leading-100 font-triade font-extrabold uppercase mx-auto">
<p>TRUSTED BY <span class="text-skin-alternativeText">10.000 + DISTRIBUTORS</span></p>
</h2>
</div>
</div>
<div class="pt-8 pb-12 md:pb-16 lg:pb-25 xl:pb-30 enable-animation">
<div class="marquee">
<div class="marquee__content justify-center sm:justify-normal">
<div class="slide mb-4 sm:mb-0">
<picture class="block aspect-w-16 aspect-h-7 w-full"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338125/100-food.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338125/100-food.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/338125/100-food.jpg"></picture>
</div>
<div class="slide mb-4 sm:mb-0">
<picture class="block aspect-w-16 aspect-h-7 w-full"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338132/Fantini.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338132/Fantini.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/338132/Fantini.jpg"></picture>
</div>
<div class="slide mb-4 sm:mb-0">
<picture class="block aspect-w-16 aspect-h-7 w-full"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338127/Accardi.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338127/Accardi.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/338127/Accardi.jpg"></picture>
</div>
<div class="slide mb-4 sm:mb-0">
<picture class="block aspect-w-16 aspect-h-7 w-full"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338134/Krystal-Produce.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338134/Krystal-Produce.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/338134/Krystal-Produce.jpg"></picture>
</div>
<div class="slide mb-4 sm:mb-0">
<picture class="block aspect-w-16 aspect-h-7 w-full"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338136/Lobster-Place.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338136/Lobster-Place.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/338136/Lobster-Place.jpg"></picture>
</div>
<div class="slide mb-4 sm:mb-0">
<picture class="block aspect-w-16 aspect-h-7 w-full"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338138/mfe.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338138/mfe.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/338138/mfe.jpg"></picture>
</div>
<div class="slide mb-4 sm:mb-0">
<picture class="block aspect-w-16 aspect-h-7 w-full"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338139/MP.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338139/MP.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/338139/MP.jpg"></picture>
</div>
<div class="slide mb-4 sm:mb-0">
<picture class="block aspect-w-16 aspect-h-7 w-full"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338141/New-York-Mutual-Trading.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338141/New-York-Mutual-Trading.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/338141/New-York-Mutual-Trading.jpg"></picture>
</div>
<div class="slide mb-4 sm:mb-0">
<picture class="block aspect-w-16 aspect-h-7 w-full"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338143/North-Coast.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338143/North-Coast.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/338143/North-Coast.jpg"></picture>
</div>
<div class="slide mb-4 sm:mb-0">
<picture class="block aspect-w-16 aspect-h-7 w-full"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338148/Quore.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338148/Quore.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/338148/Quore.jpg"></picture>
</div>
<div class="slide mb-4 sm:mb-0">
<picture class="block aspect-w-16 aspect-h-7 w-full"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/379142/master-purveyors.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/379142/master-purveyors.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/379142/master-purveyors.jpg"></picture>
</div>
<div class="slide mb-4 sm:mb-0">
<picture class="block aspect-w-16 aspect-h-7 w-full"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/379143/Produce-express_2024-03-11-083138_wgxy.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/379143/Produce-express_2024-03-11-083138_wgxy.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/379143/Produce-express_2024-03-11-083138_wgxy.jpg"></picture>
</div>
<div class="slide mb-4 sm:mb-0">
<picture class="block aspect-w-16 aspect-h-7 w-full"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/380054/mep.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/380054/mep.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/380054/mep.jpg"></picture>
</div>
<div class="slide mb-4 sm:mb-0">
<picture class="block aspect-w-16 aspect-h-7 w-full"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/414902/BOBADIRECT.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/414902/BOBADIRECT.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/414902/BOBADIRECT.jpg"></picture>
</div>
</div>
<div aria-hidden="true" class="marquee__content hidden sm:flex">
<div class="slide">
<picture class="block aspect-w-16 aspect-h-7"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338125/100-food.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338125/100-food.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/338125/100-food.jpg"></picture>
</div>
<div class="slide">
<picture class="block aspect-w-16 aspect-h-7"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338132/Fantini.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338132/Fantini.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/338132/Fantini.jpg"></picture>
</div>
<div class="slide">
<picture class="block aspect-w-16 aspect-h-7"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338127/Accardi.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338127/Accardi.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/338127/Accardi.jpg"></picture>
</div>
<div class="slide">
<picture class="block aspect-w-16 aspect-h-7"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338134/Krystal-Produce.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338134/Krystal-Produce.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/338134/Krystal-Produce.jpg"></picture>
</div>
<div class="slide">
<picture class="block aspect-w-16 aspect-h-7"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338136/Lobster-Place.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338136/Lobster-Place.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/338136/Lobster-Place.jpg"></picture>
</div>
<div class="slide">
<picture class="block aspect-w-16 aspect-h-7"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338138/mfe.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338138/mfe.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/338138/mfe.jpg"></picture>
</div>
<div class="slide">
<picture class="block aspect-w-16 aspect-h-7"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338139/MP.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338139/MP.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/338139/MP.jpg"></picture>
</div>
<div class="slide">
<picture class="block aspect-w-16 aspect-h-7"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338141/New-York-Mutual-Trading.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338141/New-York-Mutual-Trading.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/338141/New-York-Mutual-Trading.jpg"></picture>
</div>
<div class="slide">
<picture class="block aspect-w-16 aspect-h-7"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338143/North-Coast.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338143/North-Coast.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/338143/North-Coast.jpg"></picture>
</div>
<div class="slide">
<picture class="block aspect-w-16 aspect-h-7"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338148/Quore.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/338148/Quore.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/338148/Quore.jpg"></picture>
</div>
<div class="slide">
<picture class="block aspect-w-16 aspect-h-7"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/379142/master-purveyors.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/379142/master-purveyors.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/379142/master-purveyors.jpg"></picture>
</div>
<div class="slide">
<picture class="block aspect-w-16 aspect-h-7"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/379143/Produce-express_2024-03-11-083138_wgxy.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/379143/Produce-express_2024-03-11-083138_wgxy.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/379143/Produce-express_2024-03-11-083138_wgxy.jpg"></picture>
</div>
<div class="slide">
<picture class="block aspect-w-16 aspect-h-7"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/380054/mep.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/380054/mep.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/380054/mep.jpg"></picture>
</div>
<div class="slide">
<picture class="block aspect-w-16 aspect-h-7"><source type="image/webp" sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/414902/BOBADIRECT.webp 200w
"><img fetchpriority="high" class="object-contain object-center h-full w-full" alt=" - " sizes="(max-width: 576px) 33vw, 200px" srcset="/assets/_200xAUTO_crop_center_90_none/414902/BOBADIRECT.jpg 200w" src="/assets/_1xAUTO_crop_center-center_none/414902/BOBADIRECT.jpg"></picture>
</div>
</div>
</div>
</div>
</section>
<section class="theme-blue-medium bg-skin-testimonialBg relative">
<div class="container mx-auto text-center text-skin-testimonialText py-8 sm:py-12 md:py-16 lg:py-25 xl:py-30">
<div class="xl:w-10/12 mx-auto">
<h2 class="text-24 leading-100 font-triade font-extrabold uppercase mx-auto sm:text-28 md:text-32 lg:text-40">
</h2>
</div>
<div class="flex flex-wrap space-y-4 sm:space-y-0">
<div class="swiper swiper-over !overflow-visible w-full">
<div class="swiper-wrapper w-full">
<div class="swiper-slide w-full opacity-0 hidden">
<div class="w-10/12 mx-auto">
<div class="w-9/12 sm:w-full mx-auto">
<div class="sm:flex sm:flex-wrap text-center">
<div class="text-left sm:w-1/2">
<div class="font-triade font-extrabold text-24 leading-100 antialiased text-center">“</div>
<h4 class="-mx-4 font-sans-bold text-20 antialiased leading-110 text-center sm:mx-auto md:text-24 lg:text-28">
<p>Prior to Choco everything was done by hand; orders came in by phone calls, voicemail or emails, but not streamlined, therefore prone to errors and that lead us to lose lot of time for each orders. With Choco now we can process more orders, and they're based on order guide specifics for each client. </p>
</h4>
<div class="text-xs font-sans-medium text-center pt-4 pb-2 tracking-wider md:text-base uppercase">Andrew Neva I VP Operations I NorthWest Meat Company</div>
</div>
<div class="sm:w-1/2 sm:pl-12 sm:-mt-20 md:-mt-24 md:pl-20 lg:pl-25 lg:-mt-36 xl:pl-30 xl:-mt-48 relative overflow-visible">
<picture class="block aspect-w-9 aspect-h-12"><source type="image/webp"
data-sizes="(max-width: 576px) 80vw, 50vw"
data-srcset="/assets/_300xAUTO_crop_center_90_none/359702/Screenshot-2024-03-04-at-16.32.16_2024-03-06-095628_pddz.webp 300w,
/assets/_600xAUTO_crop_center_90_none/359702/Screenshot-2024-03-04-at-16.32.16_2024-03-06-095628_pddz.webp 600w,
/assets/_900xAUTO_crop_center_90_none/359702/Screenshot-2024-03-04-at-16.32.16_2024-03-06-095628_pddz.webp 900w,
/assets/_1200xAUTO_crop_center_90_none/359702/Screenshot-2024-03-04-at-16.32.16_2024-03-06-095628_pddz.webp 1200w,
/assets/_1600xAUTO_crop_center_90_none/359702/Screenshot-2024-03-04-at-16.32.16_2024-03-06-095628_pddz.webp 1600w
"><img class="lazy object-cover object-center " alt=" - "
data-sizes="(max-width: 576px) 80vw, 50vw"
data-srcset="/assets/_300xAUTO_crop_center_90_none/359702/Screenshot-2024-03-04-at-16.32.16_2024-03-06-095628_pddz.jpg 300w,/assets/_600xAUTO_crop_center_90_none/359702/Screenshot-2024-03-04-at-16.32.16_2024-03-06-095628_pddz.jpg 600w,/assets/_900xAUTO_crop_center_90_none/359702/Screenshot-2024-03-04-at-16.32.16_2024-03-06-095628_pddz.jpg 900w,/assets/_1200xAUTO_crop_center_90_none/359702/Screenshot-2024-03-04-at-16.32.16_2024-03-06-095628_pddz.jpg 1200w,/assets/_1600xAUTO_crop_center_90_none/359702/Screenshot-2024-03-04-at-16.32.16_2024-03-06-095628_pddz.jpg 1600w"
src="/assets/_1xAUTO_crop_center-center_none/359702/Screenshot-2024-03-04-at-16.32.16_2024-03-06-095628_pddz.jpg"></picture>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="swiper-button-prev">
<svg class="rotate-180 sm:w-6 sm:h-6 text-skin-testimonialText fill-current" width="17" height="15" viewbox="0 0 17 15" xmlns="http://www.w3.org/2000/svg">
<path d="M16.1554 7.20346C16.1536 7.39869 16.0865 7.57832 15.9749 7.72158C15.9517 7.75141 15.9264 7.77983 15.8992 7.80661L9.48614 14.1104C9.14854 14.4422 8.60584 14.4376 8.274 14.1C7.94215 13.7624 7.94682 13.2197 8.28441 12.8878L13.2036 8.05242H1.70089C1.22751 8.05242 0.84375 7.66866 0.84375 7.19528C0.84375 6.72189 1.22751 6.33813 1.70089 6.33813H13.2035L8.28442 1.50284C7.94682 1.171 7.94215 0.628305 8.274 0.290706C8.60585 -0.0468934 9.14854 -0.0515568 9.48614 0.280289L15.893 6.57802C16.0548 6.73393 16.1555 6.95285 16.1555 7.19528" />
</svg>
</div>
<div class="swiper-button-next">
<svg class="sm:w-6 sm:h-6 text-skin-testimonialText fill-current" width="17" height="15" viewbox="0 0 17 15" xmlns="http://www.w3.org/2000/svg">
<path d="M16.1554 7.20346C16.1536 7.39869 16.0865 7.57832 15.9749 7.72158C15.9517 7.75141 15.9264 7.77983 15.8992 7.80661L9.48614 14.1104C9.14854 14.4422 8.60584 14.4376 8.274 14.1C7.94215 13.7624 7.94682 13.2197 8.28441 12.8878L13.2036 8.05242H1.70089C1.22751 8.05242 0.84375 7.66866 0.84375 7.19528C0.84375 6.72189 1.22751 6.33813 1.70089 6.33813H13.2035L8.28442 1.50284C7.94682 1.171 7.94215 0.628305 8.274 0.290706C8.60585 -0.0468934 9.14854 -0.0515568 9.48614 0.280289L15.893 6.57802C16.0548 6.73393 16.1555 6.95285 16.1555 7.19528" />
</svg>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</section>
<section class="theme-white bg-skin-multiItemBg relative [&_h2]:text-skin-multiItemTitle [&_.wysiwyg]:text-skin-componentText">
<div class="container py-8 mx-auto sm:py-12 md:py-16 lg:py-25 xl:py-30">
<h2 class="pb-6 mx-auto antialiased font-extrabold text-center uppercase hyphens-auto text-40 leading-100 font-triade md:pb-14 md:text-48 md:w-9/12">
Increase your sales and reduce food waste with Choco <span class="text-skin-alternativeText">AI-</span><span class="text-skin-alternativeText">Marketing Assistant</span>
</h2>
<div class="flex flex-row flex-wrap items-center">
<div class="relative w-full md:w-1/2">
<div class="w-full aspect-w-16 aspect-h-9">
<iframe src="https://player.vimeo.com/video/918345739?app_id=122963&autoplay=1&controls=0&playsinline=1&loop=1&muted=1&autopause=0" width="1920" height="1080" title="R3_Marketing AI" frameborder="0" allow="autoplay; fullscreen; picture-in-picture; clipboard-write"></iframe>
</div>
</div>
<div class="flex flex-wrap content-center w-full px-4 py-5 align-middle md:px-12 md:w-1/2">
<div class="mx-auto">
<div class="mx-auto text-base wysiwyg wysiwyg-special-list leading-140">
<ul><li>Send a promo in only 3 clicks, thanks to the AI-assistant</li><li>Get detailed analytics on your marketing campaign</li><li>Sell products close to expiration to save money and reduce food waste</li></ul>
</div>
<div class="flex items-center justify-center w-full mt-6 md:mt-8">
<a href="https://choco.com/us/hello-ai?utm_source=homepage&utm_medium=website&utm_campaign=ai" class="btn bg-skin-btn hover:bg-skin-btnHover">
Get a live demo
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="theme-blue-light bg-skin-fill relative [&_h2]:text-skin-componentTitle [&_.wysiwyg]:text-skin-componentText">
<div class="flex flex-wrap text-center sm:flex-row-reverse">
<div class="w-full py-5 px-4 content-center flex flex-wrap align-middle sm:py-8 md:py-12 md:w-1/2">
<div class="md:w-[90%] lg:w-[72%] mx-auto">
<h2 class="font-triade text-28 leading-100 pb-2 uppercase mx-auto md:text-32 md:pb-2 lg:text-40 lg:pb-3">
<p><span class="text-skin-alternativeText">ONE APP.</span><br />FOR ALL YOUR CUSTOMERS NEEDS.</p>
</h2>
<div class="mx-auto wysiwyg wysiwyg-special-list text-base leading-140 lg:text-xl">
<ul><li>Send orders</li><li>Chat with distributors</li><li>Access to entire catalog with pictures</li><li>Team management</li><li>Delivery check</li></ul>
</div>
</div>
</div>
<div class="w-full relative min-h-[364px] sm:min-h-[380px] md:w-1/2 lg:min-h-[500px] xl:min-h-[720px]">
<picture class="block absolute inset-0"><source type="image/webp"
data-sizes="(max-width: 768px) 90vw, 50vw"
data-srcset="/assets/_300xAUTO_crop_center_90_none/347412/R3_2024-03-04-162544_crme.webp 300w,
/assets/_600xAUTO_crop_center_90_none/347412/R3_2024-03-04-162544_crme.webp 600w,
/assets/_900xAUTO_crop_center_90_none/347412/R3_2024-03-04-162544_crme.webp 900w,
/assets/_1200xAUTO_crop_center_90_none/347412/R3_2024-03-04-162544_crme.webp 1200w,
/assets/_1600xAUTO_crop_center_90_none/347412/R3_2024-03-04-162544_crme.webp 1600w
"><img class="lazy object-cover object-center h-full w-full" alt=" - "
data-sizes="(max-width: 768px) 90vw, 50vw"
data-srcset="/assets/_300xAUTO_crop_center_90_none/347412/R3_2024-03-04-162544_crme.jpg 300w,/assets/_600xAUTO_crop_center_90_none/347412/R3_2024-03-04-162544_crme.jpg 600w,/assets/_900xAUTO_crop_center_90_none/347412/R3_2024-03-04-162544_crme.jpg 900w,/assets/_1200xAUTO_crop_center_90_none/347412/R3_2024-03-04-162544_crme.jpg 1200w,/assets/_1600xAUTO_crop_center_90_none/347412/R3_2024-03-04-162544_crme.jpg 1600w"
src="/assets/_1xAUTO_crop_center-center_none/347412/R3_2024-03-04-162544_crme.jpg"></picture>
</div>
</div>
</section>
<section class="theme-white bg-skin-multiItemBg text-center relative">
<div class="container py-8 mx-auto text-skin-multiItemText sm:py-12 md:py-16 lg:py-20 xl:py-25">
<div class="mx-auto xl:w-10/12">
<h2 class="mx-auto font-extrabold uppercase text-24 leading-100 font-triade sm:text-28 md:text-32 lg:text-40 text-skin-multiItemTitle">
<p>TURN YOUR <span class="text-skin-alternativeText">WAREHOUSE</span> INTO A <span class="text-skin-alternativeText">POWERHOUSE</span></p>
</h2>
</div>
<div class="flex flex-wrap items-start justify-center pt-6 space-y-6 sm:space-y-8 md:-mx-3 md:space-y-0 lg:pt-8 xl:pt-10">
<div class="w-full md:w-1/3 md:px-3">
<h3 class="pb-2 font-extrabold text-28 leading-100 font-triade text-skin-numbers sm:text-32 md:text-40 lg:pb-3 lg:text-48 xl:text-56">Zero manual order entry</h3>
<p class="text-base leading-140 font-sans-bold md:text-20">Reduce manual work and mistakes. Keep control of all your orders centralised in one place.</p>
</div>
<div class="w-full md:w-1/3 md:px-3">
<h3 class="pb-2 font-extrabold text-28 leading-100 font-triade text-skin-numbers sm:text-32 md:text-40 lg:pb-3 lg:text-48 xl:text-56">24/7 live order processing</h3>
<p class="text-base leading-140 font-sans-bold md:text-20">All of your orders, voicemails and emails are captured and processed in real-time into your ERP.</p>
</div>
<div class="w-full md:w-1/3 md:px-3">
<h3 class="pb-2 font-extrabold text-28 leading-100 font-triade text-skin-numbers sm:text-32 md:text-40 lg:pb-3 lg:text-48 xl:text-56">Process 100x more orders</h3>
<p class="text-base leading-140 font-sans-bold md:text-20">Process your orders faster than ever. Increase revenue and keep growing while optimizing your labor costs.</p>
</div>
</div>
</div>
</section>
<section class="theme-blue-medium bg-skin-multiItemBg text-center relative">
<div class="container py-8 mx-auto text-skin-multiItemText sm:py-12 md:py-16 lg:py-20 xl:py-25">
<div class="mx-auto xl:w-10/12">
<h2 class="mx-auto font-extrabold uppercase text-24 leading-100 font-triade sm:text-28 md:text-32 lg:text-40 text-skin-multiItemTitle">
<p>Thousands of businesses trust Choco every day</p>
</h2>
</div>
<div class="flex flex-wrap items-start justify-center pt-6 space-y-6 sm:space-y-8 md:-mx-3 md:space-y-0 lg:pt-8 xl:pt-10">
<div class="w-full md:w-1/3 md:px-3">
<h3 class="pb-2 font-extrabold text-28 leading-100 font-triade text-skin-numbers sm:text-32 md:text-40 lg:pb-3 lg:text-48 xl:text-56">15,000+</h3>
<p class="text-base leading-140 font-sans-bold md:text-20">chefs</p>
</div>
<div class="w-full md:w-1/3 md:px-3">
<h3 class="pb-2 font-extrabold text-28 leading-100 font-triade text-skin-numbers sm:text-32 md:text-40 lg:pb-3 lg:text-48 xl:text-56">10,000+</h3>
<p class="text-base leading-140 font-sans-bold md:text-20">distributors</p>
</div>
<div class="w-full md:w-1/3 md:px-3">
<h3 class="pb-2 font-extrabold text-28 leading-100 font-triade text-skin-numbers sm:text-32 md:text-40 lg:pb-3 lg:text-48 xl:text-56">500,000</h3>
<p class="text-base leading-140 font-sans-bold md:text-20">orders per month</p>
</div>
</div>
</div>
</section>
<section class="theme-white bg-skin-logoslider relative [&_h2]:text-skin-componentTitle [&_.wysiwyg]:text-skin-componentText">
<div class="container mx-auto text-center py-12 md:py-16 lg:py-25 xl:py-30">
<div class="xl:w-10/12 mx-auto">
<h2 class="text-24 leading-100 font-triade font-extrabold uppercase mx-auto sm:text-28 md:text-32 lg:text-40">
<p>In the press</p>
</h2>
</div>
<div class="flex flex-wrap -mb-4 -mx-4 sm:-mb-8 sm:mx-auto pt-10">
<div class="w-1/2 mx-auto px-4 mb-4 sm:mb-8 md:w-1/4">
<picture class="block aspect-w-1 aspect-h-1"><source type="image/webp"
data-sizes="(max-width: 576px) 50vw, 400px"
data-srcset="/assets/_200xAUTO_crop_center_90_none/356440/FORBES_2024-03-05-160847_mwor.webp 200w,
/assets/_400xAUTO_crop_center_90_none/356440/FORBES_2024-03-05-160847_mwor.webp 400w
"><img class="lazy object-contain object-center h-full w-full" alt=" - "
data-sizes="(max-width: 576px) 50vw, 400px"
data-srcset="/assets/_200xAUTO_crop_center_90_none/FORBES_2024-03-05-160847_mwor.jpg 200w,/assets/_400xAUTO_crop_center_90_none/FORBES_2024-03-05-160847_mwor.jpg 400w"
src="/assets/_1xAUTO_crop_center-center_none/FORBES_2024-03-05-160847_mwor.jpg"></picture>
</div>
<div class="w-1/2 mx-auto px-4 mb-4 sm:mb-8 md:w-1/4">
<picture class="block aspect-w-1 aspect-h-1"><source type="image/webp"
data-sizes="(max-width: 576px) 50vw, 400px"
data-srcset="/assets/_200xAUTO_crop_center_90_none/356467/top-tech_2024-03-05-160901_pgpz.webp 200w,
/assets/_400xAUTO_crop_center_90_none/356467/top-tech_2024-03-05-160901_pgpz.webp 400w
"><img class="lazy object-contain object-center h-full w-full" alt=" - "
data-sizes="(max-width: 576px) 50vw, 400px"
data-srcset="/assets/_200xAUTO_crop_center_90_none/top-tech_2024-03-05-160901_pgpz.jpg 200w,/assets/_400xAUTO_crop_center_90_none/top-tech_2024-03-05-160901_pgpz.jpg 400w"
src="/assets/_1xAUTO_crop_center-center_none/top-tech_2024-03-05-160901_pgpz.jpg"></picture>
</div>
<div class="w-1/2 mx-auto px-4 mb-4 sm:mb-8 md:w-1/4">
<picture class="block aspect-w-1 aspect-h-1"><source type="image/webp"
data-sizes="(max-width: 576px) 50vw, 400px"
data-srcset="/assets/_200xAUTO_crop_center_90_none/356459/techcrunch_2024-03-05-160858_czhz.webp 200w,
/assets/_400xAUTO_crop_center_90_none/356459/techcrunch_2024-03-05-160858_czhz.webp 400w
"><img class="lazy object-contain object-center h-full w-full" alt=" - "
data-sizes="(max-width: 576px) 50vw, 400px"
data-srcset="/assets/_200xAUTO_crop_center_90_none/techcrunch_2024-03-05-160858_czhz.jpg 200w,/assets/_400xAUTO_crop_center_90_none/techcrunch_2024-03-05-160858_czhz.jpg 400w"
src="/assets/_1xAUTO_crop_center-center_none/techcrunch_2024-03-05-160858_czhz.jpg"></picture>
</div>
<div class="w-1/2 mx-auto px-4 mb-4 sm:mb-8 md:w-1/4">
<picture class="block aspect-w-1 aspect-h-1"><source type="image/webp"
data-sizes="(max-width: 576px) 50vw, 400px"
data-srcset="/assets/_200xAUTO_crop_center_90_none/356449/FSR_2024-03-05-160853_ybyr.webp 200w,
/assets/_400xAUTO_crop_center_90_none/356449/FSR_2024-03-05-160853_ybyr.webp 400w
"><img class="lazy object-contain object-center h-full w-full" alt=" - "
data-sizes="(max-width: 576px) 50vw, 400px"
data-srcset="/assets/_200xAUTO_crop_center_90_none/FSR_2024-03-05-160853_ybyr.jpg 200w,/assets/_400xAUTO_crop_center_90_none/FSR_2024-03-05-160853_ybyr.jpg 400w"
src="/assets/_1xAUTO_crop_center-center_none/FSR_2024-03-05-160853_ybyr.jpg"></picture>
</div>
</div>
</div>
</section>
<section class="theme-blue-medium bg-skin-disruptorBg relative overflow-hidden [&_h2]:text-skin-disruptorText">
<div class="h-full w-full inset-0 absolute z-10">
</div>
<div class="mx-auto container py-6 flex flex-wrap text-center relative z-30 sm:py-8 md:py-12 lg:py-[72px]">
<div class="md:w-10/12 mx-auto">
<h2 class="antialiased text-28 font-triade font-extrabold uppercase pb-2 mx-auto tracking-tight leading-100 sm:text-32 md:text-40 md:pb-3 lg:text-48 lg:pb-4 xl:text-56">
CATCH THE AI-TRAIN<span class="text-skin-alternativeText"> AND</span> <span class="text-skin-alternativeText">STAY AHEAD OF YOUR COMPETITION</span> WITH CHOCO
</h2>
<div class="mx-auto text-base leading-120 font-sans-bold text-skin-base sm:text-18 md:text-20 lg:text-24">
<p>Contact our team to get a live demo and discover how our AI solutions will grow your business.</p>
</div>
</div>
<div class="flex justify-center mt-4 items-center w-full md:mt-5 xl:mt-6">
<a href="https://choco.com/us/hello-ai?utm_source=homepage&utm_medium=website&utm_campaign=ai" target="_blank" class="btn bg-skin-btn hover:bg-skin-btnHover">
Get a live demo
</a>
</div>
</div>
</section>
<section class="theme-blue-light bg-skin-fill text-skin-accordionText relative l-section">
<div class="container py-8 mx-auto sm:py-12 md:py-12 lg:py-20 xl:py-25">
<div class="pb-8 mx-auto text-center xl:w-10/12 md:pb-12 xl:pb-16">
<h2 class="mx-auto font-extrabold uppercase text-24 leading-100 font-triade sm:text-28 md:text-32 lg:text-40">
FAQ
</h2>
</div>
<div class="accordion xl:-mt-2" x-data="{ selected: null }">
<div class="flex flex-wrap items-center md:flex-row lg:mx-0 lg:px-0">
<div class="relative w-full py-3 text-left border-b-2 border-accordion sm:py-6 md:border-b-3 lg:py-8">
<button
type="button"
class="relative block w-full pr-3 text-base text-left cursor-pointer font-sans-bold leading-120 sm:text-18 md:text-20 lg:text-24"
@click="selected !== 1 ? selected = 1 : selected = null"
>
<h4>What is Choco AI?</h4>
<svg x-cloak x-show="selected !== 1" class="absolute top-1/2 right-0 -mt-1.5 fill-svg" width="12" height="13" viewbox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.45631 4.94961V0.695068H4.54369V4.94961H0V7.78598H4.54369V12.6951H7.45631V7.78598H12V4.94961H7.45631Z"/>
</svg>
<svg x-cloak x-show="selected === 1" class="absolute top-1/2 right-0 -mt-[2px] fill-svg" width="12" height="4" viewbox="0 0 12 4" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0.949615V3.78598H12V0.949615H0Z"/>
</svg>
</button>
<div class="relative pr-3 text-base md:text-xl"
style=""
x-cloak
x-show="selected === 1"
x-transition:enter="transition ease-out duration-200"
x-transition:enter-start=""
>
<div class="text-sm py-2 sm:pt-2.5 sm:pb-0 md:text-base lg:text-20 lg:pt-4 leading-140 wysiwyg"><p>Choco AI is the newest solution for wholesalers from Choco. Choco AI is a cutting-edge tool created by Choco to transform how orders are handled in the food supply industry. In simple terms, it's like having a smart assistant that takes care of all your orders, no matter how they come in—email, voicemail, SMS or 3rd party providers. <br /><br />Here's what it does: <br /><strong><br />Processes Orders Digitally & Automatically: </strong>Choco AI sorts out every order on its own. Imagine every time you get an order, instead of you having to enter the details manually into the system, Choco AI does it for you, swiftly and smartly. <strong><br />Minimal Human Effort Needed: </strong>The only thing required from a human is a quick glance to ensure everything looks good. No more typing in orders manually. This saves a ton of time and reduces the chance of mistakes. <strong><br />Seamless Integration with ERP: </strong>Once Choco AI confirms an order is accurate, it sends it straight to your ERP system. This means your orders are processed faster than ever, ensuring your products get to your clients on time. <strong>Automatic Confirmation to Clients: </strong>After processing, Choco AI sends a confirmation back to your clients, letting them know their order is on its way. This keeps everyone informed and happy. <br /><br />In essence, Choco AI is about making life easier for distributors by automating the order process, ensuring accuracy, speeding up delivery, reducing waste, and boosting sales. It's all about doing more with less effort.</p></div>
</div>
</div>
</div>
<div class="flex flex-wrap items-center md:flex-row lg:mx-0 lg:px-0">
<div class="relative w-full py-3 text-left border-b-2 border-accordion sm:py-6 md:border-b-3 lg:py-8">
<button
type="button"
class="relative block w-full pr-3 text-base text-left cursor-pointer font-sans-bold leading-120 sm:text-18 md:text-20 lg:text-24"
@click="selected !== 2 ? selected = 2 : selected = null"
>
<h4>How does Choco AI benefit distributors?</h4>
<svg x-cloak x-show="selected !== 2" class="absolute top-1/2 right-0 -mt-1.5 fill-svg" width="12" height="13" viewbox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.45631 4.94961V0.695068H4.54369V4.94961H0V7.78598H4.54369V12.6951H7.45631V7.78598H12V4.94961H7.45631Z"/>
</svg>
<svg x-cloak x-show="selected === 2" class="absolute top-1/2 right-0 -mt-[2px] fill-svg" width="12" height="4" viewbox="0 0 12 4" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0.949615V3.78598H12V0.949615H0Z"/>
</svg>
</button>
<div class="relative pr-3 text-base md:text-xl"
style=""
x-cloak
x-show="selected === 2"
x-transition:enter="transition ease-out duration-200"
x-transition:enter-start=""
>
<div class="text-sm py-2 sm:pt-2.5 sm:pb-0 md:text-base lg:text-20 lg:pt-4 leading-140 wysiwyg"><p><strong>Operational Efficiency:</strong> Automates workflows to reduce manual work and errors, essential for addressing labor shortages. Choco AI allows distributors to do more without growing their teams. <strong><br />Waste Reduction:</strong> Mistake reduction minimizes overstock and spoilage, saving costs and food. <br /><strong>Customer Satisfaction:</strong> Improves reliability in meeting client needs, enhancing relationships.</p></div>
</div>
</div>
</div>
<div class="flex flex-wrap items-center md:flex-row lg:mx-0 lg:px-0">
<div class="relative w-full py-3 text-left border-b-2 border-accordion sm:py-6 md:border-b-3 lg:py-8">
<button
type="button"
class="relative block w-full pr-3 text-base text-left cursor-pointer font-sans-bold leading-120 sm:text-18 md:text-20 lg:text-24"
@click="selected !== 3 ? selected = 3 : selected = null"
>
<h4>Can Choco AI integrate with existing systems?</h4>
<svg x-cloak x-show="selected !== 3" class="absolute top-1/2 right-0 -mt-1.5 fill-svg" width="12" height="13" viewbox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.45631 4.94961V0.695068H4.54369V4.94961H0V7.78598H4.54369V12.6951H7.45631V7.78598H12V4.94961H7.45631Z"/>
</svg>
<svg x-cloak x-show="selected === 3" class="absolute top-1/2 right-0 -mt-[2px] fill-svg" width="12" height="4" viewbox="0 0 12 4" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0.949615V3.78598H12V0.949615H0Z"/>
</svg>
</button>
<div class="relative pr-3 text-base md:text-xl"
style=""
x-cloak
x-show="selected === 3"
x-transition:enter="transition ease-out duration-200"
x-transition:enter-start=""
>
<div class="text-sm py-2 sm:pt-2.5 sm:pb-0 md:text-base lg:text-20 lg:pt-4 leading-140 wysiwyg"><p>Yes, Choco AI is designed to seamlessly integrate with a wide range of existing ERP. Our team works closely with distributors to ensure a smooth integration process, minimizing disruption to your operations and enabling you to leverage Choco AI's capabilities as quickly as possible.</p></div>
</div>
</div>
</div>
<div class="flex flex-wrap items-center md:flex-row lg:mx-0 lg:px-0">
<div class="relative w-full py-3 text-left border-b-2 border-accordion sm:py-6 md:border-b-3 lg:py-8">
<button
type="button"
class="relative block w-full pr-3 text-base text-left cursor-pointer font-sans-bold leading-120 sm:text-18 md:text-20 lg:text-24"
@click="selected !== 4 ? selected = 4 : selected = null"
>
<h4>Is Choco AI suitable for all types of food distributors?</h4>
<svg x-cloak x-show="selected !== 4" class="absolute top-1/2 right-0 -mt-1.5 fill-svg" width="12" height="13" viewbox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.45631 4.94961V0.695068H4.54369V4.94961H0V7.78598H4.54369V12.6951H7.45631V7.78598H12V4.94961H7.45631Z"/>
</svg>
<svg x-cloak x-show="selected === 4" class="absolute top-1/2 right-0 -mt-[2px] fill-svg" width="12" height="4" viewbox="0 0 12 4" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0.949615V3.78598H12V0.949615H0Z"/>
</svg>
</button>
<div class="relative pr-3 text-base md:text-xl"
style=""
x-cloak
x-show="selected === 4"
x-transition:enter="transition ease-out duration-200"
x-transition:enter-start=""
>
<div class="text-sm py-2 sm:pt-2.5 sm:pb-0 md:text-base lg:text-20 lg:pt-4 leading-140 wysiwyg"><p>Choco AI is versatile and scalable, making it suitable for a wide variety of food distributors. The platform's algorithms are adaptable to different product types and catalog complexities ensuring that all distributors can benefit from its features.</p></div>
</div>
</div>
</div>
<div class="flex flex-wrap items-center md:flex-row lg:mx-0 lg:px-0">
<div class="relative w-full py-3 text-left border-b-2 border-accordion sm:py-6 md:border-b-3 lg:py-8">
<button
type="button"
class="relative block w-full pr-3 text-base text-left cursor-pointer font-sans-bold leading-120 sm:text-18 md:text-20 lg:text-24"
@click="selected !== 5 ? selected = 5 : selected = null"
>
<h4>How does Choco ensure data security and privacy with Choco AI?</h4>
<svg x-cloak x-show="selected !== 5" class="absolute top-1/2 right-0 -mt-1.5 fill-svg" width="12" height="13" viewbox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.45631 4.94961V0.695068H4.54369V4.94961H0V7.78598H4.54369V12.6951H7.45631V7.78598H12V4.94961H7.45631Z"/>
</svg>
<svg x-cloak x-show="selected === 5" class="absolute top-1/2 right-0 -mt-[2px] fill-svg" width="12" height="4" viewbox="0 0 12 4" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0.949615V3.78598H12V0.949615H0Z"/>
</svg>
</button>
<div class="relative pr-3 text-base md:text-xl"
style=""
x-cloak
x-show="selected === 5"
x-transition:enter="transition ease-out duration-200"
x-transition:enter-start=""
>
<div class="text-sm py-2 sm:pt-2.5 sm:pb-0 md:text-base lg:text-20 lg:pt-4 leading-140 wysiwyg"><p>Data security and privacy are our top priorities at Choco. We adhere to strict data protection standards and employ advanced security measures to safeguard all information processed by Choco AI. Distributors retain full control over their data. Compliance with GDPR and other relevant regulations is rigorously maintained to ensure that our partners' information is protected at all times.</p></div>
</div>
</div>
</div>
<div class="flex flex-wrap items-center md:flex-row lg:mx-0 lg:px-0">
<div class="relative w-full py-3 text-left border-b-2 border-accordion sm:py-6 md:border-b-3 lg:py-8">
<button
type="button"
class="relative block w-full pr-3 text-base text-left cursor-pointer font-sans-bold leading-120 sm:text-18 md:text-20 lg:text-24"
@click="selected !== 6 ? selected = 6 : selected = null"
>
<h4>Is Choco a marketplace?</h4>
<svg x-cloak x-show="selected !== 6" class="absolute top-1/2 right-0 -mt-1.5 fill-svg" width="12" height="13" viewbox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.45631 4.94961V0.695068H4.54369V4.94961H0V7.78598H4.54369V12.6951H7.45631V7.78598H12V4.94961H7.45631Z"/>
</svg>
<svg x-cloak x-show="selected === 6" class="absolute top-1/2 right-0 -mt-[2px] fill-svg" width="12" height="4" viewbox="0 0 12 4" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M0 0.949615V3.78598H12V0.949615H0Z"/>
</svg>
</button>
<div class="relative pr-3 text-base md:text-xl"
style=""
x-cloak
x-show="selected === 6"
x-transition:enter="transition ease-out duration-200"
x-transition:enter-start=""
>
<div class="text-sm py-2 sm:pt-2.5 sm:pb-0 md:text-base lg:text-20 lg:pt-4 leading-140 wysiwyg"><p>Choco is not a marketplace. Restaurants can order from distributors with whom they already have a relationship. Likewise, distributors can onboard restaurants that are already their clients.</p></div>
</div>
</div>
</div>
</div>
</div>
</section>
</main>
<footer class="theme-footer-default bg-skin-footerBg text-white w-full py-16 overflow-hidden">
<div class="container relative space-y-10 md:space-y-0">
<div class="flex flex-wrap sm:flex-nowrap sm:w-full md:min-h-[130px]">
<ul class="flex flex-wrap text-white w-full sm:flex-nowrap sm:basis-1/2">
<li class="w-full pb-6 sm:w-auto sm:basis-1/2">
<span class="font-sans-bold text-20 pb-3 leading-100 capitalize flex items-center">
Info
<svg class="" width="14" height="8" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.293.707a1 1 0 0 1 1.414 0l.086.086a1 1 0 0 1 0 1.414L7.707 7.293a1 1 0 0 1-1.414 0L1.207 2.207a1 1 0 0 1 0-1.414l.086-.086a1 1 0 0 1 1.414 0L7 5 11.293.707Z" fill="fillCurrent"/>
</svg>
</span>
<div class="text-base">
<ul class="">
<li class="whitespace-nowrap text-white">
<a href="https://choco.com/us/" class="border-b border-transparent hover:border-white">Homepage</a>
</li>
<li class="whitespace-nowrap text-white">
<a href="https://choco.com/us/restaurants" class="border-b border-transparent hover:border-white">Restaurants</a>
</li>
<li class="whitespace-nowrap text-white">
<a href="https://choco.com/us/distributors" class="border-b border-transparent hover:border-white">Distributors</a>
</li>
<li class="whitespace-nowrap text-white">
<a href="https://choco.com/us/enterprise-distributors" class="border-b border-transparent hover:border-white">Large Enterprise</a>
</li>
<li class="whitespace-nowrap text-white">
<a href="https://choco.com/us/pricing" class="border-b border-transparent hover:border-white">Pricing</a>
</li>
<li class="whitespace-nowrap text-white">
<a href="https://choco.com/us/calendar" class="border-b border-transparent hover:border-white">Events Calendar</a>
</li>
<li class="whitespace-nowrap text-white">
<a href="https://choco.com/us/communication-toolkit" class="border-b border-transparent hover:border-white">Communication Toolkit</a>
</li>
<li class="whitespace-nowrap text-white">
<a href="https://help.choco.com/en/" target="_blank" class="border-b border-transparent hover:border-white">Help Center</a>
</li>
<li class="whitespace-nowrap text-white">
<a href="https://choco.com/us/partner-with-choco" class="border-b border-transparent hover:border-white">Partnership</a>
</li>
</ul>
</div>
</li>
<li class="w-full pb-6 sm:w-auto sm:basis-1/2">
<span class="font-sans-bold text-20 pb-3 leading-100 capitalize flex items-center">
Choco
<svg class="" width="14" height="8" fill="none">
<path fill-rule="evenodd" clip-rule="evenodd" d="M11.293.707a1 1 0 0 1 1.414 0l.086.086a1 1 0 0 1 0 1.414L7.707 7.293a1 1 0 0 1-1.414 0L1.207 2.207a1 1 0 0 1 0-1.414l.086-.086a1 1 0 0 1 1.414 0L7 5 11.293.707Z" fill="fillCurrent"/>
</svg>
</span>
<div class="text-base">
<ul class="">
<li class="whitespace-nowrap text-white">
<a href="https://choco.com/us/about" class="border-b border-transparent hover:border-white">About</a>
</li>
<li class="whitespace-nowrap text-white">
<a href="https://choco.com/us/faq" class="border-b border-transparent hover:border-white">FAQ</a>
</li>
<li class="whitespace-nowrap text-white">
<a href="https://choco.com/us/careers" class="border-b border-transparent hover:border-white">Careers</a>
</li>
<li class="whitespace-nowrap text-white">
<a href="https://choco.com/us/press" class="border-b border-transparent hover:border-white">Press</a>
</li>
<li class="whitespace-nowrap text-white">
<a href="https://choco.com/us/stories/suppliers" class="border-b border-transparent hover:border-white">Blog</a>
</li>
</ul>
</div>
</li>
</ul>
<div id="nav-cities" class="w-full sm:w-auto sm:basis-1/4" tabindex="-1" role="dialog" aria-labelledby="city-menu-label" aria-hidden="true">
<div class="">
</div>
</div>
<div x-data="{ showLangs: false }" class="relative pt-10 sm:pt-0 sm:basis-1/4 md:hidden">
<button title="Select language" @click="showLangs = !showLangs" :aria-expanded="showLangs ? 'true' : 'false'" :class="{ 'active': showLangs }" class="flex items-center text-lg border-b-3 border-transparent hover:border-white transition-all">
<svg class="mr-1.5" width="18" height="18" viewbox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.00065 0.75C4.45191 0.75 0.75 4.45091 0.75 9C0.75 13.5491 4.45191 17.25 9.00065 17.25C13.5494 17.25 17.25 13.5478 17.25 9C17.25 4.45091 13.5494 0.75 9.00065 0.75ZM12.2636 11.7517C11.4556 11.5122 10.5285 11.3516 9.46808 11.314V9.46747H12.599C12.5653 10.3247 12.4423 11.0797 12.2636 11.7517ZM5.73121 6.24698C6.54177 6.48784 7.47016 6.6497 8.53321 6.68725V8.53253H5.39584C5.42822 7.67399 5.55122 6.91905 5.73121 6.24698ZM5.40361 9.46747H8.53321V11.3127C7.47534 11.3503 6.55083 11.5096 5.74286 11.7491C5.56158 11.0771 5.43728 10.3234 5.40361 9.46747ZM12.599 8.53253H9.46808V6.68596C10.526 6.64841 11.4505 6.48913 12.2584 6.24957C12.4397 6.92293 12.5653 7.67658 12.599 8.53253ZM16.2996 8.53253H13.5416C13.5079 7.55745 13.3668 6.69761 13.1583 5.93619C13.9003 5.63189 14.5205 5.26413 15.0345 4.87824C15.7571 5.93231 16.2128 7.18192 16.2996 8.53253ZM14.4571 4.14142C14.0181 4.46645 13.4937 4.77982 12.867 5.04269C12.3102 3.58719 11.5023 2.57456 10.7823 1.90508C12.2261 2.26766 13.495 3.06404 14.4571 4.14142ZM11.9684 5.35866C11.2459 5.57102 10.4185 5.71476 9.46808 5.75102V2.04623C10.1712 2.54866 11.2744 3.57424 11.9684 5.35866ZM8.53321 2.03587V5.75102C7.57763 5.71476 6.74376 5.56843 6.01736 5.35348C6.71269 3.55352 7.82494 2.53312 8.53321 2.03587ZM7.21896 1.90508C6.50033 2.57456 5.69236 3.58719 5.13558 5.04269C4.50889 4.77982 3.98448 4.46645 3.54553 4.14142C4.5063 3.06404 5.77652 2.26766 7.21896 1.90508ZM2.96804 4.87824C3.48209 5.26283 4.10361 5.63189 4.84425 5.9349C4.63578 6.69632 4.49464 7.55615 4.46098 8.53124H1.70299C1.78845 7.18192 2.24553 5.93231 2.96804 4.87824ZM4.46098 9.46747C4.49464 10.4426 4.63708 11.3024 4.84425 12.0651C4.10231 12.3681 3.48209 12.7372 2.96804 13.1218C2.24553 12.0677 1.78845 10.8181 1.7017 9.46747H4.46098ZM3.54683 13.8586C3.98448 13.5336 4.50889 13.2215 5.13688 12.9573C5.69366 14.4115 6.50033 15.4254 7.22026 16.0949C5.77652 15.7323 4.5063 14.936 3.54683 13.8586ZM6.0329 12.6413C6.75541 12.429 7.58281 12.2852 8.53192 12.249V15.9551C7.83142 15.4526 6.72822 14.4258 6.0329 12.6413ZM9.46808 15.9628V12.249C10.4224 12.2852 11.2536 12.4303 11.9775 12.6439C11.2834 14.4439 10.1764 15.4656 9.46808 15.9628ZM10.7836 16.0949C11.5023 15.4254 12.3102 14.4128 12.867 12.9573C13.4937 13.2202 14.0181 13.5336 14.4558 13.8586C13.495 14.936 12.2261 15.7323 10.7836 16.0949ZM15.0345 13.1218C14.5205 12.7372 13.899 12.3681 13.1583 12.0651C13.3668 11.3024 13.5079 10.4438 13.5416 9.46747H16.2996C16.2141 10.8181 15.7571 12.0677 15.0345 13.1218Z" fill="white"/>
</svg>
US
</button>
<div id=footer-nav-cs class="h-screen w-full z-50 bg-blue fixed flex items-center inset-0 overflow-hidden p-8 transition transform origin-top-right" x-show="showLangs" x-transition:enter="transition ease-out duration-300" x-transition:enter-start="opacity-0 scale-90" x-transition:enter-end="opacity-100 scale-100" x-transition:leave="transition ease-in duration-300" x-transition:leave-start="opacity-100 scale-100" x-transition:leave-end="opacity-0 scale-90" x-cloak>
<button title="Select language" @click="showLangs = false" class="absolute top-0 right-0 mt-4 mr-4">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke-width="2" stroke="white" class="w-8 h-8">
<path stroke-linecap="round" stroke-linejoin="round" d="M6 18L18 6M6 6l12 12"/>
</svg>
</button>
<div class="-mt-8">
<div class="pt-8">
<h5 class="font-sans-bold fnt-bold text-28 mb-3">Select a region:</h5>
<ul class="space-y-4">
<li>
<a href="/cz/" class="border-b-3 border-transparent">Česko</a>
</li>
<li>
<a href="/de/" class="border-b-3 border-transparent">DACH</a>
</li>
<li>
<a href="/es/" class="border-b-3 border-transparent">España</a>
</li>
<li>
<a href="/fr/" class="border-b-3 border-transparent">France & Belgique</a>
</li>
<li>
<a href="/us/" class="border-b-3 border-transparent">USA</a>
</li>
<li>
<a href="/uk/" class="border-b-3 border-transparent">UK</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="w-[120px] md:absolute md:right-0 md:top-0 md:mr-4 lg:mr-9 xl:mr-0">
<a href="https://choco.com/us/">
<object class="pointer-events-none lazy" type="image/svg+xml" data-src="https://choco.com/static/images/choco-certified.svg"></object>
</a>
</div>
<div class="hidden md:flex md:justify-between md:items-center md:pt-16">
<div class="flex">
<div class="relative self-start w-52">
<span class="text-18 leading-100 inline-block pb-3">Select a region:</span>
<input type="checkbox" id="sortbox" class="hidden absolute">
<label for="sortbox" class="flex items-center space-x-1 cursor-pointer border-2 justify-between border-white px-3 py-2">
<span class="text-base leading-100">
<span>USA</span>
</span>
<svg class="h-4" xmlns="http://www.w3.org/2000/svg" fill="none" viewbox="0 0 24 24" stroke="currentColor">
<path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M19 9l-7 7-7-7"/>
</svg>
</label>
<div id="sortboxmenu" class="absolute border-2 border-white border-t-0 -mt-[2px] w-full left-0 top-full h-0 overflow-hidden opacity-0 bg-skin-footerBg transition delay-75 ease-in-out z-10">
<ul class="block">
<li>
<a class="text-white/50 text-base leading-100 transition-all block px-3 py-2.5 hover:bg-white/50 hover:text-blue-darker" href="/cz/">Česko</a>
</li>
<li>
<a class="text-white/50 text-base leading-100 transition-all block px-3 py-2.5 hover:bg-white/50 hover:text-blue-darker" href="/de/">DACH</a>
</li>
<li>
<a class="text-white/50 text-base leading-100 transition-all block px-3 py-2.5 hover:bg-white/50 hover:text-blue-darker" href="/es/">España</a>
</li>
<li>
<a class="text-white/50 text-base leading-100 transition-all block px-3 py-2.5 hover:bg-white/50 hover:text-blue-darker" href="/fr/">France</a>
</li>
<li>
<a class="text-white/50 text-base leading-100 transition-all block px-3 py-2.5 hover:bg-white/50 hover:text-blue-darker" href="/be/">Belgique</a>
</li>
<li>
<a class="text-white/50 text-base leading-100 transition-all block px-3 py-2.5 hover:bg-white/50 hover:text-blue-darker" href="/uk/">UK</a>
</li>
</ul>
</div>
</div>
</div>
<div class="flex space-x-3">
<a href="https://www.youtube.com/channel/UCEujLeGUBGF-djzYAqtULbA" target="_blank">
<object class="lazy pointer-events-none h-[45px]" type="image/svg+xml" data-src="/assets/youtube.svg"></object>
</a>
<a href="https://www.facebook.com/choco.food" target="_blank">
<object class="lazy pointer-events-none h-[45px]" type="image/svg+xml" data-src="/assets/fb.svg"></object>
</a>
<a href="https://www.instagram.com/appchoco" target="_blank">
<object class="lazy pointer-events-none h-[45px]" type="image/svg+xml" data-src="/assets/ig.svg"></object>
</a>
<a href="https://www.linkedin.com/company/choco-app" target="_blank">
<object class="lazy pointer-events-none h-[45px]" type="image/svg+xml" data-src="/assets/linkedin.svg"></object>
</a>
</div>
</div>
<div class="md:py-16 md:flex md:justify-between">
<div class="">
<div class="flex pt-3 space-x-3">
</div>
</div>
<div class="flex space-x-3 md:hidden">
<a href="https://www.youtube.com/channel/UCEujLeGUBGF-djzYAqtULbA" target="_blank">
<object class="lazy pointer-events-none h-[45px]" type="image/svg+xml" data-src="/assets/youtube.svg"></object>
</a>
<a href="https://www.facebook.com/choco.food" target="_blank">
<object class="lazy pointer-events-none h-[45px]" type="image/svg+xml" data-src="/assets/fb.svg"></object>
</a>
<a href="https://www.instagram.com/appchoco" target="_blank">
<object class="lazy pointer-events-none h-[45px]" type="image/svg+xml" data-src="/assets/ig.svg"></object>
</a>
<a href="https://www.linkedin.com/company/choco-app" target="_blank">
<object class="lazy pointer-events-none h-[45px]" type="image/svg+xml" data-src="/assets/linkedin.svg"></object>
</a>
</div>
</div>
<div class="text-xs text-white/50 md:flex md:space-x-6">
<span class="whitespace-nowrap">2025 © Choco Communications GmbH</span>
<ul class="flex flex-wrap text-white w-full text-xs md:flex-nowrap md:space-x-6 md:items-start">
<li class="w-full md:w-auto">
<a href="https://choco.com/us/imprint" class="font-sans text-white/50">Contact Choco</a>
</li>
<li class="w-full md:w-auto">
<a href="https://legal.choco.com/us#usprivacypolicy" class="font-sans text-white/50">Privacy Policy</a>
</li>
<li class="w-full md:w-auto">
<a href="https://legal.choco.com/website#template-qbqvimd00" class="font-sans text-white/50">California Privacy Notice</a>
</li>
<li class="w-full md:w-auto">
<a href="https://legal.choco.com/us#tandcs" class="font-sans text-white/50">Terms & Conditions</a>
</li>
<li class="w-full md:w-auto">
<a href="https://legal.choco.com/security" class="font-sans text-white/50">Security Vulnerability Disclosure Policy</a>
</li>
</ul>
</div>
</div>
</footer>
<div x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-out duration-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="fixed inset-0 z-[999] bg-black/40 flex flex-col h-full justify-center items-center" role="dialog" tabindex="-1" x-show="isPopupOpen" x-cloak x-transition>
<div class="relative w-[calc(100vw-20px)] max-w-[520px] mx-auto">
<svg x-on:click="isPopupOpen = false" class="absolute top-0 right-0 h-5 mt-4 mr-4 cursor-pointer " fill=" none" viewbox=" 0 0 23 23">
<path fill="#fff" d="M.5 20.084A1.708 1.708 0 0 0 2.916 22.5l8.456-8.456 8.455 8.456a1.708 1.708 0 1 0 2.416-2.416l-8.455-8.456L22.5 2.916A1.708 1.708 0 0 0 20.084.5l-8.712 8.712L2.916.757A1.708 1.708 0 1 0 .5 3.173l8.456 8.455L.5 20.084Z"/>
</svg>
<div x-on:click.outside="isModalOpen = false" x-html="popupEmbed"></div>
</div>
</div>
<div x-transition:enter="transition ease-out duration-200" x-transition:enter-start="opacity-0" x-transition:enter-end="opacity-100" x-transition:leave="transition ease-out duration-100" x-transition:leave-start="opacity-100" x-transition:leave-end="opacity-0" class="fixed inset-0 z-[999] bg-blue-darker flex" role="dialog" tabindex="-1" x-show="isModalOpen" x-cloak x-transition>
<svg x-on:click="isModalOpen = false; videoEmbed = ''" class="absolute top-0 right-0 h-5 mt-4 mr-4 cursor-pointer " fill=" none" viewbox=" 0 0 23 23">
<path fill="#fff" d="M.5 20.084A1.708 1.708 0 0 0 2.916 22.5l8.456-8.456 8.455 8.456a1.708 1.708 0 1 0 2.416-2.416l-8.455-8.456L22.5 2.916A1.708 1.708 0 0 0 20.084.5l-8.712 8.712L2.916.757A1.708 1.708 0 1 0 .5 3.173l8.456 8.455L.5 20.084Z"/>
</svg>
<div class="container flex items-center w-full h-full mx-auto">
<div class="w-full max-h-full overflow-hidden bg-black aspect-video">
<div class="aspect-w-16 aspect-h-9">
<div x-html="videoEmbed" x-on:click.outside="isModalOpen = false, videoEmbed = ''" class="[&_iframe]:w-full [&_iframe]:h-full video-iframe absolute inset-0"></div>
</div>
</div>
</div>
</div>
<script type="application/ld+json">
{
"@context": "https:\/\/schema.org",
"@type": "FAQPage",
"mainEntity": [
{
"@type": "Question",
"name": "What is Choco AI?",
"acceptedAnswer": {
"@type": "Answer",
"text": "<p>Choco AI is the newest solution for wholesalers\u00a0from Choco. Choco AI is a cutting-edge tool created by Choco to transform how orders are handled in the food supply industry.\u00a0In simple terms, it's like having a smart assistant that takes care of all your orders, no matter how they come in\u2014email, voicemail, SMS or 3rd party providers. <br \/><br \/>Here's what it does: <br \/><strong><br \/>Processes Orders Digitally & Automatically: <\/strong>Choco AI sorts out every order on its own. Imagine every time you get an order, instead of you having to enter the details manually into the system, Choco AI does it for you, swiftly and smartly. <strong><br \/>Minimal Human Effort Needed: <\/strong>The only thing required from a human is a quick glance to ensure everything looks good. No more typing in orders manually. This saves a ton of time and reduces the chance of mistakes. <strong><br \/>Seamless Integration with ERP: <\/strong>Once Choco AI confirms an order is accurate, it sends it straight to your ERP system. This means your orders are processed faster than ever, ensuring your products get to your clients on time. <strong>Automatic Confirmation to Clients: <\/strong>After processing, Choco AI sends a confirmation back to your clients, letting them know their order is on its way. This keeps everyone informed and happy. <br \/><br \/>In essence, Choco AI is about making life easier for distributors by automating the order process, ensuring accuracy, speeding up delivery, reducing waste, and boosting sales. It's all about doing more with less effort.<\/p>"
}
},
{
"@type": "Question",
"name": "How does Choco AI benefit distributors?",
"acceptedAnswer": {
"@type": "Answer",
"text": "<p><strong>Operational Efficiency:<\/strong> Automates workflows to reduce manual work and errors, essential for addressing labor shortages. Choco AI allows distributors\u00a0to do more without growing their teams. <strong><br \/>Waste Reduction:<\/strong>\u00a0Mistake reduction\u00a0minimizes overstock and spoilage, saving costs and food. <br \/><strong>Customer Satisfaction:<\/strong> Improves reliability in meeting client needs, enhancing relationships.<\/p>"
}
},
{
"@type": "Question",
"name": "Can Choco AI integrate with existing systems?",
"acceptedAnswer": {
"@type": "Answer",
"text": "<p>Yes, Choco AI is designed to seamlessly integrate with a wide range of existing ERP. Our team works closely with distributors\u00a0to ensure a smooth integration process, minimizing disruption to your operations and enabling you to leverage Choco AI's capabilities as quickly as possible.<\/p>"
}
},
{
"@type": "Question",
"name": "Is Choco AI suitable for all types of food distributors?",
"acceptedAnswer": {
"@type": "Answer",
"text": "<p>Choco AI is versatile and scalable, making it suitable for a wide variety of food distributors. The platform's algorithms are adaptable to different product types and catalog complexities ensuring that all distributors\u00a0can benefit from its features.<\/p>"
}
},
{
"@type": "Question",
"name": "How does Choco ensure data security and privacy with Choco AI?",
"acceptedAnswer": {
"@type": "Answer",
"text": "<p>Data security and privacy are our top priorities at Choco. We adhere to strict data protection standards and employ advanced security measures to safeguard all information processed by Choco AI. Distributors\u00a0retain full control over their data. Compliance with GDPR and other relevant regulations is rigorously maintained to ensure that our partners' information is protected at all times.<\/p>"
}
},
{
"@type": "Question",
"name": "Is Choco a marketplace?",
"acceptedAnswer": {
"@type": "Answer",
"text": "<p>Choco is not a marketplace. Restaurants can order from distributors\u00a0with whom they already have a relationship. Likewise, distributors\u00a0can onboard restaurants that are already their clients.<\/p>"
}
}
]
}
</script>
<script src="/dist/assets/polyfills-legacy-bb6e7fa5.js?v=1746182397" nomodule onload="e=new CustomEvent('vite-script-loaded', {detail:{path: 'vite/legacy-polyfills-legacy'}});document.dispatchEvent(e);"></script>
<script type="module" src="/dist/assets/app-4201acfd.js?v=1746182397" crossorigin onload="e=new CustomEvent('vite-script-loaded', {detail:{path: 'resources/app.ts'}});document.dispatchEvent(e);"></script>
<script src="/dist/assets/app-legacy-8f8c68e0.js?v=1746182397" nomodule onload="e=new CustomEvent('vite-script-loaded', {detail:{path: 'resources/app-legacy.ts'}});document.dispatchEvent(e);"></script>
<script>var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
return new (P || (P = Promise))(function (resolve, reject) {
function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
step((generator = generator.apply(thisArg, _arguments || [])).next());
});
};
addInjectScriptEventListener();
function addInjectScriptEventListener() {
const injectScriptEvent = 'DOMContentLoaded';
if (injectScriptEvent === 'load') {
window.addEventListener('load', injectElements, { once: true });
}
else {
document.addEventListener(injectScriptEvent, injectElements, { once: true });
}
}
function injectElements() {
return __awaiter(this, void 0, void 0, function* () {
if (!document.dispatchEvent(new CustomEvent('beforeBlitzInjectAll', {
cancelable: true,
}))) {
return;
}
const elements = document.querySelectorAll('.blitz-inject:not(.blitz-inject--injected)');
const injectElements = {};
const promises = [];
elements.forEach(element => {
var _a;
const injectElement = {
element: element,
id: element.getAttribute('data-blitz-id'),
uri: element.getAttribute('data-blitz-uri'),
params: element.getAttribute('data-blitz-params'),
property: element.getAttribute('data-blitz-property'),
};
if (document.dispatchEvent(new CustomEvent('beforeBlitzInject', {
cancelable: true,
detail: injectElement,
}))) {
const url = injectElement.uri + (injectElement.params ? (injectElement.uri.indexOf('?') !== -1 ? '&' : '?') + injectElement.params : '');
injectElements[url] = (_a = injectElements[url]) !== null && _a !== void 0 ? _a : [];
injectElements[url].push(injectElement);
}
});
for (const url in injectElements) {
promises.push(replaceUrls(url, injectElements[url]));
}
yield Promise.all(promises);
document.dispatchEvent(new CustomEvent('afterBlitzInjectAll'));
});
}
function replaceUrls(url, injectElements) {
return __awaiter(this, void 0, void 0, function* () {
const response = yield fetch(url);
if (response.status >= 300) {
return null;
}
const responseText = yield response.text();
let responseJson;
if (url.indexOf('blitz/csrf/json') !== -1) {
responseJson = JSON.parse(responseText);
}
injectElements.forEach(injectElement => {
var _a;
if (injectElement.property) {
injectElement.element.innerHTML = (_a = responseJson[injectElement.property]) !== null && _a !== void 0 ? _a : '';
}
else {
injectElement.element.innerHTML = responseText;
}
injectElement.element.classList.add('blitz-inject--injected');
document.dispatchEvent(new CustomEvent('afterBlitzInject', {
detail: injectElement,
}));
});
});
};</script></body>
</html>
<!-- Cached by Blitz on 2025-05-02T16:59:06+02:00 --><!-- Served by Blitz on 2025-05-03T22:32:52+02:00 -->
Whois info of domain
Domain Name: CHOCO.COM
Registry Domain ID: 89079_DOMAIN_COM-VRSN
Registrar WHOIS Server: whois.registrar.amazon
Registrar URL: http://registrar.amazon.com
Updated Date: 2024-05-17T22:31:45Z
Creation Date: 1996-06-22T04:00:00Z
Registry Expiry Date: 2025-06-21T04:00:00Z
Registrar: Amazon Registrar, Inc.
Registrar IANA ID: 468
Registrar Abuse Contact Email: [email protected]
Registrar Abuse Contact Phone: +1.2024422253
Domain Status: clientDeleteProhibited https://icann.org/epp#clientDeleteProhibited
Domain Status: clientTransferProhibited https://icann.org/epp#clientTransferProhibited
Domain Status: clientUpdateProhibited https://icann.org/epp#clientUpdateProhibited
Name Server: NS-1096.AWSDNS-09.ORG
Name Server: NS-167.AWSDNS-20.COM
Name Server: NS-1706.AWSDNS-21.CO.UK
Name Server: NS-998.AWSDNS-60.NET
DNSSEC: unsigned
URL of the ICANN Whois Inaccuracy Complaint Form: https://www.icann.org/wicf/
>>> Last update of whois database: 2025-05-03T20:32:37Z <<<
For more information on Whois status codes, please visit https://icann.org/epp
NOTICE: The expiration date displayed in this record is the date the
TERMS OF USE: You are not authorized to access or query our Whois
by the following terms of use: You agree that you may use this Data only
to: (1) allow, enable, or otherwise support the transmission of mass