{"id":82261,"date":"2026-07-07T10:02:05","date_gmt":"2026-07-07T09:02:05","guid":{"rendered":"https:\/\/apicstaging.wpengine.com\/apicbase-mcp\/"},"modified":"2026-07-07T10:31:11","modified_gmt":"2026-07-07T09:31:11","slug":"apicbase-mcp","status":"publish","type":"page","link":"https:\/\/get.apicbase.com\/nl\/apicbase-mcp\/","title":{"rendered":"Apicbase MCP"},"content":{"rendered":"\t\t
\n\t\t\t\t
\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Apicbase MCP: chat met je restaurantdata<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Vraag Claude, ChatGPT, Gemini of Copilot naar food cost, omzet en compliance \u2014 voor al je vestigingen. Krijg meteen antwoord uit je live Apicbase-data.<\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t\t\t\t\n\t\t\t\t\t\t\n\t\t\t\t\t\t\t\t\tPraat met ons team<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"AB\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"ai-logos\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\t\t
Vertrouwd door contractcateringteams die grootschalige operaties met meerdere vestigingen runnen.<\/h6>\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\t\n<\/svg>\t\t<\/div>\n\t\t\t\t
\n\t\t\t\n\t\n<\/svg>\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Wat er verandert<\/h2>\t\t\t\t<\/div>\n\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t<\/path><\/path><\/g><\/rect><\/clipPath><\/defs><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tBeslis sneller\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\tDe antwoorden die je nodig hebt, zijn er op het moment dat de vraag opkomt. Geen wachten meer op rapporten of turen naar dashboards.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t<\/path><\/path><\/path><\/g><\/rect><\/clipPath><\/defs><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tGeen training nodig\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\tStel je vragen in gewone taal. Je hebt geen data-analist, SQL-kennis of BI-tools nodig.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t<\/path><\/g><\/rect><\/clipPath><\/defs><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tAntwoorden met context\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\tOmdat MCP je recepten, kosten, voorraad en omzet begrijpt, weerspiegelt elk antwoord de logica van je live operatie. Het is geen generieke analyse.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t

\n\t\t\t\t\t\t\t
\n\n\t\t\t\t\t\t
\n\t\t\t\t\n\t\t\t\t<\/path><\/g><\/rect><\/clipPath><\/defs><\/svg>\t\t\t\t<\/span>\n\t\t\t<\/div>\n\t\t\t\n\t\t\t\t\t\t
\n\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\t\n\t\t\t\t\t\t\tPast in je bestaande workflow\t\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/h3>\n\t\t\t\t\n\t\t\t\t\t\t\t\t\t

\n\t\t\t\t\t\tJe team hoeft geen nieuwe software te leren. Het werkt met de tools die je al gebruikt, zoals ChatGPT, Claude, Microsoft Copilot of elke MCP-compatibele assistent.\t\t\t\t\t<\/p>\n\t\t\t\t\n\t\t\t<\/div>\n\t\t\t\n\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"claude-question\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t\t\t
\n\t\t\t\n\t\n<\/svg>\t\t<\/div>\n\t\t\t\t
\n\t\t\t\n\t\n<\/svg>\t\t<\/div>\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Grip op je restaurantoperatie met AI van wereldklasse<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n
\n

Laat AI rechtstreeks met je recepten, ingredi\u00ebnten en kosten werken, zodat je restaurantteams problemen oplossen zodra ze zich voordoen en nieuwe voorkomen.<\/p>\n

Met onze MCP werkt je AI-assistent rechtstreeks met je data in Apicbase, de beheerde datalaag die AI betrouwbaar maakt in de horeca<\/a>. ChatGPT, Claude, Gemini, Microsoft Copilot: wat je ook gebruikt, het haalt real-time antwoorden uit je operatie.<\/p>\n

Geen exports. Geen dashboards. Gewoon natuurlijke vragen en echte antwoorden uit live operationele data.<\/p>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n<\/div>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"apic-menu-claude\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t
\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\"\"\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t

Wat je nu meteen kunt doen<\/h1>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Medewerkers met de juiste rechten stellen vragen in gewone taal. AI put uit live data en geeft binnen enkele seconden antwoord. Deze inzichten op aanvraag openen de deur naar een nieuwe manier van werken.<\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t\t
\n\t\t
\n\t\t\t\t
\n\t\t\t\t\t

Dinsdagochtend. De prijs van een belangrijk ingredi\u00ebnt schiet omhoog.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t
\n\t\t\t\t\t\t\t\t\t

Vraag: <\/span>“Kip is 15% duurder geworden. Welke gerechten worden het hardst geraakt?”<\/span><\/i><\/p>\n

\u2192 AI herberekent direct de kosten van al je recepten.<\/span>
<\/span>\u2192 Rangschikt gerechten op marge-impact.<\/span>
<\/span>\u2192 Stelt alternatieven voor die je al gebruikt.<\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t

\n\t\t\t\t
\n\t\t\t\t\t\n\n\n \n \n ChatGPT Interface - macOS Style<\/title>\n <style>\n body {\n margin: 0;\n padding: 0;\n background-color: transparent;\n }\n\n .apicbase-chicken-animation-container {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n background-color: transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 1rem;\n }\n\n .apicbase-chicken-animation-container * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-mac-window {\n width: 100%;\n max-width: 500px;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-window-container {\n background-color: white;\n border-radius: 0.45rem;\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n overflow: hidden;\n border: 1px solid #e5e7eb;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-title-bar {\n background-color: #f9fafb;\n padding: 0.45rem 0.675rem;\n display: flex;\n align-items: center;\n border-bottom: 1px solid #e5e7eb;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-traffic-lights {\n display: flex;\n gap: 0.27rem;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-traffic-light {\n width: 0.54rem;\n height: 0.54rem;\n border-radius: 50%;\n border: none;\n cursor: pointer;\n transition: all 0.2s;\n flex-shrink: 0;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-traffic-light.red {\n background-color: #ef4444;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-traffic-light.yellow {\n background-color: #eab308;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-traffic-light.green {\n background-color: #22c55e;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-window-title {\n flex: 1;\n text-align: center;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-spacer {\n width: 36px;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-content-area {\n background-color: white;\n padding: 0.7875rem;\n padding-bottom: 0.675rem;\n min-height: 340px;\n display: flex;\n align-items: flex-start;\n padding-top: 0.675rem;\n transition: min-height 0.3s ease;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-chat-container {\n display: flex;\n flex-direction: column;\n gap: 0.675rem;\n max-width: 48rem;\n margin: 0 auto;\n width: 100%;\n position: relative;\n min-height: 300px;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-chat-layer {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n display: flex;\n flex-direction: column;\n gap: 0.675rem;\n transition: opacity 0.5s ease-in-out;\n opacity: 1;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-chat-layer.apicbase-chicken-fade-out {\n opacity: 0;\n pointer-events: none;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-message {\n display: flex;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-message.user {\n justify-content: flex-end;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-message.ai {\n justify-content: flex-start;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-message-bubble {\n background-color: #f3f4f6;\n border-radius: 0.675rem;\n padding: 0.45rem 0.7875rem;\n max-width: 100%;\n font-size: 0.8125rem;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-message-bubble p {\n color: #111827;\n line-height: 1.5;\n font-weight: 500;\n position: relative;\n display: inline-block;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-cursor {\n display: inline-block;\n width: 2px;\n height: 0.8125rem;\n background-color: #111827;\n margin-left: 2px;\n animation: apicbase-chicken-blink 0.8s infinite;\n position: absolute;\n bottom: 0.1875rem;\n }\n\n @keyframes apicbase-chicken-blink {\n 0%, 49% { opacity: 1; }\n 50%, 100% { opacity: 0; }\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-ai-response {\n display: flex;\n gap: 0.45rem;\n max-width: 100%;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-avatar {\n flex-shrink: 0;\n width: 1.575rem;\n height: 1.575rem;\n border-radius: 50%;\n background-color: transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n transform: scale(0);\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-avatar svg {\n width: 1.2375rem;\n height: 1.2375rem;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-response-content {\n flex: 1;\n min-width: 0;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-response-text {\n color: #111827;\n margin-bottom: 1rem;\n line-height: 1.5;\n opacity: 0;\n font-weight: 500;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-answer-list {\n opacity: 0;\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 0.45rem;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-dish-card {\n background-color: #f9fafb;\n border: 1px solid #e5e7eb;\n border-radius: 0.45rem;\n overflow: hidden;\n transition: all 0.2s;\n cursor: pointer;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-dish-card:hover {\n background-color: #f3f4f6;\n border-color: #d1d5db;\n transform: translateY(-1.8px);\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-dish-card-image {\n width: 100%;\n height: 3.6rem;\n object-fit: cover;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-dish-card-content {\n padding: 0.45rem;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-dish-card-name {\n color: #111827;\n font-weight: 600;\n font-size: 0.6875rem;\n margin-bottom: 0.3375rem;\n line-height: 1.3;\n min-height: 1.8rem;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-dish-card-metrics {\n display: flex;\n flex-direction: column;\n gap: 0.27rem;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-dish-card-margin-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 0.625rem;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-dish-card-margin-label {\n color: #6b7280;\n font-weight: 500;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-dish-card-margin-value {\n color: #111827;\n font-weight: 600;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-dish-card-alternative {\n color: #6b7280;\n font-weight: 500;\n font-size: 0.625rem;\n margin-top: 0.27rem;\n }\n\n \/* Animations *\/\n @keyframes apicbase-chicken-slideInRight {\n from {\n opacity: 0;\n transform: translateX(50px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n @media (max-width: 768px) {\n .apicbase-chicken-animation-container {\n padding: 1rem;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-content-area {\n padding: 1.5rem;\n }\n\n .apicbase-chicken-animation-container .apicbase-chicken-message-bubble {\n max-width: 100%;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"apicbase-chicken-animation-container\">\n <div class=\"apicbase-chicken-mac-window\">\n <div class=\"apicbase-chicken-window-container\">\n <div class=\"apicbase-chicken-title-bar\">\n <div class=\"apicbase-chicken-traffic-lights\">\n <button class=\"apicbase-chicken-traffic-light red\" aria-label=\"Close\"><\/button>\n <button class=\"apicbase-chicken-traffic-light yellow\" aria-label=\"Minimize\"><\/button>\n <button class=\"apicbase-chicken-traffic-light green\" aria-label=\"Maximize\"><\/button>\n <\/div>\n <div class=\"apicbase-chicken-window-title\"><\/div>\n <div class=\"apicbase-chicken-spacer\"><\/div>\n <\/div>\n\n <div class=\"apicbase-chicken-content-area\">\n <div class=\"apicbase-chicken-chat-container\" id=\"apicbase-chicken-chat-container\">\n <!-- Layers will be dynamically created here -->\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n (function() {\n const container = document.querySelector('.apicbase-chicken-animation-container');\n const chatContainer = document.getElementById('apicbase-chicken-chat-container');\n \n \/\/ Data - dishes hit by 15% chicken price increase\n const chickenImpactData = [\n { \n name: \"Kip tikka masala\", \n currentMargin: 64.2, \n newMargin: 58.8, \n impact: -5.4,\n totalCosts: \"\u20ac8.45\",\n newMarginPercent: \"58.8%\",\n alternative: \"\u2192 Gebruik kippendijen\",\n image: \"https:\/\/images.unsplash.com\/photo-1707448829764-9474458021ed?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxjaGlja2VuJTIwdGlra2ElMjBtYXNhbGElMjBjdXJyeXxlbnwxfHx8fDE3NzA3MzU3MTV8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral\"\n },\n { \n name: \"Gegrilde Caesarsalade met kip\", \n currentMargin: 68.5, \n newMargin: 63.7, \n impact: -4.8,\n totalCosts: \"\u20ac6.20\",\n newMarginPercent: \"63.7%\",\n alternative: \"\u2192 Verklein de portie\",\n image: \"https:\/\/images.unsplash.com\/photo-1582034986517-30d163aa1da9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxncmlsbGVkJTIwY2hpY2tlbiUyMGNhZXNhciUyMHNhbGFkfGVufDF8fHx8MTc3MDgwNTY1M3ww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral\"\n },\n { \n name: \"Kip-alfredopasta\", \n currentMargin: 62.1, \n newMargin: 56.9, \n impact: -5.2,\n totalCosts: \"\u20ac7.80\",\n newMarginPercent: \"56.9%\",\n alternative: \"\u2192 Voeg goedkopere pasta toe\",\n image: \"https:\/\/images.unsplash.com\/photo-1748012199657-3f34292cdf70?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxjaGlja2VuJTIwYWxmcmVkbyUyMHBhc3RhJTIwY3JlYW15fGVufDF8fHx8MTc3MDgwNTY1M3ww&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral\"\n },\n { \n name: \"BBQ-kippenvleugels\", \n currentMargin: 71.3, \n newMargin: 65.1, \n impact: -6.2,\n totalCosts: \"\u20ac9.15\",\n newMarginPercent: \"65.1%\",\n alternative: \"\u2192 Verhoog de menuprijs\",\n image: \"https:\/\/images.unsplash.com\/photo-1766589221606-08bc21fa1acd?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxiYnElMjBjaGlja2VuJTIwd2luZ3MlMjBjcmlzcHl8ZW58MXx8fHwxNzcwODA1NjU0fDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral\"\n }\n ];\n\n \/\/ Apicbase Logo SVG paths\n const apicbasePath1 = 'M479.31 528.682C499.01 532.152 514.24 511.672 505.25 493.812L451.38 386.822C400.11 267.622 301.54 217.682 301.54 217.682L393.26 35.7225C417.08 -11.9075 485.05 -11.9075 508.87 35.7225L896.32 809.083H735.57C691.68 809.083 651.54 784.352 631.8 745.152C622.86 727.392 606.06 714.902 586.48 711.442L409.58 680.253L334.8 667.942L409.58 516.383L479.32 528.682H479.31Z';\n const apicbasePath2 = 'M301.54 217.682L0 809.043H158.09C201.73 809.043 241.68 784.583 261.52 745.723L517.26 244.833L323.68 174.233L301.55 217.693';\n\n let isTyping = false;\n let isAnimating = false;\n let allTimeouts = [];\n let currentLayer = null;\n let layerCounter = 0;\n let hasStarted = false;\n\n function clearAllTimeouts() {\n allTimeouts.forEach(timeout => clearTimeout(timeout));\n allTimeouts = [];\n }\n\n function typeWriterGeneric(element, text, callback) {\n if (!element) return;\n \n let i = 0;\n element.innerHTML = '<span class=\"apicbase-chicken-cursor\"><\/span>';\n \n function type() {\n if (!element) {\n return;\n }\n \n if (i < text.length) {\n element.innerHTML = text.substring(0, i + 1) + '<span class=\"apicbase-chicken-cursor\"><\/span>';\n i++;\n const timeout = setTimeout(type, 30);\n allTimeouts.push(timeout);\n } else {\n const timeout = setTimeout(() => {\n if (element) {\n element.innerHTML = text;\n if (callback) callback();\n }\n }, 500);\n allTimeouts.push(timeout);\n }\n }\n type();\n }\n\n function fadeOutAndReplace(callback) {\n if (currentLayer) {\n currentLayer.classList.add('apicbase-chicken-fade-out');\n const timeout = setTimeout(() => {\n if (currentLayer && currentLayer.parentNode) {\n currentLayer.remove();\n }\n \/\/ Reset flag and start new cycle\n isAnimating = false;\n callback();\n }, 600);\n allTimeouts.push(timeout);\n } else {\n \/\/ If no current layer, just start new cycle\n isAnimating = false;\n callback();\n }\n }\n\n function startQuestion1() {\n if (isAnimating) {\n return;\n }\n \n isAnimating = true;\n isTyping = false;\n \n const timeout1 = setTimeout(() => {\n let cardsHTML = '';\n chickenImpactData.slice(0, 4).forEach(dish => {\n cardsHTML += '<div class=\"apicbase-chicken-dish-card\">' +\n '<img src=\"' + dish.image + '\" class=\"apicbase-chicken-dish-card-image\" alt=\"' + dish.name + '\">' +\n '<div class=\"apicbase-chicken-dish-card-content\">' +\n '<div class=\"apicbase-chicken-dish-card-name\">' + dish.name + '<\/div>' +\n '<div class=\"apicbase-chicken-dish-card-metrics\">' +\n '<div class=\"apicbase-chicken-dish-card-margin-row\">' +\n '<span class=\"apicbase-chicken-dish-card-margin-label\">Totale kosten<\/span>' +\n '<span class=\"apicbase-chicken-dish-card-margin-value\">' + dish.totalCosts + '<\/span>' +\n '<\/div>' +\n '<div class=\"apicbase-chicken-dish-card-margin-row\">' +\n '<span class=\"apicbase-chicken-dish-card-margin-label\">Marge-impact<\/span>' +\n '<span class=\"apicbase-chicken-dish-card-margin-value\">' + dish.impact + '%<\/span>' +\n '<\/div>' +\n '<div class=\"apicbase-chicken-dish-card-alternative\">' + dish.alternative + '<\/div>' +\n '<\/div>' +\n '<\/div>' +\n '<\/div>';\n });\n\n layerCounter++;\n const newLayer = document.createElement('div');\n newLayer.className = 'apicbase-chicken-chat-layer';\n newLayer.id = 'apicbase-chicken-layer-' + layerCounter;\n newLayer.style.zIndex = layerCounter;\n newLayer.innerHTML = '<div class=\"apicbase-chicken-message user\" id=\"apicbase-chicken-q1-user-' + layerCounter + '\"><div class=\"apicbase-chicken-message-bubble\"><p class=\"apicbase-chicken-q1-typewriter\"><\/p><\/div><\/div><div class=\"apicbase-chicken-message ai\" id=\"apicbase-chicken-q1-ai-' + layerCounter + '\" style=\"opacity: 0;\"><div class=\"apicbase-chicken-ai-response\"><div class=\"apicbase-chicken-avatar\" style=\"transform: scale(1);\"><svg viewBox=\"0 0 896.32 809.083\" fill=\"none\" preserveAspectRatio=\"xMidYMid meet\"><path d=\"' + apicbasePath1 + '\" fill=\"#FFD200\"\/><path d=\"' + apicbasePath2 + '\" fill=\"#FCC11A\"\/><\/svg><\/div><div class=\"apicbase-chicken-response-content\"><div class=\"apicbase-chicken-answer-list\">' + cardsHTML + '<\/div><\/div><\/div><\/div>';\n \n chatContainer.appendChild(newLayer);\n currentLayer = newLayer;\n \n \/\/ Force a reflow to ensure DOM is ready\n newLayer.offsetHeight;\n \n const q1User = document.getElementById('apicbase-chicken-q1-user-' + layerCounter);\n const q1AI = document.getElementById('apicbase-chicken-q1-ai-' + layerCounter);\n const answerList = newLayer.querySelector('.apicbase-chicken-answer-list');\n \n q1User.style.animation = 'apicbase-chicken-slideInRight 0.6s ease-out forwards';\n \n const timeout2 = setTimeout(() => {\n const typewriterEl = newLayer.querySelector('.apicbase-chicken-q1-typewriter');\n typeWriterGeneric(typewriterEl, \"Kip is 15% duurder geworden. Welke gerechten worden het hardst geraakt?\", () => {\n const timeout3 = setTimeout(() => {\n q1AI.style.transition = 'opacity 0.6s';\n q1AI.style.opacity = '1';\n const timeout4 = setTimeout(() => {\n answerList.style.transition = 'opacity 0.4s';\n answerList.style.opacity = '1';\n \/\/ Wait 5 seconds, then start loop\n const timeout5 = setTimeout(() => {\n fadeOutAndReplace(startQuestion1);\n }, 5000);\n allTimeouts.push(timeout5);\n }, 400);\n allTimeouts.push(timeout4);\n }, 300);\n allTimeouts.push(timeout3);\n });\n }, 300);\n allTimeouts.push(timeout2);\n }, 100);\n allTimeouts.push(timeout1);\n }\n\n \/\/ IntersectionObserver to start animation when in view\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting && !hasStarted) {\n hasStarted = true;\n startQuestion1();\n }\n });\n }, {\n root: null,\n rootMargin: '0px',\n threshold: 0.1\n });\n\n \/\/ Observe the container\n if (container) {\n observer.observe(container);\n }\n\n \/\/ Check if already in viewport on load\n const rect = container.getBoundingClientRect();\n const isInViewport = rect.top < window.innerHeight && rect.bottom > 0;\n \n if (isInViewport && !hasStarted) {\n hasStarted = true;\n startQuestion1();\n }\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-6498d5d5 apicbse-scroll-reveal-item e-flex e-con-boxed e-con e-parent\" data-id=\"6498d5d5\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-f7b4e0b e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"f7b4e0b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"animation":"fadeInRight","_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-0b9f98b exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-html\" data-id=\"0b9f98b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"nl\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>ChatGPT Interface - macOS Style<\/title>\n <style>\n body {\n margin: 0;\n padding: 0;\n background-color: transparent;\n }\n\n .apicbase-stock-animation-container {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n background-color: transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 1rem;\n }\n\n .apicbase-stock-animation-container * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-mac-window {\n width: 100%;\n max-width: 500px;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-window-container {\n background-color: white;\n border-radius: 0.45rem;\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n overflow: hidden;\n border: 1px solid #e5e7eb;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-title-bar {\n background-color: #f9fafb;\n padding: 0.45rem 0.675rem;\n display: flex;\n align-items: center;\n border-bottom: 1px solid #e5e7eb;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-traffic-lights {\n display: flex;\n gap: 0.27rem;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-traffic-light {\n width: 0.54rem;\n height: 0.54rem;\n border-radius: 50%;\n border: none;\n cursor: pointer;\n transition: all 0.2s;\n flex-shrink: 0;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-traffic-light.red {\n background-color: #ef4444;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-traffic-light.yellow {\n background-color: #eab308;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-traffic-light.green {\n background-color: #22c55e;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-window-title {\n flex: 1;\n text-align: center;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-spacer {\n width: 36px;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-content-area {\n background-color: white;\n padding: 0.7875rem;\n padding-bottom: 0.675rem;\n min-height: 340px;\n display: flex;\n align-items: flex-start;\n padding-top: 0.675rem;\n transition: min-height 0.3s ease;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-chat-container {\n display: flex;\n flex-direction: column;\n gap: 0.675rem;\n max-width: 48rem;\n margin: 0 auto;\n width: 100%;\n position: relative;\n min-height: 300px;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-chat-layer {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n display: flex;\n flex-direction: column;\n gap: 0.675rem;\n transition: opacity 0.5s ease-in-out;\n opacity: 1;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-chat-layer.apicbase-stock-fade-out {\n opacity: 0;\n pointer-events: none;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-message {\n display: flex;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-message.user {\n justify-content: flex-end;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-message.ai {\n justify-content: flex-start;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-message-bubble {\n background-color: #f3f4f6;\n border-radius: 0.675rem;\n padding: 0.45rem 0.7875rem;\n max-width: 100%;\n font-size: 0.8125rem;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-message-bubble p {\n color: #111827;\n line-height: 1.5;\n font-weight: 500;\n position: relative;\n display: inline-block;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-cursor {\n display: inline-block;\n width: 2px;\n height: 0.8125rem;\n background-color: #111827;\n margin-left: 2px;\n animation: apicbase-stock-blink 0.8s infinite;\n position: absolute;\n bottom: 0.1875rem;\n }\n\n @keyframes apicbase-stock-blink {\n 0%, 49% { opacity: 1; }\n 50%, 100% { opacity: 0; }\n }\n\n .apicbase-stock-animation-container .apicbase-stock-ai-response {\n display: flex;\n gap: 0.45rem;\n max-width: 100%;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-avatar {\n flex-shrink: 0;\n width: 1.575rem;\n height: 1.575rem;\n border-radius: 50%;\n background-color: transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n transform: scale(0);\n }\n\n .apicbase-stock-animation-container .apicbase-stock-avatar svg {\n width: 1.2375rem;\n height: 1.2375rem;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-response-content {\n flex: 1;\n min-width: 0;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-response-text {\n color: #111827;\n margin-bottom: 1rem;\n line-height: 1.5;\n opacity: 0;\n font-weight: 500;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-answer-list {\n opacity: 0;\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 0.45rem;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-location-card {\n background-color: #f9fafb;\n border: 1px solid #e5e7eb;\n border-radius: 0.45rem;\n overflow: hidden;\n transition: all 0.2s;\n cursor: pointer;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-location-card:hover {\n background-color: #f3f4f6;\n border-color: #d1d5db;\n transform: translateY(-1.8px);\n }\n\n .apicbase-stock-animation-container .apicbase-stock-location-card-header {\n display: flex;\n align-items: center;\n padding: 0.45rem;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-location-card-image {\n width: 2.7rem;\n height: 2.7rem;\n border-radius: 0.3375rem;\n object-fit: cover;\n margin-right: 0.45rem;\n flex-shrink: 0;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-location-card-icon {\n font-size: 1.575rem;\n margin-right: 0.45rem;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-location-card-title {\n flex: 1;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-location-card-location {\n color: #111827;\n font-weight: 600;\n font-size: 0.6875rem;\n margin-bottom: 0.3375rem;\n line-height: 1.3;\n min-height: 1.8rem;\n display: -webkit-box;\n -webkit-line-clamp: 2;\n -webkit-box-orient: vertical;\n overflow: hidden;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-location-card-ingredient {\n color: #6b7280;\n font-weight: 500;\n font-size: 0.625rem;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-location-card-metrics {\n display: flex;\n flex-direction: column;\n gap: 0.27rem;\n padding: 0 0.45rem 0.45rem 0.45rem;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-location-card-stock-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n font-size: 0.625rem;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-location-card-stock-bar {\n height: 0.3375rem;\n background-color: #e5e7eb;\n border-radius: 0.225rem;\n overflow: hidden;\n position: relative;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-location-card-stock-fill {\n height: 100%;\n background: linear-gradient(90deg, #fbbf24, #f59e0b);\n border-radius: 0.225rem;\n transition: width 0.6s ease-out;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-location-card-label {\n color: #6b7280;\n font-weight: 500;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-location-card-value {\n color: #111827;\n font-weight: 600;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-location-card-value-muted {\n color: #6b7280;\n font-weight: 500;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-location-card-reorder {\n display: flex;\n align-items: center;\n justify-content: center;\n gap: 0.225rem;\n padding: 0.225rem 0.45rem;\n border-radius: 0.225rem;\n font-size: 0.61875rem;\n font-weight: 700;\n }\n\n \/* Animations *\/\n @keyframes apicbase-stock-slideInRight {\n from {\n opacity: 0;\n transform: translateX(50px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n @keyframes apicbase-stock-slideInLeft {\n from {\n opacity: 0;\n transform: translateX(-50px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n @keyframes apicbase-stock-scaleIn {\n from {\n opacity: 0;\n transform: scale(0);\n }\n to {\n opacity: 1;\n transform: scale(1);\n }\n }\n\n @keyframes apicbase-stock-fadeIn {\n from {\n opacity: 0;\n transform: translateY(10px);\n }\n to {\n opacity: 1;\n transform: translateY(0);\n }\n }\n\n @media (max-width: 768px) {\n .apicbase-stock-animation-container {\n padding: 1rem;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-content-area {\n padding: 1.5rem;\n }\n\n .apicbase-stock-animation-container .apicbase-stock-message-bubble {\n max-width: 100%;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"apicbase-stock-animation-container\">\n <div class=\"apicbase-stock-mac-window\">\n <div class=\"apicbase-stock-window-container\">\n <div class=\"apicbase-stock-title-bar\">\n <div class=\"apicbase-stock-traffic-lights\">\n <button class=\"apicbase-stock-traffic-light red\" aria-label=\"Close\"><\/button>\n <button class=\"apicbase-stock-traffic-light yellow\" aria-label=\"Minimize\"><\/button>\n <button class=\"apicbase-stock-traffic-light green\" aria-label=\"Maximize\"><\/button>\n <\/div>\n <div class=\"apicbase-stock-window-title\"><\/div>\n <div class=\"apicbase-stock-spacer\"><\/div>\n <\/div>\n\n <div class=\"apicbase-stock-content-area\">\n <div class=\"apicbase-stock-chat-container\" id=\"apicbase-stock-chat-container\">\n <!-- Layers will be dynamically created here -->\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n (function() {\n const container = document.querySelector('.apicbase-stock-animation-container');\n const chatContainer = document.getElementById('apicbase-stock-chat-container');\n \n \/\/ Data - locations running short on key ingredients this weekend\n const stockShortageData = [\n { \n location: \"Keuken Centrum\", \n ingredient: \"Kipfilet\",\n currentStock: \"12 kg\",\n parLevel: \"45 kg\",\n reorderAmount: \"35 kg\",\n urgency: \"high\",\n stockPercent: 27,\n image: \"https:\/\/images.unsplash.com\/photo-1604503468506-a8da13d82791?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxyYXclMjBjaGlja2VuJTIwYnJlYXN0JTIwbWVhdHxlbnwxfHx8fDE3NzA4ODY0MDF8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral\"\n },\n { \n location: \"Bistro Havenkwartier\", \n ingredient: \"Verse basilicum\",\n currentStock: \"3 kg\",\n parLevel: \"8 kg\",\n reorderAmount: \"6 kg\",\n urgency: \"medium\",\n stockPercent: 38,\n image: \"https:\/\/images.unsplash.com\/photo-1625004674402-e291c2d335a3?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxmcmVzaCUyMGJhc2lsJTIwaGVyYnMlMjBncmVlbnxlbnwxfHx8fDE3NzA4Nzc3NjJ8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral\"\n },\n { \n location: \"Pizzeria West\", \n ingredient: \"Mozzarella\",\n currentStock: \"8 kg\",\n parLevel: \"25 kg\",\n reorderAmount: \"18 kg\",\n urgency: \"high\",\n stockPercent: 32,\n image: \"https:\/\/images.unsplash.com\/photo-1723473620176-8d26dc6314cf?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxtb3p6YXJlbGxhJTIwY2hlZXNlJTIwYmFsbHxlbnwxfHx8fDE3NzA4ODY0MDF8MA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral\"\n },\n { \n location: \"Caf\u00e9 Centraal Station\", \n ingredient: \"Olijfolie\",\n currentStock: \"6 L\",\n parLevel: \"15 L\",\n reorderAmount: \"10 L\",\n urgency: \"medium\",\n stockPercent: 40,\n image: \"https:\/\/images.unsplash.com\/photo-1759749597968-d9f3a5057405?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&ixid=M3w3Nzg4Nzd8MHwxfHNlYXJjaHwxfHxvbGl2ZSUyMG9pbCUyMGJvdHRsZSUyMGtpdGNoZW58ZW58MXx8fHwxNzcwODg2NDAyfDA&ixlib=rb-4.1.0&q=80&w=1080&utm_source=figma&utm_medium=referral\"\n }\n ];\n\n \/\/ Apicbase Logo SVG paths\n const apicbasePath1 = 'M479.31 528.682C499.01 532.152 514.24 511.672 505.25 493.812L451.38 386.822C400.11 267.622 301.54 217.682 301.54 217.682L393.26 35.7225C417.08 -11.9075 485.05 -11.9075 508.87 35.7225L896.32 809.083H735.57C691.68 809.083 651.54 784.352 631.8 745.152C622.86 727.392 606.06 714.902 586.48 711.442L409.58 680.253L334.8 667.942L409.58 516.383L479.32 528.682H479.31Z';\n const apicbasePath2 = 'M301.54 217.682L0 809.043H158.09C201.73 809.043 241.68 784.583 261.52 745.723L517.26 244.833L323.68 174.233L301.55 217.693';\n\n let isTyping = false;\n let isAnimating = false;\n let allTimeouts = [];\n let currentLayer = null;\n let layerCounter = 0;\n let hasStarted = false;\n\n function clearAllTimeouts() {\n allTimeouts.forEach(timeout => clearTimeout(timeout));\n allTimeouts = [];\n }\n\n function typeWriterGeneric(element, text, callback) {\n if (!element) return;\n \n let i = 0;\n element.innerHTML = '<span class=\"apicbase-stock-cursor\"><\/span>';\n \n function type() {\n if (!element) {\n return;\n }\n \n if (i < text.length) {\n element.innerHTML = text.substring(0, i + 1) + '<span class=\"apicbase-stock-cursor\"><\/span>';\n i++;\n const timeout = setTimeout(type, 30);\n allTimeouts.push(timeout);\n } else {\n const timeout = setTimeout(() => {\n if (element) {\n element.innerHTML = text;\n if (callback) callback();\n }\n }, 500);\n allTimeouts.push(timeout);\n }\n }\n type();\n }\n\n function fadeOutAndReplace(callback) {\n if (currentLayer) {\n currentLayer.classList.add('apicbase-stock-fade-out');\n const timeout = setTimeout(() => {\n if (currentLayer && currentLayer.parentNode) {\n currentLayer.remove();\n }\n \/\/ Reset flag and start new cycle\n isAnimating = false;\n callback();\n }, 600);\n allTimeouts.push(timeout);\n } else {\n \/\/ If no current layer, just start new cycle\n isAnimating = false;\n callback();\n }\n }\n\n function startQuestion1() {\n if (isAnimating) {\n return;\n }\n \n isAnimating = true;\n isTyping = false;\n \n const timeout1 = setTimeout(() => {\n let cardsHTML = '';\n stockShortageData.forEach(location => {\n const urgencyColor = location.urgency === 'high' ? '#fee2e2' : '#fef3c7';\n const urgencyTextColor = location.urgency === 'high' ? '#dc2626' : '#d97706';\n const stockBarColor = location.urgency === 'high' ? 'linear-gradient(90deg, #ef4444, #dc2626)' : 'linear-gradient(90deg, #fbbf24, #f59e0b)';\n \n cardsHTML += '<div class=\"apicbase-stock-location-card\">' +\n '<div class=\"apicbase-stock-location-card-header\">' +\n '<img src=\"' + location.image + '\" alt=\"' + location.ingredient + '\" class=\"apicbase-stock-location-card-image\">' +\n '<div class=\"apicbase-stock-location-card-title\">' +\n '<div class=\"apicbase-stock-location-card-location\">' + location.location + '<\/div>' +\n '<div class=\"apicbase-stock-location-card-ingredient\">' + location.ingredient + '<\/div>' +\n '<\/div>' +\n '<\/div>' +\n '<div class=\"apicbase-stock-location-card-metrics\">' +\n '<div class=\"apicbase-stock-location-card-stock-row\">' +\n '<span class=\"apicbase-stock-location-card-label\">Huidige voorraad<\/span>' +\n '<span class=\"apicbase-stock-location-card-value\">' + location.currentStock + '<\/span>' +\n '<\/div>' +\n '<div class=\"apicbase-stock-location-card-stock-bar\">' +\n '<div class=\"apicbase-stock-location-card-stock-fill\" style=\"width: ' + location.stockPercent + '%; background: ' + stockBarColor + ';\"><\/div>' +\n '<\/div>' +\n '<div class=\"apicbase-stock-location-card-stock-row\">' +\n '<span class=\"apicbase-stock-location-card-label\">Par-niveau<\/span>' +\n '<span class=\"apicbase-stock-location-card-value-muted\">' + location.parLevel + '<\/span>' +\n '<\/div>' +\n '<div class=\"apicbase-stock-location-card-reorder\" style=\"background-color: ' + urgencyColor + '; color: ' + urgencyTextColor + ';\">' +\n '\ud83d\udce6 Bijbestellen ' + location.reorderAmount +\n '<\/div>' +\n '<\/div>' +\n '<\/div>';\n });\n\n layerCounter++;\n const newLayer = document.createElement('div');\n newLayer.className = 'apicbase-stock-chat-layer';\n newLayer.id = 'apicbase-stock-layer-' + layerCounter;\n newLayer.style.zIndex = layerCounter;\n newLayer.innerHTML = '<div class=\"apicbase-stock-message user\" id=\"apicbase-stock-q1-user-' + layerCounter + '\"><div class=\"apicbase-stock-message-bubble\"><p class=\"apicbase-stock-q1-typewriter\"><\/p><\/div><\/div><div class=\"apicbase-stock-message ai\" id=\"apicbase-stock-q1-ai-' + layerCounter + '\" style=\"opacity: 0;\"><div class=\"apicbase-stock-ai-response\"><div class=\"apicbase-stock-avatar\" style=\"transform: scale(1);\"><svg viewBox=\"0 0 896.32 809.083\" fill=\"none\" preserveAspectRatio=\"xMidYMid meet\"><path d=\"' + apicbasePath1 + '\" fill=\"#FFD200\"\/><path d=\"' + apicbasePath2 + '\" fill=\"#FCC11A\"\/><\/svg><\/div><div class=\"apicbase-stock-response-content\"><div class=\"apicbase-stock-answer-list\">' + cardsHTML + '<\/div><\/div><\/div><\/div>';\n \n chatContainer.appendChild(newLayer);\n currentLayer = newLayer;\n \n \/\/ Force a reflow to ensure DOM is ready\n newLayer.offsetHeight;\n \n const q1User = document.getElementById('apicbase-stock-q1-user-' + layerCounter);\n const q1AI = document.getElementById('apicbase-stock-q1-ai-' + layerCounter);\n const answerList = newLayer.querySelector('.apicbase-stock-answer-list');\n \n q1User.style.animation = 'apicbase-stock-slideInRight 0.6s ease-out forwards';\n \n const timeout2 = setTimeout(() => {\n const typewriterEl = newLayer.querySelector('.apicbase-stock-q1-typewriter');\n typeWriterGeneric(typewriterEl, \"Welke vestigingen komen dit weekend belangrijke ingredi\u00ebnten tekort?\", () => {\n const timeout3 = setTimeout(() => {\n q1AI.style.transition = 'opacity 0.6s';\n q1AI.style.opacity = '1';\n const timeout4 = setTimeout(() => {\n answerList.style.transition = 'opacity 0.4s';\n answerList.style.opacity = '1';\n \/\/ Wait 5 seconds, then start loop\n const timeout5 = setTimeout(() => {\n fadeOutAndReplace(startQuestion1);\n }, 5000);\n allTimeouts.push(timeout5);\n }, 400);\n allTimeouts.push(timeout4);\n }, 300);\n allTimeouts.push(timeout3);\n });\n }, 300);\n allTimeouts.push(timeout2);\n }, 100);\n allTimeouts.push(timeout1);\n }\n\n \/\/ IntersectionObserver to start animation when in view OR on load if already in view\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting && !hasStarted) {\n hasStarted = true;\n startQuestion1();\n \/\/ Don't unobserve - animation will loop infinitely\n }\n });\n }, {\n root: null,\n rootMargin: '0px',\n threshold: 0.1 \/\/ Start when 10% of element is visible\n });\n\n \/\/ Observe the container\n if (container) {\n observer.observe(container);\n }\n\n \/\/ Also start immediately if in viewport\n const rect = container.getBoundingClientRect();\n const isInViewport = rect.top < window.innerHeight && rect.bottom > 0;\n \n if (isInViewport && !hasStarted) {\n hasStarted = true;\n startQuestion1();\n }\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-10e78b4b e-con-full e-flex e-con e-child\" data-id=\"10e78b4b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-1d0235ed ob-harakiri-inherit exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-heading\" data-id=\"1d0235ed\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_use_harakiri":"yes","_ob_harakiri_writing_mode":"inherit","_ob_harakiri_text_clip":"none","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Donderdag, dagstart. Over twee dagen begint de weekendservice.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-46a474dc ob-harakiri-inherit exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-text-editor\" data-id=\"46a474dc\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_use_harakiri":"yes","_ob_harakiri_writing_mode":"inherit","_ob_postman_use":"no","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Vraag: <\/span><i><span style=\"font-weight: 400;\">“Welke vestigingen komen dit weekend belangrijke ingredi\u00ebnten tekort?”<\/span><\/i><\/p>\n<p><span style=\"font-weight: 400;\">\u2192 Controleert huidige voorraad, par-niveaus en verbruikstrends.<\/span><span style=\"font-weight: 400;\"><br \/><\/span><span style=\"font-weight: 400;\">\u2192 Toont specifieke items en vestigingen.<\/span><span style=\"font-weight: 400;\"><br \/><\/span><span style=\"font-weight: 400;\">\u2192 Vertelt je wat je moet bijbestellen en hoeveel.<\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-2046eb3f apicbse-scroll-reveal-item e-flex e-con-boxed e-con e-parent\" data-id=\"2046eb3f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-46f969fe e-con-full e-flex e-con e-child\" data-id=\"46f969fe\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-beea1e ob-harakiri-inherit exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-heading\" data-id=\"beea1e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_use_harakiri":"yes","_ob_harakiri_writing_mode":"inherit","_ob_harakiri_text_clip":"none","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Menuplanning. De executive chef wil zicht op de winstgevendheid.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-365af866 ob-harakiri-inherit exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-text-editor\" data-id=\"365af866\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_use_harakiri":"yes","_ob_harakiri_writing_mode":"inherit","_ob_postman_use":"no","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Vraag: <\/span><i><span style=\"font-weight: 400;\">“Laat me alle gerechten met kipfilet zien en hun huidige winstgevendheid.”<\/span><\/i><\/p>\n<p><span style=\"font-weight: 400;\">\u2192 Haalt live recepten, porties en leveranciersprijzen op.<\/span><span style=\"font-weight: 400;\"><br \/><\/span><span style=\"font-weight: 400;\">\u2192 Toont de marge per gerecht.<\/span><span style=\"font-weight: 400;\"><br \/><\/span><span style=\"font-weight: 400;\">\u2192 Ondersteunt menukeuzes ter plekke.<\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-ed275e0 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"ed275e0\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"animation":"fadeInRight","_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ad16b7d exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-html\" data-id=\"ad16b7d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"nl\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>ChatGPT Interface - macOS Style<\/title>\n <style>\n body {\n margin: 0;\n padding: 0;\n background-color: transparent;\n }\n\n .apicbase-profitability-container {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n background-color: transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 1rem;\n }\n\n .apicbase-profitability-container * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .apicbase-profitability-container .apicbase-profitability-mac-window {\n width: 100%;\n max-width: 500px;\n }\n\n .apicbase-profitability-container .apicbase-profitability-window-container {\n background-color: white;\n border-radius: 0.45rem;\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n overflow: hidden;\n border: 1px solid #e5e7eb;\n }\n\n .apicbase-profitability-container .apicbase-profitability-title-bar {\n background-color: #f9fafb;\n padding: 0.45rem 0.675rem;\n display: flex;\n align-items: center;\n border-bottom: 1px solid #e5e7eb;\n }\n\n .apicbase-profitability-container .apicbase-profitability-traffic-lights {\n display: flex;\n gap: 0.27rem;\n }\n\n .apicbase-profitability-container .apicbase-profitability-traffic-light {\n width: 0.54rem;\n height: 0.54rem;\n border-radius: 50%;\n border: none;\n cursor: pointer;\n transition: all 0.2s;\n flex-shrink: 0;\n }\n\n .apicbase-profitability-container .apicbase-profitability-traffic-light.red {\n background-color: #ef4444;\n }\n\n .apicbase-profitability-container .apicbase-profitability-traffic-light.yellow {\n background-color: #eab308;\n }\n\n .apicbase-profitability-container .apicbase-profitability-traffic-light.green {\n background-color: #22c55e;\n }\n\n .apicbase-profitability-container .apicbase-profitability-window-title {\n flex: 1;\n text-align: center;\n }\n\n .apicbase-profitability-container .apicbase-profitability-spacer {\n width: 36px;\n }\n\n .apicbase-profitability-container .apicbase-profitability-content-area {\n background-color: white;\n padding: 0.7875rem;\n padding-bottom: 0.675rem;\n min-height: 340px;\n display: flex;\n align-items: flex-start;\n padding-top: 0.675rem;\n transition: min-height 0.3s ease;\n }\n\n .apicbase-profitability-container .apicbase-profitability-chat-container {\n display: flex;\n flex-direction: column;\n gap: 0.675rem;\n max-width: 48rem;\n margin: 0 auto;\n width: 100%;\n position: relative;\n min-height: 300px;\n }\n\n .apicbase-profitability-container .apicbase-profitability-chat-layer {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n display: flex;\n flex-direction: column;\n gap: 0.675rem;\n transition: opacity 0.5s ease-in-out;\n opacity: 1;\n }\n\n .apicbase-profitability-container .apicbase-profitability-chat-layer.apicbase-profitability-fade-out {\n opacity: 0;\n pointer-events: none;\n }\n\n .apicbase-profitability-container .apicbase-profitability-message {\n display: flex;\n }\n\n .apicbase-profitability-container .apicbase-profitability-message.user {\n justify-content: flex-end;\n }\n\n .apicbase-profitability-container .apicbase-profitability-message.ai {\n justify-content: flex-start;\n }\n\n .apicbase-profitability-container .apicbase-profitability-message-bubble {\n background-color: #f3f4f6;\n border-radius: 0.675rem;\n padding: 0.45rem 0.7875rem;\n max-width: 100%;\n font-size: 0.8125rem;\n }\n\n .apicbase-profitability-container .apicbase-profitability-message-bubble p {\n color: #111827;\n line-height: 1.5;\n font-weight: 500;\n position: relative;\n display: inline-block;\n }\n\n .apicbase-profitability-container .apicbase-profitability-cursor {\n display: inline-block;\n width: 2px;\n height: 0.8125rem;\n background-color: #111827;\n margin-left: 2px;\n animation: apicbase-profitability-blink 0.8s infinite;\n position: absolute;\n bottom: 0.1875rem;\n }\n\n @keyframes apicbase-profitability-blink {\n 0%, 49% { opacity: 1; }\n 50%, 100% { opacity: 0; }\n }\n\n .apicbase-profitability-container .apicbase-profitability-ai-response {\n display: flex;\n gap: 0.45rem;\n max-width: 100%;\n }\n\n .apicbase-profitability-container .apicbase-profitability-avatar {\n flex-shrink: 0;\n width: 1.575rem;\n height: 1.575rem;\n border-radius: 50%;\n background-color: transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n transform: scale(0);\n }\n\n .apicbase-profitability-container .apicbase-profitability-avatar svg {\n width: 1.2375rem;\n height: 1.2375rem;\n }\n\n .apicbase-profitability-container .apicbase-profitability-response-content {\n flex: 1;\n min-width: 0;\n }\n\n .apicbase-profitability-container .apicbase-profitability-bullet-list {\n opacity: 0;\n display: grid;\n grid-template-columns: repeat(2, 1fr);\n gap: 0.5rem;\n }\n\n .apicbase-profitability-container .apicbase-profitability-dish-row {\n display: flex;\n flex-direction: column;\n gap: 0;\n background-color: #f9fafb;\n border: 1px solid #e5e7eb;\n border-radius: 0.4rem;\n overflow: hidden;\n transition: all 0.2s;\n }\n\n .apicbase-profitability-container .apicbase-profitability-dish-row:hover {\n background-color: #f3f4f6;\n border-color: #d1d5db;\n transform: translateY(-2px);\n box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1);\n }\n\n .apicbase-profitability-container .apicbase-profitability-dish-image {\n width: 100%;\n height: 4.5rem;\n object-fit: cover;\n }\n\n .apicbase-profitability-container .apicbase-profitability-dish-content {\n padding: 0.5rem;\n display: flex;\n flex-direction: column;\n gap: 0.35rem;\n }\n\n .apicbase-profitability-container .apicbase-profitability-dish-header {\n display: flex;\n justify-content: space-between;\n align-items: center;\n }\n\n .apicbase-profitability-container .apicbase-profitability-dish-name {\n color: #111827;\n font-weight: 600;\n font-size: 0.75rem;\n line-height: 1.3;\n }\n\n .apicbase-profitability-container .apicbase-profitability-dish-portion {\n color: #6b7280;\n font-weight: 500;\n font-size: 0.625rem;\n }\n\n .apicbase-profitability-container .apicbase-profitability-dish-metrics {\n display: grid;\n grid-template-columns: 1fr 1fr 1fr;\n gap: 0.4rem;\n font-size: 0.625rem;\n }\n\n .apicbase-profitability-container .apicbase-profitability-metric {\n display: flex;\n flex-direction: column;\n gap: 0.15rem;\n }\n\n .apicbase-profitability-container .apicbase-profitability-metric-label {\n color: #9ca3af;\n font-weight: 500;\n text-transform: uppercase;\n font-size: 0.5625rem;\n letter-spacing: 0.02em;\n }\n\n .apicbase-profitability-container .apicbase-profitability-metric-value {\n color: #111827;\n font-weight: 600;\n font-size: 0.6875rem;\n }\n\n .apicbase-profitability-container .apicbase-profitability-margin-bar {\n margin-top: 0.25rem;\n height: 0.35rem;\n background-color: #e5e7eb;\n border-radius: 0.2rem;\n overflow: hidden;\n position: relative;\n }\n\n .apicbase-profitability-container .apicbase-profitability-margin-fill {\n height: 100%;\n border-radius: 0.2rem;\n transition: width 0.6s ease-out;\n }\n\n .apicbase-profitability-container .apicbase-profitability-margin-high {\n background: linear-gradient(90deg, #10b981, #059669);\n }\n\n .apicbase-profitability-container .apicbase-profitability-margin-medium {\n background: linear-gradient(90deg, #fbbf24, #f59e0b);\n }\n\n .apicbase-profitability-container .apicbase-profitability-margin-low {\n background: linear-gradient(90deg, #f87171, #ef4444);\n }\n\n \/* Animations *\/\n @keyframes apicbase-profitability-slideInRight {\n from {\n opacity: 0;\n transform: translateX(50px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n @media (max-width: 768px) {\n .apicbase-profitability-container {\n padding: 1rem;\n }\n\n .apicbase-profitability-container .apicbase-profitability-content-area {\n padding: 1.5rem;\n }\n\n .apicbase-profitability-container .apicbase-profitability-message-bubble {\n max-width: 100%;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"apicbase-profitability-container\">\n <div class=\"apicbase-profitability-mac-window\">\n <div class=\"apicbase-profitability-window-container\">\n <div class=\"apicbase-profitability-title-bar\">\n <div class=\"apicbase-profitability-traffic-lights\">\n <button class=\"apicbase-profitability-traffic-light red\" aria-label=\"Close\"><\/button>\n <button class=\"apicbase-profitability-traffic-light yellow\" aria-label=\"Minimize\"><\/button>\n <button class=\"apicbase-profitability-traffic-light green\" aria-label=\"Maximize\"><\/button>\n <\/div>\n <div class=\"apicbase-profitability-window-title\"><\/div>\n <div class=\"apicbase-profitability-spacer\"><\/div>\n <\/div>\n\n <div class=\"apicbase-profitability-content-area\">\n <div class=\"apicbase-profitability-chat-container\" id=\"apicbase-profitability-chat-container\">\n <!-- Layers will be dynamically created here -->\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n (function() {\n const container = document.querySelector('.apicbase-profitability-container');\n const chatContainer = document.getElementById('apicbase-profitability-chat-container');\n \n \/\/ Data - dishes with chicken breast profitability\n const chickenBreastDishes = [\n { \n name: \"Gegrilde kipfilet\", \n portion: \"180g\",\n cost: \"\u20ac4.20\",\n price: \"\u20ac12.50\",\n margin: 66.4,\n marginClass: \"high\",\n image: \"https:\/\/images.unsplash.com\/photo-1532550907401-a500c9a57435?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=400\"\n },\n { \n name: \"Kip-pestopasta\", \n portion: \"140g\",\n cost: \"\u20ac7.20\",\n price: \"\u20ac14.00\",\n margin: 48.6,\n marginClass: \"medium\",\n image: \"https:\/\/images.unsplash.com\/photo-1621996346565-e3dbc646d9a9?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=400\"\n }\n ];\n\n \/\/ Apicbase Logo SVG paths\n const apicbasePath1 = 'M479.31 528.682C499.01 532.152 514.24 511.672 505.25 493.812L451.38 386.822C400.11 267.622 301.54 217.682 301.54 217.682L393.26 35.7225C417.08 -11.9075 485.05 -11.9075 508.87 35.7225L896.32 809.083H735.57C691.68 809.083 651.54 784.352 631.8 745.152C622.86 727.392 606.06 714.902 586.48 711.442L409.58 680.253L334.8 667.942L409.58 516.383L479.32 528.682H479.31Z';\n const apicbasePath2 = 'M301.54 217.682L0 809.043H158.09C201.73 809.043 241.68 784.583 261.52 745.723L517.26 244.833L323.68 174.233L301.55 217.693';\n\n let isAnimating = false;\n let allTimeouts = [];\n let currentLayer = null;\n let layerCounter = 0;\n let hasStarted = false;\n\n function clearAllTimeouts() {\n allTimeouts.forEach(timeout => clearTimeout(timeout));\n allTimeouts = [];\n }\n\n function typeWriterGeneric(element, text, callback) {\n if (!element) return;\n \n let i = 0;\n element.innerHTML = '<span class=\"apicbase-profitability-cursor\"><\/span>';\n \n function type() {\n if (!element) {\n return;\n }\n \n if (i < text.length) {\n element.innerHTML = text.substring(0, i + 1) + '<span class=\"apicbase-profitability-cursor\"><\/span>';\n i++;\n const timeout = setTimeout(type, 25);\n allTimeouts.push(timeout);\n } else {\n const timeout = setTimeout(() => {\n if (element) {\n element.innerHTML = text;\n if (callback) callback();\n }\n }, 400);\n allTimeouts.push(timeout);\n }\n }\n type();\n }\n\n function fadeOutAndReplace(callback) {\n if (currentLayer) {\n currentLayer.classList.add('apicbase-profitability-fade-out');\n const timeout = setTimeout(() => {\n if (currentLayer && currentLayer.parentNode) {\n currentLayer.remove();\n }\n \/\/ Reset flag and start new cycle\n isAnimating = false;\n callback();\n }, 500);\n allTimeouts.push(timeout);\n } else {\n \/\/ If no current layer, just start new cycle\n isAnimating = false;\n callback();\n }\n }\n\n function startQuestion1() {\n if (isAnimating) {\n return;\n }\n \n isAnimating = true;\n \n const timeout1 = setTimeout(() => {\n let dishesHTML = '';\n chickenBreastDishes.forEach(dish => {\n dishesHTML += '<div class=\"apicbase-profitability-dish-row\">' +\n '<img src=\"' + dish.image + '\" alt=\"' + dish.name + '\" class=\"apicbase-profitability-dish-image\">' +\n '<div class=\"apicbase-profitability-dish-content\">' +\n '<div class=\"apicbase-profitability-dish-header\">' +\n '<span class=\"apicbase-profitability-dish-name\">' + dish.name + '<\/span>' +\n '<span class=\"apicbase-profitability-dish-portion\">' + dish.portion + '<\/span>' +\n '<\/div>' +\n '<div class=\"apicbase-profitability-dish-metrics\">' +\n '<div class=\"apicbase-profitability-metric\">' +\n '<span class=\"apicbase-profitability-metric-label\">Kostprijs<\/span>' +\n '<span class=\"apicbase-profitability-metric-value\">' + dish.cost + '<\/span>' +\n '<\/div>' +\n '<div class=\"apicbase-profitability-metric\">' +\n '<span class=\"apicbase-profitability-metric-label\">Prijs<\/span>' +\n '<span class=\"apicbase-profitability-metric-value\">' + dish.price + '<\/span>' +\n '<\/div>' +\n '<div class=\"apicbase-profitability-metric\">' +\n '<span class=\"apicbase-profitability-metric-label\">Marge<\/span>' +\n '<span class=\"apicbase-profitability-metric-value\">' + dish.margin + '%<\/span>' +\n '<\/div>' +\n '<\/div>' +\n '<div class=\"apicbase-profitability-margin-bar\">' +\n '<div class=\"apicbase-profitability-margin-fill apicbase-profitability-margin-' + dish.marginClass + '\" style=\"width: ' + dish.margin + '%;\"><\/div>' +\n '<\/div>' +\n '<\/div>' +\n '<\/div>';\n });\n\n layerCounter++;\n const newLayer = document.createElement('div');\n newLayer.className = 'apicbase-profitability-chat-layer';\n newLayer.id = 'apicbase-profitability-layer-' + layerCounter;\n newLayer.style.zIndex = layerCounter;\n newLayer.innerHTML = '<div class=\"apicbase-profitability-message user\" id=\"apicbase-profitability-q1-user-' + layerCounter + '\"><div class=\"apicbase-profitability-message-bubble\"><p class=\"apicbase-profitability-q1-typewriter\"><\/p><\/div><\/div><div class=\"apicbase-profitability-message ai\" id=\"apicbase-profitability-q1-ai-' + layerCounter + '\" style=\"opacity: 0;\"><div class=\"apicbase-profitability-ai-response\"><div class=\"apicbase-profitability-avatar\" style=\"transform: scale(1);\"><svg viewBox=\"0 0 896.32 809.083\" fill=\"none\" preserveAspectRatio=\"xMidYMid meet\"><path d=\"' + apicbasePath1 + '\" fill=\"#FFD200\"\/><path d=\"' + apicbasePath2 + '\" fill=\"#FCC11A\"\/><\/svg><\/div><div class=\"apicbase-profitability-response-content\"><div class=\"apicbase-profitability-bullet-list\">' + dishesHTML + '<\/div><\/div><\/div><\/div>';\n \n chatContainer.appendChild(newLayer);\n currentLayer = newLayer;\n \n \/\/ Force a reflow to ensure DOM is ready\n newLayer.offsetHeight;\n \n const q1User = document.getElementById('apicbase-profitability-q1-user-' + layerCounter);\n const q1AI = document.getElementById('apicbase-profitability-q1-ai-' + layerCounter);\n const bulletList = newLayer.querySelector('.apicbase-profitability-bullet-list');\n \n q1User.style.animation = 'apicbase-profitability-slideInRight 0.6s ease-out forwards';\n \n const timeout2 = setTimeout(() => {\n const typewriterEl = newLayer.querySelector('.apicbase-profitability-q1-typewriter');\n typeWriterGeneric(typewriterEl, \"Laat me alle gerechten met kipfilet zien en hun huidige winstgevendheid.\", () => {\n const timeout3 = setTimeout(() => {\n q1AI.style.transition = 'opacity 0.5s';\n q1AI.style.opacity = '1';\n const timeout4 = setTimeout(() => {\n bulletList.style.transition = 'opacity 0.5s';\n bulletList.style.opacity = '1';\n \/\/ Wait 6 seconds, then start loop\n const timeout5 = setTimeout(() => {\n fadeOutAndReplace(startQuestion1);\n }, 6000);\n allTimeouts.push(timeout5);\n }, 350);\n allTimeouts.push(timeout4);\n }, 250);\n allTimeouts.push(timeout3);\n });\n }, 250);\n allTimeouts.push(timeout2);\n }, 100);\n allTimeouts.push(timeout1);\n }\n\n \/\/ IntersectionObserver to start animation when in view\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting && !hasStarted) {\n hasStarted = true;\n startQuestion1();\n }\n });\n }, {\n root: null,\n rootMargin: '0px',\n threshold: 0.1\n });\n\n \/\/ Observe the container\n if (container) {\n observer.observe(container);\n }\n\n \/\/ Check if already in viewport on load\n const rect = container.getBoundingClientRect();\n const isInViewport = rect.top < window.innerHeight && rect.bottom > 0;\n \n if (isInViewport && !hasStarted) {\n hasStarted = true;\n startQuestion1();\n }\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-593b3679 apicbse-scroll-reveal-item e-flex e-con-boxed e-con e-parent\" data-id=\"593b3679\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-9280a22 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"9280a22\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"animation":"fadeInRight","_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-3984940 exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-html\" data-id=\"3984940\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"nl\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>ChatGPT Interface - macOS Style<\/title>\n <style>\n body {\n margin: 0;\n padding: 0;\n background-color: transparent;\n }\n\n .apicbase-variance-container {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n background-color: transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 1rem;\n }\n\n .apicbase-variance-container * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .apicbase-variance-container .apicbase-variance-mac-window {\n width: 100%;\n max-width: 550px;\n }\n\n .apicbase-variance-container .apicbase-variance-window-container {\n background-color: white;\n border-radius: 0.45rem;\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n overflow: hidden;\n border: 1px solid #e5e7eb;\n }\n\n .apicbase-variance-container .apicbase-variance-title-bar {\n background-color: #f9fafb;\n padding: 0.45rem 0.675rem;\n display: flex;\n align-items: center;\n border-bottom: 1px solid #e5e7eb;\n }\n\n .apicbase-variance-container .apicbase-variance-traffic-lights {\n display: flex;\n gap: 0.27rem;\n }\n\n .apicbase-variance-container .apicbase-variance-traffic-light {\n width: 0.54rem;\n height: 0.54rem;\n border-radius: 50%;\n border: none;\n cursor: pointer;\n transition: all 0.2s;\n flex-shrink: 0;\n }\n\n .apicbase-variance-container .apicbase-variance-traffic-light.red {\n background-color: #ef4444;\n }\n\n .apicbase-variance-container .apicbase-variance-traffic-light.yellow {\n background-color: #eab308;\n }\n\n .apicbase-variance-container .apicbase-variance-traffic-light.green {\n background-color: #22c55e;\n }\n\n .apicbase-variance-container .apicbase-variance-window-title {\n flex: 1;\n text-align: center;\n }\n\n .apicbase-variance-container .apicbase-variance-spacer {\n width: 36px;\n }\n\n .apicbase-variance-container .apicbase-variance-content-area {\n background-color: white;\n padding: 1.125rem;\n min-height: 420px;\n display: flex;\n align-items: flex-start;\n transition: min-height 0.3s ease;\n }\n\n .apicbase-variance-container .apicbase-variance-chat-container {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 48rem;\n margin: 0 auto;\n width: 100%;\n position: relative;\n min-height: 380px;\n }\n\n .apicbase-variance-container .apicbase-variance-chat-layer {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n display: flex;\n flex-direction: column;\n gap: 0.675rem;\n transition: opacity 0.6s ease-in-out;\n opacity: 1;\n }\n\n .apicbase-variance-container .apicbase-variance-chat-layer.apicbase-variance-fade-out {\n opacity: 0;\n pointer-events: none;\n }\n\n .apicbase-variance-container .apicbase-variance-message {\n display: flex;\n }\n\n .apicbase-variance-container .apicbase-variance-message.user {\n justify-content: flex-end;\n }\n\n .apicbase-variance-container .apicbase-variance-message.ai {\n justify-content: flex-start;\n }\n\n .apicbase-variance-container .apicbase-variance-message-bubble {\n background-color: #f3f4f6;\n border-radius: 0.675rem;\n padding: 0.45rem 0.7875rem;\n max-width: 100%;\n font-size: 0.8125rem;\n }\n\n .apicbase-variance-container .apicbase-variance-message-bubble p {\n color: #111827;\n line-height: 1.5;\n font-weight: 500;\n position: relative;\n display: inline-block;\n }\n\n .apicbase-variance-container .apicbase-variance-cursor {\n display: inline-block;\n width: 2px;\n height: 0.8125rem;\n background-color: #111827;\n margin-left: 2px;\n animation: apicbase-variance-blink 0.8s infinite;\n position: absolute;\n bottom: 0.1875rem;\n }\n\n @keyframes apicbase-variance-blink {\n 0%, 49% { opacity: 1; }\n 50%, 100% { opacity: 0; }\n }\n\n .apicbase-variance-container .apicbase-variance-ai-response {\n display: flex;\n gap: 0.45rem;\n max-width: 100%;\n }\n\n .apicbase-variance-container .apicbase-variance-avatar {\n flex-shrink: 0;\n width: 1.575rem;\n height: 1.575rem;\n border-radius: 50%;\n background-color: transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n transform: scale(0);\n }\n\n .apicbase-variance-container .apicbase-variance-avatar svg {\n width: 1.2375rem;\n height: 1.2375rem;\n }\n\n .apicbase-variance-container .apicbase-variance-response-content {\n flex: 1;\n min-width: 0;\n }\n\n .apicbase-variance-container .apicbase-variance-dashboard {\n opacity: 0;\n display: flex;\n flex-direction: column;\n gap: 0.875rem;\n }\n\n \/* Sections *\/\n .apicbase-variance-container .apicbase-variance-section {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n }\n\n \/* Two Column Layout *\/\n .apicbase-variance-container .apicbase-variance-two-col {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.875rem;\n margin-bottom: 0.125rem;\n }\n\n \/* Top Items Section *\/\n .apicbase-variance-container .apicbase-variance-section-title {\n color: #6b7280;\n font-weight: 600;\n font-size: 0.625rem;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n margin-bottom: 0;\n }\n\n .apicbase-variance-container .apicbase-variance-items-grid {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n }\n\n .apicbase-variance-container .apicbase-variance-item-card {\n background-color: #ffffff;\n border: 1px solid #e5e7eb;\n border-radius: 0.4rem;\n padding: 0.5rem 0.55rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n transition: all 0.2s;\n }\n\n .apicbase-variance-container .apicbase-variance-item-card:hover {\n border-color: #d1d5db;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);\n }\n\n .apicbase-variance-container .apicbase-variance-item-image {\n width: 2.75rem;\n height: 2.75rem;\n border-radius: 0.3rem;\n flex-shrink: 0;\n background-size: cover;\n background-position: center;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n }\n\n .apicbase-variance-container .apicbase-variance-item-content {\n display: flex;\n flex-direction: column;\n gap: 0.3rem;\n justify-content: center;\n flex: 1;\n min-width: 0;\n }\n\n .apicbase-variance-container .apicbase-variance-item-name {\n color: #111827;\n font-weight: 600;\n font-size: 0.75rem;\n line-height: 1.2;\n }\n\n .apicbase-variance-container .apicbase-variance-item-change {\n display: flex;\n align-items: center;\n gap: 0.25rem;\n }\n\n .apicbase-variance-container .apicbase-variance-change-icon {\n width: 0;\n height: 0;\n border-left: 0.25rem solid transparent;\n border-right: 0.25rem solid transparent;\n }\n\n .apicbase-variance-container .apicbase-variance-change-icon.up {\n border-bottom: 0.3rem solid #ef4444;\n }\n\n .apicbase-variance-container .apicbase-variance-change-icon.down {\n border-top: 0.3rem solid #10b981;\n }\n\n .apicbase-variance-container .apicbase-variance-change-value {\n font-weight: 600;\n font-size: 0.6875rem;\n }\n\n .apicbase-variance-container .apicbase-variance-change-value.up {\n color: #ef4444;\n }\n\n .apicbase-variance-container .apicbase-variance-change-value.down {\n color: #10b981;\n }\n\n \/* Location Section *\/\n .apicbase-variance-container .apicbase-variance-location-list {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n }\n\n .apicbase-variance-container .apicbase-variance-location-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0.5rem 0.6rem;\n background-color: #ffffff;\n border-radius: 0.4rem;\n border: 1px solid #e5e7eb;\n transition: all 0.2s;\n }\n\n .apicbase-variance-container .apicbase-variance-location-row:hover {\n border-color: #d1d5db;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);\n }\n\n .apicbase-variance-container .apicbase-variance-location-name {\n color: #111827;\n font-weight: 600;\n font-size: 0.75rem;\n }\n\n .apicbase-variance-container .apicbase-variance-location-value {\n font-weight: 600;\n font-size: 0.75rem;\n color: #ef4444;\n }\n\n \/* Trend Chart *\/\n .apicbase-variance-container .apicbase-variance-trend-chart {\n background-color: #f9fafb;\n border: 1px solid #e5e7eb;\n border-radius: 0.35rem;\n padding: 0.5rem;\n display: flex;\n align-items: flex-end;\n gap: 0.25rem;\n height: 3.5rem;\n }\n\n .apicbase-variance-container .apicbase-variance-bar {\n flex: 1;\n background: linear-gradient(180deg, #3b82f6, #2563eb);\n border-radius: 0.15rem;\n transition: all 0.4s ease-out;\n min-height: 0.5rem;\n position: relative;\n }\n\n .apicbase-variance-container .apicbase-variance-bar:nth-child(1) { height: 45%; }\n .apicbase-variance-container .apicbase-variance-bar:nth-child(2) { height: 60%; }\n .apicbase-variance-container .apicbase-variance-bar:nth-child(3) { height: 75%; }\n .apicbase-variance-container .apicbase-variance-bar:nth-child(4) { height: 55%; }\n .apicbase-variance-container .apicbase-variance-bar:nth-child(5) { height: 85%; }\n .apicbase-variance-container .apicbase-variance-bar:nth-child(6) { height: 100%; background: linear-gradient(180deg, #ef4444, #dc2626); }\n\n \/* Animations *\/\n @keyframes apicbase-variance-slideInRight {\n from {\n opacity: 0;\n transform: translateX(50px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n @media (max-width: 768px) {\n .apicbase-variance-container {\n padding: 1rem;\n }\n\n .apicbase-variance-container .apicbase-variance-content-area {\n padding: 1.5rem;\n }\n\n .apicbase-variance-container .apicbase-variance-message-bubble {\n max-width: 100%;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"apicbase-variance-container\">\n <div class=\"apicbase-variance-mac-window\">\n <div class=\"apicbase-variance-window-container\">\n <div class=\"apicbase-variance-title-bar\">\n <div class=\"apicbase-variance-traffic-lights\">\n <button class=\"apicbase-variance-traffic-light red\" aria-label=\"Close\"><\/button>\n <button class=\"apicbase-variance-traffic-light yellow\" aria-label=\"Minimize\"><\/button>\n <button class=\"apicbase-variance-traffic-light green\" aria-label=\"Maximize\"><\/button>\n <\/div>\n <div class=\"apicbase-variance-window-title\"><\/div>\n <div class=\"apicbase-variance-spacer\"><\/div>\n <\/div>\n\n <div class=\"apicbase-variance-content-area\">\n <div class=\"apicbase-variance-chat-container\" id=\"apicbase-variance-chat-container\">\n <!-- Layers will be dynamically created here -->\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n (function() {\n const container = document.querySelector('.apicbase-variance-container');\n const chatContainer = document.getElementById('apicbase-variance-chat-container');\n \n \/\/ Data - Food cost variance items\n const varianceItems = [\n { \n name: \"Zalmfilet\", \n change: \"+\u20ac2.8\/kg\", \n direction: \"up\",\n image: \"https:\/\/images.unsplash.com\/photo-1610294394708-7053ca773103?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=200\"\n },\n { \n name: \"Runderhaas\", \n change: \"+\u20ac4.2\/kg\", \n direction: \"up\",\n image: \"https:\/\/images.unsplash.com\/photo-1666013942642-b7b54ecafd7d?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=200\"\n },\n { \n name: \"Verse basilicum\", \n change: \"-\u20ac0.6\/kg\", \n direction: \"down\",\n image: \"https:\/\/images.unsplash.com\/photo-1662422325326-19089df23d98?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=200\"\n },\n { \n name: \"Olijfolie\", \n change: \"+\u20ac1.1\/L\", \n direction: \"up\",\n image: \"https:\/\/images.unsplash.com\/photo-1474979266404-7eaacbcd87c5?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=200\"\n }\n ];\n\n const locationVariance = [\n { name: \"Amsterdam\", value: \"+8.2%\" },\n { name: \"Rotterdam\", value: \"+5.4%\" },\n { name: \"Utrecht\", value: \"+6.8%\" }\n ];\n\n \/\/ Apicbase Logo SVG paths\n const apicbasePath1 = 'M479.31 528.682C499.01 532.152 514.24 511.672 505.25 493.812L451.38 386.822C400.11 267.622 301.54 217.682 301.54 217.682L393.26 35.7225C417.08 -11.9075 485.05 -11.9075 508.87 35.7225L896.32 809.083H735.57C691.68 809.083 651.54 784.352 631.8 745.152C622.86 727.392 606.06 714.902 586.48 711.442L409.58 680.253L334.8 667.942L409.58 516.383L479.32 528.682H479.31Z';\n const apicbasePath2 = 'M301.54 217.682L0 809.043H158.09C201.73 809.043 241.68 784.583 261.52 745.723L517.26 244.833L323.68 174.233L301.55 217.693';\n\n let isAnimating = false;\n let allTimeouts = [];\n let currentLayer = null;\n let layerCounter = 0;\n let hasStarted = false;\n\n function clearAllTimeouts() {\n allTimeouts.forEach(timeout => clearTimeout(timeout));\n allTimeouts = [];\n }\n\n function typeWriterGeneric(element, text, callback) {\n if (!element) return;\n \n let i = 0;\n element.innerHTML = '<span class=\"apicbase-variance-cursor\"><\/span>';\n \n function type() {\n if (!element) {\n return;\n }\n \n if (i < text.length) {\n element.innerHTML = text.substring(0, i + 1) + '<span class=\"apicbase-variance-cursor\"><\/span>';\n i++;\n const timeout = setTimeout(type, 20);\n allTimeouts.push(timeout);\n } else {\n const timeout = setTimeout(() => {\n if (element) {\n element.innerHTML = text;\n if (callback) callback();\n }\n }, 350);\n allTimeouts.push(timeout);\n }\n }\n type();\n }\n\n function fadeOutAndReplace(callback) {\n if (currentLayer) {\n currentLayer.classList.add('apicbase-variance-fade-out');\n const timeout = setTimeout(() => {\n if (currentLayer && currentLayer.parentNode) {\n currentLayer.remove();\n }\n \/\/ Reset flag and start new cycle\n isAnimating = false;\n callback();\n }, 600);\n allTimeouts.push(timeout);\n } else {\n \/\/ If no current layer, just start new cycle\n isAnimating = false;\n callback();\n }\n }\n\n function startVarianceQuestion() {\n if (isAnimating) {\n return;\n }\n \n isAnimating = true;\n \n const timeout1 = setTimeout(() => {\n \/\/ Build Items HTML\n let itemsHTML = '';\n varianceItems.forEach(item => {\n itemsHTML += '<div class=\"apicbase-variance-item-card\">' +\n '<div class=\"apicbase-variance-item-image\" style=\"background-image: url(' + item.image + ');\"><\/div>' +\n '<div class=\"apicbase-variance-item-content\">' +\n '<div class=\"apicbase-variance-item-name\">' + item.name + '<\/div>' +\n '<div class=\"apicbase-variance-item-change\">' +\n '<div class=\"apicbase-variance-change-icon ' + item.direction + '\"><\/div>' +\n '<span class=\"apicbase-variance-change-value ' + item.direction + '\">' + item.change + '<\/span>' +\n '<\/div>' +\n '<\/div>' +\n '<\/div>';\n });\n\n \/\/ Build Locations HTML\n let locationsHTML = '';\n locationVariance.forEach(loc => {\n locationsHTML += '<div class=\"apicbase-variance-location-row\">' +\n '<span class=\"apicbase-variance-location-name\">' + loc.name + '<\/span>' +\n '<span class=\"apicbase-variance-location-value\">' + loc.value + '<\/span>' +\n '<\/div>';\n });\n\n \/\/ Build Trend Chart HTML\n let trendHTML = '<div class=\"apicbase-variance-trend-chart\">' +\n '<div class=\"apicbase-variance-bar\"><\/div>' +\n '<div class=\"apicbase-variance-bar\"><\/div>' +\n '<div class=\"apicbase-variance-bar\"><\/div>' +\n '<div class=\"apicbase-variance-bar\"><\/div>' +\n '<div class=\"apicbase-variance-bar\"><\/div>' +\n '<div class=\"apicbase-variance-bar\"><\/div>' +\n '<\/div>';\n\n layerCounter++;\n const newLayer = document.createElement('div');\n newLayer.className = 'apicbase-variance-chat-layer';\n newLayer.id = 'apicbase-variance-layer-' + layerCounter;\n newLayer.style.zIndex = layerCounter;\n newLayer.innerHTML = '<div class=\"apicbase-variance-message user\" id=\"apicbase-variance-q-user-' + layerCounter + '\"><div class=\"apicbase-variance-message-bubble\"><p class=\"apicbase-variance-q-typewriter\"><\/p><\/div><\/div><div class=\"apicbase-variance-message ai\" id=\"apicbase-variance-q-ai-' + layerCounter + '\" style=\"opacity: 0;\"><div class=\"apicbase-variance-ai-response\"><div class=\"apicbase-variance-avatar\" style=\"transform: scale(1);\"><svg viewBox=\"0 0 896.32 809.083\" fill=\"none\" preserveAspectRatio=\"xMidYMid meet\"><path d=\"' + apicbasePath1 + '\" fill=\"#FFD200\"\/><path d=\"' + apicbasePath2 + '\" fill=\"#FCC11A\"\/><\/svg><\/div><div class=\"apicbase-variance-response-content\"><div class=\"apicbase-variance-dashboard\"><div class=\"apicbase-variance-two-col\"><div class=\"apicbase-variance-section\"><div class=\"apicbase-variance-section-title\">Grootste afwijkingen<\/div><div class=\"apicbase-variance-items-grid\">' + itemsHTML + '<\/div><\/div><div class=\"apicbase-variance-section\"><div class=\"apicbase-variance-section-title\">Afwijking per vestiging<\/div><div class=\"apicbase-variance-location-list\">' + locationsHTML + '<\/div><\/div><\/div><div class=\"apicbase-variance-section\"><div class=\"apicbase-variance-section-title\">Trend over 6 weken<\/div>' + trendHTML + '<\/div><\/div><\/div><\/div><\/div>';\n \n chatContainer.appendChild(newLayer);\n currentLayer = newLayer;\n \n \/\/ Force a reflow to ensure DOM is ready\n newLayer.offsetHeight;\n \n const qUser = document.getElementById('apicbase-variance-q-user-' + layerCounter);\n const qAI = document.getElementById('apicbase-variance-q-ai-' + layerCounter);\n const dashboard = newLayer.querySelector('.apicbase-variance-dashboard');\n \n qUser.style.animation = 'apicbase-variance-slideInRight 0.7s ease-out forwards';\n \n const timeout2 = setTimeout(() => {\n const typewriterEl = newLayer.querySelector('.apicbase-variance-q-typewriter');\n typeWriterGeneric(typewriterEl, \"Wat veroorzaakt onze foodcostafwijking dit kwartaal?\", () => {\n const timeout3 = setTimeout(() => {\n qAI.style.transition = 'opacity 0.6s';\n qAI.style.opacity = '1';\n const timeout4 = setTimeout(() => {\n dashboard.style.transition = 'opacity 0.6s';\n dashboard.style.opacity = '1';\n \/\/ Wait 7 seconds (longer for more data), then start loop\n const timeout5 = setTimeout(() => {\n fadeOutAndReplace(startVarianceQuestion);\n }, 7000);\n allTimeouts.push(timeout5);\n }, 400);\n allTimeouts.push(timeout4);\n }, 300);\n allTimeouts.push(timeout3);\n });\n }, 300);\n allTimeouts.push(timeout2);\n }, 100);\n allTimeouts.push(timeout1);\n }\n\n \/\/ IntersectionObserver to start animation when in view\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting && !hasStarted) {\n hasStarted = true;\n startVarianceQuestion();\n }\n });\n }, {\n root: null,\n rootMargin: '0px',\n threshold: 0.1\n });\n\n \/\/ Observe the container\n if (container) {\n observer.observe(container);\n }\n\n \/\/ Check if already in viewport on load\n const rect = container.getBoundingClientRect();\n const isInViewport = rect.top < window.innerHeight && rect.bottom > 0;\n \n if (isInViewport && !hasStarted) {\n hasStarted = true;\n startVarianceQuestion();\n }\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-6315d98e e-con-full e-flex e-con e-child\" data-id=\"6315d98e\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2f2e1743 ob-harakiri-inherit exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-heading\" data-id=\"2f2e1743\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_use_harakiri":"yes","_ob_harakiri_writing_mode":"inherit","_ob_harakiri_text_clip":"none","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">De CFO stapt binnen, 10 minuten voor de bestuursvergadering.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-1f3c9868 ob-harakiri-inherit exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-text-editor\" data-id=\"1f3c9868\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_use_harakiri":"yes","_ob_harakiri_writing_mode":"inherit","_ob_postman_use":"no","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Vraag: <\/span><i><span style=\"font-weight: 400;\">“Wat veroorzaakt onze foodcostafwijking (food cost variance) dit kwartaal?”<\/span><\/i><\/p>\n<p><span style=\"font-weight: 400;\">\u2192 Analyseert de afwijking per item, vestiging en trend.<\/span><span style=\"font-weight: 400;\"><br \/><\/span><span style=\"font-weight: 400;\">\u2192 Levert een managementsamenvatting zonder ook maar \u00e9\u00e9n spreadsheet te openen.<\/span><span style=\"font-weight: 400;\"><br \/><\/span><span style=\"font-weight: 400;\">\u2192 Laat zien wat de cijfers echt beweegt.<\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-20fef54 apicbse-scroll-reveal-item e-flex e-con-boxed e-con e-parent\" data-id=\"20fef54\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-473ebc3d e-con-full e-flex e-con e-child\" data-id=\"473ebc3d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-22bb8d92 ob-harakiri-inherit exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-heading\" data-id=\"22bb8d92\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_use_harakiri":"yes","_ob_harakiri_writing_mode":"inherit","_ob_harakiri_text_clip":"none","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Inkoopevaluatie. Je overweegt een leverancierswissel.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-753bbc3d ob-harakiri-inherit exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-text-editor\" data-id=\"753bbc3d\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_use_harakiri":"yes","_ob_harakiri_writing_mode":"inherit","_ob_postman_use":"no","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Vraag: <\/span><i><span style=\"font-weight: 400;\">“Als we van kaasleverancier wisselen, is lasagne dan nog winstgevend?”<\/span><\/i><\/p>\n<p><span style=\"font-weight: 400;\">\u2192 Simuleert de wijziging zonder je live data aan te raken.<\/span><span style=\"font-weight: 400;\"><br \/><\/span><span style=\"font-weight: 400;\">\u2192 Toont meteen de marge-impact.<\/span><span style=\"font-weight: 400;\"><br \/><\/span><span style=\"font-weight: 400;\">\u2192 Helpt je met vertrouwen beslissen.<\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-546fa28 e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"546fa28\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"animation":"fadeInRight","_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7e9595e exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-html\" data-id=\"7e9595e\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"nl\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>ChatGPT Interface - macOS Style<\/title>\n <style>\n body {\n margin: 0;\n padding: 0;\n background-color: transparent;\n }\n\n .apicbase-sim-container {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n background-color: transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 1rem;\n }\n\n .apicbase-sim-container * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .apicbase-sim-container .apicbase-sim-mac-window {\n width: 100%;\n max-width: 550px;\n }\n\n .apicbase-sim-container .apicbase-sim-window-container {\n background-color: white;\n border-radius: 0.45rem;\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n overflow: hidden;\n border: 1px solid #e5e7eb;\n }\n\n .apicbase-sim-container .apicbase-sim-title-bar {\n background-color: #f9fafb;\n padding: 0.45rem 0.675rem;\n display: flex;\n align-items: center;\n border-bottom: 1px solid #e5e7eb;\n }\n\n .apicbase-sim-container .apicbase-sim-traffic-lights {\n display: flex;\n gap: 0.27rem;\n }\n\n .apicbase-sim-container .apicbase-sim-traffic-light {\n width: 0.54rem;\n height: 0.54rem;\n border-radius: 50%;\n border: none;\n cursor: pointer;\n transition: all 0.2s;\n flex-shrink: 0;\n }\n\n .apicbase-sim-container .apicbase-sim-traffic-light.red {\n background-color: #ef4444;\n }\n\n .apicbase-sim-container .apicbase-sim-traffic-light.yellow {\n background-color: #eab308;\n }\n\n .apicbase-sim-container .apicbase-sim-traffic-light.green {\n background-color: #22c55e;\n }\n\n .apicbase-sim-container .apicbase-sim-window-title {\n flex: 1;\n text-align: center;\n }\n\n .apicbase-sim-container .apicbase-sim-spacer {\n width: 36px;\n }\n\n .apicbase-sim-container .apicbase-sim-content-area {\n background-color: white;\n padding: 1.125rem;\n min-height: 420px;\n display: flex;\n align-items: flex-start;\n transition: min-height 0.3s ease;\n }\n\n .apicbase-sim-container .apicbase-sim-chat-container {\n display: flex;\n flex-direction: column;\n gap: 1rem;\n max-width: 48rem;\n margin: 0 auto;\n width: 100%;\n position: relative;\n min-height: 380px;\n }\n\n .apicbase-sim-container .apicbase-sim-chat-layer {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n display: flex;\n flex-direction: column;\n gap: 0.675rem;\n transition: opacity 0.6s ease-in-out;\n opacity: 1;\n }\n\n .apicbase-sim-container .apicbase-sim-chat-layer.apicbase-sim-fade-out {\n opacity: 0;\n pointer-events: none;\n }\n\n .apicbase-sim-container .apicbase-sim-message {\n display: flex;\n }\n\n .apicbase-sim-container .apicbase-sim-message.user {\n justify-content: flex-end;\n }\n\n .apicbase-sim-container .apicbase-sim-message.ai {\n justify-content: flex-start;\n }\n\n .apicbase-sim-container .apicbase-sim-message-bubble {\n background-color: #f3f4f6;\n border-radius: 0.675rem;\n padding: 0.45rem 0.7875rem;\n max-width: 100%;\n font-size: 0.8125rem;\n }\n\n .apicbase-sim-container .apicbase-sim-message-bubble p {\n color: #111827;\n line-height: 1.5;\n font-weight: 500;\n position: relative;\n display: inline-block;\n }\n\n .apicbase-sim-container .apicbase-sim-cursor {\n display: inline-block;\n width: 2px;\n height: 0.8125rem;\n background-color: #111827;\n margin-left: 2px;\n animation: apicbase-sim-blink 0.8s infinite;\n position: absolute;\n bottom: 0.1875rem;\n }\n\n @keyframes apicbase-sim-blink {\n 0%, 49% { opacity: 1; }\n 50%, 100% { opacity: 0; }\n }\n\n .apicbase-sim-container .apicbase-sim-ai-response {\n display: flex;\n gap: 0.45rem;\n max-width: 100%;\n }\n\n .apicbase-sim-container .apicbase-sim-avatar {\n flex-shrink: 0;\n width: 1.575rem;\n height: 1.575rem;\n border-radius: 50%;\n background-color: transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n transform: scale(0);\n }\n\n .apicbase-sim-container .apicbase-sim-avatar svg {\n width: 1.2375rem;\n height: 1.2375rem;\n }\n\n .apicbase-sim-container .apicbase-sim-response-content {\n flex: 1;\n min-width: 0;\n }\n\n .apicbase-sim-container .apicbase-sim-dashboard {\n opacity: 0;\n display: flex;\n flex-direction: column;\n gap: 0.875rem;\n }\n\n \/* Product Header *\/\n .apicbase-sim-container .apicbase-sim-product-header {\n display: flex;\n align-items: center;\n gap: 0.5rem;\n padding: 0.5rem;\n background-color: #f9fafb;\n border-radius: 0.4rem;\n border: 1px solid #e5e7eb;\n }\n\n .apicbase-sim-container .apicbase-sim-product-thumb {\n width: 2.5rem;\n height: 2.5rem;\n object-fit: cover;\n border-radius: 0.35rem;\n flex-shrink: 0;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n }\n\n .apicbase-sim-container .apicbase-sim-product-info {\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 0.15rem;\n }\n\n .apicbase-sim-container .apicbase-sim-product-name {\n font-size: 0.75rem;\n font-weight: 600;\n color: #111827;\n }\n\n .apicbase-sim-container .apicbase-sim-product-subtitle {\n font-size: 0.625rem;\n color: #6b7280;\n font-weight: 500;\n }\n\n \/* Supplier Comparison Layout *\/\n .apicbase-sim-container .apicbase-sim-comparison-grid {\n display: grid;\n grid-template-columns: 1fr 1fr;\n gap: 0.625rem;\n margin-bottom: 0.75rem;\n }\n\n .apicbase-sim-container .apicbase-sim-supplier-card {\n background-color: #ffffff;\n border: 2px solid #e5e7eb;\n border-radius: 0.5rem;\n padding: 0.65rem;\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n transition: all 0.2s;\n }\n\n .apicbase-sim-container .apicbase-sim-supplier-card.current {\n border-color: #3b82f6;\n background-color: #eff6ff;\n }\n\n .apicbase-sim-container .apicbase-sim-supplier-card.new {\n border-color: #10b981;\n background-color: #f0fdf4;\n }\n\n .apicbase-sim-container .apicbase-sim-supplier-header {\n display: flex;\n align-items: center;\n gap: 0.35rem;\n }\n\n .apicbase-sim-container .apicbase-sim-supplier-badge {\n font-size: 0.625rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.03em;\n padding: 0.2rem 0.4rem;\n border-radius: 0.25rem;\n }\n\n .apicbase-sim-container .apicbase-sim-supplier-badge.current {\n background-color: #3b82f6;\n color: white;\n }\n\n .apicbase-sim-container .apicbase-sim-supplier-badge.new {\n background-color: #10b981;\n color: white;\n }\n\n .apicbase-sim-container .apicbase-sim-supplier-name {\n font-size: 0.75rem;\n font-weight: 600;\n color: #111827;\n }\n\n .apicbase-sim-container .apicbase-sim-cost-row {\n display: flex;\n justify-content: space-between;\n align-items: center;\n padding: 0.35rem 0;\n border-bottom: 1px solid #e5e7eb;\n }\n\n .apicbase-sim-container .apicbase-sim-cost-row:last-child {\n border-bottom: none;\n }\n\n .apicbase-sim-container .apicbase-sim-cost-label {\n font-size: 0.6875rem;\n color: #6b7280;\n font-weight: 500;\n }\n\n .apicbase-sim-container .apicbase-sim-cost-value {\n font-size: 0.75rem;\n font-weight: 700;\n color: #111827;\n }\n\n .apicbase-sim-container .apicbase-sim-margin-total {\n background-color: white;\n border-radius: 0.35rem;\n padding: 0.45rem;\n margin-top: 0.25rem;\n }\n\n .apicbase-sim-container .apicbase-sim-margin-total .apicbase-sim-cost-label {\n font-weight: 600;\n color: #111827;\n }\n\n .apicbase-sim-container .apicbase-sim-margin-total .apicbase-sim-cost-value {\n font-size: 0.875rem;\n }\n\n .apicbase-sim-container .apicbase-sim-profit-verdict {\n background: linear-gradient(135deg, #10b981, #059669);\n border-radius: 0.5rem;\n padding: 0.75rem;\n text-align: center;\n color: white;\n box-shadow: 0 4px 12px rgba(16, 185, 129, 0.25);\n }\n\n .apicbase-sim-container .apicbase-sim-profit-icon {\n font-size: 1.5rem;\n margin-bottom: 0.25rem;\n }\n\n .apicbase-sim-container .apicbase-sim-profit-title {\n font-size: 0.875rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.05em;\n margin-bottom: 0.15rem;\n }\n\n .apicbase-sim-container .apicbase-sim-profit-subtitle {\n font-size: 0.6875rem;\n opacity: 0.95;\n font-weight: 500;\n }\n\n \/* Animations *\/\n @keyframes apicbase-sim-slideInRight {\n from {\n opacity: 0;\n transform: translateX(50px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n @media (max-width: 768px) {\n .apicbase-sim-container {\n padding: 1rem;\n }\n\n .apicbase-sim-container .apicbase-sim-content-area {\n padding: 1.5rem;\n }\n\n .apicbase-sim-container .apicbase-sim-message-bubble {\n max-width: 100%;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"apicbase-sim-container\">\n <div class=\"apicbase-sim-mac-window\">\n <div class=\"apicbase-sim-window-container\">\n <div class=\"apicbase-sim-title-bar\">\n <div class=\"apicbase-sim-traffic-lights\">\n <button class=\"apicbase-sim-traffic-light red\" aria-label=\"Close\"><\/button>\n <button class=\"apicbase-sim-traffic-light yellow\" aria-label=\"Minimize\"><\/button>\n <button class=\"apicbase-sim-traffic-light green\" aria-label=\"Maximize\"><\/button>\n <\/div>\n <div class=\"apicbase-sim-window-title\"><\/div>\n <div class=\"apicbase-sim-spacer\"><\/div>\n <\/div>\n\n <div class=\"apicbase-sim-content-area\">\n <div class=\"apicbase-sim-chat-container\" id=\"apicbase-sim-chat-container\">\n <!-- Layers will be dynamically created here -->\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n (function() {\n const container = document.querySelector('.apicbase-sim-container');\n const chatContainer = document.getElementById('apicbase-sim-chat-container');\n \n \/\/ Apicbase Logo SVG paths\n const apicbasePath1 = 'M479.31 528.682C499.01 532.152 514.24 511.672 505.25 493.812L451.38 386.822C400.11 267.622 301.54 217.682 301.54 217.682L393.26 35.7225C417.08 -11.9075 485.05 -11.9075 508.87 35.7225L896.32 809.083H735.57C691.68 809.083 651.54 784.352 631.8 745.152C622.86 727.392 606.06 714.902 586.48 711.442L409.58 680.253L334.8 667.942L409.58 516.383L479.32 528.682H479.31Z';\n const apicbasePath2 = 'M301.54 217.682L0 809.043H158.09C201.73 809.043 241.68 784.583 261.52 745.723L517.26 244.833L323.68 174.233L301.55 217.693';\n\n let isAnimating = false;\n let allTimeouts = [];\n let currentLayer = null;\n let layerCounter = 0;\n let hasStarted = false;\n\n function clearAllTimeouts() {\n allTimeouts.forEach(timeout => clearTimeout(timeout));\n allTimeouts = [];\n }\n\n function typeWriterGeneric(element, text, callback) {\n if (!element) return;\n \n let i = 0;\n element.innerHTML = '<span class=\"apicbase-sim-cursor\"><\/span>';\n \n function type() {\n if (!element) {\n return;\n }\n \n if (i < text.length) {\n element.innerHTML = text.substring(0, i + 1) + '<span class=\"apicbase-sim-cursor\"><\/span>';\n i++;\n const timeout = setTimeout(type, 20);\n allTimeouts.push(timeout);\n } else {\n const timeout = setTimeout(() => {\n if (element) {\n element.innerHTML = text;\n if (callback) callback();\n }\n }, 350);\n allTimeouts.push(timeout);\n }\n }\n type();\n }\n\n function fadeOutAndReplace(callback) {\n if (currentLayer) {\n currentLayer.classList.add('apicbase-sim-fade-out');\n const timeout = setTimeout(() => {\n if (currentLayer && currentLayer.parentNode) {\n currentLayer.remove();\n }\n \/\/ Reset flag and start new cycle\n isAnimating = false;\n callback();\n }, 600);\n allTimeouts.push(timeout);\n } else {\n \/\/ If no current layer, just start new cycle\n isAnimating = false;\n callback();\n }\n }\n\n function startSupplierSimulation() {\n if (isAnimating) {\n return;\n }\n \n isAnimating = true;\n \n const timeout1 = setTimeout(() => {\n \/\/ Build Supplier Comparison HTML\n const supplierHTML = \n '<div class=\"apicbase-sim-product-header\">' +\n '<img src=\"https:\/\/images.unsplash.com\/photo-1762631883229-95cfb6a063ad?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=200\" alt=\"Lasagne\" class=\"apicbase-sim-product-thumb\">' +\n '<div class=\"apicbase-sim-product-info\">' +\n '<div class=\"apicbase-sim-product-name\">Klassieke lasagne<\/div>' +\n '<div class=\"apicbase-sim-product-subtitle\">Simulatie leverancierswissel<\/div>' +\n '<\/div>' +\n '<\/div>' +\n '<div class=\"apicbase-sim-comparison-grid\">' +\n '<div class=\"apicbase-sim-supplier-card current\">' +\n '<div class=\"apicbase-sim-supplier-header\">' +\n '<span class=\"apicbase-sim-supplier-badge current\">Huidig<\/span>' +\n '<span class=\"apicbase-sim-supplier-name\">Zuivel Co.<\/span>' +\n '<\/div>' +\n '<div class=\"apicbase-sim-cost-row\">' +\n '<span class=\"apicbase-sim-cost-label\">Kaaskosten<\/span>' +\n '<span class=\"apicbase-sim-cost-value\">\u20ac3.80<\/span>' +\n '<\/div>' +\n '<div class=\"apicbase-sim-cost-row\">' +\n '<span class=\"apicbase-sim-cost-label\">Overige ingredi\u00ebnten<\/span>' +\n '<span class=\"apicbase-sim-cost-value\">\u20ac4.20<\/span>' +\n '<\/div>' +\n '<div class=\"apicbase-sim-cost-row\">' +\n '<span class=\"apicbase-sim-cost-label\">Loonkosten<\/span>' +\n '<span class=\"apicbase-sim-cost-value\">\u20ac2.50<\/span>' +\n '<\/div>' +\n '<div class=\"apicbase-sim-margin-total\">' +\n '<div class=\"apicbase-sim-cost-row\">' +\n '<span class=\"apicbase-sim-cost-label\">Marge<\/span>' +\n '<span class=\"apicbase-sim-cost-value\" style=\"color: #3b82f6;\">32%<\/span>' +\n '<\/div>' +\n '<\/div>' +\n '<\/div>' +\n '<div class=\"apicbase-sim-supplier-card new\">' +\n '<div class=\"apicbase-sim-supplier-header\">' +\n '<span class=\"apicbase-sim-supplier-badge new\">Nieuw<\/span>' +\n '<span class=\"apicbase-sim-supplier-name\">VersKaas bv<\/span>' +\n '<\/div>' +\n '<div class=\"apicbase-sim-cost-row\">' +\n '<span class=\"apicbase-sim-cost-label\">Kaaskosten<\/span>' +\n '<span class=\"apicbase-sim-cost-value\">\u20ac3.20<\/span>' +\n '<\/div>' +\n '<div class=\"apicbase-sim-cost-row\">' +\n '<span class=\"apicbase-sim-cost-label\">Overige ingredi\u00ebnten<\/span>' +\n '<span class=\"apicbase-sim-cost-value\">\u20ac4.20<\/span>' +\n '<\/div>' +\n '<div class=\"apicbase-sim-cost-row\">' +\n '<span class=\"apicbase-sim-cost-label\">Loonkosten<\/span>' +\n '<span class=\"apicbase-sim-cost-value\">\u20ac2.50<\/span>' +\n '<\/div>' +\n '<div class=\"apicbase-sim-margin-total\">' +\n '<div class=\"apicbase-sim-cost-row\">' +\n '<span class=\"apicbase-sim-cost-label\">Marge<\/span>' +\n '<span class=\"apicbase-sim-cost-value\" style=\"color: #10b981;\">38%<\/span>' +\n '<\/div>' +\n '<\/div>' +\n '<\/div>' +\n '<\/div>' +\n '<div class=\"apicbase-sim-profit-verdict\">' +\n '<div class=\"apicbase-sim-profit-icon\">\u2713<\/div>' +\n '<div class=\"apicbase-sim-profit-title\">Ja, nog steeds winstgevend<\/div>' +\n '<div class=\"apicbase-sim-profit-subtitle\">+6% margeverbetering \u2022 Geen wijziging aan live data<\/div>' +\n '<\/div>';\n\n layerCounter++;\n const newLayer = document.createElement('div');\n newLayer.className = 'apicbase-sim-chat-layer';\n newLayer.id = 'apicbase-sim-layer-' + layerCounter;\n newLayer.style.zIndex = layerCounter;\n newLayer.innerHTML = '<div class=\"apicbase-sim-message user\" id=\"apicbase-sim-q-user-' + layerCounter + '\"><div class=\"apicbase-sim-message-bubble\"><p class=\"apicbase-sim-q-typewriter\"><\/p><\/div><\/div><div class=\"apicbase-sim-message ai\" id=\"apicbase-sim-q-ai-' + layerCounter + '\" style=\"opacity: 0;\"><div class=\"apicbase-sim-ai-response\"><div class=\"apicbase-sim-avatar\" style=\"transform: scale(1);\"><svg viewBox=\"0 0 896.32 809.083\" fill=\"none\" preserveAspectRatio=\"xMidYMid meet\"><path d=\"' + apicbasePath1 + '\" fill=\"#FFD200\"\/><path d=\"' + apicbasePath2 + '\" fill=\"#FCC11A\"\/><\/svg><\/div><div class=\"apicbase-sim-response-content\"><div class=\"apicbase-sim-dashboard\">' + supplierHTML + '<\/div><\/div><\/div><\/div>';\n \n chatContainer.appendChild(newLayer);\n currentLayer = newLayer;\n \n \/\/ Force a reflow to ensure DOM is ready\n newLayer.offsetHeight;\n \n const qUser = document.getElementById('apicbase-sim-q-user-' + layerCounter);\n const qAI = document.getElementById('apicbase-sim-q-ai-' + layerCounter);\n const dashboard = newLayer.querySelector('.apicbase-sim-dashboard');\n \n qUser.style.animation = 'apicbase-sim-slideInRight 0.7s ease-out forwards';\n \n const timeout2 = setTimeout(() => {\n const typewriterEl = newLayer.querySelector('.apicbase-sim-q-typewriter');\n typeWriterGeneric(typewriterEl, \"Als we van kaasleverancier wisselen, is lasagne dan nog winstgevend?\", () => {\n const timeout3 = setTimeout(() => {\n qAI.style.transition = 'opacity 0.6s';\n qAI.style.opacity = '1';\n const timeout4 = setTimeout(() => {\n dashboard.style.transition = 'opacity 0.6s';\n dashboard.style.opacity = '1';\n \/\/ Wait 6 seconds, then start loop\n const timeout5 = setTimeout(() => {\n fadeOutAndReplace(startSupplierSimulation);\n }, 6000);\n allTimeouts.push(timeout5);\n }, 400);\n allTimeouts.push(timeout4);\n }, 300);\n allTimeouts.push(timeout3);\n });\n }, 300);\n allTimeouts.push(timeout2);\n }, 100);\n allTimeouts.push(timeout1);\n }\n\n \/\/ IntersectionObserver to start animation when in view\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting && !hasStarted) {\n hasStarted = true;\n startSupplierSimulation();\n }\n });\n }, {\n root: null,\n rootMargin: '0px',\n threshold: 0.1\n });\n\n \/\/ Observe the container\n if (container) {\n observer.observe(container);\n }\n\n \/\/ Check if already in viewport on load\n const rect = container.getBoundingClientRect();\n const isInViewport = rect.top < window.innerHeight && rect.bottom > 0;\n \n if (isInViewport && !hasStarted) {\n hasStarted = true;\n startSupplierSimulation();\n }\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-384033d apicbse-scroll-reveal-item e-flex e-con-boxed e-con e-parent\" data-id=\"384033d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-970d1dd e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"970d1dd\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"animation":"fadeInRight","_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-940f08b exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-html\" data-id=\"940f08b\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"html.default\">\n\t\t\t\t\t<!DOCTYPE html>\n<html lang=\"nl\">\n<head>\n <meta charset=\"UTF-8\">\n <meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n <title>ChatGPT Interface - macOS Style<\/title>\n <style>\n body {\n margin: 0;\n padding: 0;\n background-color: transparent;\n min-height: 0;\n }\n\n .apicbase-waste-container {\n font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Roboto', 'Oxygen', 'Ubuntu', 'Cantarell', 'Fira Sans', 'Droid Sans', 'Helvetica Neue', sans-serif;\n -webkit-font-smoothing: antialiased;\n -moz-osx-font-smoothing: grayscale;\n background-color: transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n padding: 1rem 1rem 0 1rem;\n }\n\n .apicbase-waste-container * {\n margin: 0;\n padding: 0;\n box-sizing: border-box;\n }\n\n .apicbase-waste-container .apicbase-waste-mac-window {\n width: 100%;\n max-width: 550px;\n }\n\n .apicbase-waste-container .apicbase-waste-window-container {\n background-color: white;\n border-radius: 0.45rem;\n box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1), 0 10px 10px -5px rgba(0, 0, 0, 0.04);\n overflow: hidden;\n border: 1px solid #e5e7eb;\n }\n\n .apicbase-waste-container .apicbase-waste-title-bar {\n background-color: #f9fafb;\n padding: 0.45rem 0.675rem;\n display: flex;\n align-items: center;\n border-bottom: 1px solid #e5e7eb;\n }\n\n .apicbase-waste-container .apicbase-waste-traffic-lights {\n display: flex;\n gap: 0.27rem;\n }\n\n .apicbase-waste-container .apicbase-waste-traffic-light {\n width: 0.54rem;\n height: 0.54rem;\n border-radius: 50%;\n border: none;\n cursor: pointer;\n transition: all 0.2s;\n flex-shrink: 0;\n }\n\n .apicbase-waste-container .apicbase-waste-traffic-light.red {\n background-color: #ef4444;\n }\n\n .apicbase-waste-container .apicbase-waste-traffic-light.yellow {\n background-color: #eab308;\n }\n\n .apicbase-waste-container .apicbase-waste-traffic-light.green {\n background-color: #22c55e;\n }\n\n .apicbase-waste-container .apicbase-waste-window-title {\n flex: 1;\n text-align: center;\n }\n\n .apicbase-waste-container .apicbase-waste-spacer {\n width: 36px;\n }\n\n .apicbase-waste-container .apicbase-waste-content-area {\n background-color: white;\n padding: 0.875rem 1rem 1.5rem 1rem;\n min-height: 310px;\n display: flex;\n align-items: flex-start;\n transition: min-height 0.3s ease;\n }\n\n .apicbase-waste-container .apicbase-waste-chat-container {\n display: flex;\n flex-direction: column;\n gap: 0.75rem;\n max-width: 48rem;\n margin: 0 auto;\n width: 100%;\n position: relative;\n min-height: 290px;\n }\n\n .apicbase-waste-container .apicbase-waste-chat-layer {\n position: absolute;\n top: 0;\n left: 0;\n right: 0;\n display: flex;\n flex-direction: column;\n gap: 0.675rem;\n transition: opacity 0.6s ease-in-out;\n opacity: 1;\n }\n\n .apicbase-waste-container .apicbase-waste-chat-layer.apicbase-waste-fade-out {\n opacity: 0;\n pointer-events: none;\n }\n\n .apicbase-waste-container .apicbase-waste-message {\n display: flex;\n }\n\n .apicbase-waste-container .apicbase-waste-message.user {\n justify-content: flex-end;\n }\n\n .apicbase-waste-container .apicbase-waste-message.ai {\n justify-content: flex-start;\n }\n\n .apicbase-waste-container .apicbase-waste-message-bubble {\n background-color: #f3f4f6;\n border-radius: 0.675rem;\n padding: 0.45rem 0.7875rem;\n max-width: 100%;\n font-size: 0.8125rem;\n }\n\n .apicbase-waste-container .apicbase-waste-message-bubble p {\n color: #111827;\n line-height: 1.5;\n font-weight: 500;\n position: relative;\n display: inline-block;\n }\n\n .apicbase-waste-container .apicbase-waste-cursor {\n display: inline-block;\n width: 2px;\n height: 0.8125rem;\n background-color: #111827;\n margin-left: 2px;\n animation: apicbase-waste-blink 0.8s infinite;\n position: absolute;\n bottom: 0.1875rem;\n }\n\n @keyframes apicbase-waste-blink {\n 0%, 49% { opacity: 1; }\n 50%, 100% { opacity: 0; }\n }\n\n .apicbase-waste-container .apicbase-waste-ai-response {\n display: flex;\n gap: 0.45rem;\n max-width: 100%;\n }\n\n .apicbase-waste-container .apicbase-waste-avatar {\n flex-shrink: 0;\n width: 1.575rem;\n height: 1.575rem;\n border-radius: 50%;\n background-color: transparent;\n display: flex;\n align-items: center;\n justify-content: center;\n transform: scale(0);\n }\n\n .apicbase-waste-container .apicbase-waste-avatar svg {\n width: 1.2375rem;\n height: 1.2375rem;\n }\n\n .apicbase-waste-container .apicbase-waste-response-content {\n flex: 1;\n min-width: 0;\n }\n\n .apicbase-waste-container .apicbase-waste-dashboard {\n opacity: 0;\n display: grid;\n grid-template-columns: auto 1fr;\n gap: 0;\n align-items: start;\n }\n\n \/* Month Comparison Section *\/\n .apicbase-waste-container .apicbase-waste-comparison-section {\n display: flex;\n flex-direction: column;\n gap: 0.4rem;\n padding-right: 1.25rem;\n border-right: 1px solid #e5e7eb;\n }\n\n \/* Items Section *\/\n .apicbase-waste-container .apicbase-waste-items-section {\n display: flex;\n flex-direction: column;\n gap: 0.4rem;\n padding-left: 1.25rem;\n }\n\n \/* Section Titles *\/\n .apicbase-waste-container .apicbase-waste-section-title {\n font-size: 0.625rem;\n text-transform: uppercase;\n font-weight: 700;\n letter-spacing: 0.05em;\n color: #6b7280;\n margin-bottom: 0.1rem;\n }\n\n \/* Month Comparison *\/\n .apicbase-waste-container .apicbase-waste-month-comparison {\n display: flex;\n flex-direction: column;\n gap: 0.5rem;\n }\n\n .apicbase-waste-container .apicbase-waste-month-card {\n background-color: #f9fafb;\n border: 1px solid #e5e7eb;\n border-radius: 0.4rem;\n padding: 0.55rem;\n text-align: center;\n }\n\n .apicbase-waste-container .apicbase-waste-month-card.current {\n background-color: #fef2f2;\n border-color: #fecaca;\n }\n\n .apicbase-waste-container .apicbase-waste-month-label {\n font-size: 0.625rem;\n text-transform: uppercase;\n font-weight: 700;\n letter-spacing: 0.03em;\n color: #6b7280;\n margin-bottom: 0.25rem;\n }\n\n .apicbase-waste-container .apicbase-waste-month-card.current .apicbase-waste-month-label {\n color: #dc2626;\n }\n\n .apicbase-waste-container .apicbase-waste-month-value {\n font-size: 1.25rem;\n font-weight: 700;\n color: #111827;\n }\n\n .apicbase-waste-container .apicbase-waste-month-card.current .apicbase-waste-month-value {\n color: #dc2626;\n }\n\n .apicbase-waste-container .apicbase-waste-month-change {\n font-size: 0.625rem;\n color: #6b7280;\n margin-top: 0.15rem;\n font-weight: 500;\n }\n\n .apicbase-waste-container .apicbase-waste-delta-badge {\n display: inline-flex;\n align-items: center;\n gap: 0.2rem;\n background-color: #dc2626;\n color: white;\n padding: 0.15rem 0.4rem;\n border-radius: 0.25rem;\n font-size: 0.625rem;\n font-weight: 700;\n margin-top: 0.25rem;\n }\n\n \/* Waste Items by Location *\/\n .apicbase-waste-container .apicbase-waste-items-list {\n display: grid;\n grid-template-columns: 1fr;\n gap: 0.7rem;\n }\n\n .apicbase-waste-container .apicbase-waste-item-row {\n display: flex;\n flex-direction: row;\n align-items: center;\n gap: 0.55rem;\n padding: 0.6rem 0.65rem;\n background-color: #ffffff;\n border: 1px solid #e5e7eb;\n border-radius: 0.4rem;\n transition: all 0.2s;\n }\n\n .apicbase-waste-container .apicbase-waste-item-row:hover {\n border-color: #d1d5db;\n box-shadow: 0 2px 6px rgba(0, 0, 0, 0.06);\n }\n\n .apicbase-waste-container .apicbase-waste-item-thumb {\n width: 2.25rem;\n height: 2.25rem;\n object-fit: cover;\n border-radius: 0.325rem;\n flex-shrink: 0;\n box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n }\n\n .apicbase-waste-container .apicbase-waste-item-details {\n flex: 1;\n display: flex;\n flex-direction: column;\n gap: 0.15rem;\n min-width: 0;\n }\n\n .apicbase-waste-container .apicbase-waste-item-name {\n font-size: 0.625rem;\n font-weight: 600;\n color: #111827;\n line-height: 1.25;\n }\n\n .apicbase-waste-container .apicbase-waste-item-location {\n font-size: 0.5625rem;\n color: #6b7280;\n font-weight: 500;\n line-height: 1.25;\n }\n\n .apicbase-waste-container .apicbase-waste-item-badge {\n padding: 0.15rem 0.3rem;\n border-radius: 0.25rem;\n font-size: 0.5rem;\n font-weight: 700;\n text-transform: uppercase;\n letter-spacing: 0.01em;\n white-space: nowrap;\n flex-shrink: 0;\n align-self: center;\n }\n\n .apicbase-waste-container .apicbase-waste-item-badge.over-prep {\n background-color: #fef3c7;\n color: #92400e;\n }\n\n .apicbase-waste-container .apicbase-waste-item-badge.spoilage {\n background-color: #fee2e2;\n color: #991b1b;\n }\n\n \/* Action Banner *\/\n .apicbase-waste-container .apicbase-waste-action-banner {\n background: linear-gradient(135deg, #f59e0b, #d97706);\n border-radius: 0.4rem;\n padding: 0.65rem;\n display: flex;\n align-items: center;\n gap: 0.5rem;\n box-shadow: 0 4px 12px rgba(245, 158, 11, 0.25);\n }\n\n .apicbase-waste-container .apicbase-waste-action-icon {\n font-size: 1.25rem;\n flex-shrink: 0;\n }\n\n .apicbase-waste-container .apicbase-waste-action-content {\n flex: 1;\n }\n\n .apicbase-waste-container .apicbase-waste-action-title {\n font-size: 0.75rem;\n font-weight: 700;\n color: white;\n margin-bottom: 0.1rem;\n }\n\n .apicbase-waste-container .apicbase-waste-action-text {\n font-size: 0.625rem;\n color: white;\n opacity: 0.95;\n font-weight: 500;\n }\n\n \/* Animations *\/\n @keyframes apicbase-waste-slideInRight {\n from {\n opacity: 0;\n transform: translateX(50px);\n }\n to {\n opacity: 1;\n transform: translateX(0);\n }\n }\n\n @media (max-width: 768px) {\n .apicbase-waste-container {\n padding: 1rem;\n }\n\n .apicbase-waste-container .apicbase-waste-content-area {\n padding: 1.5rem;\n }\n\n .apicbase-waste-container .apicbase-waste-message-bubble {\n max-width: 100%;\n }\n }\n <\/style>\n<\/head>\n<body>\n <div class=\"apicbase-waste-container\">\n <div class=\"apicbase-waste-mac-window\">\n <div class=\"apicbase-waste-window-container\">\n <div class=\"apicbase-waste-title-bar\">\n <div class=\"apicbase-waste-traffic-lights\">\n <button class=\"apicbase-waste-traffic-light red\" aria-label=\"Close\"><\/button>\n <button class=\"apicbase-waste-traffic-light yellow\" aria-label=\"Minimize\"><\/button>\n <button class=\"apicbase-waste-traffic-light green\" aria-label=\"Maximize\"><\/button>\n <\/div>\n <div class=\"apicbase-waste-window-title\"><\/div>\n <div class=\"apicbase-waste-spacer\"><\/div>\n <\/div>\n\n <div class=\"apicbase-waste-content-area\">\n <div class=\"apicbase-waste-chat-container\" id=\"apicbase-waste-chat-container\">\n <!-- Layers will be dynamically created here -->\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n <\/div>\n\n <script>\n (function() {\n const container = document.querySelector('.apicbase-waste-container');\n const chatContainer = document.getElementById('apicbase-waste-chat-container');\n \n \/\/ Apicbase Logo SVG paths\n const apicbasePath1 = 'M479.31 528.682C499.01 532.152 514.24 511.672 505.25 493.812L451.38 386.822C400.11 267.622 301.54 217.682 301.54 217.682L393.26 35.7225C417.08 -11.9075 485.05 -11.9075 508.87 35.7225L896.32 809.083H735.57C691.68 809.083 651.54 784.352 631.8 745.152C622.86 727.392 606.06 714.902 586.48 711.442L409.58 680.253L334.8 667.942L409.58 516.383L479.32 528.682H479.31Z';\n const apicbasePath2 = 'M301.54 217.682L0 809.043H158.09C201.73 809.043 241.68 784.583 261.52 745.723L517.26 244.833L323.68 174.233L301.55 217.693';\n\n let isAnimating = false;\n let allTimeouts = [];\n let currentLayer = null;\n let layerCounter = 0;\n let hasStarted = false;\n\n function clearAllTimeouts() {\n allTimeouts.forEach(timeout => clearTimeout(timeout));\n allTimeouts = [];\n }\n\n function typeWriterGeneric(element, text, callback) {\n if (!element) return;\n \n let i = 0;\n element.innerHTML = '<span class=\"apicbase-waste-cursor\"><\/span>';\n \n function type() {\n if (!element) {\n return;\n }\n \n if (i < text.length) {\n element.innerHTML = text.substring(0, i + 1) + '<span class=\"apicbase-waste-cursor\"><\/span>';\n i++;\n const timeout = setTimeout(type, 20);\n allTimeouts.push(timeout);\n } else {\n const timeout = setTimeout(() => {\n if (element) {\n element.innerHTML = text;\n if (callback) callback();\n }\n }, 350);\n allTimeouts.push(timeout);\n }\n }\n type();\n }\n\n function fadeOutAndReplace(callback) {\n if (currentLayer) {\n currentLayer.classList.add('apicbase-waste-fade-out');\n const timeout = setTimeout(() => {\n if (currentLayer && currentLayer.parentNode) {\n currentLayer.remove();\n }\n \/\/ Reset flag and start new cycle\n isAnimating = false;\n callback();\n }, 600);\n allTimeouts.push(timeout);\n } else {\n \/\/ If no current layer, just start new cycle\n isAnimating = false;\n callback();\n }\n }\n\n function startWasteComparison() {\n if (isAnimating) {\n return;\n }\n \n isAnimating = true;\n \n const timeout1 = setTimeout(() => {\n \/\/ Build Waste Comparison HTML\n const wasteHTML = \n '<div class=\\\"apicbase-waste-comparison-section\\\">' +\n '<div class=\\\"apicbase-waste-section-title\\\">Maandelijkse vergelijking<\/div>' +\n '<div class=\\\"apicbase-waste-month-comparison\\\">' +\n '<div class=\"apicbase-waste-month-card\">' +\n '<div class=\"apicbase-waste-month-label\">Vorige maand<\/div>' +\n '<div class=\"apicbase-waste-month-value\">\u20ac842<\/div>' +\n '<div class=\"apicbase-waste-month-change\">referentie<\/div>' +\n '<\/div>' +\n '<div class=\"apicbase-waste-month-card current\">' +\n '<div class=\"apicbase-waste-month-label\">Deze maand<\/div>' +\n '<div class=\"apicbase-waste-month-value\">\u20ac1,127<\/div>' +\n '<div class=\"apicbase-waste-delta-badge\">\u2191 +34%<\/div>' +\n '<\/div>' +\n '<\/div>' +\n '<\/div>' +\n '<div class=\"apicbase-waste-items-section\">' +\n '<div class=\"apicbase-waste-section-title\">Grootste verspilling<\/div>' +\n '<div class=\"apicbase-waste-items-list\">' +\n '<div class=\"apicbase-waste-item-row\">' +\n '<img src=\"https:\/\/images.unsplash.com\/photo-1590531711560-43d7a9bc4e6c?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=200\" alt=\"Sla\" class=\"apicbase-waste-item-thumb\">' +\n '<div class=\"apicbase-waste-item-details\">' +\n '<div class=\"apicbase-waste-item-name\">Romeinse sla<\/div>' +\n '<div class=\"apicbase-waste-item-location\">Amsterdam \u2022 12.4 kg<\/div>' +\n '<\/div>' +\n '<div class=\"apicbase-waste-item-badge spoilage\">Bederf<\/div>' +\n '<\/div>' +\n '<div class=\"apicbase-waste-item-row\">' +\n '<img src=\"https:\/\/images.unsplash.com\/photo-1631292171396-26a654f51c48?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=200\" alt=\"Tomaten\" class=\"apicbase-waste-item-thumb\">' +\n '<div class=\"apicbase-waste-item-details\">' +\n '<div class=\"apicbase-waste-item-name\">Kerstomaten<\/div>' +\n '<div class=\"apicbase-waste-item-location\">Rotterdam \u2022 8.7 kg<\/div>' +\n '<\/div>' +\n '<div class=\"apicbase-waste-item-badge over-prep\">Overproductie<\/div>' +\n '<\/div>' +\n '<div class=\"apicbase-waste-item-row\">' +\n '<img src=\"https:\/\/images.unsplash.com\/photo-1759147877000-1ff5530da05b?crop=entropy&cs=tinysrgb&fit=max&fm=jpg&q=80&w=200\" alt=\"Groenten\" class=\"apicbase-waste-item-thumb\">' +\n '<div class=\"apicbase-waste-item-details\">' +\n '<div class=\"apicbase-waste-item-name\">Gemengde groenten<\/div>' +\n '<div class=\"apicbase-waste-item-location\">Utrecht \u2022 6.2 kg<\/div>' +\n '<\/div>' +\n '<div class=\"apicbase-waste-item-badge spoilage\">Bederf<\/div>' +\n '<\/div>' +\n '<\/div>' +\n '<\/div>';\n\n layerCounter++;\n const newLayer = document.createElement('div');\n newLayer.className = 'apicbase-waste-chat-layer';\n newLayer.id = 'apicbase-waste-layer-' + layerCounter;\n newLayer.style.zIndex = layerCounter;\n newLayer.innerHTML = '<div class=\"apicbase-waste-message user\" id=\"apicbase-waste-q-user-' + layerCounter + '\"><div class=\"apicbase-waste-message-bubble\"><p class=\"apicbase-waste-q-typewriter\"><\/p><\/div><\/div><div class=\"apicbase-waste-message ai\" id=\"apicbase-waste-q-ai-' + layerCounter + '\" style=\"opacity: 0;\"><div class=\"apicbase-waste-ai-response\"><div class=\"apicbase-waste-avatar\" style=\"transform: scale(1);\"><svg viewBox=\"0 0 896.32 809.083\" fill=\"none\" preserveAspectRatio=\"xMidYMid meet\"><path d=\"' + apicbasePath1 + '\" fill=\"#FFD200\"\/><path d=\"' + apicbasePath2 + '\" fill=\"#FCC11A\"\/><\/svg><\/div><div class=\"apicbase-waste-response-content\"><div class=\"apicbase-waste-dashboard\">' + wasteHTML + '<\/div><\/div><\/div><\/div>';\n \n chatContainer.appendChild(newLayer);\n currentLayer = newLayer;\n \n \/\/ Force a reflow to ensure DOM is ready\n newLayer.offsetHeight;\n \n const qUser = document.getElementById('apicbase-waste-q-user-' + layerCounter);\n const qAI = document.getElementById('apicbase-waste-q-ai-' + layerCounter);\n const dashboard = newLayer.querySelector('.apicbase-waste-dashboard');\n \n qUser.style.animation = 'apicbase-waste-slideInRight 0.7s ease-out forwards';\n \n const timeout2 = setTimeout(() => {\n const typewriterEl = newLayer.querySelector('.apicbase-waste-q-typewriter');\n typeWriterGeneric(typewriterEl, \"Vergelijk de voedselverspilling van deze maand met vorige maand.\", () => {\n const timeout3 = setTimeout(() => {\n qAI.style.transition = 'opacity 0.6s';\n qAI.style.opacity = '1';\n const timeout4 = setTimeout(() => {\n dashboard.style.transition = 'opacity 0.6s';\n dashboard.style.opacity = '1';\n \/\/ Wait 6 seconds, then start loop\n const timeout5 = setTimeout(() => {\n fadeOutAndReplace(startWasteComparison);\n }, 6000);\n allTimeouts.push(timeout5);\n }, 400);\n allTimeouts.push(timeout4);\n }, 300);\n allTimeouts.push(timeout3);\n });\n }, 300);\n allTimeouts.push(timeout2);\n }, 100);\n allTimeouts.push(timeout1);\n }\n\n \/\/ IntersectionObserver to start animation when in view\n const observer = new IntersectionObserver((entries) => {\n entries.forEach(entry => {\n if (entry.isIntersecting && !hasStarted) {\n hasStarted = true;\n startWasteComparison();\n }\n });\n }, {\n root: null,\n rootMargin: '0px',\n threshold: 0.1\n });\n\n \/\/ Observe the container\n if (container) {\n observer.observe(container);\n }\n\n \/\/ Check if already in viewport on load\n const rect = container.getBoundingClientRect();\n const isInViewport = rect.top < window.innerHeight && rect.bottom > 0;\n \n if (isInViewport && !hasStarted) {\n hasStarted = true;\n startWasteComparison();\n }\n })();\n <\/script>\n<\/body>\n<\/html>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-af8c63c e-con-full e-flex e-con e-child\" data-id=\"af8c63c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-90fdcd2 ob-harakiri-inherit exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-heading\" data-id=\"90fdcd2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_use_harakiri":"yes","_ob_harakiri_writing_mode":"inherit","_ob_harakiri_text_clip":"none","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Maandelijkse operationele review. Je wilt patronen ontdekken.<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-15ec7ea ob-harakiri-inherit exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-text-editor\" data-id=\"15ec7ea\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_use_harakiri":"yes","_ob_harakiri_writing_mode":"inherit","_ob_postman_use":"no","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><i><span style=\"font-weight: 400;\">“Vergelijk de voedselverspilling van deze maand met vorige maand.”<\/span><\/i><\/p>\n<p><span style=\"font-weight: 400;\">\u2192 Analyseert verspillingslogs over alle vestigingen.<\/span><span style=\"font-weight: 400;\"><br \/><\/span><span style=\"font-weight: 400;\">\u2192 Signaleert patronen zoals overproductie of bederf.<\/span><span style=\"font-weight: 400;\"><br \/><\/span><span style=\"font-weight: 400;\">\u2192 Wijst aan waar processen bijgesteld moeten worden.<\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-90ec96c e-flex e-con-boxed e-con e-parent\" data-id=\"90ec96c\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-b963223 e-con-full e-flex e-con e-child\" data-id=\"b963223\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-b6b1330 e-con-full e-flex e-con e-child\" data-id=\"b6b1330\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-aaaffa5 ob-harakiri-inherit exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-heading\" data-id=\"aaaffa5\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_use_harakiri":"yes","_ob_harakiri_writing_mode":"inherit","_ob_harakiri_text_clip":"none","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Enterprise-beveiliging, standaard ingebouwd<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c5962a6 ob-harakiri-inherit exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-text-editor\" data-id=\"c5962a6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_use_harakiri":"yes","_ob_harakiri_writing_mode":"inherit","_ob_postman_use":"no","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">MCP-verbindingen zijn op rechten gebaseerd, versleuteld en volledig auditeerbaar.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Je data blijft altijd onder jouw controle. <\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9273103 elementor-align-left exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-button\" data-id=\"9273103\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_butterbutton_use_it":"no","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/get.apicbase.com\/nl\/vertrouwen-veiligheid-en-compliance\/\" target=\"_blank\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Meer weten over Apicbase Enterprise Data Security \u2192<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-43589ee e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"43589ee\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"animation":"fadeInRight","_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-6735ead exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-image\" data-id=\"6735ead\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_shadough_use":"yes","_ob_photomorph_use":"no","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" width=\"1540\" height=\"1200\" src=\"https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/Enterprise-Data-Security-1.jpg\" class=\"attachment-large size-large wp-image-79687\" alt=\"Enterprise Data Security\" srcset=\"https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/Enterprise-Data-Security-1.jpg 1540w, https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/Enterprise-Data-Security-1-768x598.jpg 768w, https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/Enterprise-Data-Security-1-1536x1197.jpg 1536w\" sizes=\"auto, (max-width: 1540px) 100vw, 1540px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-44f5317 e-grid e-con-boxed e-con e-parent\" data-id=\"44f5317\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-c7688a4 e-con-full e-flex e-con e-child\" data-id=\"c7688a4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-735d861 elementor-position-top exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-image-box\" data-id=\"735d861\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img loading=\"lazy\" width=\"30\" height=\"32\" src=\"https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/user-permission.svg\" class=\"attachment-full size-full wp-image-79634\" alt=\"user-permission\" \/><\/figure><div class=\"elementor-image-box-content\"><h5 class=\"elementor-image-box-title\">Op rechten gebaseerd<\/h5><p class=\"elementor-image-box-description\">Gebruikers zien alleen data waarvoor ze geautoriseerd zijn<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-14809d4 e-con-full e-flex e-con e-child\" data-id=\"14809d4\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-c5955f4 elementor-position-top exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-image-box\" data-id=\"c5955f4\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img loading=\"lazy\" width=\"32\" height=\"32\" src=\"https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/audit-logged.svg\" class=\"attachment-full size-full wp-image-79629\" alt=\"audit-logged\" \/><\/figure><div class=\"elementor-image-box-content\"><h5 class=\"elementor-image-box-title\">Audit-gelogd<\/h5><p class=\"elementor-image-box-description\">Elke query wordt vastgelegd voor compliance<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-39d6e30 e-con-full e-flex e-con e-child\" data-id=\"39d6e30\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-5601c9c elementor-position-top exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-image-box\" data-id=\"5601c9c\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img loading=\"lazy\" width=\"25\" height=\"32\" src=\"https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/lock.svg\" class=\"attachment-full size-full wp-image-79624\" alt=\"lock\" \/><\/figure><div class=\"elementor-image-box-content\"><h5 class=\"elementor-image-box-title\">Versleuteld<\/h5><p class=\"elementor-image-box-description\">Alle dataoverdracht gebruikt enterprise-encryptiestandaarden<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-31d6c9a e-con-full e-flex e-con e-child\" data-id=\"31d6c9a\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-ed74725 elementor-position-top exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-image-box\" data-id=\"ed74725\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"image-box.default\">\n\t\t\t\t\t<div class=\"elementor-image-box-wrapper\"><figure class=\"elementor-image-box-img\"><img loading=\"lazy\" width=\"26\" height=\"32\" src=\"https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/shield.svg\" class=\"attachment-full size-full wp-image-79619\" alt=\"shield\" \/><\/figure><div class=\"elementor-image-box-content\"><h5 class=\"elementor-image-box-title\">Intrekbaar<\/h5><p class=\"elementor-image-box-description\"> IT kan de toegang direct uitschakelen wanneer nodig<\/p><\/div><\/div>\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-bc8bc4d e-flex e-con-boxed e-con e-parent\" data-id=\"bc8bc4d\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t\t<div class=\"e-con-inner\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-4554f70b e-con-full e-flex e-con e-child\" data-id=\"4554f70b\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"gradient","_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-100b8a63 e-con-full e-flex e-con e-child\" data-id=\"100b8a63\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2377e372 ob-harakiri-inherit exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-heading\" data-id=\"2377e372\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_use_harakiri":"yes","_ob_harakiri_writing_mode":"inherit","_ob_harakiri_text_clip":"none","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Klaar voor de AI-revolutie in de horeca<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3d070bc6 cta-link ob-harakiri-inherit exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-text-editor\" data-id=\"3d070bc6\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_use_harakiri":"yes","_ob_harakiri_writing_mode":"inherit","_ob_postman_use":"no","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"text-editor.default\">\n\t\t\t\t\t\t\t\t\t<p><span style=\"font-weight: 400;\">Met Apicbase MCP is je operatie klaar voor de AI-revolutie in de horeca.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">Beperk verspilling. Bescherm je marges. Beslis sneller met live operationele intelligentie.<\/span><\/p>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-32ff30b1 exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-button\" data-id=\"32ff30b1\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_butterbutton_use_it":"no","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/get.apicbase.com\/nl\/vraag-een-demo\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Praat met ons team<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-78d9768f e-con-full e-flex elementor-invisible e-con e-child\" data-id=\"78d9768f\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"animation":"fadeInUp","_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-2d3d48f0 exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-image\" data-id=\"2d3d48f0\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_photomorph_use":"no","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" width=\"1963\" height=\"1206\" src=\"https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/import-recipe-ai-dash.png\" class=\"attachment-full size-full wp-image-79639\" alt=\"import-recipe-ai-dash\" srcset=\"https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/import-recipe-ai-dash.png 1963w, https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/import-recipe-ai-dash-768x472.png 768w, https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/import-recipe-ai-dash-1536x944.png 1536w\" sizes=\"auto, (max-width: 1963px) 100vw, 1963px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-5c4812a8 e-con-full e-flex e-con e-parent\" data-id=\"5c4812a8\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"background_background":"classic","_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t<div data-particle_enable=\"false\" data-particle-mobile-disabled=\"false\" class=\"elementor-element elementor-element-293c68fa e-con-full e-flex e-con e-child\" data-id=\"293c68fa\" data-element_type=\"container\" data-e-type=\"container\" data-settings=\"{"_ob_use_container_extras":"no","_ob_column_hoveranimator":"no","_ha_eqh_enable":false,"_ob_glider_is_slider":"no","_ob_column_has_pseudo":"no"}\">\n\t\t\t\t<div class=\"elementor-element elementor-element-7c4c0fb ob-harakiri-inherit exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-heading\" data-id=\"7c4c0fb\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_use_harakiri":"yes","_ob_harakiri_writing_mode":"inherit","_ob_harakiri_text_clip":"none","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"heading.default\">\n\t\t\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Klaar om AI aan het werk te zetten in je operatie?<\/h2>\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-55a5ffe2 exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-button\" data-id=\"55a5ffe2\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_ob_butterbutton_use_it":"no","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"button.default\">\n\t\t\t\t\t\t\t\t\t\t<a class=\"elementor-button elementor-button-link elementor-size-sm\" href=\"https:\/\/get.apicbase.com\/nl\/vraag-een-demo\/\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t\t\t\t<span class=\"elementor-button-text\">Praat met ons team<\/span>\n\t\t\t\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-3419876f elementor-absolute exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-image\" data-id=\"3419876f\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_position":"absolute","_ob_photomorph_use":"no","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" width=\"135\" height=\"155\" src=\"https:\/\/get.apicbase.com\/wp-content\/uploads\/2025\/01\/Group-1116-1-2.svg\" class=\"attachment-large size-large wp-image-71475\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-70f1614a elementor-absolute elementor-hidden-mobile exad-sticky-section-no exad-glass-effect-no ob-has-background-overlay elementor-widget elementor-widget-image\" data-id=\"70f1614a\" data-element_type=\"widget\" data-e-type=\"widget\" data-settings=\"{"_position":"absolute","_ob_photomorph_use":"no","_ob_widget_stalker_use":"no","_ob_poopart_use":"yes","_ob_shadough_use":"no","_ob_allow_hoveranimator":"no"}\" data-widget_type=\"image.default\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" width=\"235\" height=\"109\" src=\"https:\/\/get.apicbase.com\/wp-content\/uploads\/2025\/01\/Ellipse-3.4-2.svg\" class=\"attachment-large size-large wp-image-71476\" alt=\"\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Apicbase MCP: chat met je restaurantdata Vraag Claude, ChatGPT, Gemini of Copilot naar food cost, omzet en compliance \u2014 voor al je vestigingen. Krijg meteen antwoord uit je live Apicbase-data. Praat met ons team Vertrouwd door contractcateringteams die grootschalige operaties met meerdere vestigingen runnen. Wat er verandert Beslis sneller De antwoorden die je nodig hebt, […]<\/p>\n","protected":false},"author":6,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"content-type":"","footnotes":""},"class_list":["post-82261","page","type-page","status-publish","hentry"],"acf":[],"yoast_head":"<!-- This site is optimized with the Yoast SEO Premium plugin v26.8 (Yoast SEO v27.2) - https:\/\/yoast.com\/product\/yoast-seo-premium-wordpress\/ -->\n<title>Apicbase MCP: chat met je restaurantdata<\/title>\n<meta name=\"description\" content=\"Vraag Claude, ChatGPT, Gemini of Copilot naar food cost, omzet en compliance \u2014 voor al je vestigingen. Direct antwoord uit je live Apicbase-data.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/get.apicbase.com\/de\/apicbase-mcp\/\" \/>\n<meta property=\"og:locale\" content=\"nl_NL\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Apicbase MCP\" \/>\n<meta property=\"og:description\" content=\"Vraag Claude, ChatGPT, Gemini of Copilot naar food cost, omzet en compliance \u2014 voor al je vestigingen. Direct antwoord uit je live Apicbase-data.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/get.apicbase.com\/de\/apicbase-mcp\/\" \/>\n<meta property=\"og:site_name\" content=\"Apicbase\" \/>\n<meta property=\"article:publisher\" content=\"https:\/\/www.facebook.com\/apicbase\/\" \/>\n<meta property=\"article:modified_time\" content=\"2026-07-07T09:31:11+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/AB-Enterprise-Data-Security.png\" \/>\n\t<meta property=\"og:image:width\" content=\"1422\" \/>\n\t<meta property=\"og:image:height\" content=\"1131\" \/>\n\t<meta property=\"og:image:type\" content=\"image\/png\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:site\" content=\"@apicbase\" \/>\n<meta name=\"twitter:label1\" content=\"Geschatte leestijd\" \/>\n\t<meta name=\"twitter:data1\" content=\"3 minuten\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebPage\",\"@id\":\"https:\/\/get.apicbase.com\/de\/apicbase-mcp\/\",\"url\":\"https:\/\/get.apicbase.com\/de\/apicbase-mcp\/\",\"name\":\"Apicbase MCP: chat met je restaurantdata\",\"isPartOf\":{\"@id\":\"https:\/\/get.apicbase.com\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/get.apicbase.com\/de\/apicbase-mcp\/#primaryimage\"},\"image\":{\"@id\":\"https:\/\/get.apicbase.com\/de\/apicbase-mcp\/#primaryimage\"},\"thumbnailUrl\":\"https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/AB-Enterprise-Data-Security.png\",\"datePublished\":\"2026-07-07T09:02:05+00:00\",\"dateModified\":\"2026-07-07T09:31:11+00:00\",\"description\":\"Vraag Claude, ChatGPT, Gemini of Copilot naar food cost, omzet en compliance \u2014 voor al je vestigingen. Direct antwoord uit je live Apicbase-data.\",\"inLanguage\":\"nl-NL\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/get.apicbase.com\/de\/apicbase-mcp\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/get.apicbase.com\/de\/apicbase-mcp\/#primaryimage\",\"url\":\"https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/AB-Enterprise-Data-Security.png\",\"contentUrl\":\"https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/AB-Enterprise-Data-Security.png\"},{\"@type\":\"WebSite\",\"@id\":\"https:\/\/get.apicbase.com\/#website\",\"url\":\"https:\/\/get.apicbase.com\/\",\"name\":\"Apicbase\",\"description\":\"Horeca Management Software\",\"publisher\":{\"@id\":\"https:\/\/get.apicbase.com\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/get.apicbase.com\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"nl-NL\"},{\"@type\":\"Organization\",\"@id\":\"https:\/\/get.apicbase.com\/#organization\",\"name\":\"Apicbase\",\"url\":\"https:\/\/get.apicbase.com\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"nl-NL\",\"@id\":\"https:\/\/get.apicbase.com\/#\/schema\/logo\/image\/\",\"url\":\"https:\/\/get.apicbase.com\/wp-content\/uploads\/2025\/08\/apicbase-logo-black.svg\",\"contentUrl\":\"https:\/\/get.apicbase.com\/wp-content\/uploads\/2025\/08\/apicbase-logo-black.svg\",\"caption\":\"Apicbase\"},\"image\":{\"@id\":\"https:\/\/get.apicbase.com\/#\/schema\/logo\/image\/\"},\"sameAs\":[\"https:\/\/www.facebook.com\/apicbase\/\",\"https:\/\/x.com\/apicbase\",\"https:\/\/www.instagram.com\/apicbase\/\",\"https:\/\/www.linkedin.com\/company-beta\/5036984\/\",\"https:\/\/www.pinterest.com\/apicbase\/\"]}]}<\/script>\n<!-- \/ Yoast SEO Premium plugin. -->","yoast_head_json":{"title":"Apicbase MCP: chat met je restaurantdata","description":"Vraag Claude, ChatGPT, Gemini of Copilot naar food cost, omzet en compliance \u2014 voor al je vestigingen. Direct antwoord uit je live Apicbase-data.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/get.apicbase.com\/de\/apicbase-mcp\/","og_locale":"nl_NL","og_type":"article","og_title":"Apicbase MCP","og_description":"Vraag Claude, ChatGPT, Gemini of Copilot naar food cost, omzet en compliance \u2014 voor al je vestigingen. Direct antwoord uit je live Apicbase-data.","og_url":"https:\/\/get.apicbase.com\/de\/apicbase-mcp\/","og_site_name":"Apicbase","article_publisher":"https:\/\/www.facebook.com\/apicbase\/","article_modified_time":"2026-07-07T09:31:11+00:00","og_image":[{"width":1422,"height":1131,"url":"https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/AB-Enterprise-Data-Security.png","type":"image\/png"}],"twitter_card":"summary_large_image","twitter_site":"@apicbase","twitter_misc":{"Geschatte leestijd":"3 minuten"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/get.apicbase.com\/de\/apicbase-mcp\/","url":"https:\/\/get.apicbase.com\/de\/apicbase-mcp\/","name":"Apicbase MCP: chat met je restaurantdata","isPartOf":{"@id":"https:\/\/get.apicbase.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/get.apicbase.com\/de\/apicbase-mcp\/#primaryimage"},"image":{"@id":"https:\/\/get.apicbase.com\/de\/apicbase-mcp\/#primaryimage"},"thumbnailUrl":"https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/AB-Enterprise-Data-Security.png","datePublished":"2026-07-07T09:02:05+00:00","dateModified":"2026-07-07T09:31:11+00:00","description":"Vraag Claude, ChatGPT, Gemini of Copilot naar food cost, omzet en compliance \u2014 voor al je vestigingen. Direct antwoord uit je live Apicbase-data.","inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/get.apicbase.com\/de\/apicbase-mcp\/"]}]},{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/get.apicbase.com\/de\/apicbase-mcp\/#primaryimage","url":"https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/AB-Enterprise-Data-Security.png","contentUrl":"https:\/\/get.apicbase.com\/wp-content\/uploads\/2026\/02\/AB-Enterprise-Data-Security.png"},{"@type":"WebSite","@id":"https:\/\/get.apicbase.com\/#website","url":"https:\/\/get.apicbase.com\/","name":"Apicbase","description":"Horeca Management Software","publisher":{"@id":"https:\/\/get.apicbase.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/get.apicbase.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"},{"@type":"Organization","@id":"https:\/\/get.apicbase.com\/#organization","name":"Apicbase","url":"https:\/\/get.apicbase.com\/","logo":{"@type":"ImageObject","inLanguage":"nl-NL","@id":"https:\/\/get.apicbase.com\/#\/schema\/logo\/image\/","url":"https:\/\/get.apicbase.com\/wp-content\/uploads\/2025\/08\/apicbase-logo-black.svg","contentUrl":"https:\/\/get.apicbase.com\/wp-content\/uploads\/2025\/08\/apicbase-logo-black.svg","caption":"Apicbase"},"image":{"@id":"https:\/\/get.apicbase.com\/#\/schema\/logo\/image\/"},"sameAs":["https:\/\/www.facebook.com\/apicbase\/","https:\/\/x.com\/apicbase","https:\/\/www.instagram.com\/apicbase\/","https:\/\/www.linkedin.com\/company-beta\/5036984\/","https:\/\/www.pinterest.com\/apicbase\/"]}]}},"_links":{"self":[{"href":"https:\/\/get.apicbase.com\/nl\/wp-json\/wp\/v2\/pages\/82261","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/get.apicbase.com\/nl\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/get.apicbase.com\/nl\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/get.apicbase.com\/nl\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/get.apicbase.com\/nl\/wp-json\/wp\/v2\/comments?post=82261"}],"version-history":[{"count":2,"href":"https:\/\/get.apicbase.com\/nl\/wp-json\/wp\/v2\/pages\/82261\/revisions"}],"predecessor-version":[{"id":82272,"href":"https:\/\/get.apicbase.com\/nl\/wp-json\/wp\/v2\/pages\/82261\/revisions\/82272"}],"wp:attachment":[{"href":"https:\/\/get.apicbase.com\/nl\/wp-json\/wp\/v2\/media?parent=82261"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}