JAKALA – Data, AI, and Experiences Company

<!doctype html><html lang="en"><head> <meta charset="utf-8"> <title>JAKALA – Data, AI, and Experiences Company</title> <link rel="shortcut icon" href="https://www.jakala.com/hubfs/favicon.ico"> <meta name="description" content="JAKALA is a data, AI, and experiences company that creates meaningful and lasting impact. Globally."> <link rel="preload" as="font" href="//26289830.fs1.hubspotusercontent-eu1.net/hubfs/26289830/raw_assets/public/jakala/fonts/Raleway-VariableFont_wght.ttf" type="font/ttf" crossorigin="anonymous"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta property="og:description" content="JAKALA is a data, AI, and experiences company that creates meaningful and lasting impact. Globally."> <meta property="og:title" content="JAKALA – Data, AI, and Experiences Company"> <meta name="twitter:description" content="JAKALA is a data, AI, and experiences company that creates meaningful and lasting impact. Globally."> <meta name="twitter:title" content="JAKALA – Data, AI, and Experiences Company"> <style> a.cta_button{-moz-box-sizing:content-box !important;-webkit-box-sizing:content-box !important;box-sizing:content-box !important;vertical-align:middle}.hs-breadcrumb-menu{list-style-type:none;margin:0px 0px 0px 0px;padding:0px 0px 0px 0px}.hs-breadcrumb-menu-item{float:left;padding:10px 0px 10px 10px}.hs-breadcrumb-menu-divider:before{content:'›';padding-left:10px}.hs-featured-image-link{border:0}.hs-featured-image{float:right;margin:0 0 20px 20px;max-width:50%}@media (max-width: 568px){.hs-featured-image{float:none;margin:0;width:100%;max-width:100%}}.hs-screen-reader-text{clip:rect(1px, 1px, 1px, 1px);height:1px;overflow:hidden;position:absolute !important;width:1px} </style> <link rel="stylesheet" href="https://www.jakala.com/hs-fs/hub/26289830/hub_generated/template_assets/69340800504/1727698524861/jakala/css/main.min.css"> <style> @font-face { font-family: "Raleway"; src: url("https://www.jakala.com/hubfs/raw_assets/public/jakala/fonts/Raleway-VariableFont_wght.ttf") format("truetype-variations"); unicode-range: U+000-5FF; font-weight: 1 999; font-display: swap; } </style> <link rel="stylesheet" href="https://www.jakala.com/hs-fs/hub/26289830/hub_generated/template_assets/69333281752/1685433340842/jakala/css/lib/swiper-bundle.min.css">  <style id="hs_editor_style" type="text/css"> /* HubSpot Styles (default) */ .main-row-2-padding { padding-left: 0px !important; padding-right: 0px !important; } </style>  <script> var _hsp = window._hsp = window._hsp || []; window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} var useGoogleConsentModeV2 = true; var waitForUpdateMillis = 1000; var hsLoadGtm = function loadGtm() { if(window._hsGtmLoadOnce) { return; } if (useGoogleConsentModeV2) { gtag('set','developer_id.dZTQ1Zm',true); gtag('consent', 'default', { 'ad_storage': 'denied', 'analytics_storage': 'denied', 'ad_user_data': 'denied', 'ad_personalization': 'denied', 'wait_for_update': waitForUpdateMillis }); _hsp.push(['useGoogleConsentModeV2']) } (function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); })(window,document,'script','dataLayer','GTM-5RDGR49'); window._hsGtmLoadOnce = true; }; _hsp.push(['addPrivacyConsentListener', function(consent){ if(consent.allowed || (consent.categories && consent.categories.analytics)){ hsLoadGtm(); } }]); </script>  <link rel="canonical" href="https://www.jakala.com"> <meta name="ahrefs-site-verification" content="f7fab31d6241b6eccf9acbb1c4a567a78847ecfbb4f60d5c1e25daa35fabdaf4"> <meta name="google-site-verification" content="AFU2Rk1sIrgVBKDg-cPwKC9ZL_JfKp2U9n6VuEP0FFU"> <meta property="og:image" content="https://www.jakala.com/hubfs/DILS_HERO_HOMEPAGE_INSIGHT_2200x1222_GettyImages-1456310792.jpg"> <meta name="twitter:image" content="https://www.jakala.com/hubfs/DILS_HERO_HOMEPAGE_INSIGHT_2200x1222_GettyImages-1456310792.jpg"> <meta property="og:url" content="https://www.jakala.com"> <meta name="twitter:card" content="summary"> <meta http-equiv="content-language" content="en"> <link rel="alternate" hreflang="da" href="https://www.jakala.com/da/"> <link rel="alternate" hreflang="de" href="https://www.jakala.com/de/"> <link rel="alternate" hreflang="en" href="https://www.jakala.com"> <link rel="alternate" hreflang="en-gb" href="https://www.jakala.com/en-gb/"> <link rel="alternate" hreflang="en-us" href="https://www.jakala.com/en-us/"> <link rel="alternate" hreflang="es" href="https://www.jakala.com/es/"> <link rel="alternate" hreflang="fr" href="https://www.jakala.com/fr/"> <link rel="alternate" hreflang="it" href="https://www.jakala.com/it/"> <link rel="alternate" hreflang="pt" href="https://www.jakala.com/pt/"> <meta name="google-site-verification" content="tCDhP_se8SNkUITuiD-Yk9E2-KgYNM6moJzrWZ9l3Ao"> <meta name="generator" content="HubSpot"></head> <body class="overflow-x-clip">  <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-5RDGR49" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript>  <div class=" hs-content-id-71645539546 hs-site-page page "> <div data-global-resource-path="jakala/templates/partials/header.html"> <header class="js-header hs-search-hidden w-full relative z-50 text-[17px]"> <div class="absolute top-0 left-0 w-full flex items-center justify-center pointer-events-none z-50 min-h-[59px] lg:min-h-[95px]"> <a href="#main-content" class="transition left-0 bg-white text-black absolute p-3 m-3 -translate-y-16 focus:translate-y-0">Skip to content</a> <div class="max-w-[160px] lg:py-[34px] pt-[12px] max-lg:w-[130px] pointer-events-auto [&_svg]:w-full" style="--logo-color: #fff"> <div id="hs_cos_wrapper_logo-header" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <div> <a class="" href="https://www.jakala.com" aria-label="Jakala Homepage"> <svg class="[&_*]:transition-colors" width="160px" height="42px" viewbox="0 0 160 42" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <defs> <polygon id="path-1" points="0 0 7.2294138 0 7.2294138 30.0986948 0 30.0986948"></polygon> </defs> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&-Design" transform="translate(-640.000000, -30.000000)"> <g id="logo-/-Jakala---Blu---Red---Base" transform="translate(640.000000, 30.000000)"> <path d="M31.0246162,0 L21.3838926,26.7290345 L28.6776531,26.7290345 L30.0537705,22.1595426 L39.7972231,22.1595426 L41.3415451,26.7290345 L48.5416077,26.7290345 L38.9008841,0 L31.0246162,0 Z M34.928319,6.30118431 L37.8905273,16.4352113 L31.9954619,16.4352113 L34.928319,6.30118431 Z" id="Fill-1" fill="var(--logo-color, #040066)"></path> <path d="M90.5876933,0 L80.9458408,26.7290345 L88.2407302,26.7290345 L89.6179764,22.1595426 L99.3603002,22.1595426 L100.903493,26.7290345 L108.104685,26.7290345 L98.4639612,0 L90.5876933,0 Z M94.4913961,6.30118431 L97.4536044,16.4352113 L91.5574101,16.4352113 L94.4913961,6.30118431 Z" id="Fill-2" fill="var(--logo-color, #040066)"></path> <path d="M142.483008,0 L132.842285,26.7290345 L140.136045,26.7290345 L141.513292,22.1595426 L151.255615,22.1595426 L152.799937,26.7290345 L160,26.7290345 L150.359276,0 L142.483008,0 Z M146.386711,6.30118431 L149.34892,16.4352113 L143.453854,16.4352113 L146.386711,6.30118431 Z" id="Fill-3" fill="var(--logo-color, #040066)"></path> <polygon id="Fill-4" fill="var(--logo-color, #040066)" points="69.4345459 0.0142796623 60.6946768 12.4817848 60.6946768 0.0142796623 53.5228364 0.0142796623 53.5228364 26.7297145 60.6946768 26.7297145 60.6946768 13.7930205 69.5079238 26.7297145 78.2827884 26.7297145 68.3722601 13.1153031 77.917028 0.0142796623"></polygon> <polygon id="Fill-5" fill="var(--logo-color, #040066)" points="113.136826 0.0142796623 113.136826 26.7637137 128.50554 26.7637137 128.50554 21.0348492 120.277058 21.0348492 120.277058 0.0142796623"></polygon> <polygon id="Fill-6" fill="#E31F1B" points="8.99364364 35.5900183 8.99364364 39.8637172 12.7505907 42 16.5075378 39.8637172 16.5075378 35.5900183 12.7505907 33.4526022"></polygon> <polygon id="Fill-7" fill="#F00A0A" points="8.99364364 35.5900183 8.99364364 39.8637172 12.7505907 42 16.5075378 39.8637172 16.5075378 35.5900183 12.7505907 33.4526022"></polygon> <g id="Group-13" transform="translate(0.000000, 0.000227)"> <path d="M9.1361096,23.4007399 C7.77241006,24.4025829 6.59610632,24.5941117 5.15564223,24.3209848 C3.96240513,24.0931902 3.22749751,23.6704668 2.49823434,23.2806094 L0,28.6094167 C2.80303474,30.6323689 6.00456777,31.0437591 9.1361096,30.0985815 L9.1361096,23.4007399 Z" id="Fill-8" fill="var(--logo-color, #040066)"></path> <g id="Group-12" transform="translate(9.136110, 0.000000)"> <mask id="mask-2" fill="white"> <use xlink:href="#path-1"></use> </mask> <g id="Clip-11"></g> <path d="M0,30.0986948 C4.1644765,29.0560528 7.2294138,24.8390192 7.2294138,20.7874484 L7.2294138,-0.000793314571 L0,-0.000793314571 L0,16.6316133 L0,19.2053524 L0,29.7394366 L0,30.0986948 Z" id="Fill-10" fill="#F00A0A" mask="url(#mask-2)"></path> </g> </g> </g> </g> </g> </svg> </a> </div></div> </div> </div> <div class="fixed px-[22px] lg:px-[32px] top-0 left-0 w-full pointer-events-none"> <div class="mx-auto w-full"> <div class="flex items-center justify-between min-h-[59px] lg:min-h-[95px]"> <div class="flex items-center justify-between w-full lg:w-auto z-50 pointer-events-auto"> <button class="js-header-toggle" aria-label="Open menu" aria-expanded="false" aria-controls="side-menu"> <span class="hamburger-open"> <svg class="" width="32px" height="37px" viewbox="0 0 32 37" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="MB-/-Contact" transform="translate(-22.000000, -48.000000)"> <g id="MB-/-Header-/-base---white" transform="translate(0.000000, 37.000000)"> <g id="MB-/-Icon-/-menu-close" transform="translate(22.000000, 11.000000)"> <g id="bk" fill="#F00A0A"> <polygon id="Fill-7" points="0 9.25245293 0 27.7524529 16 37 32 27.7524529 32 9.25245293 16 0"></polygon> </g> <g id="menu-line" transform="translate(7.000000, 15.000000)" stroke="#FFFFFF" stroke-linecap="square"> <g id="Group-18"> <line x1="2.02723795e-17" y1="0.5" x2="18" y2="0.5" id="Line-2" transform="translate(9.000000, 0.500000) rotate(-0.000000) translate(-9.000000, -0.500000) "></line> <line x1="4.62973564e-18" y1="6.5" x2="18" y2="6.5" id="Line-2-Copy-2" transform="translate(9.000000, 6.500000) rotate(0.000000) translate(-9.000000, -6.500000) "></line> </g> </g> </g> </g> </g> </g> </svg> </span> <span class="hamburger-close"> <svg class="" width="32px" height="37px" viewbox="0 0 32 36.5714286" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="MB-/-Menu-04-04" transform="translate(-22.000000, -48.000000)"> <g id="MB-/-Header-/-open" transform="translate(0.000000, 40.000000)"> <g id="Icon-/-menu-open" transform="translate(22.000000, 8.000000)"> <g id="bk" fill="#F00A0A"> <polygon points="0 9.14528166 0 27.4309959 16 36.5714286 32 27.4309959 32 9.14528166 16 0"></polygon> </g> <g id="Icon-/-16-/-x---W" transform="translate(8.685714, 10.971429)" stroke="#FFFFFF" stroke-linecap="square"> <g id="x" transform="translate(0.591037, 0.591037)"> <line x1="-2.32690168" y1="6.72127808" x2="15.7694578" y2="6.72127808" id="Line-2" transform="translate(6.721278, 6.721278) rotate(45.000000) translate(-6.721278, -6.721278) "></line> <line x1="-2.32690168" y1="6.72127808" x2="15.7694578" y2="6.72127808" id="Line-2" transform="translate(6.721278, 6.721278) scale(-1, 1) rotate(45.000000) translate(-6.721278, -6.721278) "></line> </g> </g> </g> </g> </g> </g> </svg> </span> </button> </div> <div id="side-menu" class="js-side-menu pt-[9px] lg:pt-0 px-[32px] hidden absolute left-0 top-0 z-50 mt-[59px] lg:mt-[95px] w-full pointer-events-none h-vh-header justify-between flex-col lg:h-[calc(100vh-95px)]"> <nav class="js-header-menu header-menu relative flex flex-col justify-between bg-white rounded w-full lg:max-w-[311px] max-h-[calc(100vh-128px)] pointer-events-auto max-lg:overflow-hidden"> <div class="overflow-y-auto"> <nav class="menu menu--primary w-full p-[22px] lg:px-[34px] lg:py-[16px]" aria-label="Main menu"> <ul class="menu-wrapper no-list" role="menubar" aria-label="Main menu"> <li role="none" class="menu-item cursor-pointer py-[12px] lg:py-[16px] flex flex-wrap lg:flex-nowrap items-center justify-between border-b border-b-gray font-medium text-[18px] lg:text-[20px] [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-secondary [&>.menu-link]:hover:before:align-middle [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:-left-[18px] [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:mr-[8px] [&>.menu-link]:hover:translate-x-[18px] [&>.menu-link]:hover:text-primary-light [&>.menu-link]:transition menu-item--depth-1 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link menu-link--active-branch menu-link--active-link" href="https://www.jakala.com" aria-current="page"> <span>Homepage</span> </a> </li> <li role="none" class="menu-item cursor-pointer py-[12px] lg:py-[16px] flex flex-wrap lg:flex-nowrap items-center justify-between border-b border-b-gray font-medium text-[18px] lg:text-[20px] [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-secondary [&>.menu-link]:hover:before:align-middle [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:-left-[18px] [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:mr-[8px] [&>.menu-link]:hover:translate-x-[18px] [&>.menu-link]:hover:text-primary-light [&>.menu-link]:transition menu-item--depth-1 menu-item--has-submenu hs-skip-lang-url-rewrite"> <span class="menu-link menu-link--toggle menu-child-toggle" aria-haspopup="true" aria-expanded="false"> <span>About</span> </span> <button class="menu-child-toggle no-button max-lg:w-10 max-lg:h-10 flex items-center justify-center" aria-expanded="false"> <span class="sr-only">Show submenu for About</span> <span class="menu-child-toggle-icon block transition-transform"> <svg class="icon-default" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Menu-04-06" transform="translate(-303.000000, -380.000000)"> <g id="DK-/-Menu-/-1st---go" transform="translate(64.000000, 370.000000)" stroke="#2E2E2E"> <g id="Icon-/-8-/-chevron-right---B" transform="translate(239.000000, 10.000000)"> <polyline id="Path" points="2 0.5 6 4 2 7.5"></polyline> </g> </g> </g> </g> </svg> <svg class="icon-back lg:hidden" width="20px" height="23px" viewbox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="MB-/-Menu-02-04" transform="translate(-55.000000, -130.500000)" stroke="#040066"> <g id="Icon-/-MB-/-back-menu" transform="translate(55.000000, 130.500000)"> <g id="Icon-/-8-/-chevron-right---W" transform="translate(10.000000, 11.500000) rotate(-180.000000) translate(-10.000000, -11.500000) translate(8.000000, 8.000000)"> <polyline id="Path" points="-4.94623592e-16 0 4 3.5 -4.94623592e-16 7"></polyline> </g> <polygon id="Fill-7" points="1 6.2513922 1 16.7513922 10 22 19 16.7513922 19 6.2513922 10 1"></polygon> </g> </g> </g> </svg> </span> </button> <ul role="menu" aria-label="Submenu for About" class="menu-submenu cursor-auto hidden overflow-auto flex-col lg:flex-wrap absolute top-0 left-0 bg-white lg:bg-primary-light p-[22px] lg:py-[18px] lg:px-[34px] lg:text-white w-full lg:w-auto min-w-[311px] max-h-[calc(100vh-128px)] h-full rounded lg:rounded-r z-20 lg:-z-10 menu-submenu--level-2"> <div class="lg:hidden flex justify-center items-center mb-[67px]"> <span class="before:text-[8px] before:content-hexagon before:text-secondary before:align-middle before:mr-[8px] text-primary-light text-[18px]">About</span> </div> <li role="none" class="menu-item py-[12px] lg:py-[18px] flex lg:block flex-wrap items-center justify-between border-b border-b-gray/20 font-medium text-[18px] lg:text-[16px] lg:[&>.menu-child-toggle:not(.menu-link)]:hidden menu-item--depth-2 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/about-us-who-we-are"> <span>Who We Are</span> </a> </li> <li role="none" class="menu-item py-[12px] lg:py-[18px] flex lg:block flex-wrap items-center justify-between border-b border-b-gray/20 font-medium text-[18px] lg:text-[16px] lg:[&>.menu-child-toggle:not(.menu-link)]:hidden menu-item--depth-2 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/group-and-countries"> <span>Group & Countries</span> </a> </li> </ul> </li> <li role="none" class="menu-item cursor-pointer py-[12px] lg:py-[16px] flex flex-wrap lg:flex-nowrap items-center justify-between border-b border-b-gray font-medium text-[18px] lg:text-[20px] [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-secondary [&>.menu-link]:hover:before:align-middle [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:-left-[18px] [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:mr-[8px] [&>.menu-link]:hover:translate-x-[18px] [&>.menu-link]:hover:text-primary-light [&>.menu-link]:transition menu-item--depth-1 menu-item--has-submenu hs-skip-lang-url-rewrite"> <span class="menu-link menu-link--toggle menu-child-toggle" aria-haspopup="true" aria-expanded="false"> <span>Solutions</span> </span> <button class="menu-child-toggle no-button max-lg:w-10 max-lg:h-10 flex items-center justify-center" aria-expanded="false"> <span class="sr-only">Show submenu for Solutions</span> <span class="menu-child-toggle-icon block transition-transform"> <svg class="icon-default" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Menu-04-06" transform="translate(-303.000000, -380.000000)"> <g id="DK-/-Menu-/-1st---go" transform="translate(64.000000, 370.000000)" stroke="#2E2E2E"> <g id="Icon-/-8-/-chevron-right---B" transform="translate(239.000000, 10.000000)"> <polyline id="Path" points="2 0.5 6 4 2 7.5"></polyline> </g> </g> </g> </g> </svg> <svg class="icon-back lg:hidden" width="20px" height="23px" viewbox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="MB-/-Menu-02-04" transform="translate(-55.000000, -130.500000)" stroke="#040066"> <g id="Icon-/-MB-/-back-menu" transform="translate(55.000000, 130.500000)"> <g id="Icon-/-8-/-chevron-right---W" transform="translate(10.000000, 11.500000) rotate(-180.000000) translate(-10.000000, -11.500000) translate(8.000000, 8.000000)"> <polyline id="Path" points="-4.94623592e-16 0 4 3.5 -4.94623592e-16 7"></polyline> </g> <polygon id="Fill-7" points="1 6.2513922 1 16.7513922 10 22 19 16.7513922 19 6.2513922 10 1"></polygon> </g> </g> </g> </svg> </span> </button> <ul role="menu" aria-label="Submenu for Solutions" class="menu-submenu cursor-auto hidden overflow-auto flex-col lg:flex-wrap absolute top-0 left-0 bg-white lg:bg-primary-light p-[22px] lg:py-[18px] lg:px-[34px] lg:text-white w-full lg:w-auto min-w-[311px] max-h-[calc(100vh-128px)] h-full rounded lg:rounded-r z-20 lg:-z-10 menu-submenu--level-2"> <div class="lg:hidden flex justify-center items-center mb-[67px]"> <span class="before:text-[8px] before:content-hexagon before:text-secondary before:align-middle before:mr-[8px] text-primary-light text-[18px]">Solutions</span> </div> <li role="none" class="menu-item py-[12px] lg:py-[18px] flex lg:block flex-wrap items-center justify-between border-b border-b-gray/20 font-medium text-[18px] lg:text-[16px] lg:[&>.menu-child-toggle:not(.menu-link)]:hidden menu-item--depth-2 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/strategy"> <span>Strategy</span> </a> </li> <li role="none" class="menu-item py-[12px] lg:py-[18px] flex lg:block flex-wrap items-center justify-between border-b border-b-gray/20 font-medium text-[18px] lg:text-[16px] lg:[&>.menu-child-toggle:not(.menu-link)]:hidden menu-item--depth-2 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/technology"> <span>Technology</span> </a> </li> <li role="none" class="menu-item py-[12px] lg:py-[18px] flex lg:block flex-wrap items-center justify-between border-b border-b-gray/20 font-medium text-[18px] lg:text-[16px] lg:[&>.menu-child-toggle:not(.menu-link)]:hidden menu-item--depth-2 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/activations"> <span>Activations</span> </a> </li> </ul> </li> <li role="none" class="menu-item cursor-pointer py-[12px] lg:py-[16px] flex flex-wrap lg:flex-nowrap items-center justify-between border-b border-b-gray font-medium text-[18px] lg:text-[20px] [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-secondary [&>.menu-link]:hover:before:align-middle [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:-left-[18px] [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:mr-[8px] [&>.menu-link]:hover:translate-x-[18px] [&>.menu-link]:hover:text-primary-light [&>.menu-link]:transition menu-item--wide menu-item--depth-1 menu-item--has-submenu hs-skip-lang-url-rewrite"> <span class="menu-link menu-link--toggle menu-child-toggle" aria-haspopup="true" aria-expanded="false"> <span>Industries</span> </span> <button class="menu-child-toggle no-button max-lg:w-10 max-lg:h-10 flex items-center justify-center" aria-expanded="false"> <span class="sr-only">Show submenu for Industries</span> <span class="menu-child-toggle-icon block transition-transform"> <svg class="icon-default" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Menu-04-06" transform="translate(-303.000000, -380.000000)"> <g id="DK-/-Menu-/-1st---go" transform="translate(64.000000, 370.000000)" stroke="#2E2E2E"> <g id="Icon-/-8-/-chevron-right---B" transform="translate(239.000000, 10.000000)"> <polyline id="Path" points="2 0.5 6 4 2 7.5"></polyline> </g> </g> </g> </g> </svg> <svg class="icon-back lg:hidden" width="20px" height="23px" viewbox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="MB-/-Menu-02-04" transform="translate(-55.000000, -130.500000)" stroke="#040066"> <g id="Icon-/-MB-/-back-menu" transform="translate(55.000000, 130.500000)"> <g id="Icon-/-8-/-chevron-right---W" transform="translate(10.000000, 11.500000) rotate(-180.000000) translate(-10.000000, -11.500000) translate(8.000000, 8.000000)"> <polyline id="Path" points="-4.94623592e-16 0 4 3.5 -4.94623592e-16 7"></polyline> </g> <polygon id="Fill-7" points="1 6.2513922 1 16.7513922 10 22 19 16.7513922 19 6.2513922 10 1"></polygon> </g> </g> </g> </svg> </span> </button> <ul role="menu" aria-label="Submenu for Industries" class="menu-submenu cursor-auto hidden overflow-auto flex-col lg:flex-wrap absolute top-0 left-0 bg-white lg:bg-primary-light p-[22px] lg:py-[18px] lg:px-[34px] lg:text-white w-full lg:w-auto min-w-[311px] max-h-[calc(100vh-128px)] h-full rounded lg:rounded-r z-20 lg:-z-10 menu-submenu--level-2"> <div class="lg:hidden flex justify-center items-center mb-[67px]"> <span class="before:text-[8px] before:content-hexagon before:text-secondary before:align-middle before:mr-[8px] text-primary-light text-[18px]">Industries</span> </div> <li role="none" class="menu-item py-[12px] lg:py-[18px] flex lg:block flex-wrap items-center justify-between border-b border-b-gray/20 font-medium text-[18px] lg:text-[16px] lg:[&>.menu-child-toggle:not(.menu-link)]:hidden menu-item--depth-2 menu-item--has-submenu hs-skip-lang-url-rewrite"> <span class="menu-link menu-link--toggle menu-child-toggle" aria-haspopup="true" aria-expanded="false"> <span>Consumer</span> </span> <button class="menu-child-toggle no-button max-lg:w-10 max-lg:h-10 flex items-center justify-center" aria-expanded="false"> <span class="sr-only">Show submenu for Consumer</span> <span class="menu-child-toggle-icon block transition-transform"> <svg class="icon-default" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Menu-04-06" transform="translate(-303.000000, -380.000000)"> <g id="DK-/-Menu-/-1st---go" transform="translate(64.000000, 370.000000)" stroke="#2E2E2E"> <g id="Icon-/-8-/-chevron-right---B" transform="translate(239.000000, 10.000000)"> <polyline id="Path" points="2 0.5 6 4 2 7.5"></polyline> </g> </g> </g> </g> </svg> </span> </button> <ul role="menu" aria-label="Submenu for Consumer" class="menu-submenu lg:block hidden w-full lg:w-auto px-[8px] mt-[11px] menu-submenu--level-3"> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&>.menu-link]:transition [&>.menu-link]:hover:!translate-x-[8px] [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-white [&>.menu-link]:hover:before:-left-[14px] [&>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/consumer-products-goods"> <span>Consumer Packaged Goods</span> </a> </li> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&>.menu-link]:transition [&>.menu-link]:hover:!translate-x-[8px] [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-white [&>.menu-link]:hover:before:-left-[14px] [&>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/fashion-luxury-design"> <span>Fashion Luxury & Design</span> </a> </li> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&>.menu-link]:transition [&>.menu-link]:hover:!translate-x-[8px] [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-white [&>.menu-link]:hover:before:-left-[14px] [&>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/pharma-lifescience"> <span>Pharma & Lifescience</span> </a> </li> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&>.menu-link]:transition [&>.menu-link]:hover:!translate-x-[8px] [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-white [&>.menu-link]:hover:before:-left-[14px] [&>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/retail"> <span>Retail</span> </a> </li> </ul> </li> <li role="none" class="menu-item py-[12px] lg:py-[18px] flex lg:block flex-wrap items-center justify-between border-b border-b-gray/20 font-medium text-[18px] lg:text-[16px] lg:[&>.menu-child-toggle:not(.menu-link)]:hidden menu-item--depth-2 menu-item--has-submenu hs-skip-lang-url-rewrite"> <span class="menu-link menu-link--toggle menu-child-toggle" aria-haspopup="true" aria-expanded="false"> <span>Financial Services</span> </span> <button class="menu-child-toggle no-button max-lg:w-10 max-lg:h-10 flex items-center justify-center" aria-expanded="false"> <span class="sr-only">Show submenu for Financial Services</span> <span class="menu-child-toggle-icon block transition-transform"> <svg class="icon-default" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Menu-04-06" transform="translate(-303.000000, -380.000000)"> <g id="DK-/-Menu-/-1st---go" transform="translate(64.000000, 370.000000)" stroke="#2E2E2E"> <g id="Icon-/-8-/-chevron-right---B" transform="translate(239.000000, 10.000000)"> <polyline id="Path" points="2 0.5 6 4 2 7.5"></polyline> </g> </g> </g> </g> </svg> </span> </button> <ul role="menu" aria-label="Submenu for Financial Services" class="menu-submenu lg:block hidden w-full lg:w-auto px-[8px] mt-[11px] menu-submenu--level-3"> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&>.menu-link]:transition [&>.menu-link]:hover:!translate-x-[8px] [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-white [&>.menu-link]:hover:before:-left-[14px] [&>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/banking"> <span>Banking</span> </a> </li> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&>.menu-link]:transition [&>.menu-link]:hover:!translate-x-[8px] [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-white [&>.menu-link]:hover:before:-left-[14px] [&>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/insurance"> <span>Insurance</span> </a> </li> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&>.menu-link]:transition [&>.menu-link]:hover:!translate-x-[8px] [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-white [&>.menu-link]:hover:before:-left-[14px] [&>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/real-estate"> <span>Real Estate</span> </a> </li> </ul> </li> <li role="none" class="menu-item py-[12px] lg:py-[18px] flex lg:block flex-wrap items-center justify-between border-b border-b-gray/20 font-medium text-[18px] lg:text-[16px] lg:[&>.menu-child-toggle:not(.menu-link)]:hidden menu-item--depth-2 menu-item--has-submenu hs-skip-lang-url-rewrite"> <span class="menu-link menu-link--toggle menu-child-toggle" aria-haspopup="true" aria-expanded="false"> <span>Automotive & Industrial</span> </span> <button class="menu-child-toggle no-button max-lg:w-10 max-lg:h-10 flex items-center justify-center" aria-expanded="false"> <span class="sr-only">Show submenu for Automotive & Industrial</span> <span class="menu-child-toggle-icon block transition-transform"> <svg class="icon-default" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Menu-04-06" transform="translate(-303.000000, -380.000000)"> <g id="DK-/-Menu-/-1st---go" transform="translate(64.000000, 370.000000)" stroke="#2E2E2E"> <g id="Icon-/-8-/-chevron-right---B" transform="translate(239.000000, 10.000000)"> <polyline id="Path" points="2 0.5 6 4 2 7.5"></polyline> </g> </g> </g> </g> </svg> </span> </button> <ul role="menu" aria-label="Submenu for Automotive & Industrial" class="menu-submenu lg:block hidden w-full lg:w-auto px-[8px] mt-[11px] menu-submenu--level-3"> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&>.menu-link]:transition [&>.menu-link]:hover:!translate-x-[8px] [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-white [&>.menu-link]:hover:before:-left-[14px] [&>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/automotive"> <span>Automotive</span> </a> </li> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&>.menu-link]:transition [&>.menu-link]:hover:!translate-x-[8px] [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-white [&>.menu-link]:hover:before:-left-[14px] [&>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/industrial-products"> <span>Industrial Products</span> </a> </li> </ul> </li> <li role="none" class="menu-item py-[12px] lg:py-[18px] flex lg:block flex-wrap items-center justify-between border-b border-b-gray/20 font-medium text-[18px] lg:text-[16px] lg:[&>.menu-child-toggle:not(.menu-link)]:hidden menu-item--depth-2 menu-item--has-submenu hs-skip-lang-url-rewrite"> <span class="menu-link menu-link--toggle menu-child-toggle" aria-haspopup="true" aria-expanded="false"> <span>Services</span> </span> <button class="menu-child-toggle no-button max-lg:w-10 max-lg:h-10 flex items-center justify-center" aria-expanded="false"> <span class="sr-only">Show submenu for Services</span> <span class="menu-child-toggle-icon block transition-transform"> <svg class="icon-default" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Menu-04-06" transform="translate(-303.000000, -380.000000)"> <g id="DK-/-Menu-/-1st---go" transform="translate(64.000000, 370.000000)" stroke="#2E2E2E"> <g id="Icon-/-8-/-chevron-right---B" transform="translate(239.000000, 10.000000)"> <polyline id="Path" points="2 0.5 6 4 2 7.5"></polyline> </g> </g> </g> </g> </svg> </span> </button> <ul role="menu" aria-label="Submenu for Services" class="menu-submenu lg:block hidden w-full lg:w-auto px-[8px] mt-[11px] menu-submenu--level-3"> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&>.menu-link]:transition [&>.menu-link]:hover:!translate-x-[8px] [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-white [&>.menu-link]:hover:before:-left-[14px] [&>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/energy-utilities"> <span>Energy & Utilities</span> </a> </li> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&>.menu-link]:transition [&>.menu-link]:hover:!translate-x-[8px] [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-white [&>.menu-link]:hover:before:-left-[14px] [&>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/higher-education"> <span>Higher Education</span> </a> </li> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&>.menu-link]:transition [&>.menu-link]:hover:!translate-x-[8px] [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-white [&>.menu-link]:hover:before:-left-[14px] [&>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/publishing-entertainment"> <span>Publishing & Entertainment</span> </a> </li> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&>.menu-link]:transition [&>.menu-link]:hover:!translate-x-[8px] [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-white [&>.menu-link]:hover:before:-left-[14px] [&>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/telco-media"> <span>Telco & Media</span> </a> </li> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&>.menu-link]:transition [&>.menu-link]:hover:!translate-x-[8px] [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-white [&>.menu-link]:hover:before:-left-[14px] [&>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/travel-leisure-transport"> <span>Travel, Leisure & Transport</span> </a> </li> </ul> </li> <li role="none" class="menu-item py-[12px] lg:py-[18px] flex lg:block flex-wrap items-center justify-between border-b border-b-gray/20 font-medium text-[18px] lg:text-[16px] lg:[&>.menu-child-toggle:not(.menu-link)]:hidden menu-item--depth-2 menu-item--has-submenu hs-skip-lang-url-rewrite"> <span class="menu-link menu-link--toggle menu-child-toggle" aria-haspopup="true" aria-expanded="false"> <span>Public Sector</span> </span> <button class="menu-child-toggle no-button max-lg:w-10 max-lg:h-10 flex items-center justify-center" aria-expanded="false"> <span class="sr-only">Show submenu for Public Sector</span> <span class="menu-child-toggle-icon block transition-transform"> <svg class="icon-default" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Menu-04-06" transform="translate(-303.000000, -380.000000)"> <g id="DK-/-Menu-/-1st---go" transform="translate(64.000000, 370.000000)" stroke="#2E2E2E"> <g id="Icon-/-8-/-chevron-right---B" transform="translate(239.000000, 10.000000)"> <polyline id="Path" points="2 0.5 6 4 2 7.5"></polyline> </g> </g> </g> </g> </svg> </span> </button> <ul role="menu" aria-label="Submenu for Public Sector" class="menu-submenu lg:block hidden w-full lg:w-auto px-[8px] mt-[11px] menu-submenu--level-3"> <li role="none" class="menu-item py-[4px] flex flex-wrap lg:flex-nowrap items-center justify-between font-normal text-[16px] [&>.menu-link]:transition [&>.menu-link]:hover:!translate-x-[8px] [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-white [&>.menu-link]:hover:before:-left-[14px] [&>.menu-link]:transition menu-item--depth-3 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/jakala-civitas"> <span>Jakala Civitas</span> </a> </li> </ul> </li> </ul> </li> <li role="none" class="menu-item cursor-pointer py-[12px] lg:py-[16px] flex flex-wrap lg:flex-nowrap items-center justify-between border-b border-b-gray font-medium text-[18px] lg:text-[20px] [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-secondary [&>.menu-link]:hover:before:align-middle [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:-left-[18px] [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:mr-[8px] [&>.menu-link]:hover:translate-x-[18px] [&>.menu-link]:hover:text-primary-light [&>.menu-link]:transition menu-item--depth-1 menu-item--has-submenu hs-skip-lang-url-rewrite"> <span class="menu-link menu-link--toggle menu-child-toggle" aria-haspopup="true" aria-expanded="false"> <span>Work With Us</span> </span> <button class="menu-child-toggle no-button max-lg:w-10 max-lg:h-10 flex items-center justify-center" aria-expanded="false"> <span class="sr-only">Show submenu for Work With Us</span> <span class="menu-child-toggle-icon block transition-transform"> <svg class="icon-default" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Menu-04-06" transform="translate(-303.000000, -380.000000)"> <g id="DK-/-Menu-/-1st---go" transform="translate(64.000000, 370.000000)" stroke="#2E2E2E"> <g id="Icon-/-8-/-chevron-right---B" transform="translate(239.000000, 10.000000)"> <polyline id="Path" points="2 0.5 6 4 2 7.5"></polyline> </g> </g> </g> </g> </svg> <svg class="icon-back lg:hidden" width="20px" height="23px" viewbox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="MB-/-Menu-02-04" transform="translate(-55.000000, -130.500000)" stroke="#040066"> <g id="Icon-/-MB-/-back-menu" transform="translate(55.000000, 130.500000)"> <g id="Icon-/-8-/-chevron-right---W" transform="translate(10.000000, 11.500000) rotate(-180.000000) translate(-10.000000, -11.500000) translate(8.000000, 8.000000)"> <polyline id="Path" points="-4.94623592e-16 0 4 3.5 -4.94623592e-16 7"></polyline> </g> <polygon id="Fill-7" points="1 6.2513922 1 16.7513922 10 22 19 16.7513922 19 6.2513922 10 1"></polygon> </g> </g> </g> </svg> </span> </button> <ul role="menu" aria-label="Submenu for Work With Us" class="menu-submenu cursor-auto hidden overflow-auto flex-col lg:flex-wrap absolute top-0 left-0 bg-white lg:bg-primary-light p-[22px] lg:py-[18px] lg:px-[34px] lg:text-white w-full lg:w-auto min-w-[311px] max-h-[calc(100vh-128px)] h-full rounded lg:rounded-r z-20 lg:-z-10 menu-submenu--level-2"> <div class="lg:hidden flex justify-center items-center mb-[67px]"> <span class="before:text-[8px] before:content-hexagon before:text-secondary before:align-middle before:mr-[8px] text-primary-light text-[18px]">Work With Us</span> </div> <li role="none" class="menu-item py-[12px] lg:py-[18px] flex lg:block flex-wrap items-center justify-between border-b border-b-gray/20 font-medium text-[18px] lg:text-[16px] lg:[&>.menu-child-toggle:not(.menu-link)]:hidden menu-item--depth-2 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/work-with-us-join"> <span>Join JAKALA</span> </a> </li> <li role="none" class="menu-item py-[12px] lg:py-[18px] flex lg:block flex-wrap items-center justify-between border-b border-b-gray/20 font-medium text-[18px] lg:text-[16px] lg:[&>.menu-child-toggle:not(.menu-link)]:hidden menu-item--depth-2 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/work-with-us-live"> <span>Live JAKALA</span> </a> </li> </ul> </li> <li role="none" class="menu-item cursor-pointer py-[12px] lg:py-[16px] flex flex-wrap lg:flex-nowrap items-center justify-between border-b border-b-gray font-medium text-[18px] lg:text-[20px] [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-secondary [&>.menu-link]:hover:before:align-middle [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:-left-[18px] [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:mr-[8px] [&>.menu-link]:hover:translate-x-[18px] [&>.menu-link]:hover:text-primary-light [&>.menu-link]:transition menu-item--depth-1 menu-item--has-submenu hs-skip-lang-url-rewrite"> <span class="menu-link menu-link--toggle menu-child-toggle" aria-haspopup="true" aria-expanded="false"> <span>Sustainability</span> </span> <button class="menu-child-toggle no-button max-lg:w-10 max-lg:h-10 flex items-center justify-center" aria-expanded="false"> <span class="sr-only">Show submenu for Sustainability</span> <span class="menu-child-toggle-icon block transition-transform"> <svg class="icon-default" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Menu-04-06" transform="translate(-303.000000, -380.000000)"> <g id="DK-/-Menu-/-1st---go" transform="translate(64.000000, 370.000000)" stroke="#2E2E2E"> <g id="Icon-/-8-/-chevron-right---B" transform="translate(239.000000, 10.000000)"> <polyline id="Path" points="2 0.5 6 4 2 7.5"></polyline> </g> </g> </g> </g> </svg> <svg class="icon-back lg:hidden" width="20px" height="23px" viewbox="0 0 20 23" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="MB-/-Menu-02-04" transform="translate(-55.000000, -130.500000)" stroke="#040066"> <g id="Icon-/-MB-/-back-menu" transform="translate(55.000000, 130.500000)"> <g id="Icon-/-8-/-chevron-right---W" transform="translate(10.000000, 11.500000) rotate(-180.000000) translate(-10.000000, -11.500000) translate(8.000000, 8.000000)"> <polyline id="Path" points="-4.94623592e-16 0 4 3.5 -4.94623592e-16 7"></polyline> </g> <polygon id="Fill-7" points="1 6.2513922 1 16.7513922 10 22 19 16.7513922 19 6.2513922 10 1"></polygon> </g> </g> </g> </svg> </span> </button> <ul role="menu" aria-label="Submenu for Sustainability" class="menu-submenu cursor-auto hidden overflow-auto flex-col lg:flex-wrap absolute top-0 left-0 bg-white lg:bg-primary-light p-[22px] lg:py-[18px] lg:px-[34px] lg:text-white w-full lg:w-auto min-w-[311px] max-h-[calc(100vh-128px)] h-full rounded lg:rounded-r z-20 lg:-z-10 menu-submenu--level-2"> <div class="lg:hidden flex justify-center items-center mb-[67px]"> <span class="before:text-[8px] before:content-hexagon before:text-secondary before:align-middle before:mr-[8px] text-primary-light text-[18px]">Sustainability</span> </div> <li role="none" class="menu-item py-[12px] lg:py-[18px] flex lg:block flex-wrap items-center justify-between border-b border-b-gray/20 font-medium text-[18px] lg:text-[16px] lg:[&>.menu-child-toggle:not(.menu-link)]:hidden menu-item--depth-2 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/sustainability-sustainable-growth"> <span>Sustainable Growth</span> </a> </li> </ul> </li> <li role="none" class="menu-item cursor-pointer py-[12px] lg:py-[16px] flex flex-wrap lg:flex-nowrap items-center justify-between border-b border-b-gray font-medium text-[18px] lg:text-[20px] [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-secondary [&>.menu-link]:hover:before:align-middle [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:-left-[18px] [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:mr-[8px] [&>.menu-link]:hover:translate-x-[18px] [&>.menu-link]:hover:text-primary-light [&>.menu-link]:transition menu-item--depth-1 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/insights"> <span>Insights</span> </a> </li> <li role="none" class="menu-item cursor-pointer py-[12px] lg:py-[16px] flex flex-wrap lg:flex-nowrap items-center justify-between border-b border-b-gray font-medium text-[18px] lg:text-[20px] [&>.menu-link]:hover:before:text-[8px] [&>.menu-link]:hover:before:content-hexagon [&>.menu-link]:hover:before:text-secondary [&>.menu-link]:hover:before:align-middle [&>.menu-link]:hover:before:absolute [&>.menu-link]:hover:before:-left-[18px] [&>.menu-link]:hover:before:top-1/2 [&>.menu-link]:hover:before:-translate-y-1/2 [&>.menu-link]:hover:before:mr-[8px] [&>.menu-link]:hover:translate-x-[18px] [&>.menu-link]:hover:text-primary-light [&>.menu-link]:transition menu-item--depth-1 hs-skip-lang-url-rewrite"> <a role="menuitem" class="menu-link " href="https://www.jakala.com/contact-us"> <span>Contact Us</span> </a> </li> </ul> </nav> </div> </nav> <div class="lg:absolute bottom-[34px] right-0 lg:p-[inherit] pointer-events-auto"> <div class="js-socials bg-white rounded py-[22px] px-[34px] mt-[9px] lg:mt-0 mb-[34px] lg:mb-0 w-full lg:w-auto"> <div class="flex justify-between space-x-8 flex-row lg:space-x-8 lg:flex-row"> <a class="flex items-center space-x-5" href="https://www.linkedin.com/company/jakala-spa/" target="_blank" rel="noopener"> <svg class="" width="24.5px" height="28px" viewbox="0 0 24.5 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="MB-/-Menu-02-04" transform="translate(-77.000000, -762.000000)"> <g id="social" transform="translate(32.000000, 740.000000)"> <g transform="translate(45.000000, 22.000000)" id="Icon-/-Social-/-linkedin"> <path d="M12.25,0.575913148 L24,7.29197937 L24,20.7116568 L12.25,27.424162 L0.5,20.7116568 L0.5,7.29197937 L12.25,0.575913148 Z" id="Fill-7" stroke="#1941FA"></path> <path d="M9.53289432,18.6767747 L7.54924068,18.6767747 L7.54924068,12.3373202 L9.53289432,12.3373202 L9.53289432,18.6767747 Z M8.54106193,11.473581 C7.9042067,11.473581 7.39002409,10.962581 7.39002409,10.332249 C7.39002409,9.7019502 7.9042067,9.19096126 8.54106193,9.19096126 C9.17533352,9.19096126 9.68949943,9.7019502 9.68949943,10.332249 C9.68949943,10.9599802 9.17533352,11.473581 8.54106193,11.473581 Z M16.9560045,18.6767747 L14.9749568,18.6767747 L14.9749568,15.5952253 C14.9749568,14.8611937 14.9618716,13.9143953 13.9439523,13.9143953 C12.9129477,13.9143953 12.7563705,14.7159368 12.7563705,15.5433755 L12.7563705,18.6767747 L10.7779119,18.6767747 L10.7779119,12.3373202 L12.6780818,12.3373202 L12.6780818,13.2037154 L12.7041409,13.2037154 C12.9677943,12.705664 13.6150955,12.1791146 14.5781682,12.1791146 C16.5853864,12.1791146 16.9560045,13.4916285 16.9560045,15.1984111 L16.9560045,18.6767747 Z" id="Shape" fill="#1941FA" fill-rule="nonzero"></path> </g> </g> </g> </g> </svg> <span class="font-medium">LinkedIn</span> </a> <a class="flex items-center space-x-5" href="https://www.instagram.com/wearejakala/" target="_blank" rel="noopener"> <svg class="" width="24.5px" height="28px" viewbox="0 0 24.5 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="MB-/-Menu-02-04" transform="translate(-210.000000, -762.000000)"> <g id="social" transform="translate(32.000000, 740.000000)"> <g transform="translate(45.000000, 22.000000)" id="insta"> <g transform="translate(133.000000, 0.000000)" id="Icon-/-Social-/-instagram"> <path d="M12.2538993,8.55569328 C14.0402591,8.55569328 14.2518215,8.56347905 14.9543558,8.59461107 C15.6072581,8.62314783 15.9598064,8.73211542 16.1948758,8.82291621 C16.5056463,8.94225375 16.7302434,9.08754387 16.9626947,9.31843874 C17.1977083,9.55193992 17.341368,9.77245929 17.4615207,10.0811897 C17.5529304,10.3146798 17.6625551,10.667513 17.6913539,11.3135217 C17.7226594,12.0139921 17.7305136,12.2241415 17.7305136,13.9961265 C17.7305136,15.7706957 17.7226594,15.9808063 17.6913539,16.6787036 C17.6625551,17.3272964 17.5529304,17.6775731 17.4615207,17.9110356 C17.341368,18.2197549 17.1950902,18.4428696 16.9626947,18.6737866 C16.7276253,18.907249 16.5056463,19.0499605 16.1948758,19.1693202 C15.9598064,19.2601265 15.60464,19.369083 14.9543558,19.3976364 C14.2492035,19.4287352 14.0376411,19.4365375 12.2538993,19.4365375 C10.4675784,19.4365375 10.2560327,19.4287352 9.55352627,19.3976364 C8.90060725,19.369083 8.5480478,19.2601265 8.31299517,19.1693202 C8.00221344,19.0499605 7.77761081,18.9047036 7.54517625,18.6737866 C7.31013476,18.4402688 7.1664918,18.2197549 7.04635577,17.9110356 C6.95495167,17.6775731 6.84526565,17.3246957 6.81653371,16.6787036 C6.78519485,15.9782055 6.77736291,15.7680949 6.77736291,13.9961265 C6.77736291,12.2215684 6.78519485,12.011419 6.81653371,11.3135217 C6.84526565,10.6649123 6.95495167,10.3146798 7.04635577,10.0811897 C7.1664918,9.77245929 7.3127417,9.54933913 7.54517625,9.31843874 C7.78022331,9.08494862 8.00221344,8.94225375 8.31299517,8.82291621 C8.5480478,8.73211542 8.90322532,8.62314783 9.55352627,8.59461107 C10.2560327,8.56347905 10.4675784,8.55569328 12.2538993,8.55569328 Z M12.2538993,7.35968379 C10.4388576,7.35968379 10.2116536,7.36746696 9.4986749,7.39859953 C8.78831429,7.42973194 8.29993823,7.54388506 7.87685241,7.70733091 C7.43549023,7.87856032 7.06203077,8.10426798 6.69117825,8.47526798 C6.3177188,8.84367273 6.0905059,9.21466719 5.91813879,9.65052648 C5.75360697,10.0734095 5.63869538,10.5559613 5.60735612,11.2616332 C5.5760167,11.9724791 5.56818182,12.1982111 5.56818182,14.0012727 C5.56818182,15.8043953 5.5760167,16.0301107 5.60735612,16.7383557 C5.63869538,17.4440553 5.75360697,17.9291858 5.91813879,18.3494625 C6.0905059,18.7879447 6.3177188,19.158917 6.69117825,19.5273439 C7.06203077,19.8957154 7.43549023,20.1240316 7.87424548,20.2926957 C8.29993823,20.4561028 8.78569622,20.5702609 9.49605683,20.601415 C10.2090355,20.6325138 10.4362395,20.6403162 12.2512812,20.6403162 C14.0663841,20.6403162 14.2935993,20.6325138 15.0066058,20.601415 C15.7169386,20.5702609 16.2052923,20.4561028 16.6283614,20.2926957 C17.067139,20.1240316 17.4406319,19.8957154 17.811451,19.5273439 C18.1822701,19.158917 18.412159,18.7879447 18.5818879,18.3520632 C18.7464365,17.9291858 18.8613531,17.4466561 18.8926585,16.7409565 C18.9240197,16.0327115 18.9318182,15.806996 18.9318182,14.0039289 C18.9318182,12.2008119 18.9240197,11.9750798 18.8926585,11.2668348 C18.8613531,10.5611628 18.7464365,10.0760047 18.5818879,9.65571146 C18.4173394,9.21466719 18.1901243,8.84367273 17.8166871,8.47526798 C17.4458123,8.10686324 17.0723751,7.87856032 16.6335976,7.70992395 C16.2079104,7.54647921 15.7221747,7.43232664 15.0117862,7.40119391 C14.2962173,7.36746696 14.0690022,7.35968379 12.2538993,7.35968379 Z M12.253955,10.5897328 C10.357909,10.5897328 8.81965872,12.11783 8.81965872,14.0013281 C8.81965872,15.8848538 10.357909,17.4129565 12.253955,17.4129565 C14.1499396,17.4129565 15.6881955,15.8848538 15.6881955,14.0013281 C15.6881955,12.11783 14.1499396,10.5897328 12.253955,10.5897328 Z M12.253955,16.2143241 C11.0238627,16.2143241 10.0262106,15.2232569 10.0262106,14.0013281 C10.0262106,12.7793881 11.0238627,11.7883209 12.253955,11.7883209 C13.4840026,11.7883209 14.4816547,12.7793881 14.4816547,14.0013281 C14.4816547,15.2232569 13.4840026,16.2143241 12.253955,16.2143241 Z M15.824001,11.2512522 C16.2653966,11.2512522 16.6257434,10.8958126 16.6257434,10.454785 C16.6257434,10.0163249 16.2653966,9.65830119 15.824001,9.65830119 C15.382661,9.65830119 15.0222585,10.0137352 15.0222585,10.454785 C15.0222585,10.8932395 15.380043,11.2512522 15.824001,11.2512522 Z" id="Shape" fill="#1941FA"></path> <path d="M12.25,0.575913148 L24,7.29197937 L24,20.7116568 L12.25,27.424162 L0.5,20.7116568 L0.5,7.29197937 L12.25,0.575913148 Z" id="forma" stroke="#1941FA"></path> </g> </g> </g> </g> </g> </svg> <span class="font-medium">Instagram</span> </a> </div> </div> </div> </div> <div class="js-header-bg hidden fixed inset-0 w-full h-full bg-primary-light/80 backdrop-blur pointer-events-auto"></div> <div class="js-lang-switcher z-50 relative pointer-events-auto"> <div class="custom-language-switcher"> <div class="custom-language-switcher__toggle relative w-fit pt-2"> <button class="js-lang-switcher-toggle header-top__item flex items-center justify-center w-[32px] h-[37px] bg-white clip-hexagon"> <svg class="" width="16px" height="16px" viewbox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd" stroke-linecap="round" stroke-linejoin="round"> <g id="DK-/-Menu-01-06" transform="translate(-63.000000, -701.000000)" stroke="#2E2E2E"> <g id="menu" transform="translate(32.000000, 25.000000)"> <g id="lingua" transform="translate(31.000000, 675.000000)"> <g id="Shape" transform="translate(0.000000, 1.000000)"> <path d="M8,1 C9.75091,2.916845 10.74596,5.404421 10.8,8 C10.74596,10.5956 9.75091,13.08312 8,15 M8,1 C6.249104,2.916845 5.254075,5.404421 5.2,8 C5.254075,10.5956 6.249104,13.08312 8,15 M8,1 C4.134005,1 1,4.134005 1,8 C1,11.86596 4.134005,15 8,15 M8,1 C11.86596,1 15,4.134005 15,8 C15,11.86596 11.86596,15 8,15 M1.350014,5.9 L14.65,5.9 M1.35,10.1 L14.65,10.1"></path> </g> </g> </g> </g> </g> </svg> </button> <ul class="custom-language-switcher__languages p-5 rounded bg-white shadow absolute top-full right-0 text-left hidden mt-[12px] w-max "> <li class="border-b-2"> Global - (English)</li> <li class="no-submenu menu-item"> <a href="/de/" class="menu-link hs-skip-lang-url-rewrite font-medium"> Deutsch </a> </li> <li class="no-submenu menu-item"> <a href="/en-gb/" class="menu-link hs-skip-lang-url-rewrite font-medium"> English - UK </a> </li> <li class="no-submenu menu-item"> <a href="/en-us/" class="menu-link hs-skip-lang-url-rewrite font-medium"> English - US </a> </li> <li class="no-submenu menu-item"> <a href="/es/" class="menu-link hs-skip-lang-url-rewrite font-medium"> Español </a> </li> <li class="no-submenu menu-item"> <a href="/fr/" class="menu-link hs-skip-lang-url-rewrite font-medium"> Français </a> </li> <li class="no-submenu menu-item"> <a href="/it/" class="menu-link hs-skip-lang-url-rewrite font-medium"> Italiano </a> </li> <li class="no-submenu menu-item"> <a href="/da/" class="menu-link hs-skip-lang-url-rewrite font-medium"> Dansk </a> </li> <li class="no-submenu menu-item"> <a href="/pt/" class="menu-link hs-skip-lang-url-rewrite font-medium"> Português </a> </li> </ul> </div> </div> </div> </div> </div> </div> </header></div> <main id="main-content"> <div class="container-fluid bg-primary [&_*]:text-white"> <div class="row-fluid-wrapper"> <div class="row-fluid"> <div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-1 dnd-section"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-2 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_top-module-2" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <div class="w-screen -left-9 lg:-left-14 relative" style=" --swiper-pagination-color: #ffffff; --swiper-pagination-bullet-width: calc(var(--space-unit) * 14); --swiper-pagination-bullet-height: calc(var(--space-unit) * 14); "> <div class="min-h-[650px] lg:min-h-vh-hero h-vh-hero md:h-vh-hero-md lg:h-vh-hero overflow-hidden"> <script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script> <div id="top-module-2" class="relative swiper-container h-full [&_.swiper-pagination]:lg:!w-auto [&_.swiper-pagination]:flex [&_.swiper-pagination]:!top-[unset] [&_.swiper-pagination]:!transform-none [&_.swiper-pagination]:!bottom-8 [&_.swiper-pagination]:lg:!bottom-11 [&_.swiper-pagination]:px-9 [&_.swiper-pagination]:lg:px-14 [&_.swiper-pagination]:justify-end lg:[&_.swiper-pagination]:flex-col lg:[&_.swiper-pagination]:items-end [&_.swiper-pagination-bullet]:border-white lg:[&_.swiper-pagination-bullet]:!m-2 [&_.swiper-button-prev]:!left-0 [&_.swiper-button-next]:!right-0"> <div class="swiper-wrapper"> <div class="swiper-slide relative !h-full min-h-vh-hero"> <a class="absolute top-0 left-0 w-full h-full z-10" href="https://www.jakala.com/insights/jakala-celebrates-gis-day-with-technology-innovation-and-ai" aria-label="JAKALA celebrates GIS Day with technology, innovation, and AI!"> </a> <div class="flex h-full"> <img class="absolute top-0 left-0 w-full !h-full object-cover " src="https://www.jakala.com/hs-fs/hubfs/HERO_INSIGHTS_1286X972_GIS.jpg?width=800&height=533&name=HERO_INSIGHTS_1286X972_GIS.jpg" alt="HERO_INSIGHTS_1286X972_GIS" loading="default" width="800" height="533" srcset="https://www.jakala.com/hs-fs/hubfs/HERO_INSIGHTS_1286X972_GIS.jpg?width=400&height=267&name=HERO_INSIGHTS_1286X972_GIS.jpg 400w, https://www.jakala.com/hs-fs/hubfs/HERO_INSIGHTS_1286X972_GIS.jpg?width=800&height=533&name=HERO_INSIGHTS_1286X972_GIS.jpg 800w, https://www.jakala.com/hs-fs/hubfs/HERO_INSIGHTS_1286X972_GIS.jpg?width=1200&height=800&name=HERO_INSIGHTS_1286X972_GIS.jpg 1200w, https://www.jakala.com/hs-fs/hubfs/HERO_INSIGHTS_1286X972_GIS.jpg?width=1600&height=1066&name=HERO_INSIGHTS_1286X972_GIS.jpg 1600w, https://www.jakala.com/hs-fs/hubfs/HERO_INSIGHTS_1286X972_GIS.jpg?width=2000&height=1333&name=HERO_INSIGHTS_1286X972_GIS.jpg 2000w, https://www.jakala.com/hs-fs/hubfs/HERO_INSIGHTS_1286X972_GIS.jpg?width=2400&height=1599&name=HERO_INSIGHTS_1286X972_GIS.jpg 2400w" sizes="(max-width: 800px) 100vw, 800px"> <div class="h-full w-full absolute top-0 left-0 bg-primary/40"></div> <div class="h-full w-full absolute top-0 left-0 bg-gradient-to-t from-primary to-transparent opacity-20"></div> <div class="js-slide-home relative mt-auto bottom-0 left-0 px-9 py-11 lg:px-14 lg:py-13"> <div class="row-fluid"> <div class="span9"> <div class="lg:flex items-center space-x-9 mb-8 lg:mb-11"> <div class="flex items-center space-x-6"> <svg class="" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&-Design" transform="translate(-67.000000, -4720.000000)" fill="#F00A0A"> <g id="DK-/-Parts-/-Case-history" transform="translate(0.000000, 4414.000000)"> <g id="title" transform="translate(67.000000, 300.000000)"> <g id="Fill-7" transform="translate(0.000000, 6.000000)"> <polygon points="0.5 2.00053036 0.5 6.00053036 4 8 7.5 6.00053036 7.5 2.00053036 4 0"></polygon> </g> </g> </g> </g> </g> </svg> <span class="text-f-m-sm lg:text-f-d-sm">Article</span> </div> </div> <p class="text-f-m-4xl lg:text-f-d-3xl font-normal mb-9 lg:mb-12"> JAKALA celebrates GIS Day with technology, innovation, and AI! </p> <svg class="w-12 lg:w-14 h-auto" width="67px" height="67px" viewbox="0 0 64 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&-Design" transform="translate(-688.000000, -6854.000000)" stroke="#FFFFFF" stroke-width="2"> <g id="Other-Solutions-Copy" transform="translate(0.000000, 6362.000000)"> <g id="Group-8" transform="translate(402.000000, 224.000000)"> <g id="Icon-/-go-big" transform="translate(286.000000, 268.000000)"> <path d="M32,1.15127272 L63,18.8356485 L63,54.173878 L32,71.8488771 L1,54.173878 L1,18.8356485 L32,1.15127272 Z" id="Fill-7"></path> <g id="arrow" transform="translate(28.000000, 30.000000)"> <polyline id="Path" points="0 0 8 7 0 14"></polyline> </g> </g> </g> </g> </g> </g> </svg> </div> </div> </div> </div> </div> <div class="swiper-slide relative !h-full min-h-vh-hero"> <a class="absolute top-0 left-0 w-full h-full z-10" href="https://www.jakala.com/insights/harnessing-machine-learning-and-ai-for-students-academic-success" aria-label="Harnessing Machine learning and AI for Students’ Academic Success at One of the Top 10 Worldwide Business Schools" target="_blank" rel="noopener"> </a> <div class="flex h-full"> <img class="absolute top-0 left-0 w-full !h-full object-cover " src="https://www.jakala.com/hs-fs/hubfs/andrea-ferrario-xO3sX1pG8fA-unsplash.jpeg?width=3977&height=2535&name=andrea-ferrario-xO3sX1pG8fA-unsplash.jpeg" alt="andrea-ferrario-xO3sX1pG8fA-unsplash" loading="lazy" width="3977" height="2535" srcset="https://www.jakala.com/hs-fs/hubfs/andrea-ferrario-xO3sX1pG8fA-unsplash.jpeg?width=1989&height=1268&name=andrea-ferrario-xO3sX1pG8fA-unsplash.jpeg 1989w, https://www.jakala.com/hs-fs/hubfs/andrea-ferrario-xO3sX1pG8fA-unsplash.jpeg?width=3977&height=2535&name=andrea-ferrario-xO3sX1pG8fA-unsplash.jpeg 3977w, https://www.jakala.com/hs-fs/hubfs/andrea-ferrario-xO3sX1pG8fA-unsplash.jpeg?width=5966&height=3803&name=andrea-ferrario-xO3sX1pG8fA-unsplash.jpeg 5966w, https://www.jakala.com/hs-fs/hubfs/andrea-ferrario-xO3sX1pG8fA-unsplash.jpeg?width=7954&height=5070&name=andrea-ferrario-xO3sX1pG8fA-unsplash.jpeg 7954w, https://www.jakala.com/hs-fs/hubfs/andrea-ferrario-xO3sX1pG8fA-unsplash.jpeg?width=9943&height=6338&name=andrea-ferrario-xO3sX1pG8fA-unsplash.jpeg 9943w, https://www.jakala.com/hs-fs/hubfs/andrea-ferrario-xO3sX1pG8fA-unsplash.jpeg?width=11931&height=7605&name=andrea-ferrario-xO3sX1pG8fA-unsplash.jpeg 11931w" sizes="(max-width: 3977px) 100vw, 3977px"> <div class="h-full w-full absolute top-0 left-0 bg-primary/40"></div> <div class="h-full w-full absolute top-0 left-0 bg-gradient-to-t from-primary to-transparent opacity-20"></div> <div class="js-slide-home relative mt-auto bottom-0 left-0 px-9 py-11 lg:px-14 lg:py-13"> <div class="row-fluid"> <div class="span9"> <div class="lg:flex items-center space-x-9 mb-8 lg:mb-11"> <div class="flex items-center space-x-6"> <svg class="" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&-Design" transform="translate(-67.000000, -4720.000000)" fill="#F00A0A"> <g id="DK-/-Parts-/-Case-history" transform="translate(0.000000, 4414.000000)"> <g id="title" transform="translate(67.000000, 300.000000)"> <g id="Fill-7" transform="translate(0.000000, 6.000000)"> <polygon points="0.5 2.00053036 0.5 6.00053036 4 8 7.5 6.00053036 7.5 2.00053036 4 0"></polygon> </g> </g> </g> </g> </g> </svg> <span class="text-f-m-sm lg:text-f-d-sm">Article</span> </div> </div> <p class="text-f-m-4xl lg:text-f-d-3xl font-normal mb-9 lg:mb-12"> Harnessing Machine learning and AI for Students’ Academic Success at One of the Top 10 Worldwide Business Schools </p> <svg class="w-12 lg:w-14 h-auto" width="67px" height="67px" viewbox="0 0 64 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&-Design" transform="translate(-688.000000, -6854.000000)" stroke="#FFFFFF" stroke-width="2"> <g id="Other-Solutions-Copy" transform="translate(0.000000, 6362.000000)"> <g id="Group-8" transform="translate(402.000000, 224.000000)"> <g id="Icon-/-go-big" transform="translate(286.000000, 268.000000)"> <path d="M32,1.15127272 L63,18.8356485 L63,54.173878 L32,71.8488771 L1,54.173878 L1,18.8356485 L32,1.15127272 Z" id="Fill-7"></path> <g id="arrow" transform="translate(28.000000, 30.000000)"> <polyline id="Path" points="0 0 8 7 0 14"></polyline> </g> </g> </g> </g> </g> </g> </svg> </div> </div> </div> </div> </div> <div class="swiper-slide relative !h-full min-h-vh-hero"> <a class="absolute top-0 left-0 w-full h-full z-10" href="https://www.jakala.com/insights/jakala-inaugurates-new-offices-in-the-22-district-of-barcelona" aria-label="JAKALA inaugurates new offices in the 22@ District of Barcelona!"> </a> <div class="flex h-full"> <img class="absolute top-0 left-0 w-full !h-full object-cover " src="https://www.jakala.com/hs-fs/hubfs/Barcelona%20Office2.jpg?width=2121&height=1413&name=Barcelona%20Office2.jpg" alt="" loading="lazy" width="2121" height="1413" srcset="https://www.jakala.com/hs-fs/hubfs/Barcelona%20Office2.jpg?width=1061&height=707&name=Barcelona%20Office2.jpg 1061w, https://www.jakala.com/hs-fs/hubfs/Barcelona%20Office2.jpg?width=2121&height=1413&name=Barcelona%20Office2.jpg 2121w, https://www.jakala.com/hs-fs/hubfs/Barcelona%20Office2.jpg?width=3182&height=2120&name=Barcelona%20Office2.jpg 3182w, https://www.jakala.com/hs-fs/hubfs/Barcelona%20Office2.jpg?width=4242&height=2826&name=Barcelona%20Office2.jpg 4242w, https://www.jakala.com/hs-fs/hubfs/Barcelona%20Office2.jpg?width=5303&height=3533&name=Barcelona%20Office2.jpg 5303w, https://www.jakala.com/hs-fs/hubfs/Barcelona%20Office2.jpg?width=6363&height=4239&name=Barcelona%20Office2.jpg 6363w" sizes="(max-width: 2121px) 100vw, 2121px"> <div class="h-full w-full absolute top-0 left-0 bg-primary/40"></div> <div class="h-full w-full absolute top-0 left-0 bg-gradient-to-t from-primary to-transparent opacity-20"></div> <div class="js-slide-home relative mt-auto bottom-0 left-0 px-9 py-11 lg:px-14 lg:py-13"> <div class="row-fluid"> <div class="span9"> <div class="lg:flex items-center space-x-9 mb-8 lg:mb-11"> <div class="flex items-center space-x-6"> <svg class="" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&-Design" transform="translate(-67.000000, -4720.000000)" fill="#F00A0A"> <g id="DK-/-Parts-/-Case-history" transform="translate(0.000000, 4414.000000)"> <g id="title" transform="translate(67.000000, 300.000000)"> <g id="Fill-7" transform="translate(0.000000, 6.000000)"> <polygon points="0.5 2.00053036 0.5 6.00053036 4 8 7.5 6.00053036 7.5 2.00053036 4 0"></polygon> </g> </g> </g> </g> </g> </svg> <span class="text-f-m-sm lg:text-f-d-sm">Article</span> </div> </div> <p class="text-f-m-4xl lg:text-f-d-3xl font-normal mb-9 lg:mb-12"> JAKALA inaugurates new offices in the 22@ District of Barcelona! </p> <svg class="w-12 lg:w-14 h-auto" width="67px" height="67px" viewbox="0 0 64 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&-Design" transform="translate(-688.000000, -6854.000000)" stroke="#FFFFFF" stroke-width="2"> <g id="Other-Solutions-Copy" transform="translate(0.000000, 6362.000000)"> <g id="Group-8" transform="translate(402.000000, 224.000000)"> <g id="Icon-/-go-big" transform="translate(286.000000, 268.000000)"> <path d="M32,1.15127272 L63,18.8356485 L63,54.173878 L32,71.8488771 L1,54.173878 L1,18.8356485 L32,1.15127272 Z" id="Fill-7"></path> <g id="arrow" transform="translate(28.000000, 30.000000)"> <polyline id="Path" points="0 0 8 7 0 14"></polyline> </g> </g> </g> </g> </g> </g> </svg> </div> </div> </div> </div> </div> <div class="swiper-slide relative !h-full min-h-vh-hero"> <a class="absolute top-0 left-0 w-full h-full z-10" href="https://www.jakala.com/insights/jakala-best-independent-software-vendor-microsoft-award" aria-label="JAKALA awarded Best Independent Software Vendor at the 2024 Microsoft Italy Partner Summit"> </a> <div class="flex h-full"> <img class="absolute top-0 left-0 w-full !h-full object-cover " src="https://www.jakala.com/hs-fs/hubfs/HERO_INSIGHTS_972X1286.png?width=2560&height=1707&name=HERO_INSIGHTS_972X1286.png" alt="HERO_INSIGHTS_972X1286" loading="lazy" width="2560" height="1707" srcset="https://www.jakala.com/hs-fs/hubfs/HERO_INSIGHTS_972X1286.png?width=1280&height=854&name=HERO_INSIGHTS_972X1286.png 1280w, https://www.jakala.com/hs-fs/hubfs/HERO_INSIGHTS_972X1286.png?width=2560&height=1707&name=HERO_INSIGHTS_972X1286.png 2560w, https://www.jakala.com/hs-fs/hubfs/HERO_INSIGHTS_972X1286.png?width=3840&height=2561&name=HERO_INSIGHTS_972X1286.png 3840w, https://www.jakala.com/hs-fs/hubfs/HERO_INSIGHTS_972X1286.png?width=5120&height=3414&name=HERO_INSIGHTS_972X1286.png 5120w, https://www.jakala.com/hs-fs/hubfs/HERO_INSIGHTS_972X1286.png?width=6400&height=4268&name=HERO_INSIGHTS_972X1286.png 6400w, https://www.jakala.com/hs-fs/hubfs/HERO_INSIGHTS_972X1286.png?width=7680&height=5121&name=HERO_INSIGHTS_972X1286.png 7680w" sizes="(max-width: 2560px) 100vw, 2560px"> <div class="h-full w-full absolute top-0 left-0 bg-primary/40"></div> <div class="h-full w-full absolute top-0 left-0 bg-gradient-to-t from-primary to-transparent opacity-20"></div> <div class="js-slide-home relative mt-auto bottom-0 left-0 px-9 py-11 lg:px-14 lg:py-13"> <div class="row-fluid"> <div class="span9"> <div class="lg:flex items-center space-x-9 mb-8 lg:mb-11"> <div class="flex items-center space-x-6"> <svg class="" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&-Design" transform="translate(-67.000000, -4720.000000)" fill="#F00A0A"> <g id="DK-/-Parts-/-Case-history" transform="translate(0.000000, 4414.000000)"> <g id="title" transform="translate(67.000000, 300.000000)"> <g id="Fill-7" transform="translate(0.000000, 6.000000)"> <polygon points="0.5 2.00053036 0.5 6.00053036 4 8 7.5 6.00053036 7.5 2.00053036 4 0"></polygon> </g> </g> </g> </g> </g> </svg> <span class="text-f-m-sm lg:text-f-d-sm">Article</span> </div> </div> <p class="text-f-m-4xl lg:text-f-d-3xl font-normal mb-9 lg:mb-12"> JAKALA awarded Best Independent Software Vendor at the 2024 Microsoft Italy Partner Summit </p> <svg class="w-12 lg:w-14 h-auto" width="67px" height="67px" viewbox="0 0 64 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&-Design" transform="translate(-688.000000, -6854.000000)" stroke="#FFFFFF" stroke-width="2"> <g id="Other-Solutions-Copy" transform="translate(0.000000, 6362.000000)"> <g id="Group-8" transform="translate(402.000000, 224.000000)"> <g id="Icon-/-go-big" transform="translate(286.000000, 268.000000)"> <path d="M32,1.15127272 L63,18.8356485 L63,54.173878 L32,71.8488771 L1,54.173878 L1,18.8356485 L32,1.15127272 Z" id="Fill-7"></path> <g id="arrow" transform="translate(28.000000, 30.000000)"> <polyline id="Path" points="0 0 8 7 0 14"></polyline> </g> </g> </g> </g> </g> </g> </svg> </div> </div> </div> </div> </div> <div class="swiper-slide relative !h-full min-h-vh-hero"> <div class="flex h-full"> <img class="absolute top-0 left-0 w-full !h-full object-cover " src="https://www.jakala.com/hs-fs/hubfs/Case%20study%20images/Chupa%20Chups/chupa_case_02_b%20(1).png?width=2200&height=1222&name=chupa_case_02_b%20(1).png" alt="chupa_case_02_b (1)" loading="lazy" width="2200" height="1222" srcset="https://www.jakala.com/hs-fs/hubfs/Case%20study%20images/Chupa%20Chups/chupa_case_02_b%20(1).png?width=1100&height=611&name=chupa_case_02_b%20(1).png 1100w, https://www.jakala.com/hs-fs/hubfs/Case%20study%20images/Chupa%20Chups/chupa_case_02_b%20(1).png?width=2200&height=1222&name=chupa_case_02_b%20(1).png 2200w, https://www.jakala.com/hs-fs/hubfs/Case%20study%20images/Chupa%20Chups/chupa_case_02_b%20(1).png?width=3300&height=1833&name=chupa_case_02_b%20(1).png 3300w, https://www.jakala.com/hs-fs/hubfs/Case%20study%20images/Chupa%20Chups/chupa_case_02_b%20(1).png?width=4400&height=2444&name=chupa_case_02_b%20(1).png 4400w, https://www.jakala.com/hs-fs/hubfs/Case%20study%20images/Chupa%20Chups/chupa_case_02_b%20(1).png?width=5500&height=3055&name=chupa_case_02_b%20(1).png 5500w, https://www.jakala.com/hs-fs/hubfs/Case%20study%20images/Chupa%20Chups/chupa_case_02_b%20(1).png?width=6600&height=3666&name=chupa_case_02_b%20(1).png 6600w" sizes="(max-width: 2200px) 100vw, 2200px"> <div class="h-full w-full absolute top-0 left-0 bg-primary/40"></div> <div class="h-full w-full absolute top-0 left-0 bg-gradient-to-t from-primary to-transparent opacity-20"></div> <div class="js-slide-home relative mt-auto bottom-0 left-0 px-9 py-11 lg:px-14 lg:py-13"> <div class="row-fluid"> <div class="span9"> <div class="lg:flex items-center space-x-9 mb-8 lg:mb-11"> <div class="flex items-center space-x-6"> <svg class="" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&-Design" transform="translate(-67.000000, -4720.000000)" fill="#F00A0A"> <g id="DK-/-Parts-/-Case-history" transform="translate(0.000000, 4414.000000)"> <g id="title" transform="translate(67.000000, 300.000000)"> <g id="Fill-7" transform="translate(0.000000, 6.000000)"> <polygon points="0.5 2.00053036 0.5 6.00053036 4 8 7.5 6.00053036 7.5 2.00053036 4 0"></polygon> </g> </g> </g> </g> </g> </svg> <span class="text-f-m-sm lg:text-f-d-sm">Case History</span> </div> </div> <p class="text-f-m-4xl lg:text-f-d-3xl font-normal mb-9 lg:mb-12"> Welcome to: Spätkauf Chuba! The "Chuba meets Chupa" Campaign </p> <svg class="w-12 lg:w-14 h-auto" width="67px" height="67px" viewbox="0 0 64 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&-Design" transform="translate(-688.000000, -6854.000000)" stroke="#FFFFFF" stroke-width="2"> <g id="Other-Solutions-Copy" transform="translate(0.000000, 6362.000000)"> <g id="Group-8" transform="translate(402.000000, 224.000000)"> <g id="Icon-/-go-big" transform="translate(286.000000, 268.000000)"> <path d="M32,1.15127272 L63,18.8356485 L63,54.173878 L32,71.8488771 L1,54.173878 L1,18.8356485 L32,1.15127272 Z" id="Fill-7"></path> <g id="arrow" transform="translate(28.000000, 30.000000)"> <polyline id="Path" points="0 0 8 7 0 14"></polyline> </g> </g> </g> </g> </g> </g> </svg> </div> </div> </div> </div> </div> <div class="swiper-slide relative !h-full min-h-vh-hero"> <a class="absolute top-0 left-0 w-full h-full z-10" href="https://www.jakala.com/insights/happy-birthday-jakala" aria-label="Our Journey in motion: 24 years of JAKALA"> </a> <div class="flex h-full"> <video class="absolute top-0 left-0 w-full h-full object-cover" autoplay playsinline preload muted loop poster="" style="width: 100%"> <source src="https://26289830.fs1.hubspotusercontent-eu1.net/hubfs/26289830/JAKALA_CORPORATE_NEUTRA.mp4" type="video/mp4"> </video> <div class="h-full w-full absolute top-0 left-0 bg-primary/40"></div> <div class="h-full w-full absolute top-0 left-0 bg-gradient-to-t from-primary to-transparent opacity-20"></div> <div class="js-slide-home relative mt-auto bottom-0 left-0 px-9 py-11 lg:px-14 lg:py-13"> <div class="row-fluid"> <div class="span9"> <div class="lg:flex items-center space-x-9 mb-8 lg:mb-11"> <div class="flex items-center space-x-6"> <svg class="" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&-Design" transform="translate(-67.000000, -4720.000000)" fill="#F00A0A"> <g id="DK-/-Parts-/-Case-history" transform="translate(0.000000, 4414.000000)"> <g id="title" transform="translate(67.000000, 300.000000)"> <g id="Fill-7" transform="translate(0.000000, 6.000000)"> <polygon points="0.5 2.00053036 0.5 6.00053036 4 8 7.5 6.00053036 7.5 2.00053036 4 0"></polygon> </g> </g> </g> </g> </g> </svg> <span class="text-f-m-sm lg:text-f-d-sm">Article</span> </div> </div> <p class="text-f-m-4xl lg:text-f-d-3xl font-normal mb-9 lg:mb-12"> Our Journey in motion: 24 years of JAKALA </p> <svg class="w-12 lg:w-14 h-auto" width="67px" height="67px" viewbox="0 0 64 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&-Design" transform="translate(-688.000000, -6854.000000)" stroke="#FFFFFF" stroke-width="2"> <g id="Other-Solutions-Copy" transform="translate(0.000000, 6362.000000)"> <g id="Group-8" transform="translate(402.000000, 224.000000)"> <g id="Icon-/-go-big" transform="translate(286.000000, 268.000000)"> <path d="M32,1.15127272 L63,18.8356485 L63,54.173878 L32,71.8488771 L1,54.173878 L1,18.8356485 L32,1.15127272 Z" id="Fill-7"></path> <g id="arrow" transform="translate(28.000000, 30.000000)"> <polyline id="Path" points="0 0 8 7 0 14"></polyline> </g> </g> </g> </g> </g> </g> </svg> </div> </div> </div> </div> </div> </div> <div class="swiper-pagination"></div> </div> </div> <div class="flex items-center justify-center py-4"> <span class="text-f-m-xs lg:text-f-d-sm space-x-4 lg:space-x-6 uppercase flex items-center"><span>Scroll page</span> <svg class="w-8 h-auto" width="16px" height="16px" viewbox="0 0 16 16" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-About-|-Who-we-are" transform="translate(-1365.000000, -676.000000)" stroke="#FFFFFF"> <g id="Group" transform="translate(1302.000000, 646.000000)"> <g id="Icon-/-16-/-scroll" transform="translate(63.000000, 30.000000)"> <path d="M8.05714286,0.578890808 L14.4142857,4.28820752 L14.4142857,11.7138372 L8.05714286,15.4211871 L1.7,11.7138372 L1.7,4.28820752 L8.05714286,0.578890808 Z" id="Fill-7"></path> <polyline id="Path" transform="translate(8.000000, 8.500000) rotate(-270.000000) translate(-8.000000, -8.500000) " points="7 6.5 9 8.5 7 10.5"></polyline> </g> </g> </g> </g> </svg> </span> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-3 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_top-module-3" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="h-16 lg:h-17 "></div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-4 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_top-module-4" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <div class="relative"> <a class="absolute top-0 left-0 w-full h-full z-10" href="https://www.jakala.com/about-us-who-we-are" aria-label="TOGETHER<br>TO GET THERE"> </a> <div class="js-parallax-section absolute w-full h-full top-0 left-0"> <div class="js-parallax-element absolute" style="top: 18%; left: 3%" data-y="-34" data-duration="2"> <svg class="w-10 lg:w-14 h-auto " width="67px" height="67px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&-Design" transform="translate(-67.000000, -4720.000000)" fill="#F00A0A"> <g id="DK-/-Parts-/-Case-history" transform="translate(0.000000, 4414.000000)"> <g id="title" transform="translate(67.000000, 300.000000)"> <g id="Fill-7" transform="translate(0.000000, 6.000000)"> <polygon points="0.5 2.00053036 0.5 6.00053036 4 8 7.5 6.00053036 7.5 2.00053036 4 0"></polygon> </g> </g> </g> </g> </g> </svg> </div> <div class="js-parallax-element absolute" style="top: 60%; left: -6%" data-y="11" data-duration="3"> <svg class="w-10 lg:w-14 h-auto " width="67px" height="67px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&-Design" transform="translate(-67.000000, -4720.000000)" fill="#F00A0A"> <g id="DK-/-Parts-/-Case-history" transform="translate(0.000000, 4414.000000)"> <g id="title" transform="translate(67.000000, 300.000000)"> <g id="Fill-7" transform="translate(0.000000, 6.000000)"> <polygon points="0.5 2.00053036 0.5 6.00053036 4 8 7.5 6.00053036 7.5 2.00053036 4 0"></polygon> </g> </g> </g> </g> </g> </svg> </div> <div class="js-parallax-element absolute" style="top: 16%; left: 90%" data-y="33" data-duration="5"> <svg class="w-10 lg:w-14 h-auto " width="67px" height="67px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&-Design" transform="translate(-67.000000, -4720.000000)" fill="#F00A0A"> <g id="DK-/-Parts-/-Case-history" transform="translate(0.000000, 4414.000000)"> <g id="title" transform="translate(67.000000, 300.000000)"> <g id="Fill-7" transform="translate(0.000000, 6.000000)"> <polygon points="0.5 2.00053036 0.5 6.00053036 4 8 7.5 6.00053036 7.5 2.00053036 4 0"></polygon> </g> </g> </g> </g> </g> </svg> </div> <div class="js-parallax-element absolute" style="top: 24%; left: 90%" data-y="-4" data-duration="1"> <svg class="w-10 lg:w-14 h-auto [&_*]:fill-white" width="67px" height="67px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&-Design" transform="translate(-67.000000, -4720.000000)" fill="#F00A0A"> <g id="DK-/-Parts-/-Case-history" transform="translate(0.000000, 4414.000000)"> <g id="title" transform="translate(67.000000, 300.000000)"> <g id="Fill-7" transform="translate(0.000000, 6.000000)"> <polygon points="0.5 2.00053036 0.5 6.00053036 4 8 7.5 6.00053036 7.5 2.00053036 4 0"></polygon> </g> </g> </g> </g> </g> </svg> </div> <div class="js-parallax-element absolute" style="top: 0%; left: 70%" data-y="49" data-duration="5"> <svg class="w-10 lg:w-14 h-auto [&_*]:fill-white" width="67px" height="67px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&-Design" transform="translate(-67.000000, -4720.000000)" fill="#F00A0A"> <g id="DK-/-Parts-/-Case-history" transform="translate(0.000000, 4414.000000)"> <g id="title" transform="translate(67.000000, 300.000000)"> <g id="Fill-7" transform="translate(0.000000, 6.000000)"> <polygon points="0.5 2.00053036 0.5 6.00053036 4 8 7.5 6.00053036 7.5 2.00053036 4 0"></polygon> </g> </g> </g> </g> </g> </svg> </div> <div class="js-parallax-element absolute" style="top: 40%; left: 25%" data-y="-34" data-duration="1"> <svg class="w-10 lg:w-14 h-auto [&_*]:fill-white" width="67px" height="67px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&-Design" transform="translate(-67.000000, -4720.000000)" fill="#F00A0A"> <g id="DK-/-Parts-/-Case-history" transform="translate(0.000000, 4414.000000)"> <g id="title" transform="translate(67.000000, 300.000000)"> <g id="Fill-7" transform="translate(0.000000, 6.000000)"> <polygon points="0.5 2.00053036 0.5 6.00053036 4 8 7.5 6.00053036 7.5 2.00053036 4 0"></polygon> </g> </g> </g> </g> </g> </svg> </div> <div class="js-parallax-element absolute" style="top: 100%; left: 87%" data-y="-6" data-duration="2"> <svg class="w-10 lg:w-14 h-auto " width="67px" height="67px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&-Design" transform="translate(-67.000000, -4720.000000)" fill="#F00A0A"> <g id="DK-/-Parts-/-Case-history" transform="translate(0.000000, 4414.000000)"> <g id="title" transform="translate(67.000000, 300.000000)"> <g id="Fill-7" transform="translate(0.000000, 6.000000)"> <polygon points="0.5 2.00053036 0.5 6.00053036 4 8 7.5 6.00053036 7.5 2.00053036 4 0"></polygon> </g> </g> </g> </g> </g> </svg> </div> </div> <h1 class="text-f-m-4xl lg:text-f-d-4xl uppercase font-semibold js-animate-title js-split-lines relative z-10"> TOGETHER<br>TO GET THERE </h1> <div class="row-fluid items-center -mt-9 lg:-mt-13"> <div class="span3"></div> <div class="span6"> <div class="px-12 lg:px-14"> <img class="rounded js-anim" src="https://www.jakala.com/hs-fs/hubfs/Homepage_Payoff_972x1286_2.jpg?width=972&height=1286&name=Homepage_Payoff_972x1286_2.jpg" alt="Homepage_Payoff_972x1286_2" loading="lazy" width="972" height="1286" role="presentation" srcset="https://www.jakala.com/hs-fs/hubfs/Homepage_Payoff_972x1286_2.jpg?width=486&height=643&name=Homepage_Payoff_972x1286_2.jpg 486w, https://www.jakala.com/hs-fs/hubfs/Homepage_Payoff_972x1286_2.jpg?width=972&height=1286&name=Homepage_Payoff_972x1286_2.jpg 972w, https://www.jakala.com/hs-fs/hubfs/Homepage_Payoff_972x1286_2.jpg?width=1458&height=1929&name=Homepage_Payoff_972x1286_2.jpg 1458w, https://www.jakala.com/hs-fs/hubfs/Homepage_Payoff_972x1286_2.jpg?width=1944&height=2572&name=Homepage_Payoff_972x1286_2.jpg 1944w, https://www.jakala.com/hs-fs/hubfs/Homepage_Payoff_972x1286_2.jpg?width=2430&height=3215&name=Homepage_Payoff_972x1286_2.jpg 2430w, https://www.jakala.com/hs-fs/hubfs/Homepage_Payoff_972x1286_2.jpg?width=2916&height=3858&name=Homepage_Payoff_972x1286_2.jpg 2916w" sizes="(max-width: 972px) 100vw, 972px"> </div> </div> <div class="span3 pl-15 lg:pl-0 pt-11 lg:pt-0"> <div class="js-anim [&>div]:prose-m-lg [&>div]:lg:prose-d-lg"> <div id="hs_cos_wrapper_top-module-4_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="rich_text"><p><span>JAKALA is a data, AI, and experiences company that creates meaningful and lasting impact. Globally.</span></p></div> </div> <svg class="w-12 h-auto js-anim" width="64px" height="73px" viewbox="0 0 64 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&-Design" transform="translate(-688.000000, -6854.000000)" stroke="#FFFFFF" stroke-width="2"> <g id="Other-Solutions-Copy" transform="translate(0.000000, 6362.000000)"> <g id="Group-8" transform="translate(402.000000, 224.000000)"> <g id="Icon-/-go-big" transform="translate(286.000000, 268.000000)"> <path d="M32,1.15127272 L63,18.8356485 L63,54.173878 L32,71.8488771 L1,54.173878 L1,18.8356485 L32,1.15127272 Z" id="Fill-7"></path> <g id="arrow" transform="translate(28.000000, 30.000000)"> <polyline id="Path" points="0 0 8 7 0 14"></polyline> </g> </g> </g> </g> </g> </g> </svg> </div> </div> </div></div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-5 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_top-module-5" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="h-16 lg:h-17 "></div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-6 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_top-module-6" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <div class="relative"> <div style=" --desktop-y: -56%; --desktop-x: -40%; --mobile-y: -65%; --mobile-x: 50%; opacity: 0.3; " class="absolute translate-x-[var(--mobile-x)] translate-y-[var(--mobile-y)] lg:translate-x-[var(--desktop-x)] lg:translate-y-[var(--desktop-y)] "> <img class="" src="https://www.jakala.com/hubfs/demo-content/mesh.svg" alt=" " loading="lazy" width="708" height="620" role="presentation"> </div> </div></div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-7 dnd-row"> <div class="row-fluid "> <div class="span5 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="5"> <div class="row-fluid-wrapper row-depth-1 row-number-8 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_top-module-8" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <h2 class="text-f-m-4xl lg:text-f-d-3xl font-normal js-anim lg:text-left text-left"> Data is the compass we use to get our clients where they want to be </h2></div> </div> </div> </div> </div> <div class="span7 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="5" data-w="7"> <div class="row-fluid-wrapper row-depth-1 row-number-9 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_top-module-10" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space widget-type-space" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span class="hs-horizontal-spacer"></span></div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-10 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_top-module-11" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="h-9 lg:h-13 "></div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-11 dnd-row"> <div class="row-fluid "> <div class="span6 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="6"> <div class="row-fluid-wrapper row-depth-1 row-number-12 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_top-module-13" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space widget-type-space" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span class="hs-horizontal-spacer"></span></div> </div> </div> </div> </div> <div class="span6 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="6" data-w="6"> <div class="row-fluid-wrapper row-depth-1 row-number-13 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_top-module-15" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <div class="js-anim [&>div]:prose-m-lg [&>div]:lg:prose-d-lg"> <div id="hs_cos_wrapper_top-module-15_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="rich_text"><p><span>Our people combine strategy, technology, creativity, and operations to deliver tailored experiences and transformative solutions with data and AI at the heart. </span></p></div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-14 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_top-module-16" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="h-0 lg:h-14 "></div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-15 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_top-module-17" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <div class="pt-11 lg:pt-0"> <div class="row-fluid mb-11 lg:mb-13"> <div class="span4"> <p class="text-f-m-xl lg:text-f-d-xl font-medium text-white js-anim"> Discover our Unique <br> Offering </p> </div> </div> <div class="w-screen -left-9 lg:-left-14 relative flex flex-col lg:flex-row items-start"> <div class="js-solution-card w-full lg:w-1/3 relative"> <a class="absolute top-0 left-0 w-full h-full z-10" href="https://www.jakala.com/strategy" aria-label="Strategy"> </a> <img class="w-full object-cover min-h-[calc(var(--space-unit)*700)] lg:min-h-0" src="https://www.jakala.com/hs-fs/hubfs/Strategy-_-Design_DK_Home_cover.jpg?width=924&height=1222&name=Strategy-_-Design_DK_Home_cover.jpg" alt="Strategy-_-Design_DK_Home_cover" loading="lazy" width="924" height="1222" srcset="https://www.jakala.com/hs-fs/hubfs/Strategy-_-Design_DK_Home_cover.jpg?width=462&height=611&name=Strategy-_-Design_DK_Home_cover.jpg 462w, https://www.jakala.com/hs-fs/hubfs/Strategy-_-Design_DK_Home_cover.jpg?width=924&height=1222&name=Strategy-_-Design_DK_Home_cover.jpg 924w, https://www.jakala.com/hs-fs/hubfs/Strategy-_-Design_DK_Home_cover.jpg?width=1386&height=1833&name=Strategy-_-Design_DK_Home_cover.jpg 1386w, https://www.jakala.com/hs-fs/hubfs/Strategy-_-Design_DK_Home_cover.jpg?width=1848&height=2444&name=Strategy-_-Design_DK_Home_cover.jpg 1848w, https://www.jakala.com/hs-fs/hubfs/Strategy-_-Design_DK_Home_cover.jpg?width=2310&height=3055&name=Strategy-_-Design_DK_Home_cover.jpg 2310w, https://www.jakala.com/hs-fs/hubfs/Strategy-_-Design_DK_Home_cover.jpg?width=2772&height=3666&name=Strategy-_-Design_DK_Home_cover.jpg 2772w" sizes="(max-width: 924px) 100vw, 924px"> <div class="absolute top-0 left-0 w-full h-full bg-gradient-to-t from-primary to-transparent text-center flex flex-col justify-end items-center"> <div class="aspect-hexagon clip-hexagon w-1/2 mb-14 lg:mb-10"> <video class="js-solutions-card-video w-full h-full object-cover" playsinline preload muted loop poster="" style="width: 100%"> <source src="https://26289830.fs1.hubspotusercontent-eu1.net/hubfs/26289830/video/Strategy%20_%20Design_SQ-small-home.mp4" type="video/mp4"> </video> </div> <p class="uppercase font-semibold text-white text-f-m-7xl lg:text-f-d-3xl mb-8 lg:mb-10"> Strategy </p> <svg class="w-12 h-auto mb-14 lg:mb-12" width="67px" height="67px" viewbox="0 0 64 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&-Design" transform="translate(-688.000000, -6854.000000)" stroke="#FFFFFF" stroke-width="2"> <g id="Other-Solutions-Copy" transform="translate(0.000000, 6362.000000)"> <g id="Group-8" transform="translate(402.000000, 224.000000)"> <g id="Icon-/-go-big" transform="translate(286.000000, 268.000000)"> <path d="M32,1.15127272 L63,18.8356485 L63,54.173878 L32,71.8488771 L1,54.173878 L1,18.8356485 L32,1.15127272 Z" id="Fill-7"></path> <g id="arrow" transform="translate(28.000000, 30.000000)"> <polyline id="Path" points="0 0 8 7 0 14"></polyline> </g> </g> </g> </g> </g> </g> </svg> </div> </div> <div class="js-solution-card w-full lg:w-1/3 relative"> <a class="absolute top-0 left-0 w-full h-full z-10" href="https://www.jakala.com/technology" aria-label="Technology"> </a> <img class="w-full object-cover min-h-[calc(var(--space-unit)*700)] lg:min-h-0" src="https://www.jakala.com/hs-fs/hubfs/Technology-_-Integration_Home_DK_cover.jpg?width=924&height=1222&name=Technology-_-Integration_Home_DK_cover.jpg" alt="Technology-_-Integration_Home_DK_cover" loading="lazy" width="924" height="1222" srcset="https://www.jakala.com/hs-fs/hubfs/Technology-_-Integration_Home_DK_cover.jpg?width=462&height=611&name=Technology-_-Integration_Home_DK_cover.jpg 462w, https://www.jakala.com/hs-fs/hubfs/Technology-_-Integration_Home_DK_cover.jpg?width=924&height=1222&name=Technology-_-Integration_Home_DK_cover.jpg 924w, https://www.jakala.com/hs-fs/hubfs/Technology-_-Integration_Home_DK_cover.jpg?width=1386&height=1833&name=Technology-_-Integration_Home_DK_cover.jpg 1386w, https://www.jakala.com/hs-fs/hubfs/Technology-_-Integration_Home_DK_cover.jpg?width=1848&height=2444&name=Technology-_-Integration_Home_DK_cover.jpg 1848w, https://www.jakala.com/hs-fs/hubfs/Technology-_-Integration_Home_DK_cover.jpg?width=2310&height=3055&name=Technology-_-Integration_Home_DK_cover.jpg 2310w, https://www.jakala.com/hs-fs/hubfs/Technology-_-Integration_Home_DK_cover.jpg?width=2772&height=3666&name=Technology-_-Integration_Home_DK_cover.jpg 2772w" sizes="(max-width: 924px) 100vw, 924px"> <div class="absolute top-0 left-0 w-full h-full bg-gradient-to-t from-primary to-transparent text-center flex flex-col justify-end items-center"> <div class="aspect-hexagon clip-hexagon w-1/2 mb-14 lg:mb-10"> <video class="js-solutions-card-video w-full h-full object-cover" playsinline preload muted loop poster="" style="width: 100%"> <source src="https://26289830.fs1.hubspotusercontent-eu1.net/hubfs/26289830/video/Technology%20_%20Integration_SQ-small-home.mp4" type="video/mp4"> </video> </div> <p class="uppercase font-semibold text-white text-f-m-7xl lg:text-f-d-3xl mb-8 lg:mb-10"> Technology </p> <svg class="w-12 h-auto mb-14 lg:mb-12" width="67px" height="67px" viewbox="0 0 64 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&-Design" transform="translate(-688.000000, -6854.000000)" stroke="#FFFFFF" stroke-width="2"> <g id="Other-Solutions-Copy" transform="translate(0.000000, 6362.000000)"> <g id="Group-8" transform="translate(402.000000, 224.000000)"> <g id="Icon-/-go-big" transform="translate(286.000000, 268.000000)"> <path d="M32,1.15127272 L63,18.8356485 L63,54.173878 L32,71.8488771 L1,54.173878 L1,18.8356485 L32,1.15127272 Z" id="Fill-7"></path> <g id="arrow" transform="translate(28.000000, 30.000000)"> <polyline id="Path" points="0 0 8 7 0 14"></polyline> </g> </g> </g> </g> </g> </g> </svg> </div> </div> <div class="js-solution-card w-full lg:w-1/3 relative"> <a class="absolute top-0 left-0 w-full h-full z-10" href="https://www.jakala.com/activations" aria-label="Activations"> </a> <img class="w-full object-cover min-h-[calc(var(--space-unit)*700)] lg:min-h-0" src="https://www.jakala.com/hs-fs/hubfs/Activation-_-Engagement_Home_DK_cover.jpg?width=924&height=1222&name=Activation-_-Engagement_Home_DK_cover.jpg" alt="Activation-_-Engagement_Home_DK_cover" loading="lazy" width="924" height="1222" srcset="https://www.jakala.com/hs-fs/hubfs/Activation-_-Engagement_Home_DK_cover.jpg?width=462&height=611&name=Activation-_-Engagement_Home_DK_cover.jpg 462w, https://www.jakala.com/hs-fs/hubfs/Activation-_-Engagement_Home_DK_cover.jpg?width=924&height=1222&name=Activation-_-Engagement_Home_DK_cover.jpg 924w, https://www.jakala.com/hs-fs/hubfs/Activation-_-Engagement_Home_DK_cover.jpg?width=1386&height=1833&name=Activation-_-Engagement_Home_DK_cover.jpg 1386w, https://www.jakala.com/hs-fs/hubfs/Activation-_-Engagement_Home_DK_cover.jpg?width=1848&height=2444&name=Activation-_-Engagement_Home_DK_cover.jpg 1848w, https://www.jakala.com/hs-fs/hubfs/Activation-_-Engagement_Home_DK_cover.jpg?width=2310&height=3055&name=Activation-_-Engagement_Home_DK_cover.jpg 2310w, https://www.jakala.com/hs-fs/hubfs/Activation-_-Engagement_Home_DK_cover.jpg?width=2772&height=3666&name=Activation-_-Engagement_Home_DK_cover.jpg 2772w" sizes="(max-width: 924px) 100vw, 924px"> <div class="absolute top-0 left-0 w-full h-full bg-gradient-to-t from-primary to-transparent text-center flex flex-col justify-end items-center"> <div class="aspect-hexagon clip-hexagon w-1/2 mb-14 lg:mb-10"> <video class="js-solutions-card-video w-full h-full object-cover" playsinline preload muted loop poster="" style="width: 100%"> <source src="https://26289830.fs1.hubspotusercontent-eu1.net/hubfs/26289830/video/Activation%20_%20Engagement_SQ-small-home.mp4" type="video/mp4"> </video> </div> <p class="uppercase font-semibold text-white text-f-m-7xl lg:text-f-d-3xl mb-8 lg:mb-10"> Activations </p> <svg class="w-12 h-auto mb-14 lg:mb-12" width="67px" height="67px" viewbox="0 0 64 73" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&-Design" transform="translate(-688.000000, -6854.000000)" stroke="#FFFFFF" stroke-width="2"> <g id="Other-Solutions-Copy" transform="translate(0.000000, 6362.000000)"> <g id="Group-8" transform="translate(402.000000, 224.000000)"> <g id="Icon-/-go-big" transform="translate(286.000000, 268.000000)"> <path d="M32,1.15127272 L63,18.8356485 L63,54.173878 L32,71.8488771 L1,54.173878 L1,18.8356485 L32,1.15127272 Z" id="Fill-7"></path> <g id="arrow" transform="translate(28.000000, 30.000000)"> <polyline id="Path" points="0 0 8 7 0 14"></polyline> </g> </g> </g> </g> </g> </g> </svg> </div> </div> </div> </div></div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-16 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_top-module-18" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="h-0 lg:h-16 "></div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="container-fluid"> <div class="row-fluid-wrapper"> <div class="row-fluid"> <div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-1 dnd-section lg:bg-primary lg:[&_*]:text-white"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-2 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_main-dnd_partial-1-module-2" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="h-15 lg:h-0 "></div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-3 dnd-row"> <div class="row-fluid "> <div class="span5 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="5"> <div id="hs_cos_wrapper_main-dnd_partial-1-module-3" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <h2 class="text-f-m-xl lg:text-f-d-xl font-normal js-anim lg:text-left text-center"> Find out more about our successful Stories </h2></div> </div> <div class="span7 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="5" data-w="7"> <div id="hs_cos_wrapper_main-dnd_partial-1-module-4" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-space widget-type-space" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span class="hs-horizontal-spacer"></span></div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-4 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_main-dnd_partial-1-module-5" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="h-9 lg:h-15 "></div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-5 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_main-dnd_partial-1-module-6" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <div style="--swiper-pagination-color: #ffffff"> <div> <script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script> <div id="main-dnd_partial-1-module-6null" class="relative swiper-container [&_.swiper-slide]:h-auto [&_.swiper-pagination-bullet]:border-white [&_.swiper-wrapper]:max-lg:flex [&_.swiper-wrapper]:max-lg:flex-col [&_.swiper-button-prev]:!left-0 [&_.swiper-button-next]:!right-0"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="flex border-b border-black/20 py-11 lg:py-0 lg:border-none relative w-full h-full"> <a href="https://www.jakala.com/insights/jakala-celebrates-gis-day-with-technology-innovation-and-ai" aria-label="JAKALA celebrates GIS Day with technology, innovation, and AI!" class="absolute top-0 left-0 w-full h-full z-20"></a> <div class="max-w-[100px] lg:max-w-none lg:w-1/3 lg:min-w-[33.333333%]"> <img class="rounded w-full" src="https://www.jakala.com/hs-fs/hubfs/HERO_INSIGHTS_972X1286_GIS.jpg?width=600&height=793&name=HERO_INSIGHTS_972X1286_GIS.jpg" alt="JAKALA celebrates GIS Day with technology, innovation, and AI!" loading="lazy" width="600" height="793" srcset="https://www.jakala.com/hs-fs/hubfs/HERO_INSIGHTS_972X1286_GIS.jpg?width=300&height=397&name=HERO_INSIGHTS_972X1286_GIS.jpg 300w, https://www.jakala.com/hs-fs/hubfs/HERO_INSIGHTS_972X1286_GIS.jpg?width=600&height=793&name=HERO_INSIGHTS_972X1286_GIS.jpg 600w, https://www.jakala.com/hs-fs/hubfs/HERO_INSIGHTS_972X1286_GIS.jpg?width=900&height=1190&name=HERO_INSIGHTS_972X1286_GIS.jpg 900w, https://www.jakala.com/hs-fs/hubfs/HERO_INSIGHTS_972X1286_GIS.jpg?width=1200&height=1586&name=HERO_INSIGHTS_972X1286_GIS.jpg 1200w, https://www.jakala.com/hs-fs/hubfs/HERO_INSIGHTS_972X1286_GIS.jpg?width=1500&height=1983&name=HERO_INSIGHTS_972X1286_GIS.jpg 1500w, https://www.jakala.com/hs-fs/hubfs/HERO_INSIGHTS_972X1286_GIS.jpg?width=1800&height=2379&name=HERO_INSIGHTS_972X1286_GIS.jpg 1800w" sizes="(max-width: 600px) 100vw, 600px"> </div> <div class="lg:flex lg:flex-col lg:justify-center lg:space-y-9 pl-11 lg:p-14 lg:pr-20"> <div class="lg:flex items-center space-x-9"> <div class="flex items-center space-x-6"> <svg class="" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&-Design" transform="translate(-67.000000, -4720.000000)" fill="#F00A0A"> <g id="DK-/-Parts-/-Case-history" transform="translate(0.000000, 4414.000000)"> <g id="title" transform="translate(67.000000, 300.000000)"> <g id="Fill-7" transform="translate(0.000000, 6.000000)"> <polygon points="0.5 2.00053036 0.5 6.00053036 4 8 7.5 6.00053036 7.5 2.00053036 4 0"></polygon> </g> </g> </g> </g> </g> </svg> <span class="text-f-m-xs lg:text-f-d-xs"> Article </span> </div> </div> <p class="text-f-m-base lg:text-f-d-lg mt-11 mb-8 lg:my-0"> JAKALA celebrates GIS Day with technology, innovation, and AI! </p> <div class="lg:hidden"> <span class="text-f-m-2xs lg:text-f-d-xs text-primary">3 min read</span> </div> </div> </div> </div> <div class="swiper-slide"> <div class="flex border-b border-black/20 py-11 lg:py-0 lg:border-none relative w-full h-full"> <a href="https://www.jakala.com/insights/harnessing-machine-learning-and-ai-for-students-academic-success" aria-label="Harnessing Machine learning and AI for Students’ Academic Success at One of the Top 10 Worldwide Business Schools" class="absolute top-0 left-0 w-full h-full z-20"></a> <div class="max-w-[100px] lg:max-w-none lg:w-1/3 lg:min-w-[33.333333%]"> <img class="rounded w-full" src="https://www.jakala.com/hs-fs/hubfs/header%20blog%201.png?width=600&height=793&name=header%20blog%201.png" alt="Harnessing Machine learning and AI for Students’ Academic Success at One of the Top 10 Worldwide Business Schools" loading="lazy" width="600" height="793" srcset="https://www.jakala.com/hs-fs/hubfs/header%20blog%201.png?width=300&height=397&name=header%20blog%201.png 300w, https://www.jakala.com/hs-fs/hubfs/header%20blog%201.png?width=600&height=793&name=header%20blog%201.png 600w, https://www.jakala.com/hs-fs/hubfs/header%20blog%201.png?width=900&height=1190&name=header%20blog%201.png 900w, https://www.jakala.com/hs-fs/hubfs/header%20blog%201.png?width=1200&height=1586&name=header%20blog%201.png 1200w, https://www.jakala.com/hs-fs/hubfs/header%20blog%201.png?width=1500&height=1983&name=header%20blog%201.png 1500w, https://www.jakala.com/hs-fs/hubfs/header%20blog%201.png?width=1800&height=2379&name=header%20blog%201.png 1800w" sizes="(max-width: 600px) 100vw, 600px"> </div> <div class="lg:flex lg:flex-col lg:justify-center lg:space-y-9 pl-11 lg:p-14 lg:pr-20"> <div class="lg:flex items-center space-x-9"> <div class="flex items-center space-x-6"> <svg class="" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&-Design" transform="translate(-67.000000, -4720.000000)" fill="#F00A0A"> <g id="DK-/-Parts-/-Case-history" transform="translate(0.000000, 4414.000000)"> <g id="title" transform="translate(67.000000, 300.000000)"> <g id="Fill-7" transform="translate(0.000000, 6.000000)"> <polygon points="0.5 2.00053036 0.5 6.00053036 4 8 7.5 6.00053036 7.5 2.00053036 4 0"></polygon> </g> </g> </g> </g> </g> </svg> <span class="text-f-m-xs lg:text-f-d-xs"> Case Studies </span> </div> </div> <p class="text-f-m-base lg:text-f-d-lg mt-11 mb-8 lg:my-0"> Harnessing Machine learning and AI for Students’ Academic Success at One of the Top 10 Worldwide Business Schools </p> <div class="lg:hidden"> <span class="text-f-m-2xs lg:text-f-d-xs text-primary">2 min read</span> </div> </div> </div> </div> <div class="swiper-slide"> <div class="flex border-b border-black/20 py-11 lg:py-0 lg:border-none relative w-full h-full"> <a href="https://www.jakala.com/insights/innovation-and-personalization-the-future-of-customer-experience-in-pharma-retail" aria-label="Innovation and personalization: the future of Customer Experience in Pharma Retail" class="absolute top-0 left-0 w-full h-full z-20"></a> <div class="max-w-[100px] lg:max-w-none lg:w-1/3 lg:min-w-[33.333333%]"> <img class="rounded w-full" src="https://www.jakala.com/hs-fs/hubfs/HERO_INSIGHTS_Evento%20Pharma.jpg?width=600&height=793&name=HERO_INSIGHTS_Evento%20Pharma.jpg" alt="Innovation and personalization: the future of Customer Experience in Pharma Retail" loading="lazy" width="600" height="793" srcset="https://www.jakala.com/hs-fs/hubfs/HERO_INSIGHTS_Evento%20Pharma.jpg?width=300&height=397&name=HERO_INSIGHTS_Evento%20Pharma.jpg 300w, https://www.jakala.com/hs-fs/hubfs/HERO_INSIGHTS_Evento%20Pharma.jpg?width=600&height=793&name=HERO_INSIGHTS_Evento%20Pharma.jpg 600w, https://www.jakala.com/hs-fs/hubfs/HERO_INSIGHTS_Evento%20Pharma.jpg?width=900&height=1190&name=HERO_INSIGHTS_Evento%20Pharma.jpg 900w, https://www.jakala.com/hs-fs/hubfs/HERO_INSIGHTS_Evento%20Pharma.jpg?width=1200&height=1586&name=HERO_INSIGHTS_Evento%20Pharma.jpg 1200w, https://www.jakala.com/hs-fs/hubfs/HERO_INSIGHTS_Evento%20Pharma.jpg?width=1500&height=1983&name=HERO_INSIGHTS_Evento%20Pharma.jpg 1500w, https://www.jakala.com/hs-fs/hubfs/HERO_INSIGHTS_Evento%20Pharma.jpg?width=1800&height=2379&name=HERO_INSIGHTS_Evento%20Pharma.jpg 1800w" sizes="(max-width: 600px) 100vw, 600px"> </div> <div class="lg:flex lg:flex-col lg:justify-center lg:space-y-9 pl-11 lg:p-14 lg:pr-20"> <div class="lg:flex items-center space-x-9"> <div class="flex items-center space-x-6"> <svg class="" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&-Design" transform="translate(-67.000000, -4720.000000)" fill="#F00A0A"> <g id="DK-/-Parts-/-Case-history" transform="translate(0.000000, 4414.000000)"> <g id="title" transform="translate(67.000000, 300.000000)"> <g id="Fill-7" transform="translate(0.000000, 6.000000)"> <polygon points="0.5 2.00053036 0.5 6.00053036 4 8 7.5 6.00053036 7.5 2.00053036 4 0"></polygon> </g> </g> </g> </g> </g> </svg> <span class="text-f-m-xs lg:text-f-d-xs"> Article </span> </div> </div> <p class="text-f-m-base lg:text-f-d-lg mt-11 mb-8 lg:my-0"> Innovation and personalization: the future of Customer Experience in Pharma Retail </p> <div class="lg:hidden"> <span class="text-f-m-2xs lg:text-f-d-xs text-primary">2 min read</span> </div> </div> </div> </div> <div class="swiper-slide"> <div class="flex border-b border-black/20 py-11 lg:py-0 lg:border-none relative w-full h-full"> <a href="https://www.jakala.com/insights/jakala-inaugurates-new-offices-in-the-22-district-of-barcelona" aria-label="JAKALA inaugurates new offices in the 22@ District of Barcelona!" class="absolute top-0 left-0 w-full h-full z-20"></a> <div class="max-w-[100px] lg:max-w-none lg:w-1/3 lg:min-w-[33.333333%]"> <img class="rounded w-full" src="https://www.jakala.com/hs-fs/hubfs/Office%20Barcelona.jpg?width=600&height=793&name=Office%20Barcelona.jpg" alt="JAKALA inaugurates new offices in the 22@ District of Barcelona!" loading="lazy" width="600" height="793" srcset="https://www.jakala.com/hs-fs/hubfs/Office%20Barcelona.jpg?width=300&height=397&name=Office%20Barcelona.jpg 300w, https://www.jakala.com/hs-fs/hubfs/Office%20Barcelona.jpg?width=600&height=793&name=Office%20Barcelona.jpg 600w, https://www.jakala.com/hs-fs/hubfs/Office%20Barcelona.jpg?width=900&height=1190&name=Office%20Barcelona.jpg 900w, https://www.jakala.com/hs-fs/hubfs/Office%20Barcelona.jpg?width=1200&height=1586&name=Office%20Barcelona.jpg 1200w, https://www.jakala.com/hs-fs/hubfs/Office%20Barcelona.jpg?width=1500&height=1983&name=Office%20Barcelona.jpg 1500w, https://www.jakala.com/hs-fs/hubfs/Office%20Barcelona.jpg?width=1800&height=2379&name=Office%20Barcelona.jpg 1800w" sizes="(max-width: 600px) 100vw, 600px"> </div> <div class="lg:flex lg:flex-col lg:justify-center lg:space-y-9 pl-11 lg:p-14 lg:pr-20"> <div class="lg:flex items-center space-x-9"> <div class="flex items-center space-x-6"> <svg class="" width="8px" height="8px" viewbox="0 0 8 8" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="DK-/-Industries-|-Fashion,-Luxury-&-Design" transform="translate(-67.000000, -4720.000000)" fill="#F00A0A"> <g id="DK-/-Parts-/-Case-history" transform="translate(0.000000, 4414.000000)"> <g id="title" transform="translate(67.000000, 300.000000)"> <g id="Fill-7" transform="translate(0.000000, 6.000000)"> <polygon points="0.5 2.00053036 0.5 6.00053036 4 8 7.5 6.00053036 7.5 2.00053036 4 0"></polygon> </g> </g> </g> </g> </g> </svg> <span class="text-f-m-xs lg:text-f-d-xs"> Article </span> </div> </div> <p class="text-f-m-base lg:text-f-d-lg mt-11 mb-8 lg:my-0"> JAKALA inaugurates new offices in the 22@ District of Barcelona! </p> <div class="lg:hidden"> <span class="text-f-m-2xs lg:text-f-d-xs text-primary">2 min read</span> </div> </div> </div> </div> </div> <div class="swiper-pagination"></div> </div> <div class="js-anim lg:hidden text-center lg:text-left lg:mt-13 mt-11 mb-14 lg:mb-0"> <a class="button inline-block bg-primary-light hover:bg-primary transition-colors text-white text-f-m-sm lg:text-f-d-sm font-medium py-7 px-9 rounded" href="https://www.jakala.com/insights"> See all Insights </a> </div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-6 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_main-dnd_partial-1-module-7" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="h-0 lg:h-16 "></div> </div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-7 dnd-section"> <div class="row-fluid "> <div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> <div class="row-fluid-wrapper row-depth-1 row-number-8 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_main-module-3" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="h-15 lg:h-16 "></div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-9 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_main-module-4" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <div class="relative"> <div class="row-fluid items-center"> <div class="span5"> <h2 class="text-f-m-4xl lg:text-f-d-3xl font-normal text-primary mb-14 lg:mb-9 js-anim w-1/2 lg:w-full mt-14 lg:mt-0"> The Industries we cover </h2> <div class="w-2/3 lg:w-full"> <div class="js-anim "> <div id="hs_cos_wrapper_main-module-4_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="rich_text"><p>Guided by our industry knowledge, we help our clients to discover new opportunities and anticipate their business needs.</p></div> </div> </div> <ul class="js-anim-container flex-wrap gap-5 flex mt-10 lg:mt-13"> <li> <a class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray" href="https://www.jakala.com/consumer-products-goods"> Consumer products goods </a> </li> <li> <a class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray" href="https://www.jakala.com/fashion-luxury-design"> Fashion Luxury & Design </a> </li> <li> <a class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray" href="https://www.jakala.com/pharma-lifescience"> Pharma & Lifescience </a> </li> <li> <a class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray" href="https://www.jakala.com/retail"> Retail </a> </li> <li> <a class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray" href="https://www.jakala.com/banking"> Banking </a> </li> <li> <a class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray" href="https://www.jakala.com/insurance"> Insurance </a> </li> <li> <a class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray" href="https://www.jakala.com/real-estate"> Real Estate </a> </li> <li> <a class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray" href="https://www.jakala.com/automotive"> Automotive </a> </li> <li> <a class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray" href="https://www.jakala.com/industrial-products"> Industrial Products </a> </li> <li> <a class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray" href="https://www.jakala.com/energy-utilities"> Energy & Utilities </a> </li> <li> <a class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray" href="https://www.jakala.com/publishing-entertainment"> Publishing & Entertainment </a> </li> <li> <a class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray" href="https://www.jakala.com/telco-media"> Telco, Media </a> </li> <li> <a class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray" href="https://www.jakala.com/travel-leisure-transport"> Travel, Leisure & Transport </a> </li> <li> <a class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray" href="https://www.jakala.com/jakala-civitas"> Public Sector </a> </li> <li> <a class="text-f-m-xs lg:text-f-d-xs py-3 px-6 rounded bg-gray" href="https://www.jakala.com/higher-education"> Higher Education </a> </li> </ul> </div> <div class="span2"></div> <div class="span5"> <div class="aspect-hexagon absolute top-0 -right-13 w-8/12 lg:relative lg:-right-14 lg:w-overflow"> <div class="js-zoom-image clip-hexagon aspect-hexagon overflow-hidden"> <img class="aspect-hexagon object-cover absolute w-full" src="https://www.jakala.com/hs-fs/hubfs/Homepage_IndustriesWeCover_972x1286_1.jpg?width=972&height=1286&name=Homepage_IndustriesWeCover_972x1286_1.jpg" alt="Homepage_IndustriesWeCover_972x1286_1" loading="lazy" width="972" height="1286" srcset="https://www.jakala.com/hs-fs/hubfs/Homepage_IndustriesWeCover_972x1286_1.jpg?width=486&height=643&name=Homepage_IndustriesWeCover_972x1286_1.jpg 486w, https://www.jakala.com/hs-fs/hubfs/Homepage_IndustriesWeCover_972x1286_1.jpg?width=972&height=1286&name=Homepage_IndustriesWeCover_972x1286_1.jpg 972w, https://www.jakala.com/hs-fs/hubfs/Homepage_IndustriesWeCover_972x1286_1.jpg?width=1458&height=1929&name=Homepage_IndustriesWeCover_972x1286_1.jpg 1458w, https://www.jakala.com/hs-fs/hubfs/Homepage_IndustriesWeCover_972x1286_1.jpg?width=1944&height=2572&name=Homepage_IndustriesWeCover_972x1286_1.jpg 1944w, https://www.jakala.com/hs-fs/hubfs/Homepage_IndustriesWeCover_972x1286_1.jpg?width=2430&height=3215&name=Homepage_IndustriesWeCover_972x1286_1.jpg 2430w, https://www.jakala.com/hs-fs/hubfs/Homepage_IndustriesWeCover_972x1286_1.jpg?width=2916&height=3858&name=Homepage_IndustriesWeCover_972x1286_1.jpg 2916w" sizes="(max-width: 972px) 100vw, 972px"> </div> </div> </div> </div> </div></div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-10 dnd-row"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_main-module-5" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><div class="h-15 lg:h-16 "></div> </div> </div> </div> </div> </div> </div> </div> <div class="row-fluid-wrapper row-depth-1 row-number-11 main-row-2-padding dnd-section"> <div class="row-fluid "> <div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> <div id="hs_cos_wrapper_main-module-6" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <div class="grid lg:grid-cols-2 lg:grid-rows-2 min-h-vh space-y-10 lg:space-y-0"> <div class="lg:row-span-2 bg-black relative min-h-vh lg:min-h-full"> <img class="absolute top-0 left-0 w-full !h-full object-cover" src="https://www.jakala.com/hs-fs/hubfs/Sustainability_1.jpg?width=2200&height=1222&name=Sustainability_1.jpg" alt="Sustainability_1" loading="lazy" width="2200" height="1222" srcset="https://www.jakala.com/hs-fs/hubfs/Sustainability_1.jpg?width=1100&height=611&name=Sustainability_1.jpg 1100w, https://www.jakala.com/hs-fs/hubfs/Sustainability_1.jpg?width=2200&height=1222&name=Sustainability_1.jpg 2200w, https://www.jakala.com/hs-fs/hubfs/Sustainability_1.jpg?width=3300&height=1833&name=Sustainability_1.jpg 3300w, https://www.jakala.com/hs-fs/hubfs/Sustainability_1.jpg?width=4400&height=2444&name=Sustainability_1.jpg 4400w, https://www.jakala.com/hs-fs/hubfs/Sustainability_1.jpg?width=5500&height=3055&name=Sustainability_1.jpg 5500w, https://www.jakala.com/hs-fs/hubfs/Sustainability_1.jpg?width=6600&height=3666&name=Sustainability_1.jpg 6600w" sizes="(max-width: 2200px) 100vw, 2200px"> <div class="px-9 py-11 lg:p-14 z-10 relative"> <div class="js-anim [&_*]:!text-white"> <div id="hs_cos_wrapper_main-module-6_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="rich_text"><h3>JAKALA is committed to Sustainability</h3> <p>Our purpose always is and will be to integrate profit objectives and value for all stakeholders with sustainability principles. We contribute to creating a culture of awareness and respect for people and environment.</p></div> </div> <p class="js-anim inline-block text-f-m-sm lg:text-f-d-sm text-white border-b border-white"> Learn more about our sustainable growth </p> </div> <a class="absolute top-0 left-0 w-full h-full z-10" href="https://www.jakala.com/sustainability-sustainable-growth" aria-label="Learn more about our sustainable growth"> </a> </div> <div class="relative flex items-center space-y-10 lg:space-y-0 "> <div class="w-1/2 relative h-full"> <img class="absolute top-0 left-0 w-full !h-full object-cover" src="https://www.jakala.com/hs-fs/hubfs/Homepage_Career_972x1286_1.jpg?width=972&height=1286&name=Homepage_Career_972x1286_1.jpg" alt="Homepage_Career_972x1286_1" loading="lazy" width="972" height="1286" srcset="https://www.jakala.com/hs-fs/hubfs/Homepage_Career_972x1286_1.jpg?width=486&height=643&name=Homepage_Career_972x1286_1.jpg 486w, https://www.jakala.com/hs-fs/hubfs/Homepage_Career_972x1286_1.jpg?width=972&height=1286&name=Homepage_Career_972x1286_1.jpg 972w, https://www.jakala.com/hs-fs/hubfs/Homepage_Career_972x1286_1.jpg?width=1458&height=1929&name=Homepage_Career_972x1286_1.jpg 1458w, https://www.jakala.com/hs-fs/hubfs/Homepage_Career_972x1286_1.jpg?width=1944&height=2572&name=Homepage_Career_972x1286_1.jpg 1944w, https://www.jakala.com/hs-fs/hubfs/Homepage_Career_972x1286_1.jpg?width=2430&height=3215&name=Homepage_Career_972x1286_1.jpg 2430w, https://www.jakala.com/hs-fs/hubfs/Homepage_Career_972x1286_1.jpg?width=2916&height=3858&name=Homepage_Career_972x1286_1.jpg 2916w" sizes="(max-width: 972px) 100vw, 972px"> </div> <div class="w-1/2 p-9 lg:p-12"> <div class="js-anim "> <div id="hs_cos_wrapper_main-module-6_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="rich_text"><h3>Careers</h3> <p>We are JAKALA, a multidisciplinary team of passionate and talented people.</p></div> </div> <p class="js-anim inline-block text-f-m-sm lg:text-f-d-sm text-primary-light border-b border-primary-light"> Join us </p> </div> <a class="absolute top-0 left-0 w-full h-full z-10" href="https://www.jakala.com/work-with-us-join" aria-label="Join us"> </a> </div> <div class="relative flex items-center space-y-10 lg:space-y-0 flex-row-reverse"> <div class="w-1/2 relative h-full"> <img class="absolute top-0 left-0 w-full !h-full object-cover" src="https://www.jakala.com/hs-fs/hubfs/Homepage_WhoWeAre_972x1286_1.jpg?width=972&height=1286&name=Homepage_WhoWeAre_972x1286_1.jpg" alt="Homepage_WhoWeAre_972x1286_1" loading="lazy" width="972" height="1286" srcset="https://www.jakala.com/hs-fs/hubfs/Homepage_WhoWeAre_972x1286_1.jpg?width=486&height=643&name=Homepage_WhoWeAre_972x1286_1.jpg 486w, https://www.jakala.com/hs-fs/hubfs/Homepage_WhoWeAre_972x1286_1.jpg?width=972&height=1286&name=Homepage_WhoWeAre_972x1286_1.jpg 972w, https://www.jakala.com/hs-fs/hubfs/Homepage_WhoWeAre_972x1286_1.jpg?width=1458&height=1929&name=Homepage_WhoWeAre_972x1286_1.jpg 1458w, https://www.jakala.com/hs-fs/hubfs/Homepage_WhoWeAre_972x1286_1.jpg?width=1944&height=2572&name=Homepage_WhoWeAre_972x1286_1.jpg 1944w, https://www.jakala.com/hs-fs/hubfs/Homepage_WhoWeAre_972x1286_1.jpg?width=2430&height=3215&name=Homepage_WhoWeAre_972x1286_1.jpg 2430w, https://www.jakala.com/hs-fs/hubfs/Homepage_WhoWeAre_972x1286_1.jpg?width=2916&height=3858&name=Homepage_WhoWeAre_972x1286_1.jpg 2916w" sizes="(max-width: 972px) 100vw, 972px"> </div> <div class="w-1/2 p-9 lg:p-12"> <div class="js-anim "> <div id="hs_cos_wrapper_main-module-6_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_inline_rich_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="inline_rich_text" data-hs-cos-field="rich_text"><h3>Who We Are</h3> <p><span>JAKALA is a data, AI, and experiences company that creates meaningful and lasting impact. Globally.</span></p></div> </div> <p class="js-anim inline-block text-f-m-sm lg:text-f-d-sm text-primary-light border-b border-primary-light"> Learn more about us </p> </div> <a class="absolute top-0 left-0 w-full h-full z-10" href="https://www.jakala.com/about-us-who-we-are" aria-label="Learn more about us"> </a> </div> </div></div> </div> </div> </div> </div> </div> </div> </div> </main> <div data-global-resource-path="jakala/templates/partials/footer.html"> <footer class="bg-primary text-white pt-11 pb-9 lg:pt-15 px-9 lg:px-14 hs-search-hidden"> <div class="js-anim-container max-w-content mx-auto w-full space-y-4"> <div class="flex flex-col lg:flex-row lg:justify-between lg:space-x-14 items-center lg:items-start"> <div class="max-lg:max-w-[20px] mb-13 lg:mb-0"> <div id="hs_cos_wrapper_logo-footer" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"> <div> <img class="" src="https://www.jakala.com/hubfs/raw_assets/public/jakala/images/jakala-j-red-white.svg" alt="Jakala" width="52" height="130" style="max-width: 100%; height: auto;"> </div></div> </div> <div class="max-lg:hidden text-f-d-xs font-normal [&_.hs-menu-depth-1>*:first-child]:block [&_.hs-menu-depth-1>*:first-child]:mb-7 [&_.hs-menu-depth-1>*:first-child]:font-semibold [&_ul]:space-y-7 [&_.hs-menu-depth-1>*:first-child]:!pointer-events-none"> <div id="hs_cos_wrapper_footer_menu_1" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_footer_menu_1_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><div id="hs_menu_wrapper_footer_menu_1_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-vertical" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu"> <ul role="menu"> <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><span>Company</span> <ul role="menu" class="hs-menu-children-wrapper"> <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.jakala.com/about-us-who-we-are" role="menuitem" target="_self">Who we are</a></li> <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.jakala.com/group-and-countries" role="menuitem" target="_self">Group & Countries</a></li> <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.jakala.com/contact-us" role="menuitem" target="_self">Contact us</a></li> </ul></li> </ul> </div></span></div> </div> <div class="max-lg:hidden text-f-d-xs font-normal [&_.hs-menu-depth-1>*:first-child]:block [&_.hs-menu-depth-1>*:first-child]:mb-7 [&_.hs-menu-depth-1>*:first-child]:font-semibold [&_ul]:space-y-7 [&_.hs-menu-depth-1>*:first-child]:!pointer-events-none"> <div id="hs_cos_wrapper_footer_menu_2" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_footer_menu_2_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><div id="hs_menu_wrapper_footer_menu_2_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-vertical" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu"> <ul role="menu"> <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><span>Sustainability</span> <ul role="menu" class="hs-menu-children-wrapper"> <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.jakala.com/sustainability-sustainable-growth" role="menuitem" target="_self">Sustainable growth</a></li> <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://ewhistlejakala.azurewebsites.net" role="menuitem" target="_self">JWhistle</a></li> </ul></li> </ul> </div></span></div> </div> <div class="max-lg:hidden text-f-d-xs font-normal [&_.hs-menu-depth-1>*:first-child]:block [&_.hs-menu-depth-1>*:first-child]:mb-7 [&_.hs-menu-depth-1>*:first-child]:font-semibold [&_ul]:space-y-7 [&_.hs-menu-depth-1>*:first-child]:!pointer-events-none"> <div id="hs_cos_wrapper_footer_menu_3" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_footer_menu_3_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><div id="hs_menu_wrapper_footer_menu_3_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-vertical" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu"> <ul role="menu"> <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><span>Work with us</span> <ul role="menu" class="hs-menu-children-wrapper"> <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.jakala.com/work-with-us-join" role="menuitem" target="_self">Join JAKALA</a></li> <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.jakala.com/work-with-us-live" role="menuitem" target="_self">Live JAKALA</a></li> </ul></li> </ul> </div></span></div> </div> <div class="max-lg:hidden text-f-d-xs font-normal [&_.hs-menu-depth-1>*:first-child]:block [&_.hs-menu-depth-1>*:first-child]:mb-7 [&_.hs-menu-depth-1>*:first-child]:font-semibold [&_ul]:space-y-7 [&_.hs-menu-depth-1>*:first-child]:!pointer-events-none"> <div id="hs_cos_wrapper_footer_menu_4" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_footer_menu_4_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><ul></ul></span></div> </div> <div class="max-lg:hidden text-f-d-xs font-normal [&_.hs-menu-depth-1>*:first-child]:block [&_.hs-menu-depth-1>*:first-child]:mb-7 [&_.hs-menu-depth-1>*:first-child]:font-semibold [&_ul]:space-y-7 [&_.hs-menu-depth-1>*:first-child]:!pointer-events-none"> <div id="hs_cos_wrapper_footer_menu_5" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_footer_menu_5_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><ul></ul></span></div> </div> <div class="text-f-m-xs lg:text-f-d-xs [&>div]:justify-evenly w-full lg:w-auto"> <div class="flex justify-between space-x-8 flex-row lg:space-x-0 lg:space-y-9 lg:flex-col [&_svg]:invert [&_svg]:brightness-0 [&_svg]:lg:h-auto [&_svg]:lg:w-10"> <a class="flex items-center space-x-5" href="https://www.linkedin.com/company/jakala-spa/" target="_blank" rel="noopener"> <svg class="" width="24.5px" height="28px" viewbox="0 0 24.5 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="MB-/-Menu-02-04" transform="translate(-77.000000, -762.000000)"> <g id="social" transform="translate(32.000000, 740.000000)"> <g transform="translate(45.000000, 22.000000)" id="Icon-/-Social-/-linkedin"> <path d="M12.25,0.575913148 L24,7.29197937 L24,20.7116568 L12.25,27.424162 L0.5,20.7116568 L0.5,7.29197937 L12.25,0.575913148 Z" id="Fill-7" stroke="#1941FA"></path> <path d="M9.53289432,18.6767747 L7.54924068,18.6767747 L7.54924068,12.3373202 L9.53289432,12.3373202 L9.53289432,18.6767747 Z M8.54106193,11.473581 C7.9042067,11.473581 7.39002409,10.962581 7.39002409,10.332249 C7.39002409,9.7019502 7.9042067,9.19096126 8.54106193,9.19096126 C9.17533352,9.19096126 9.68949943,9.7019502 9.68949943,10.332249 C9.68949943,10.9599802 9.17533352,11.473581 8.54106193,11.473581 Z M16.9560045,18.6767747 L14.9749568,18.6767747 L14.9749568,15.5952253 C14.9749568,14.8611937 14.9618716,13.9143953 13.9439523,13.9143953 C12.9129477,13.9143953 12.7563705,14.7159368 12.7563705,15.5433755 L12.7563705,18.6767747 L10.7779119,18.6767747 L10.7779119,12.3373202 L12.6780818,12.3373202 L12.6780818,13.2037154 L12.7041409,13.2037154 C12.9677943,12.705664 13.6150955,12.1791146 14.5781682,12.1791146 C16.5853864,12.1791146 16.9560045,13.4916285 16.9560045,15.1984111 L16.9560045,18.6767747 Z" id="Shape" fill="#1941FA" fill-rule="nonzero"></path> </g> </g> </g> </g> </svg> <span class="font-medium">LinkedIn</span> </a> <a class="flex items-center space-x-5" href="https://www.instagram.com/wearejakala/" target="_blank" rel="noopener"> <svg class="" width="24.5px" height="28px" viewbox="0 0 24.5 28" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" role="presentation"> <g id="Mockup" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd"> <g id="MB-/-Menu-02-04" transform="translate(-210.000000, -762.000000)"> <g id="social" transform="translate(32.000000, 740.000000)"> <g transform="translate(45.000000, 22.000000)" id="insta"> <g transform="translate(133.000000, 0.000000)" id="Icon-/-Social-/-instagram"> <path d="M12.2538993,8.55569328 C14.0402591,8.55569328 14.2518215,8.56347905 14.9543558,8.59461107 C15.6072581,8.62314783 15.9598064,8.73211542 16.1948758,8.82291621 C16.5056463,8.94225375 16.7302434,9.08754387 16.9626947,9.31843874 C17.1977083,9.55193992 17.341368,9.77245929 17.4615207,10.0811897 C17.5529304,10.3146798 17.6625551,10.667513 17.6913539,11.3135217 C17.7226594,12.0139921 17.7305136,12.2241415 17.7305136,13.9961265 C17.7305136,15.7706957 17.7226594,15.9808063 17.6913539,16.6787036 C17.6625551,17.3272964 17.5529304,17.6775731 17.4615207,17.9110356 C17.341368,18.2197549 17.1950902,18.4428696 16.9626947,18.6737866 C16.7276253,18.907249 16.5056463,19.0499605 16.1948758,19.1693202 C15.9598064,19.2601265 15.60464,19.369083 14.9543558,19.3976364 C14.2492035,19.4287352 14.0376411,19.4365375 12.2538993,19.4365375 C10.4675784,19.4365375 10.2560327,19.4287352 9.55352627,19.3976364 C8.90060725,19.369083 8.5480478,19.2601265 8.31299517,19.1693202 C8.00221344,19.0499605 7.77761081,18.9047036 7.54517625,18.6737866 C7.31013476,18.4402688 7.1664918,18.2197549 7.04635577,17.9110356 C6.95495167,17.6775731 6.84526565,17.3246957 6.81653371,16.6787036 C6.78519485,15.9782055 6.77736291,15.7680949 6.77736291,13.9961265 C6.77736291,12.2215684 6.78519485,12.011419 6.81653371,11.3135217 C6.84526565,10.6649123 6.95495167,10.3146798 7.04635577,10.0811897 C7.1664918,9.77245929 7.3127417,9.54933913 7.54517625,9.31843874 C7.78022331,9.08494862 8.00221344,8.94225375 8.31299517,8.82291621 C8.5480478,8.73211542 8.90322532,8.62314783 9.55352627,8.59461107 C10.2560327,8.56347905 10.4675784,8.55569328 12.2538993,8.55569328 Z M12.2538993,7.35968379 C10.4388576,7.35968379 10.2116536,7.36746696 9.4986749,7.39859953 C8.78831429,7.42973194 8.29993823,7.54388506 7.87685241,7.70733091 C7.43549023,7.87856032 7.06203077,8.10426798 6.69117825,8.47526798 C6.3177188,8.84367273 6.0905059,9.21466719 5.91813879,9.65052648 C5.75360697,10.0734095 5.63869538,10.5559613 5.60735612,11.2616332 C5.5760167,11.9724791 5.56818182,12.1982111 5.56818182,14.0012727 C5.56818182,15.8043953 5.5760167,16.0301107 5.60735612,16.7383557 C5.63869538,17.4440553 5.75360697,17.9291858 5.91813879,18.3494625 C6.0905059,18.7879447 6.3177188,19.158917 6.69117825,19.5273439 C7.06203077,19.8957154 7.43549023,20.1240316 7.87424548,20.2926957 C8.29993823,20.4561028 8.78569622,20.5702609 9.49605683,20.601415 C10.2090355,20.6325138 10.4362395,20.6403162 12.2512812,20.6403162 C14.0663841,20.6403162 14.2935993,20.6325138 15.0066058,20.601415 C15.7169386,20.5702609 16.2052923,20.4561028 16.6283614,20.2926957 C17.067139,20.1240316 17.4406319,19.8957154 17.811451,19.5273439 C18.1822701,19.158917 18.412159,18.7879447 18.5818879,18.3520632 C18.7464365,17.9291858 18.8613531,17.4466561 18.8926585,16.7409565 C18.9240197,16.0327115 18.9318182,15.806996 18.9318182,14.0039289 C18.9318182,12.2008119 18.9240197,11.9750798 18.8926585,11.2668348 C18.8613531,10.5611628 18.7464365,10.0760047 18.5818879,9.65571146 C18.4173394,9.21466719 18.1901243,8.84367273 17.8166871,8.47526798 C17.4458123,8.10686324 17.0723751,7.87856032 16.6335976,7.70992395 C16.2079104,7.54647921 15.7221747,7.43232664 15.0117862,7.40119391 C14.2962173,7.36746696 14.0690022,7.35968379 12.2538993,7.35968379 Z M12.253955,10.5897328 C10.357909,10.5897328 8.81965872,12.11783 8.81965872,14.0013281 C8.81965872,15.8848538 10.357909,17.4129565 12.253955,17.4129565 C14.1499396,17.4129565 15.6881955,15.8848538 15.6881955,14.0013281 C15.6881955,12.11783 14.1499396,10.5897328 12.253955,10.5897328 Z M12.253955,16.2143241 C11.0238627,16.2143241 10.0262106,15.2232569 10.0262106,14.0013281 C10.0262106,12.7793881 11.0238627,11.7883209 12.253955,11.7883209 C13.4840026,11.7883209 14.4816547,12.7793881 14.4816547,14.0013281 C14.4816547,15.2232569 13.4840026,16.2143241 12.253955,16.2143241 Z M15.824001,11.2512522 C16.2653966,11.2512522 16.6257434,10.8958126 16.6257434,10.454785 C16.6257434,10.0163249 16.2653966,9.65830119 15.824001,9.65830119 C15.382661,9.65830119 15.0222585,10.0137352 15.0222585,10.454785 C15.0222585,10.8932395 15.380043,11.2512522 15.824001,11.2512522 Z" id="Shape" fill="#1941FA"></path> <path d="M12.25,0.575913148 L24,7.29197937 L24,20.7116568 L12.25,27.424162 L0.5,20.7116568 L0.5,7.29197937 L12.25,0.575913148 Z" id="forma" stroke="#1941FA"></path> </g> </g> </g> </g> </g> </svg> <span class="font-medium">Instagram</span> </a> </div> </div> </div> <div class="border-white/20 border-t lg:border-b lg:py-9 !mt-11 lg:!mt-13 !mb-9 text-f-m-xs lg:text-f-d-xs text-center lg:text-start font-normal [&_ul]:lg:flex [&_ul]:lg:space-x-11 [&_ul>li]:lg:border-b-0 [&_li]:lg:py-0 [&_li]:py-7 [&_ul>li]:border-white/20 [&_ul>li]:border-b lg:[&_ul>li:last-child]:hidden"> <div id="hs_cos_wrapper_footer_menu_middle" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_footer_menu_middle_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_simple_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="simple_menu"><div id="hs_menu_wrapper_footer_menu_middle_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-vertical" role="navigation" data-sitemap-name="" data-menu-id="" aria-label="Navigation Menu"> <ul role="menu"> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://26289830.fs1.hubspotusercontent-eu1.net/hubfs/26289830/Group_Code_of_Ethics.pdf" role="menuitem" target="_blank" rel="noopener">Group Code of Ethics</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.jakala.com/privacy-policy" role="menuitem" target="_blank" rel="noopener">Privacy Policy</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://26289830.fs1.hubspotusercontent-eu1.net/hubfs/26289830/documents/Cookie%20policy%20Jakala%2010.2023_eng.pdf" role="menuitem" target="_blank" rel="noopener">Cookie Policy</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.jakala.com/contact-us" role="menuitem" target="_self">Contact us</a></li> <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://ewhistlejakala.azurewebsites.net/index.aspx" role="menuitem" target="_blank" rel="noopener">JWhistle</a></li> </ul> </div></span></div> </div> <div class="text-f-m-2xs lg:text-f-d-xs flex flex-col items-center lg:items-start lg:flex-row lg:space-x-9 text-center lg:text-start"> <div class="mb-6">©</div> <div> <div id="hs_cos_wrapper_footer_bottom_text" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module widget-type-text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><span id="hs_cos_wrapper_footer_bottom_text_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_text" style="" data-hs-cos-general-type="widget" data-hs-cos-type="text">JAKALA S.P.A. S.B. | CORSO DI PORTA ROMANA 15 - 20122 | C.F. AND P.I. AND REGISTRATION NO. WITH THE COMPANIES REGISTER OF MILAN 08462130967 <br> Resolved, subscribed and paid-up share capital Euro 3,831,764.00.</span></div> </div> </div> </div> </footer></div> </div>  <script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"></script> <script> var hsVars = hsVars || {}; hsVars['language'] = 'en'; </script> <script src="/hs/hsstatic/cos-i18n/static-1.53/bundles/project.js"></script> <script defer src="https://www.jakala.com/hs-fs/hub/26289830/hub_generated/template_assets/69340800188/1684703226078/jakala/js/scripts/split-type.min.js"></script> <script defer src="https://www.jakala.com/hs-fs/hub/26289830/hub_generated/template_assets/69332807918/1684703226549/jakala/js/scripts/gsap.min.js"></script> <script defer src="https://www.jakala.com/hs-fs/hub/26289830/hub_generated/template_assets/69340800478/1684703219990/jakala/js/scripts/scroll-trigger.min.js"></script> <script defer src="https://www.jakala.com/hs-fs/hub/26289830/hub_generated/template_assets/69329355749/1697804107154/jakala/js/main.min.js"></script> <script defer src="https://www.jakala.com/hs-fs/hub/26289830/hub_generated/template_assets/69332807876/1696434353323/jakala/js/scripts/animations.min.js"></script> <script defer src="https://www.jakala.com/hs-fs/hub/26289830/hub_generated/template_assets/69340800191/1697804107154/jakala/js/scripts/menu.min.js"></script> <script defer> const swiper = new Swiper("#top-module-2", { pagination: { el: ".swiper-pagination", type: "bullets", clickable: true, verticalClass: "swiper-pagination-horizontal", }, slidesPerView: 1, direction: "horizontal", a11y: true, keyboard: true, breakpoints: { 1024: { direction: "vertical", }, }, }); swiper.on("slideChange", function (swiper) { const currentSlide = swiper.slides[swiper.activeIndex]; replayAnimations(currentSlide); }); function replayAnimations(slide) { const slideContent = slide.querySelector(".js-slide-home"); slideContent.timeline.delay(0.5).duration(1.5).restart(); } </script> <script defer src="https://www.jakala.com/hs-fs/hub/26289830/hub_generated/template_assets/73997234142/1689085234096/jakala/js/scripts/read-more.min.js"></script> <script defer src="https://www.jakala.com/hs-fs/hub/26289830/hub_generated/module_assets/71644893172/1727698522519/module_71644893172_solutions-cards-homepage.min.js"></script> <script> new Swiper("#main-dnd_partial-1-module-6null", { pagination: { el: ".swiper-pagination", type: "bullets", clickable: true, }, slidesPerView: 1, spaceBetween: 10, enabled: false, a11y: true, keyboard: true, breakpoints: { 1024: { enabled: true, slidesPerView: 1.2, }, }, }); </script>  <script type="text/javascript"> var _hsq = _hsq || []; _hsq.push(["setContentType", "standard-page"]); _hsq.push(["setCanonicalUrl", "https:\/\/www.jakala.com"]); _hsq.push(["setPageId", "71645539546"]); _hsq.push(["setContentMetadata", { "contentPageId": 71645539546, "legacyPageId": "71645539546", "contentFolderId": null, "contentGroupId": null, "abTestId": null, "languageVariantId": 71645539546, "languageCode": "en", }]); </script> <script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/26289830.js"></script>  <script type="text/javascript"> var hsVars = { render_id: "33d4c6fa-7f25-4233-a05f-d9b256f656d0", ticks: 1732707734200, page_id: 71645539546, content_group_id: 0, portal_id: 26289830, app_hs_base_url: "https://app-eu1.hubspot.com", cp_hs_base_url: "https://cp-eu1.hubspot.com", language: "en", analytics_page_type: "standard-page", scp_content_type: "", analytics_page_id: "71645539546", category_id: 1, folder_id: 0, is_hubspot_user: false } </script> <script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.354/js/index.js"></script> <script> (function () { var s = document.createElement("script"), e = !document.body ? document.querySelector("head") : document.body; s.src = "https://eu.acsbapp.com/apps/app/dist/js/app.js"; s.async = true; s.onload = function () { acsbJS.init({ statementLink: "", footerHtml: '<a href="https://www.accessiway.com/it/home/" target="_blank">AccessiWay. The Web Accessibility Solution</a>', hideMobile: false, hideTrigger: false, language: "en", position: "right", leadColor: "#0069fb", triggerColor: "#004fce", triggerRadius: "50%", triggerPositionX: "right", triggerPositionY: "bottom", triggerIcon: "people", triggerSize: "medium", triggerOffsetX: 20, triggerOffsetY: 20, mobile: { triggerSize: "medium", triggerPositionX: "right", triggerPositionY: "bottom", triggerOffsetX: 10, triggerOffsetY: 10, triggerRadius: "50%", }, }); }; e.appendChild(s); })(); </script> </body></html>

CINXE.COM

JAKALA – Data, AI, and Experiences Company