1<!doctype html><html lang="en"><head> 2 <meta name="viewport" content="viewport-fit=cover"> 3 <meta charset="utf-8"> 4 5 <title>About E&A Scheer | Premium Bulk Rum Supplier </title> 6 7 <link rel="shortcut icon" href="https://www.rum.nl/hubfs/Logo.svg"> 8 9 <meta name="description" content="E&A is a leader in wholesale Rum. We create Rum blends for business clients worldwide, ensuring consistent quality and supply."> 10 <meta name="viewport" content="width=device-width, initial-scale=1"> 11 12 13 <meta property="og:description" content="E&A is a leader in wholesale Rum. We create Rum blends for business clients worldwide, ensuring consistent quality and supply."> 14 <meta property="og:title" content="About E&A Scheer | Premium Bulk Rum Supplier "> 15 <meta name="twitter:description" content="E&A is a leader in wholesale Rum. We create Rum blends for business clients worldwide, ensuring consistent quality and supply."> 16 <meta name="twitter:title" content="About E&A Scheer | Premium Bulk Rum Supplier "> 17 18 19 20 21 <style> 22a.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} 23</style> 24 25<link rel="stylesheet" href="https://www.rum.nl/hubfs/hub_generated/template_assets/1/53107158984/1789027500798/template_main.min.css"> 26<link rel="stylesheet" href=""> 27 28 <style> 29 /* Menu desktop - start */ 30 #widget_1677004852007__menu-desktop { 31 font-weight: bold; 32 } 33 #widget_1677004852007__menu-desktop ul { 34 display: flex; 35 justify-content: space-between; 36 align-items: center; 37 } 38 #widget_1677004852007__menu-desktop ul li { 39 transition: all 0.2s ease-in-out; 40 flex: 1; 41 display: flex; 42 justify-content: center; 43 } 44 #widget_1677004852007__menu-desktop ul span { 45 flex: 1; 46 display: flex; 47 justify-content: center; 48 } 49 #widget_1677004852007__menu-desktop ul li.hs-item-has-children > ul { 50 display: none; 51 top: 24px; 52 left: -16px; 53 row-gap: 18px; 54 background-color: white; 55 padding: 52px 64px 46px 64px; 56 box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.02); 57 border-radius: 0px 0px 12px 12px 58 } 59 @media screen and (min-width: 1408px) { 60 #widget_1677004852007__menu-desktop ul li.hs-item-has-children > ul { 61 left: 2px; 62 } 63 } 64 @media screen and (min-width: 1584px) { 65 #widget_1677004852007__menu-desktop ul li.hs-item-has-children > ul { 66 left: 14px; 67 } 68 } 69 #widget_1677004852007__menu-desktop ul li.hs-item-has-children:hover > ul, 70 #widget_1677004852007__menu-desktop ul li.hs-item-has-children > ul:hover { 71 display: flex; 72 } 73 /* #widget_1677004852007__menu-desktop ul li.hs-item-has-children ul > span { 74 display: none; 75 } */ 76 #widget_1677004852007__menu-desktop ul li.hs-menu-depth-1:hover { 77 color: var(--bobby-brown); 78 } 79 #widget_1677004852007__menu-desktop ul li.hs-menu-depth-2 { 80 color: black; 81 } 82 #widget_1677004852007__menu-desktop ul li.hs-menu-depth-2:hover { 83 color: var(--bobby-brown); 84 } 85 /* Menu desktop - end */ 86 87 /* Menu mobile - start */ 88 #widget_1677004852007 #menu-mobile ul { 89 display: flex; 90 flex-direction: column; 91 align-items: start; 92 row-gap: 24px; 93 } 94 #widget_1677004852007 #menu-mobile ul li.hs-menu-depth-1 { 95 display: flex; 96 justify-content: space-between; 97 font-size: 32px; 98 line-height: 40px; 99 font-weight: bold; 100 user-select: none; 101 width: 100%; 102 cursor: pointer; 103 } 104 105 /* Menu mobile dropdown - start */ 106 #widget_1677004852007 #menu-mobile ul li.hs-item-has-children ul { 107 display: none !important; 108 } 109 #widget_1677004852007 #menu-mobile li.hs-menu-depth-2 { 110 font-weight: 700; 111 font-size: 24px; 112 line-height: 32px; 113 letter-spacing: -1px; 114 color: var(--barrel-brown); 115 width: fit-content; 116 margin-bottom: 24px; 117 transition: all 0.2s ease-in-out; 118 } 119 #widget_1677004852007 #menu-mobile li.hs-menu-depth-2:hover { 120 color: var(--bobby-brown); 121 } 122 /* Menu mobile dropdown - end */ 123 /* Menu mobile - end */ 124 </style> 125 126 127 <style> 128 #widget_1677004603606 .custom-gradient { 129 background: rgb(39,21,0); 130 background: linear-gradient(0deg, rgba(39,21,0,1) 0%, rgba(39,21,0,0.5) 35%, rgba(39,21,0,0) 100%); 131 } 132 133 /* Section 2 and 3 - start */ 134 /* Three images - start */ 135 @media screen and (max-height: 800px) { 136 .widget_1677004603606__three-images { 137 transform: scale(0.8); 138 } 139 } 140 141 /* Mobile images left - start */ 142 @media screen and (max-width: 549px) { 143 section:not(widget_1677004603606-1) .widget_1677004603606__mobile-images__left { 144 width: 50%; 145 } 146 } 147 /* Mobile images left - end */ 148 149 /* Mobile images right - start */ 150 @media screen and (max-width: 1199px) { 151 .widget_1677004603606__mobile-images__right { 152 transform: translateY(0); 153 width: 50%; 154 margin-left: 16px; 155 } 156 } 157 /* Mobile images right - end */ 158 /* Three images - end */ 159 /* Section 2 and 3 - end */ 160 161 /* Slicker slider - start */ 162 /* Slick list - start */ 163 /* Slick track - start */ 164 #widget_1677004603606 .slick-track { 165 display: flex; 166 align-items: center; 167 height: 100%; 168 } 169 170 /* Slick slide - start */ 171 #widget_1677004603606 .slick-slide { 172 height: 100vh; 173 min-height: 100vh; 174 } 175 /* Slick slide - end */ 176 177 /* Slick dots - start */ 178 #widget_1677004603606 .slick-dots { 179 display: flex; 180 justify-content: center; 181 column-gap: 16px; 182 183 position: absolute; 184 bottom: 30px; 185 186 width: 100%; 187 } 188 189 #widget_1677004603606 .slick-dots button { 190 color: transparent; 191 transition: all 0.2s ease-in-out; 192 background-color: lightgray; 193 border-radius: 100px;
194 width: 20px; 195 height: 20px; 196 } 197 #widget_1677004603606 .slick-dots button:hover { 198 filter: brightness(0.9); 199 } 200 201 #widget_1677004603606 .slick-dots button[aria-selected="true"] { 202 /* background-color: var(--light-green); */ 203 /* background-color: var(--light-green); */ 204 background-color: var(--bobby-brown); 205 } 206 /* Slick dots - end */ 207 208 /* Arrows - start */ 209 #widget_1677004603606 .slick-arrow { 210 position: absolute; 211 top: 50%; 212 transform: translateY(-50%); 213 z-index: 1; 214 background-color: var(--bobby-brown); 215 border-radius: 100px; 216 padding: 10px; 217 cursor: pointer; 218 transition: all 0.2s ease-in-out; 219 } 220 #widget_1677004603606 .slick-arrow:hover { 221 filter: brightness(0.9); 222 } 223 @media screen and (min-width: 768px) { 224 #widget_1677004603606 .slick-arrow { 225 padding: 16px; 226 } 227 } 228 @media screen and (min-width: 1200px) { 229 #widget_1677004603606 .slick-arrow { 230 padding: 24px; 231 } 232 } 233 234 /* Previous arrow - start */ 235 #widget_1677004603606 .slick-arrow.slick-prev { 236 left: 50px; 237 } 238 239 #widget_1677004603606 .slick-arrow.slick-prev svg { 240 transform: scale(1); 241 } 242 @media screen and (min-width: 768px) { 243 #widget_1677004603606 .slick-arrow.slick-prev svg { 244 transform: scale(1.3); 245 } 246 } 247 @media screen and (min-width: 1200px) { 248 #widget_1677004603606 .slick-arrow.slick-prev svg { 249 transform: scale(1.8); 250 } 251 } 252 /* Previous arrow - end */ 253 254 /* Next arrow - start */ 255 #widget_1677004603606 .slick-arrow.slick-next { 256 right: 50px; 257 } 258 @media screen and (min-width: 1200px) { 259 #widget_1677004603606 .slick-arrow.slick-next { 260 } 261 } 262 263 #widget_1677004603606 .slick-arrow.slick-next svg { 264 transform: scale(1) rotate(180deg); 265 } 266 @media screen and (min-width: 768px) { 267 #widget_1677004603606 .slick-arrow.slick-next svg { 268 transform: scale(1.3) rotate(180deg); 269 } 270 } 271 @media screen and (min-width: 1200px) { 272 #widget_1677004603606 .slick-arrow.slick-next svg { 273 transform: scale(1.8) rotate(180deg); 274 } 275 } 276 /* Next arrow - end */ 277 /* Arrows - end */ 278 /* Slick track - end */ 279 /* Slick list - end */ 280 /* Slicker slider - end */ 281 </style> 282 283 284<style> 285 #module_17545605125533 .custom-gradient { 286 background: rgb(39,21,0); 287 background: linear-gradient(0deg, rgba(39,21,0,1) 0%, rgba(39,21,0,0.5) 35%, rgba(39,21,0,0) 100%); 288 } 289 290 #module_17545605125533-1 .hs-video-container{ 291 display: flex; 292 align-items: center; 293 } 294 295 #module_17545605125533-1 .hs-video-wrapper{ 296 padding-bottom: 0 !important; 297 } 298 299 .module_17545605125533__popup-button:after { 300 content:""; 301 display:block; 302 width: 100%; 303 height: 100%; 304 border-radius: 50%; 305 border: 3px solid var(--light-green); 306 position:absolute; 307 animation: pulse 2s ease 0s infinite; 308 z-index: 100; 309 } 310 311 @keyframes pulse { 312 0% { 313 opacity: 1; 314 transform: scale(1); 315 } 316 80% { 317 opacity: 0; 318 transform: scale(1.3); 319 } 320 100% { 321 opacity: 0; 322 transform: scale(1.6); 323 } 324 } 325</style> 326 327 328<style> 329 #widget_1744889729903 .custom-gradient { 330 background: rgb(39,21,0); 331 background: linear-gradient(0deg, rgba(39,21,0,1) 0%, rgba(39,21,0,0.5) 35%, rgba(39,21,0,0) 100%); 332 } 333 334 #widget_1744889729903-1 .hs-video-container{ 335 display: flex; 336 align-items: center; 337 } 338 339 #widget_1744889729903-1 .hs-video-wrapper{ 340 padding-bottom: 0 !important; 341 } 342 343 .widget_1744889729903__popup-button:after { 344 content:""; 345 display:block; 346 width: 100%; 347 height: 100%; 348 border-radius: 50%; 349 border: 3px solid var(--light-green); 350 position:absolute; 351 animation: pulse 2s ease 0s infinite; 352 z-index: 100; 353 } 354 355 @keyframes pulse { 356 0% { 357 opacity: 1; 358 transform: scale(1); 359 } 360 80% { 361 opacity: 0; 362 transform: scale(1.3); 363 } 364 100% { 365 opacity: 0; 366 transform: scale(1.6); 367 } 368 } 369</style> 370 371 372 <style> 373 #Homepage_default-module-8__main-links ul { 374 flex-direction: column; 375 row-gap: 12px; 376 color: var(--bear-brown); 377 font-size: 16px; 378 line-height: 24px; 379 font-weight: bold; 380 } 381 @media screen and (min-width: 768px) { 382 #Homepage_default-module-8__main-links ul { 383 row-gap: 24px; 384 } 385 } 386 387 .extra-padding-bottom { 388 padding-bottom: 120px; 389 } 390 @media screen and (min-width: 1200px) { 391 .extra-padding-bottom { 392 padding-bottom: 140px; 393 } 394 } 395 </style> 396 397 398 399 400 <link rel="canonical" href="https://www.rum.nl/en/about-us/eascheer"> 401 402 403<meta property="og:url" content="https://www.rum.nl/en/about-us/eascheer"> 404<meta name="twitter:card" content="summary"> 405<meta http-equiv="content-language" content="en"> 406 407 408 409 410 411 412 413 <!-- ? Font La Belle Aurore -->
414 <link rel="preconnect" href="https://fonts.googleapis.com"> 415 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 416 <link href="https://fonts.googleapis.com/css2?family=La+Belle+Aurore&display=swap" rel="stylesheet"> 417 418 <!-- ? GSAP --> 419
419<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.1/gsap.min.js"></script>
419 420 421 <!-- ? GSAP ScrollTrigger --> 422
422<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.1/ScrollTrigger.min.js"></script>
422 423 424 <!-- ? Custom GSAP functions --> 425
425<script src="https://www.rum.nl/hubfs/hub_generated/template_assets/1/53696830676/1789027507044/template_custom-gsap.min.js"></script>
425 426 427 <!-- ? jQuery --> 428
428<script src="https://code.jquery.com/jquery-3.6.3.min.js" integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU=" crossorigin="anonymous"></script>
428 429 430 <!-- ? Slick slider --> 431
431<script src="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.js" integrity="sha512-XtmMtDEcNz2j7ekrtHvOVR4iwwaD6o/FUJe6+Zq+HgcCsk3kj4uSQQR8weQ2QVj1o0Pk6PwYLohm206ZzNfubg==" crossorigin="anonymous" referrerpolicy="no-referrer"></script>
431 432 <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/slick-carousel/1.8.1/slick.min.css" integrity="sha512-yHknP1/AwR+yx26cB1y0cjvQUMvEa2PFzt1c9LlS4pRQ5NOTZFWbhBig+X9G9eYW/8m0/4OXNx8pxJ6z57x0dw==" crossorigin="anonymous" referrerpolicy="no-referrer"> 433 434 <!-- ? Google Tag Manager --> 435
435<script>
vendor: 455 bytes, lines 435-445
435 436 (function (w, d, s, l, i) { 437 w[l] = w[l] || []; 438 w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); 439 var f = d.getElementsByTagName(s)[0], 440 j = d.createElement(s), 441 dl = l != 'dataLayer' ? '&l=' + l : ''; 442 j.async = true; 443 j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 444 f.parentNode.insertBefore(j, f); 445 })(window, document, 'script', 'dataLayer', '
445GTM-WMZF6RH
vendor: 8 bytes, lines 445-446
445'); 446
446</script>
446 447 <!-- ? End Google Tag Manager --> 448 <meta name="generator" content="HubSpot"></head> 449 450 <body> 451 <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 451-452
451 452 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
452GTM-WMZF6RH
vendor: 90 bytes, lines 452-453
452" height="0" width="0" style="display: none; visibility: hidden"></iframe></noscript> 453
453<!-- End Google Tag Manager (noscript) --> 454 <div class="body-wrapper hs-content-id-62288060091 hs-site-page page "> 455 456 457 <main id="main-content" class="body-container-wrapper"> 458 459 <div class="container-fluid"> 460<div class="row-fluid-wrapper"> 461<div class="row-fluid"> 462<div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12"> 463 464<div class="row-fluid-wrapper row-depth-1 row-number-1 dnd-section"> 465<div class="row-fluid "> 466</div><!--end row--> 467</div><!--end row-wrapper --> 468 469<div class="row-fluid-wrapper row-depth-1 row-number-2 dnd-section"> 470<div class="row-fluid "> 471<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 472<div id="hs_cos_wrapper_widget_1677004852007" 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"> 473 474 475 476 477 478<section id="widget_1677004852007" class="navigation sticky__nav left-0 right-0"> 479 <div class="container"> 480 <nav> 481 <div class="flex justify-between items-center relative z-[50] bg-white rounded-b-xl px-3.5 py-1.5 482 md:justify-center md:min-h-[88px] drop-shadow-[0_4px_40px_rgba(0,0,0,0.05)] 483 "> 484 <!-- ? Logo mobile --> 485 <div class="md:hidden"> 486 487 488 <span id="hs_cos_wrapper_widget_1677004852007_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="logo"><a href="https://www.rum.nl/en/home/eascheer?hsLang=en" id="hs-link-widget_1677004852007_" style="border-width:0px;border:0px;"><img src="https://www.rum.nl/hubfs/Logo-1.svg" class="hs-image-widget " height="96" style="height: auto;width:48px;border-width:0px;border:0px;" width="48" alt="E&A Scheer - Making Rum sourcing easy" title="E&A Scheer - Making Rum sourcing easy" loading=""></a></span> 489 490 </div> 491 492 <!-- ? Menu desktop --> 493 <div id="widget_1677004852007__menu-desktop" class="hidden md:block md:visible md:w-[90%]"> 494 <span id="hs_cos_wrapper_widget_1677004852007_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="menu"><div id="hs_menu_wrapper_widget_1677004852007_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="default" data-menu-id="53696476151" aria-label="Navigation Menu"> 495 <ul role="menu" class="active-branch"> 496 <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem">Our offerings</a> 497 <ul role="menu" class="hs-menu-children-wrapper"> 498 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/collection/rum" role="menuitem">Rum</a></li> 499 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/collection/batavia-arrack" role="menuitem">Batavia Arrack</a></li> 500 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/collection/cachaça" role="menuitem">Cachaça</a></li> 501 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/collection/single-cask-rum" role="menuitem">Single-cask Rum</a></li> 502 </ul></li> 503 <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children active-branch" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem">About us</a> 504 <ul role="menu" class="hs-menu-children-wrapper active-branch"> 505 <li class="hs-menu-item hs-menu-depth-2 active active-branch" role="none"><a href="https://www.rum.nl/en/about-us/eascheer" role="menuitem">Our story</a></li> 506 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/about-us/industries" role="menuitem">Industries</a></li> 507 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/about-us/logistics" role="menuitem">Logistics</a></li> 508 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/about-us/values" role="menuitem">Our values</a></li> 509 </ul></li> 510 <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem">Contact</a> 511 <ul role="menu" class="hs-menu-children-wrapper"> 512 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/request/contact/eascheer" role="menuitem">Contact us</a></li> 513 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/sell-your-rum" role="menuitem">Supply your bulk Rum</a></li> 514 </ul></li> 515 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/request/contact/eascheer" role="menuitem">Request a quote</a></li> 516 </ul> 517</div></span> 518 </div> 519 520 <!-- ? Hamburger button --> 521 <div id="widget_1677004852007__hamburger" class="bg-paper-beige rounded-full flex justify-center items-center cursor-pointer w-5 h-5 522 md:hidden 523 "> 524 <!-- ? Hamburger svg --> 525 <svg width="20" height="14" viewbox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg" id="widget_1677004852007__hamburger__hamburger-svg" class=""> 526 <path d="M1 7H19M1 1H19M1 13H19" stroke="#271500" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> 527 </svg> 528 529 <!-- ? X svg --> 530 <svg width="19" height="18" viewbox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg" id="widget_1677004852007__hamburger__x-svg" class="hidden"> 531 <line x1="1.41421" y1="1" x2="16.2635" y2="15.8492" stroke="#271500" stroke-width="2" stroke-linecap="round" /> 532 <line x1="2" y1="15.8492" x2="16.8492" y2="1" stroke="#271500" stroke-width="2" stroke-linecap="round" /> 533 </svg> 534 </div> 535 </div> 536 537 <!-- ? Navigation mobile --> 538 <div id="menu-mobile" class="hidden absolute z-[49] inset-0 h-screen bg-white px-2 py-14 md:hidden"> 539 <div class="menu-mobile__main-menu flex flex-col gap-y-6">
540 <span id="hs_cos_wrapper_widget_1677004852007_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_menu" style="" data-hs-cos-general-type="widget" data-hs-cos-type="menu"><div id="hs_menu_wrapper_widget_1677004852007_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="default" data-menu-id="53696476151" aria-label="Navigation Menu"> 541 <ul role="menu" class="active-branch"> 542 <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem">Our offerings</a> 543 <ul role="menu" class="hs-menu-children-wrapper"> 544 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/collection/rum" role="menuitem">Rum</a></li> 545 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/collection/batavia-arrack" role="menuitem">Batavia Arrack</a></li> 546 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/collection/cachaça" role="menuitem">Cachaça</a></li> 547 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/collection/single-cask-rum" role="menuitem">Single-cask Rum</a></li> 548 </ul></li> 549 <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children active-branch" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem">About us</a> 550 <ul role="menu" class="hs-menu-children-wrapper active-branch"> 551 <li class="hs-menu-item hs-menu-depth-2 active active-branch" role="none"><a href="https://www.rum.nl/en/about-us/eascheer" role="menuitem">Our story</a></li> 552 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/about-us/industries" role="menuitem">Industries</a></li> 553 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/about-us/logistics" role="menuitem">Logistics</a></li> 554 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/about-us/values" role="menuitem">Our values</a></li> 555 </ul></li> 556 <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem">Contact</a> 557 <ul role="menu" class="hs-menu-children-wrapper"> 558 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/request/contact/eascheer" role="menuitem">Contact us</a></li> 559 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/sell-your-rum" role="menuitem">Supply your bulk Rum</a></li> 560 </ul></li> 561 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/request/contact/eascheer" role="menuitem">Request a quote</a></li> 562 </ul> 563</div></span> 564 565 566 </div> 567 568 <!-- ? Sub menu --> 569 <div class="menu-mobile__sub-menu" style="display:none;"> 570 <svg width="40" height="40" viewbox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="menu-mobile__sub-menu__arrow-svg cursor-pointer mb-5"> 571 <rect x="40" y="40" width="40" height="40" rx="20" transform="rotate(-180 40 40)" fill="#FDF3E8" /> 572 <path d="M25.8926 19.9981L14.1074 19.9981M14.1074 19.9981L20 25.8906M14.1074 19.9981L20 14.1055" stroke="#271500" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> 573 </svg> 574 </div> 575 </div> 576 </nav> 577 </div> 578</section> 579 580 581 582 583 584</div> 585 586</div><!--end widget-span --> 587</div><!--end row--> 588</div><!--end row-wrapper --> 589 590<div class="row-fluid-wrapper row-depth-1 row-number-3 dnd-section"> 591<div class="row-fluid "> 592<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 593 594<div class="row-fluid-wrapper row-depth-1 row-number-4 dnd-row"> 595<div class="row-fluid "> 596<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 597<div id="hs_cos_wrapper_widget_1677004716943" 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"> 598 599 600 601<section id="widget_1677004716943" class="relative overflow-hidden pt-[136px] pb-2 md:pt-[268px] md:pb-[122px]"> 602 <!-- ? BG image --> 603 604 <div class="hero__bg-image absolute inset-0"> 605 <img src="https://www.rum.nl/hs-fs/hubfs/raw_assets/public/rum/assets/images/about-us/about-us-hero-bg-6.png?width=1413&height=1280&name=about-us-hero-bg-6.png" alt="World map" class="object-cover w-full h-full" width="1413" height="1280" srcset="https://www.rum.nl/hs-fs/hubfs/raw_assets/public/rum/assets/images/about-us/about-us-hero-bg-6.png?width=707&height=640&name=about-us-hero-bg-6.png 707w, https://www.rum.nl/hs-fs/hubfs/raw_assets/public/rum/assets/images/about-us/about-us-hero-bg-6.png?width=1413&height=1280&name=about-us-hero-bg-6.png 1413w, https://www.rum.nl/hs-fs/hubfs/raw_assets/public/rum/assets/images/about-us/about-us-hero-bg-6.png?width=2120&height=1920&name=about-us-hero-bg-6.png 2120w, https://www.rum.nl/hs-fs/hubfs/raw_assets/public/rum/assets/images/about-us/about-us-hero-bg-6.png?width=2826&height=2560&name=about-us-hero-bg-6.png 2826w, https://www.rum.nl/hs-fs/hubfs/raw_assets/public/rum/assets/images/about-us/about-us-hero-bg-6.png?width=3533&height=3200&name=about-us-hero-bg-6.png 3533w, https://www.rum.nl/hs-fs/hubfs/raw_assets/public/rum/assets/images/about-us/about-us-hero-bg-6.png?width=4239&height=3840&name=about-us-hero-bg-6.png 4239w" sizes="(max-width: 1413px) 100vw, 1413px"> 606 </div> 607 608 609 <div class="container default-grid--md"> 610 <div class="md:col-start-2 md:col-span-10"> 611 <!-- ? Subtitle --> 612 613 <div class="hero__subtitle text-center font-bold mb-4 md:text-xl md:leading-[48px] md:mb-2 font-trebuchet"> 614 Rum suppliers to the world 615 </div> 616 617 618 <!-- ? Title --> 619 620 <h1 class="hero__title text-center text-[40px] leading-10 mb-12 md:text-[96px] md:leading-[96px] md:mb-[143px] font-trebuchet">
621 <span data-contrast="auto" xml:lang="EN-GB" lang="EN-GB"><span>The experts behind many </span><span>Rum</span><span> brands</span></span><span data-ccp-props="{"201341983":0,"335559739":160,"335559740":257}"> </span> 622 </h1> 623 624 625 <!-- ? Image --> 626 627 <div class="hero__image w-full h-[230px] md:h-[491px]"> 628 <img src="https://www.rum.nl/hs-fs/hubfs/1948zaandamcoastereaschbd4.jpg?width=1024&height=658&name=1948zaandamcoastereaschbd4.jpg" alt="1948zaandamcoastereaschbd4" loading="lazy" class="object-cover w-full h-full" width="1024" height="658" srcset="https://www.rum.nl/hs-fs/hubfs/1948zaandamcoastereaschbd4.jpg?width=512&height=329&name=1948zaandamcoastereaschbd4.jpg 512w, https://www.rum.nl/hs-fs/hubfs/1948zaandamcoastereaschbd4.jpg?width=1024&height=658&name=1948zaandamcoastereaschbd4.jpg 1024w, https://www.rum.nl/hs-fs/hubfs/1948zaandamcoastereaschbd4.jpg?width=1536&height=987&name=1948zaandamcoastereaschbd4.jpg 1536w, https://www.rum.nl/hs-fs/hubfs/1948zaandamcoastereaschbd4.jpg?width=2048&height=1316&name=1948zaandamcoastereaschbd4.jpg 2048w, https://www.rum.nl/hs-fs/hubfs/1948zaandamcoastereaschbd4.jpg?width=2560&height=1645&name=1948zaandamcoastereaschbd4.jpg 2560w, https://www.rum.nl/hs-fs/hubfs/1948zaandamcoastereaschbd4.jpg?width=3072&height=1974&name=1948zaandamcoastereaschbd4.jpg 3072w" sizes="(max-width: 1024px) 100vw, 1024px"> 629 </div> 630 631 </div> 632 </div> 633</section> 634 635 636 637</div> 638 639</div><!--end widget-span --> 640</div><!--end row--> 641</div><!--end row-wrapper --> 642 643</div><!--end widget-span --> 644</div><!--end row--> 645</div><!--end row-wrapper --> 646 647<div class="row-fluid-wrapper row-depth-1 row-number-5 dnd-section"> 648<div class="row-fluid "> 649<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 650 651<div class="row-fluid-wrapper row-depth-1 row-number-6 dnd-row"> 652<div class="row-fluid "> 653<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 654<div id="hs_cos_wrapper_widget_1677004603606" 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"> 655 656 657 658 659 660 661 662 663 664 665 666 667 668 669 670 671 672 673 674 675 676 677 678 679 680 681 682 683 684 685 686 687 688 689 690 691 692 693 694 695 696 697<div id="widget_1677004603606" class="slick-slider md:flex md:flex-nowrap md:h-full md:min-h-[100vh]"> 698 <!-- ? First slide --> 699 <section id="widget_1677004603606-1" class="overflow-hidden relative z-10 pt-6 md:pb-5 700 md:flex md:flex-col md:w-[100vw] md:h-full md:min-h-[100vh] md:pt-[160px] 701 702 "> 703 <!-- ? Desktop images --> 704 <div id="widget_1677004603606__first-slide__images" class="hidden absolute z-10 right-0 py-6 md:visible 705 top-1/2 -translate-y-1/2 w-[45%] md:flex md:justify-end 706 "> 707 708 709 <img src="https://www.rum.nl/hubfs/Trends%20in%20the%20RumDrinks%20Market.jpg" alt="" class="object-cover w-full max-h-[500px]"> 710 711 712 </div> 713 714 <!-- ? VOC image --> 715 <div class="relative w-[91px] h-[72px] mx-auto mb-4 md:hidden"> 716 <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/voc.png" alt="VOC ship" class="w-full h-full object-contain"> 717 </div> 718 719 <!-- ? Subtitle --> 720 <div class="mb-4"> 721 722 723 <div class="container text-rum-brown text-center relative flex justify-center 724 md:absolute md:top-10 md:left-0 md:right-0 md:justify-start md:gap-x-5 725 "> 726 <div class="relative z-10 flex flex-col justify-end gap-y-2 bg-white md:gap-y-3 md:px-8"> 727 <!-- ? Roman numeric --> 728 <div class="flex justify-center gap-x-[2px]"> 729 730 731 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 732 <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#944A2D" /> 733 </svg> 734 735 736 </div> 737 738 <!-- ? Subtitle text --> 739 <div class="flex text-xl leading-6 w-full">
740 <span class="font-aurore whitespace-nowrap"> 741 The start 742 </span> 743 </div> 744 </div> 745 746 <!-- ? Horizontal dashed line --> 747 <div class="dotted-line-horizintal hidden absolute left-0 right-0 bottom-2 748 md:block md:visible 749 "></div> 750 751 <!-- ? VOC image --> 752 <div class="hidden relative left-[15%] w-[91px] h-[72px] md:block md:visible"> 753 <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/voc.png" alt="VOC ship" class="w-full h-full object-contain"> 754 </div> 755 </div> 756 757 758 </div> 759 760 <!-- ? Textual content --> 761 <div class="textual-content relative container default-grid--md md:top-[50%] md:-translate-y-1/2"> 762 <div class="relative flex flex-col gap-y-3 763 md:col-span-8 md:grid md:grid-cols-8 md:gap-x-4 md:gap-y-6 md:h-fit 764 "> 765 <!-- ? Title --> 766 767 <h2 id="widget_1677004603606__first-slide__title" class="text-barrel-brown font-trebuchet leading-8 font-bold relative text-center md:text-start 768 md:col-span-6 769 md:flex md:items-end md:text-[56px] md:leading-[56px] 770 "> 771 Three centuries of Rum heritage 772 </h2> 773 774 775 <!-- ? Rich text --> 776 777 778 <div id="widget_1677004603606__first-slide__title" class="text-bear-brown text-sm text-center md:text-start leading-[22px] 779 md:col-start-2 md:col-span-5 780 md:text-base md:leading-8 md:mb-5"> 781 <span> 782 <p>In the 18th Century, E&A Scheer is established by brothers Evert and Anthonie Scheer. The company is formally known as a Comptoir de negotie: a counting house of negotiation selling wines and spirits to customers around the world. Batavia Arrack is the first Rum type to be included in the portfolio.</p> 783 </span> 784 </div> 785 786 787 </div> 788 789 <!-- ? Mobile images --> 790 <div id="widget_1677004603606__mobile-images" class="relative max-h-[500px] md:hidden 791 flex h-[300px] pt-4 792 "> 793 794 795 <div class="flex justify-center w-full max-h-[500px] md:col-span-6 md:justify-end md:h-auto md:pt-1 md:pl-4"> 796 <!-- ? Mobile - Single image --> 797 <img src="https://www.rum.nl/hubfs/Trends%20in%20the%20RumDrinks%20Market.jpg" alt="" class="object-cover w-full max-h-[300px] md:w-auto md:max-h-full"> 798 </div> 799 800 801 </div> 802 </div> 803 </section> 804 805 806 807 808 <!-- ? Second slide --> 809 <section id="widget_1677004603606-2" class="overflow-hidden relative z-10 pt-6 md:pb-5 810 md:flex md:flex-col md:w-[100vw] md:h-full md:min-h-[100vh] md:pt-[160px] 811 812 "> 813 <!-- ? Desktop images --> 814 <div id="widget_1677004603606__second-slide__images" class="hidden absolute z-10 right-0 py-6 md:visible 815 top-1/2 -translate-y-1/2 w-[45%] md:flex md:justify-end 816 "> 817 818 819 <img src="https://www.rum.nl/hubfs/Smaller%20pictures/Entrance%20E%26A%20Scheer.jpg" alt="Entrance E&A Scheer" class="object-cover w-full max-h-[500px]"> 820 821 822 </div> 823 824 <!-- ? VOC image --> 825 <div class="relative w-[91px] h-[72px] mx-auto mb-4 md:hidden"> 826 <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/voc.png" alt="VOC ship" class="w-full h-full object-contain"> 827 </div> 828 829 <!-- ? Subtitle --> 830 <div class="mb-4"> 831 832 833 <div class="container text-rum-brown text-center relative flex justify-center 834 md:absolute md:top-10 md:left-0 md:right-0 md:justify-start md:gap-x-5 835 "> 836 <div class="relative z-10 flex flex-col justify-end gap-y-2 bg-white md:gap-y-3 md:px-8"> 837 <!-- ? Roman numeric --> 838 <div class="flex justify-center gap-x-[2px]"> 839 840 841 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 842 <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#944A2D" /> 843 </svg> 844 845 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 846 <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#944A2D" /> 847 </svg> 848 849 850 </div> 851 852 <!-- ? Subtitle text --> 853 <div class="flex text-xl leading-6 w-full">
854 <span class="font-aurore whitespace-nowrap"> 855 the 19th century 856 </span> 857 </div> 858 </div> 859 860 <!-- ? Horizontal dashed line --> 861 <div class="dotted-line-horizintal hidden absolute left-0 right-0 bottom-2 862 md:block md:visible 863 "></div> 864 865 <!-- ? VOC image --> 866 <div class="hidden relative left-[15%] w-[91px] h-[72px] md:block md:visible"> 867 <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/voc.png" alt="VOC ship" class="w-full h-full object-contain"> 868 </div> 869 </div> 870 871 872 </div> 873 874 <!-- ? Textual content --> 875 <div class="textual-content relative container default-grid--md md:top-[50%] md:-translate-y-1/2"> 876 <div class="relative flex flex-col gap-y-3 877 md:col-span-8 md:grid md:grid-cols-8 md:gap-x-4 md:gap-y-6 md:h-fit 878 "> 879 <!-- ? Title --> 880 881 <h2 id="widget_1677004603606__second-slide__title" class="text-barrel-brown font-trebuchet leading-8 font-bold relative text-center md:text-start 882 md:col-start-2 md:col-span-5 883 md:flex md:items-end md:text-[56px] md:leading-[56px] 884 "> 885 Supplying Rum around the world 886 </h2> 887 888 889 <!-- ? Rich text --> 890 891 892 <div id="widget_1677004603606__second-slide__title" class="text-bear-brown text-sm text-center md:text-start leading-[22px] 893 md:col-start-2 md:col-span-5 894 md:text-base md:leading-8 md:mb-5"> 895 <span> 896 <span data-contrast="auto" xml:lang="EN-GB" lang="EN-GB"><span>In the 19th century, E&A Scheer starts to </span><span>develop </span><span>bespoke blends from the Rums stored in the companyâs Amsterdam warehouse. Together with a large inventory, this guarantees a consistent product is always available at short notice. All Rums are shipped in bulk from bonded warehouses direct to customers for industrial use or bottling.</span></span><span data-ccp-props="{"201341983":0,"335559739":160,"335559740":257}"> </span> 897 </span> 898 </div> 899 900 901 </div> 902 903 <!-- ? Mobile images --> 904 <div id="widget_1677004603606__mobile-images" class="relative max-h-[500px] md:hidden 905 flex h-[300px] pt-4 906 "> 907 908 909 <div class="flex justify-center w-full max-h-[500px] md:col-span-6 md:justify-end md:h-auto md:pt-1 md:pl-4"> 910 <!-- ? Mobile - Single image --> 911 <img src="https://www.rum.nl/hubfs/Smaller%20pictures/Entrance%20E%26A%20Scheer.jpg" alt="Entrance E&A Scheer" class="object-cover w-full max-h-[300px] md:w-auto md:max-h-full"> 912 </div> 913 914 915 </div> 916 </div> 917 </section> 918 919 920 921 922 <!-- ? Third slide --> 923 <section id="widget_1677004603606-3" class="overflow-hidden relative z-10 pt-6 md:pb-5 924 md:flex md:flex-col md:w-[100vw] md:h-full md:min-h-[100vh] md:pt-[160px] 925 926 "> 927 <!-- ? Desktop images --> 928 <div id="widget_1677004603606__third-slide__images" class="hidden absolute z-10 right-0 py-6 md:visible 929 top-1/2 -translate-y-1/2 w-[45%] md:flex md:justify-end 930 "> 931 932 933 <img src="https://www.rum.nl/hubfs/MRC%20pics/Main%20Rum%20Bar%2026-1.jpg" alt="Main Rum Bar 26-1" class="object-cover w-full max-h-[500px]"> 934 935 936 </div> 937 938 <!-- ? VOC image --> 939 <div class="relative w-[91px] h-[72px] mx-auto mb-4 md:hidden"> 940 <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/voc.png" alt="VOC ship" class="w-full h-full object-contain"> 941 </div> 942 943 <!-- ? Subtitle --> 944 <div class="mb-4"> 945 946 947 <div class="container text-rum-brown text-center relative flex justify-center 948 md:absolute md:top-10 md:left-0 md:right-0 md:justify-start md:gap-x-5 949 "> 950 <div class="relative z-10 flex flex-col justify-end gap-y-2 bg-white md:gap-y-3 md:px-8"> 951 <!-- ? Roman numeric --> 952 <div class="flex justify-center gap-x-[2px]"> 953 954 955 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 956 <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#944A2D" /> 957 </svg> 958 959 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 960 <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#944A2D" /> 961 </svg> 962 963 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 964 <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#944A2D" /> 965 </svg> 966 967 968 </div> 969 970 <!-- ? Subtitle text --> 971 <div class="flex text-xl leading-6 w-full">
972 <span class="font-aurore whitespace-nowrap"> 973 Through the years 974 </span> 975 </div> 976 </div> 977 978 <!-- ? Horizontal dashed line --> 979 <div class="dotted-line-horizintal hidden absolute left-0 right-0 bottom-2 980 md:block md:visible 981 "></div> 982 983 <!-- ? VOC image --> 984 <div class="hidden relative left-[15%] w-[91px] h-[72px] md:block md:visible"> 985 <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/voc.png" alt="VOC ship" class="w-full h-full object-contain"> 986 </div> 987 </div> 988 989 990 </div> 991 992 <!-- ? Textual content --> 993 <div class="textual-content relative container default-grid--md md:top-[50%] md:-translate-y-1/2"> 994 <div class="relative flex flex-col gap-y-3 995 md:col-span-8 md:grid md:grid-cols-8 md:gap-x-4 md:gap-y-6 md:h-fit 996 "> 997 <!-- ? Title --> 998 999 <h2 id="widget_1677004603606__third-slide__title" class="text-barrel-brown font-trebuchet leading-8 font-bold relative text-center md:text-start 1000 md:col-start-2 md:col-span-5 1001 md:flex md:items-end md:text-[56px] md:leading-[56px] 1002 "> 1003 The one stop Rum shop 1004 </h2> 1005 1006 1007 <!-- ? Rich text --> 1008 1009 1010 <div id="widget_1677004603606__third-slide__title" class="text-bear-brown text-sm text-center md:text-start leading-[22px] 1011 md:col-start-2 md:col-span-5 1012 md:text-base md:leading-8 md:mb-5"> 1013 <span> 1014 <p><span data-contrast="auto" xml:lang="EN-GB" lang="EN-GB"><span>In 2001, the company </span><span>acquires</span><span> the shares of </span><span>Liverpool-based The Main Rum Company, specialists </span><span>in </span><span>exceedingly rare</span><span>, single barrel Rums. These casks are ideal for limited edition Rums at the very top end of the market. Together, E&A Scheer and The Main Rum Company now offer a single destination for any and every kind of Rum available.</span></span><span data-ccp-props="{"201341983":0,"335559739":160,"335559740":257}"> </span></p> 1015 </span> 1016 </div> 1017 1018 1019 </div> 1020 1021 <!-- ? Mobile images --> 1022 <div id="widget_1677004603606__mobile-images" class="relative max-h-[500px] md:hidden 1023 flex h-[300px] pt-4 1024 "> 1025 1026 1027 <div class="flex justify-center w-full max-h-[500px] md:col-span-6 md:justify-end md:h-auto md:pt-1 md:pl-4"> 1028 <!-- ? Mobile - Single image --> 1029 <img src="https://www.rum.nl/hubfs/MRC%20pics/Main%20Rum%20Bar%2026-1.jpg" alt="Main Rum Bar 26-1" class="object-cover w-full max-h-[300px] md:w-auto md:max-h-full"> 1030 </div> 1031 1032 1033 </div> 1034 </div> 1035 </section> 1036 1037 1038 1039 1040 <!-- ? Fourth slide --> 1041 <section id="widget_1677004603606-4" class="overflow-hidden relative z-10 pt-6 md:pb-5 1042 md:flex md:flex-col md:w-[100vw] md:h-full md:min-h-[100vh] md:pt-[160px] 1043 1044 "> 1045 <!-- ? Desktop images --> 1046 <div id="widget_1677004603606__fourth-slide__images" class="hidden absolute z-10 right-0 py-6 md:visible 1047 top-1/2 -translate-y-1/2 w-[45%] md:flex md:justify-end 1048 "> 1049 1050 1051 <img src="https://www.rum.nl/hubfs/Rum%20Room%2013.jpeg" alt="Rum Room 13" class="object-cover w-full max-h-[500px]"> 1052 1053 1054 </div> 1055 1056 <!-- ? VOC image --> 1057 <div class="relative w-[91px] h-[72px] mx-auto mb-4 md:hidden"> 1058 <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/voc.png" alt="VOC ship" class="w-full h-full object-contain"> 1059 </div> 1060 1061 <!-- ? Subtitle --> 1062 <div class="mb-4"> 1063 1064 1065 <div class="container text-rum-brown text-center relative flex justify-center 1066 md:absolute md:top-10 md:left-0 md:right-0 md:justify-start md:gap-x-5 1067 "> 1068 <div class="relative z-10 flex flex-col justify-end gap-y-2 bg-white md:gap-y-3 md:px-8"> 1069 <!-- ? Roman numeric --> 1070 <div class="flex justify-center gap-x-[2px]"> 1071 1072 1073 <svg width="22" height="14" viewbox="0 0 22 14" fill="none" xmlns="http://www.w3.org/2000/svg"> 1074 <path d="M5.87388 12.984H0.849875V12.408L2.35388 11.224V1.688L0.657875 1.144L1.02588 0.424H6.04988V0.999999L4.52988 2.2V11.72L6.22588 12.264L5.87388 12.984ZM19.5288 2.2L15.0808 12.488L13.2088 13.304L8.55275 2.072L6.95275 1.144L7.30475 0.424H12.3928V0.999999L10.8408 2.136L14.6168 11.272L18.5368 2.152L15.8008 1.144L16.1528 0.424H21.0808V0.999999L19.5288 2.2Z" fill="#944A2D" /> 1075 </svg> 1076 1077 </div> 1078 1079 <!-- ? Subtitle text --> 1080 <div class="flex text-xl leading-6 w-full">
1081 <span class="font-aurore whitespace-nowrap"> 1082 Expansion 1083 </span> 1084 </div> 1085 </div> 1086 1087 <!-- ? Horizontal dashed line --> 1088 <div class="dotted-line-horizintal hidden absolute left-0 right-0 bottom-2 1089 md:block md:visible 1090 "></div> 1091 1092 <!-- ? VOC image --> 1093 <div class="hidden relative left-[15%] w-[91px] h-[72px] md:block md:visible"> 1094 <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/voc.png" alt="VOC ship" class="w-full h-full object-contain"> 1095 </div> 1096 </div> 1097 1098 1099 </div> 1100 1101 <!-- ? Textual content --> 1102 <div class="textual-content relative container default-grid--md md:top-[50%] md:-translate-y-1/2"> 1103 <div class="relative flex flex-col gap-y-3 1104 md:col-span-8 md:grid md:grid-cols-8 md:gap-x-4 md:gap-y-6 md:h-fit 1105 "> 1106 <!-- ? Title --> 1107 1108 <h2 id="widget_1677004603606__fourth-slide__title" class="text-barrel-brown font-trebuchet leading-8 font-bold relative text-center md:text-start 1109 md:col-start-2 md:col-span-5 1110 md:flex md:items-end md:text-[56px] md:leading-[56px] 1111 "> 1112 New markets and uses 1113 </h2> 1114 1115 1116 <!-- ? Rich text --> 1117 1118 1119 <div id="widget_1677004603606__fourth-slide__title" class="text-bear-brown text-sm text-center md:text-start leading-[22px] 1120 md:col-start-2 md:col-span-5 1121 md:text-base md:leading-8 md:mb-5"> 1122 <span> 1123 <p><span data-contrast="auto" xml:lang="EN-GB" lang="EN-GB"><span>E&A Scheer has evolved a full-service, partnership-oriented company for customers in over 60 countries. In recent years, the company has rapidly increased volumes and expanded into new markets such as fragrances & flavourings and confectionery. An integrated </span><span>logistics</span><span> service is also available where </span><span>required</span><span>. </span></span><span data-ccp-props="{"201341983":0,"335559739":160,"335559740":257}"> </span></p> 1124<p> </p> 1125 </span> 1126 </div> 1127 1128 1129 </div> 1130 1131 <!-- ? Mobile images --> 1132 <div id="widget_1677004603606__mobile-images" class="relative max-h-[500px] md:hidden 1133 flex h-[300px] pt-4 1134 "> 1135 1136 1137 <div class="flex justify-center w-full max-h-[500px] md:col-span-6 md:justify-end md:h-auto md:pt-1 md:pl-4"> 1138 <!-- ? Mobile - Single image --> 1139 <img src="https://www.rum.nl/hubfs/Rum%20Room%2013.jpeg" alt="Rum Room 13" class="object-cover w-full max-h-[300px] md:w-auto md:max-h-full"> 1140 </div> 1141 1142 1143 </div> 1144 </div> 1145 </section> 1146</div> 1147 1148 1149 1150 1151 1152 1153 1154 1155 1156</div> 1157 1158</div><!--end widget-span --> 1159</div><!--end row--> 1160</div><!--end row-wrapper --> 1161 1162</div><!--end widget-span --> 1163</div><!--end row--> 1164</div><!--end row-wrapper --> 1165 1166<div class="row-fluid-wrapper row-depth-1 row-number-7 dnd-section"> 1167<div class="row-fluid "> 1168<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 1169 1170<div class="row-fluid-wrapper row-depth-1 row-number-8 dnd-row"> 1171<div class="row-fluid "> 1172<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 1173<div id="hs_cos_wrapper_module_17545605125533" 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"> 1174<button class="hidden btn btn-primary-negative invert text-dark-green md:text-light-green"></button> 1175 1176 1177 1178<section id="module_17545605125533-1" class="relative z-10 pt-7 pb-5 bg-light-beige 1179 md:flex md:flex-col md:h-full md:py-[160px] 1180"> 1181 <div class="container"> 1182 <!-- ? Paper background --> 1183 1184<div class="absolute inset-0 z-0 right-[-1px] md:block md:visible"> 1185 <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/bg-paper.png" alt="bg-paper" class="w-full h-full object-cover"> 1186 1187 <!-- ? Mobile gradient --> 1188 <div class=" absolute inset-0 md:hidden"></div> 1189</div> 1190 1191 1192 <!-- ? BG image plant --> 1193 1194<img id="module_17545605125533__bg-image__plant-left" src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/products-bulk-detail/bulk-detail-bg-image-2.png" alt="bg-image" class="absolute z-0 top-[15%] right-[15%] 1195 1196 "> 1197 1198 1199 <div class="relative container default-grid--md"> 1200 <div class="md:gap-x-4 md:h-fit md:col-span-5 md:grid md:grid-cols-6 "> 1201 <!-- ? Subtitle --> 1202 1203 1204<p class="text-dark-green mt-4 md:mt-0 font-bold mb-4 md:col-span-full font-trebuchet">E&A Scheer</p> 1205 1206 1207 <!-- ? Title --> 1208 1209<h2 id="module_17545605125533__left__title" class="text-barrel-brown text-[32px] md:text-[56px] mb-3 md:mb-6 md:col-span-7"> 1210 Company movie 1211</h2> 1212 1213 1214 <!-- ? Rich text --> 1215 1216 1217<p class="text-barrel-brown mb-5 md:col-span-6 md:mb-0">Get to know E&A Scheer by watching our company movie, made together with DutchManMedia. This film gives you an introduction into our world of Rum, Batavia Arrack, and Cachaça, and shows how proud we are to serve companies in over 60 countries.</p> 1218 1219 1220 <!-- ? USP --> 1221 1222 1223 <!-- ? Left CTA --> 1224 1225 1226<div class="col-span-full mt-4"> 1227 <div class="btn btn-primary"><span id="hs_cos_wrapper_module_17545605125533_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_cta" style="" data-hs-cos-general-type="widget" data-hs-cos-type="cta"></span></div> 1228</div> 1229 1230 </div> 1231 1232 1233 <!-- ? Desktop video --> 1234 <div class="hidden items-center relative md:flex md:visible col-span-7 col-start-6 "> 1235 <div class="w-full aspect-[200/106]"> 1236 1237 <iframe class="size-full" width="560" height="315" src="https://www.youtube.com/embed/fr4zRPWyi5c?si=nBpTuf90xEI7HIHv" here! title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture;
1237 web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> 1238 1239 </div> 1240 1241 </div> 1242 1243 <!-- ? Mobile video --> 1244 <div class="flex justify-center relative mt-3 md:hidden"> 1245 <div class="w-full aspect-[200/106]"> 1246 1247 <iframe class="size-full" width="560" height="250" src="https://www.youtube.com/embed/fr4zRPWyi5c?si=nBpTuf90xEI7HIHv" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe> 1248 1249 </div> 1250 </div> 1251 1252 </div> 1253 </div> 1254</section> 1255 1256 1257
1258<script defer> 1259 // @ts-check 1260 "use strict"; 1261 1262 try { 1263 const BREAK_POINT = 1200; 1264 1265 1266 1267 function animatePopUpOnClick() { 1268 try { 1269 /* Variables and guard clauses start */ 1270 const popupButtons = document.querySelectorAll('.module_17545605125533__popup-button'); 1271 if (popupButtons.length < 1) throw new Error('popupButtons not found\npopupButtons:\n', popupButtons); 1272 1273 const popupModal = _getPopupModal(); 1274 if (!popupModal) throw new Error('popupModal not found\npopupModal:\n', popupModal); 1275 1276 const navigation = document.querySelector('.navigation'); 1277 if (!navigation) throw new Error('navigation not found\nnavigation:\n', navigation); 1278 1279 const body = document.querySelector('body'); 1280 /* Variables and guard clauses end */ 1281 1282 popupButtons.forEach(popupButton => { 1283 const popupButton_text = popupButton.querySelector('span'); 1284 popupButton.addEventListener('click', () => { 1285 body.classList.add('overflow-y-hidden'); 1286 popupButton.style.pointerEvent = 'none'; 1287 1288 const tl = gsap.timeline(); 1289 tl.add(_animatePopupButton) 1290 .add(_animatePopupContent, 1.5) 1291 1292 function _animatePopupContent() { 1293 try { 1294 const tlContent = gsap.timeline(); 1295 tlContent 1296 .add(() => _setStateImageLeft()) 1297 .add(() => _setStateImageRight()) 1298 .add(() => _setStateChevron()) 1299 .add(() => _setStateSugarCaneImage()) 1300 .add(() => _animateTitleAndText()) 1301 .add(() => _animateSubtitle()) 1302 .add(() => _animateCloseButton()) 1303 .add(() => _animateChevron(), '>0.1') 1304 .add(() => _animateImageLeft(), '<0.5') 1305 .add(() => _animateImageRight(), '<') 1306 .add(() => _animateSugarCaneImage(), '>1') 1307 1308 function _animateTitleAndText() { 1309 try { 1310 const title = popupModal.querySelector('.popup-modal__title'); 1311 if (!title) throw new Error('title not found\ntitle:\n', title); 1312 1313 const text = popupModal.querySelector('.popup-modal__text'); 1314 if (!text) throw new Error('text not found\ntext:\n', text); 1315 1316 [title, text].forEach((element, index) => 1317 gsap.set(element, { 1318 y: (index + 1) * 1.1 * 50, 1319 duration: 2, 1320 ease: Power4, 1321 opacity: 0.5 1322 }) 1323 ); 1324 1325 const tlPopupContent = gsap.timeline(); 1326 tlPopupContent.add(() => { 1327 tlPopupContent 1328 .to(title, { y: 0, opacity: 1 }) 1329 .to(text, { y: 0, opacity: 1 }, '<') 1330 }) 1331 } catch (e) { console.warn(`%c!!! _animateTitleAndText()\n${e}`, 'background: #faf'); } 1332 } 1333 1334 function _animateSubtitle() { 1335 try { 1336 const subtitle = popupModal.querySelector('.popup-modal__subtitle'); 1337 if (!subtitle) throw new Error('subtitle not found\nsubtitle:\n', subtitle); 1338 1339 gsap.fromTo(subtitle, 1340 { y: -25, duration: 0.4, ease: Power4, opacity: 0.5 }, 1341 { y: 0, opacity: 1 } 1342 ); 1343 } catch (e) { console.warn(`%c!!! _animateSubtitle()\n${e}`, 'background: #faf'); } 1344 } 1345 1346 function _animateCloseButton() { 1347 try { 1348 const closeButton = popupModal.querySelector('.popup-modal__close-button'); 1349 if (!closeButton) throw new Error('closeButton not found\ncloseButton:\n', closeButton); 1350 1351 gsap.fromTo(closeButton, 1352 { y: -200, duration: 0.6, opacity: 0.5, ease: Power4 }, 1353 { y: 0, opacity: 1 } 1354 ); 1355 } catch (e) { console.warn(`%c!!! _animateCloseButton()\n${e}`, 'background: #faf'); } 1356 } 1357 1358 function _setStateSugarCaneImage() { 1359 try { 1360 const sugarCaneImage = popupModal.querySelector('.popup-modal__img--sugar-cane'); 1361 if (!sugarCaneImage) throw new Error('sugarCaneImage not found\nsugarCaneImage:\n', sugarCaneImage); 1362 gsap.set(sugarCaneImage, { x: 250, duration: 0.8, ease: Power4 }); 1363 } catch (e) { console.warn(`%c!!! _setStateSugarCaneImage()\n${e}`, 'background: #faf'); } 1364 } 1365 1366 function _animateSugarCaneImage() { 1367 try { 1368 const sugarCaneImage = popupModal.querySelector('.popup-modal__img--sugar-cane'); 1369 if (!sugarCaneImage) throw new Error('sugarCaneImage not found\nsugarCaneImage:\n', sugarCaneImage); 1370 1371 gsap.to(sugarCaneImage, { x: 0 }); 1372 } catch (e) { console.warn(`%c!!! _animateSugarCaneImage()\n${e}`, 'background: #faf'); } 1373 } 1374 1375 function _setStateChevron() { 1376 try { 1377 const chevron = popupModal.querySelector('.popup-modal__subtitle__chevron'); 1378 if (!chevron) throw new Error('chevron not found\nchevron:\n', chevron); 1379 1380 gsap.set(chevron, { duration: 0.4, ease: Power4, scale: 0.5, rotation: -45 }); 1381 } catch (e) { console.warn(`%c!!! _setStateChevron()\n${e}`, 'background: #faf'); } 1382 } 1383 1384 function _animateChevron() { 1385 try { 1386 const chevron = popupModal.querySelector('.popup-modal__subtitle__chevron'); 1387 if (!chevron) throw new Error('chevron not found\nchevron:\n', chevron); 1388 1389 gsap.to(chevron, { scale: 1, rotation: 45 } ); 1390 } catch (e) { console.warn(`%c!!! _animateChevron()\n${e}`, 'background: #faf'); } 1391 } 1392 1393 function _setStateImageLeft() { 1394 try { 1395 const image = popupModal.querySelectorAll('.popup-modal__image')[0]; 1396 if (!image) throw new Error('image not found\nimage:\n', image); 1397 1398 gsap.set(image, { duration: 0.8, xPercent: -100, ease: Power4 }); 1399 } catch (e) { console.warn(`%c!!! _setStateImageLeft()\n${e}`, 'background: #faf'); } 1400 } 1401 1402 function _animateImageLeft() { 1403 try { 1404 const image = popupModal.querySelectorAll('.popup-modal__image')[0]; 1405 if (!image) throw new Error('image not found\nimage:\n', image); 1406 1407 if (window.matchMedia(`(min-width: 1400px)`).matches) { 1408 gsap.to(image, { xPercent: -10 }); 1409 } else { 1410 gsap.to(image, { xPercent: -50 }); 1411 } 1412 } catch (e) { console.warn(`%c!!! _animateImageLeft()\n${e}`, 'background: #faf'); } 1413 } 1414 1415 function _setStateImageRight() { 1416 try { 1417 const image = popupModal.querySelectorAll('.popup-modal__image')[1]; 1418 if (!image) throw new Error('image not found\nimage:\n', image); 1419 1420 gsap.set(image, { duration: 0.8, xPercent: 100, ease: Power4 }); 1421 } catch (e) { console.warn(`%c!!! _setStateImageRight()\n${e}`, 'background: #faf'); } 1422 } 1423 1424 function _animateImageRight() { 1425 try { 1426 const image = popupModal.querySelectorAll('.popup-modal__image')[1]; 1427 if (!image) throw new Error('image not found\nimage:\n', image); 1428 1429 if (window.matchMedia(`(min-width: 1400px)`).matches) { 1430 gsap.to(image, { xPercent: 10 }); 1431 } else { 1432 gsap.to(image, { xPercent: 50 }); 1433 } 1434 } catch (e) { console.warn(`%c!!! _animateImageRight()\n${e}`, 'background: #faf'); } 1435 } 1436 } catch (e) { console.warn(`%c!!! _animatePopupContent()\n${e}`, 'background: #faf'); } 1437 } 1438 1439 function _animatePopupButton() { 1440 const tlButton = gsap.timeline(); 1441 try { 1442 _addEventsOnModalClose(); 1443 1444 tlButton 1445 .to(popupButton_text, { 1446 /* Fades out the text inside the button */ 1447 duration: .5, 1448 ease: Power4, 1449 opacity: 0, 1450 }) 1451 .to(navigation, { 1452 duration: 0.5, 1453 opacity: 0 1454 }) 1455 .to(popupButton, { 1456 /* Makes button big until it cover the screen */ 1457 duration: 1.5, 1458 ease: Power4, 1459 scale: 20, 1460 }, '<') 1461 .add( 1462 /* Preps the modal for showing */ 1463 () => { 1464 gsap.set(popupModal, { opacity: 0, height: 0 }); 1465 popupModal.classList.remove('hidden'); 1466 }, 1467 '<' 1468 ) 1469 /* Shows modal */ 1470 .to(popupModal, { 1471 duration: 0, 1472 height: '100%', 1473 }, '<') 1474 .to(popupModal, { 1475 duration: .5, 1476 opacity: 1 1477 }, '>1') 1478 /* Fades out popup button */ 1479 .to(popupButton, { opacity: 0 }) 1480 .add(() => popupButton.classList.add('hidden')); 1481 1482 function _addEventsOnModalClose() { 1483 try { 1484 const closeButton = popupModal.querySelector('.popup-modal__close-button'); 1485 if (!closeButton) throw new Error('closeButton not found\ncloseButton:\n', closeButton); 1486 closeButton.addEventListener('click', () => { 1487 gsap.set(navigation, { opacity: 1 }); 1488 gsap.set(popupButton, { opacity: 1, scale: 1 }); 1489 popupButton.classList.remove('hidden'); 1490 gsap.set(popupButton_text, { opacity: 1 }); 1491 tlButton.revert(); 1492 }); 1493 } catch (e) { console.warn(`%c!!! _addEventsOnModalClose()\n${e}`, 'background: #faf'); } 1494 } 1495 } catch (e) { console.warn(`%c!!! _animatePopupButton()\n${e}`, 'background: #faf'); } 1496 } 1497 }); 1498 }); 1499 1500 function _getPopupModal() { 1501 try { 1502 let popupModal = [...document.querySelectorAll('.popup-modal')]; 1503 if (popupModal.length < 1) throw new Error('popupModal not found\npopupModal:\n', popupModal); 1504 if (popupModal.length > 1) throw new Error('More than 1 popupModal found\npopupModal:\n', popupModal); 1505 return popupModal[0]; 1506 } catch (e) { console.warn(`%c!!! _getPopupModal()\n${e}`, 'background: #faf'); } 1507 } 1508 } catch (e) { console.warn(`%c!!! animatePopUpOnClick()\n${e}`, 'background: #faf'); } 1509 } 1510 } catch (e) { console.warn(`%c!!! product module ${e}`, 'background: #faf'); } 1511</script>
1511</div> 1512 1513</div><!--end widget-span --> 1514</div><!--end row--> 1515</div><!--end row-wrapper --> 1516 1517</div><!--end widget-span --> 1518</div><!--end row--> 1519</div><!--end row-wrapper --> 1520 1521<div class="row-fluid-wrapper row-depth-1 row-number-9 dnd-section"> 1522<div class="row-fluid "> 1523<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 1524 1525<div class="row-fluid-wrapper row-depth-1 row-number-10 dnd-row"> 1526<div class="row-fluid "> 1527<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 1528<div id="hs_cos_wrapper_module_1744643398734" 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"> 1529 1530 1531<section id="module_1744643398734" class="bg-white 1532rum-types-module relative py-7 md:pt-[120px] md:pb-8"> 1533 <div class="absolute z-0 inset-0 rotate-180"> 1534 <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/bg-paper.png" alt="bg paper" class="w-full h-full object-cover"> 1535 </div> 1536 <div class="container default-grid--md relative z-10"> 1537 <div class="flex flex-col col-span-full 1538 items-start 1539text-start 1540 "> 1541 <!-- ? Subtitle --> 1542 1543 1544 <!-- ? Title --> 1545 1546 <h2 id="module_1744643398734__title" class="text-[32px] leading-100 md:text-[56px] text-center mb-3 md:text-start w-fit md:max-w-[90%] md:mb-6 items-start 1547text-start"> 1548 Meet the team 1549 </h2> 1550 1551 1552 <!-- ? Description --> 1553 1554 <div class="font-trebuchet text-sm md:text-base mb-6 md:w-3/5 md:text-start md:mb-6 [&_*]:text-start items-start 1555text-start" id="module_1744643398734__description"> 1556 <div id="hs_cos_wrapper_module_1744643398734_" 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="description"><p>Discover the passion and expertise of our dedicated team! Our professionals are committed to help find and deliver your bulk Rum anywhere in the world.</p></div> 1557 </div> 1558 </div> 1559 1560 1561 <!-- ? Cards --> 1562 <div class="flex flex-col md:flex-row gap-y-5 md:col-span-full w-full md:gap-x-4"> 1563 1564 1565 <div class="flex flex-col items-center w-full " id="module_1744643398734__column_1"> 1566 <!-- ? Roman number --> 1567 <span class="flex justify-center gap-x-[1px] mb-[12px] md:mb-4"> 1568 1569 1570 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1571 <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#D26940" /> 1572 </svg> 1573 1574 </span> 1575 1576 <!-- ? Product image --> 1577 1578 <div class="w-full h-[211px] md:h-[338px]"> 1579 <img src="https://www.rum.nl/hs-fs/hubfs/New%20photos%20july%202024/20240617_EA-SCHEER_Francesstefanie-104-1.jpg?width=1000&height=667&name=20240617_EA-SCHEER_Francesstefanie-104-1.jpg" alt="20240617_EA-SCHEER_Francesstefanie-104-1" class="object-cover w-full h-full" width="1000" height="667" srcset="https://www.rum.nl/hs-fs/hubfs/New%20photos%20july%202024/20240617_EA-SCHEER_Francesstefanie-104-1.jpg?width=500&height=334&name=20240617_EA-SCHEER_Francesstefanie-104-1.jpg 500w, https://www.rum.nl/hs-fs/hubfs/New%20photos%20july%202024/20240617_EA-SCHEER_Francesstefanie-104-1.jpg?width=1000&height=667&name=20240617_EA-SCHEER_Francesstefanie-104-1.jpg 1000w, https://www.rum.nl/hs-fs/hubfs/New%20photos%20july%202024/20240617_EA-SCHEER_Francesstefanie-104-1.jpg?width=1500&height=1001&name=20240617_EA-SCHEER_Francesstefanie-104-1.jpg 1500w, https://www.rum.nl/hs-fs/hubfs/New%20photos%20july%202024/20240617_EA-SCHEER_Francesstefanie-104-1.jpg?width=2000&height=1334&name=20240617_EA-SCHEER_Francesstefanie-104-1.jpg 2000w, https://www.rum.nl/hs-fs/hubfs/New%20photos%20july%202024/20240617_EA-SCHEER_Francesstefanie-104-1.jpg?width=2500&height=1668&name=20240617_EA-SCHEER_Francesstefanie-104-1.jpg 2500w, https://www.rum.nl/hs-fs/hubfs/New%20photos%20july%202024/20240617_EA-SCHEER_Francesstefanie-104-1.jpg?width=3000&height=2001&name=20240617_EA-SCHEER_Francesstefanie-104-1.jpg 3000w" sizes="(max-width: 1000px) 100v
1579w, 1000px"> 1580 </div> 1581 1582 1583 <!-- ? Product info block --> 1584 1585 <div class="bg-light-beige 1586 mt-[-80px] md:mt-[-120px] 1587 1588 py-4 px-3 w-[90%] flex flex-col 1589 "> 1590 <!-- ? Product title --> 1591 <h3 class="text-barrel-brown 1592 block text-sm leading-7 font-bold w-fit mb-2 1593 md:text-base md:leading-8 md:mb-1"> 1594 Rum blenders & buyers 1595 </h3> 1596 1597 <!-- ? Product description --> 1598 1599 <div class="font-trebuchet text-sm leading-5 mb-2 md:text-base md:leading-8 md:mb-[28px]"> 1600 We have mastered the art of knowing how Rum types combine well together and which Rums to use for certain blends. Our dedicated team of blenders has decades of experience in creating bespoke, consistent Rum blends. Our specialist Rum buyers are always open to explore new Rums. 1601 </div> 1602 1603 1604 <!-- ? Blog post link --> 1605 1606 </div> 1607 1608 </div> 1609 1610 1611 <div class="flex flex-col items-center w-full md:mt-8" id="module_1744643398734__column_2"> 1612 <!-- ? Roman number --> 1613 <span class="flex justify-center gap-x-[1px] mb-[12px] md:mb-4"> 1614 1615 1616 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1617 <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#D26940" /> 1618 </svg> 1619 1620 1621 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1622 <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#D26940" /> 1623 </svg> 1624 1625 </span> 1626 1627 <!-- ? Product image --> 1628 1629 <div class="w-full h-[211px] md:h-[338px]"> 1630 <img src="https://www.rum.nl/hs-fs/hubfs/20240617_EA-SCHEER_Francesstefanie-98-1.jpg?width=1000&height=667&name=20240617_EA-SCHEER_Francesstefanie-98-1.jpg" alt="20240617_EA-SCHEER_Francesstefanie-98-1" class="object-cover w-full h-full" width="1000" height="667" srcset="https://www.rum.nl/hs-fs/hubfs/20240617_EA-SCHEER_Francesstefanie-98-1.jpg?width=500&height=334&name=20240617_EA-SCHEER_Francesstefanie-98-1.jpg 500w, https://www.rum.nl/hs-fs/hubfs/20240617_EA-SCHEER_Francesstefanie-98-1.jpg?width=1000&height=667&name=20240617_EA-SCHEER_Francesstefanie-98-1.jpg 1000w, https://www.rum.nl/hs-fs/hubfs/20240617_EA-SCHEER_Francesstefanie-98-1.jpg?width=1500&height=1001&name=20240617_EA-SCHEER_Francesstefanie-98-1.jpg 1500w, https://www.rum.nl/hs-fs/hubfs/20240617_EA-SCHEER_Francesstefanie-98-1.jpg?width=2000&height=1334&name=20240617_EA-SCHEER_Francesstefanie-98-1.jpg 2000w, https://www.rum.nl/hs-fs/hubfs/20240617_EA-SCHEER_Francesstefanie-98-1.jpg?width=2500&height=1668&name=20240617_EA-SCHEER_Francesstefanie-98-1.jpg 2500w, https://www.rum.nl/hs-fs/hubfs/20240617_EA-SCHEER_Francesstefanie-98-1.jpg?width=3000&height=2001&name=20240617_EA-SCHEER_Francesstefanie-98-1.jpg 3000w" sizes="(max-width: 1000px) 100vw, 1000px"> 1631 </div> 1632 1633 1634 <!-- ? Product info block --> 1635 1636 <div class="bg-light-beige 1637 mt-[-80px] md:mt-[-120px] 1638 1639 py-4 px-3 w-[90%] flex flex-col 1640 "> 1641 <!-- ? Product title --> 1642 <h3 class="text-barrel-brown 1643 block text-sm leading-7 font-bold w-fit mb-2 1644 md:text-base md:leading-8 md:mb-1"> 1645 Warehouse & operations 1646 </h3> 1647 1648 <!-- ? Product description --> 1649 1650 <div class="font-trebuchet text-sm leading-5 mb-2 md:text-base md:leading-8 md:mb-[28px]"> 1651 Our facilities and operational team are dedicated to the product we work with. We only work with natural products in our warehouses. All incoming and outgoing batches are carefully checked to meet the quality requirements. Our team is trained to deal with dangerous goods, as the liquids are all high in alcoholic strength. 1652 </div> 1653 1654 1655 <!-- ? Blog post link --> 1656 1657 </div> 1658 1659 </div> 1660 1661 1662 <div class="flex flex-col items-center w-full " id="module_1744643398734__column_3"> 1663 <!-- ? Roman number -->
1664 <span class="flex justify-center gap-x-[1px] mb-[12px] md:mb-4"> 1665 1666 1667 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1668 <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#D26940" /> 1669 </svg> 1670 1671 1672 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1673 <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#D26940" /> 1674 </svg> 1675 1676 1677 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1678 <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#D26940" /> 1679 </svg> 1680 1681 </span> 1682 1683 <!-- ? Product image --> 1684 1685 <div class="w-full h-[211px] md:h-[338px]"> 1686 <img src="https://www.rum.nl/hs-fs/hubfs/20240617_EA-SCHEER_Francesstefanie-22-1.jpeg?width=1500&height=1500&name=20240617_EA-SCHEER_Francesstefanie-22-1.jpeg" alt="20240617_EA-SCHEER_Francesstefanie-22-1" class="object-cover w-full h-full" width="1500" height="1500" srcset="https://www.rum.nl/hs-fs/hubfs/20240617_EA-SCHEER_Francesstefanie-22-1.jpeg?width=750&height=750&name=20240617_EA-SCHEER_Francesstefanie-22-1.jpeg 750w, https://www.rum.nl/hs-fs/hubfs/20240617_EA-SCHEER_Francesstefanie-22-1.jpeg?width=1500&height=1500&name=20240617_EA-SCHEER_Francesstefanie-22-1.jpeg 1500w, https://www.rum.nl/hs-fs/hubfs/20240617_EA-SCHEER_Francesstefanie-22-1.jpeg?width=2250&height=2250&name=20240617_EA-SCHEER_Francesstefanie-22-1.jpeg 2250w, https://www.rum.nl/hs-fs/hubfs/20240617_EA-SCHEER_Francesstefanie-22-1.jpeg?width=3000&height=3000&name=20240617_EA-SCHEER_Francesstefanie-22-1.jpeg 3000w, https://www.rum.nl/hs-fs/hubfs/20240617_EA-SCHEER_Francesstefanie-22-1.jpeg?width=3750&height=3750&name=20240617_EA-SCHEER_Francesstefanie-22-1.jpeg 3750w, https://www.rum.nl/hs-fs/hubfs/20240617_EA-SCHEER_Francesstefanie-22-1.jpeg?width=4500&height=4500&name=20240617_EA-SCHEER_Francesstefanie-22-1.jpeg 4500w" sizes="(max-width: 1500px) 100vw, 1500px"> 1687 </div> 1688 1689 1690 <!-- ? Product info block --> 1691 1692 <div class="bg-light-beige 1693 mt-[-80px] md:mt-[-120px] 1694 1695 py-4 px-3 w-[90%] flex flex-col 1696 "> 1697 <!-- ? Product title --> 1698 <h3 class="text-barrel-brown 1699 block text-sm leading-7 font-bold w-fit mb-2 1700 md:text-base md:leading-8 md:mb-1"> 1701 Support & logistics 1702 </h3> 1703 1704 <!-- ? Product description --> 1705 1706 <div class="font-trebuchet text-sm leading-5 mb-2 md:text-base md:leading-8 md:mb-[28px]"> 1707 E&A Scheer supplies Rum to clients in over 60 countries worldwide. Our experienced team of logistical specialists manages smooth logistics in any corner of the world. As a result of the teamâs long experience, we know how to deal with difficulties one might face in some countries when it comes to supplying Rum at high alcoholic strength. 1708 </div> 1709 1710 1711 <!-- ? Blog post link --> 1712 1713 </div> 1714 1715 </div> 1716 1717 </div> 1718 1719 1720 <!-- ? CTA button --> 1721 1722 </div> 1723</section></div> 1724 1725</div><!--end widget-span --> 1726</div><!--end row--> 1727</div><!--end row-wrapper --> 1728 1729<div class="row-fluid-wrapper row-depth-1 row-number-11 dnd-row"> 1730<div class="row-fluid "> 1731<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 1732<div id="hs_cos_wrapper_widget_1744889729903" 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"> 1733<button class="hidden btn btn-primary-negative invert text-dark-green md:text-light-green"></button> 1734 1735 1736 1737<section id="widget_1744889729903-1" class="relative z-10 pt-7 pb-5 bg-light-beige 1738 md:flex md:flex-col md:h-full md:py-[160px] 1739"> 1740 <div class="container"> 1741 <!-- ? Paper background --> 1742 1743<div class="absolute inset-0 z-0 right-[-1px] md:block md:visible"> 1744 <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/bg-paper.png" alt="bg-paper" class="w-full h-full object-cover"> 1745 1746 <!-- ? Mobile gradient --> 1747 <div class=" absolute inset-0 md:hidden"></div> 1748</div> 1749 1750 1751 <!-- ? BG image plant --> 1752 1753<img id="widget_1744889729903__bg-image__plant-left" src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/products-bulk-detail/bulk-detail-bg-image-2.png" alt="bg-image" class="absolute z-0 top-[15%] right-[15%] 1754 1755 "> 1756 1757 1758 <div class="relative container default-grid--md"> 1759 <div class="md:gap-x-4 md:h-fit md:col-span-6 md:grid md:grid-cols-6 md:order-1 md:col-start-8"> 1760 <!-- ? Subtitle --> 1761 1762 1763 <!-- ? Title --> 1764 1765<h2 id="widget_1744889729903__left__title" class="text-barrel-brown text-[32px] md:text-[56px] mb-3 md:mb-6 md:col-span-7"> 1766 Recognised by the Dutch Royal Court 1767</h2> 1768 1769 1770 <!-- ? Rich text --> 1771 1772 1773<p class="text-barrel-brown mb-5 md:col-span-6 md:mb-0"><span data-contrast="auto" xml:lang="EN-GB" lang="EN-GB"><span>After blending and supplying bulk Rums across the globe over the last three centuries, </span></span><span data-contrast="auto" xml:lang="EN-GB" lang="EN-GB"><span>E&A Scheer was</span></span><span data-contrast="auto" xml:lang="EN-GB" lang="EN-GB"><span> exceptionally proud to be recognised by the Dutch Royal </span><span>Court </span><span>
1773in 2017. The right to carry the royal mark is appointed only after the most scrupulous selection process and</span><span> </span><span>represent</span><span>s</span><span> industry leadership, an untarnished reputation, and a distinguished</span><span> </span><span>track recor</span><span>d</span><span> of quality, reliability, and continuity.</span></span><span data-ccp-props="{"201341983":0,"335559739":160,"335559740":257}"> </span></p> 1774 1775 1776 <!-- ? USP --> 1777 1778 1779 <!-- ? Left CTA --> 1780 1781 1782<div class="col-span-full mt-4"> 1783 <div class="btn btn-primary"><span id="hs_cos_wrapper_widget_1744889729903_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_cta" style="" data-hs-cos-general-type="widget" data-hs-cos-type="cta"></span></div> 1784</div> 1785 1786 </div> 1787 1788 1789 <div class="hidden items-center relative md:flex md:visible col-span-6 col-start-0 "> 1790 <!-- ? Desktop single image --> 1791 <img src="https://www.rum.nl/hs-fs/hubfs/Hofleverancier%201.png?width=1080&height=718&name=Hofleverancier%201.png" alt="Hofleverancier" loading="lazy" class="object-cover w-full h-full max-h-[700px]" width="1080" height="718" srcset="https://www.rum.nl/hs-fs/hubfs/Hofleverancier%201.png?width=540&height=359&name=Hofleverancier%201.png 540w, https://www.rum.nl/hs-fs/hubfs/Hofleverancier%201.png?width=1080&height=718&name=Hofleverancier%201.png 1080w, https://www.rum.nl/hs-fs/hubfs/Hofleverancier%201.png?width=1620&height=1077&name=Hofleverancier%201.png 1620w, https://www.rum.nl/hs-fs/hubfs/Hofleverancier%201.png?width=2160&height=1436&name=Hofleverancier%201.png 2160w, https://www.rum.nl/hs-fs/hubfs/Hofleverancier%201.png?width=2700&height=1795&name=Hofleverancier%201.png 2700w, https://www.rum.nl/hs-fs/hubfs/Hofleverancier%201.png?width=3240&height=2154&name=Hofleverancier%201.png 3240w" sizes="(max-width: 1080px) 100vw, 1080px"> 1792 1793 <!-- ? Desktop pop-up button --> 1794 1795 </div> 1796 1797 <!-- ? Mobile single image --> 1798 <div class="flex justify-center relative h-[500px] mt-3 md:hidden"> 1799 <img src="https://www.rum.nl/hs-fs/hubfs/Hofleverancier%201.png?width=1080&height=718&name=Hofleverancier%201.png" alt="Hofleverancier" loading="lazy" class="object-cover w-full h-full" width="1080" height="718" srcset="https://www.rum.nl/hs-fs/hubfs/Hofleverancier%201.png?width=540&height=359&name=Hofleverancier%201.png 540w, https://www.rum.nl/hs-fs/hubfs/Hofleverancier%201.png?width=1080&height=718&name=Hofleverancier%201.png 1080w, https://www.rum.nl/hs-fs/hubfs/Hofleverancier%201.png?width=1620&height=1077&name=Hofleverancier%201.png 1620w, https://www.rum.nl/hs-fs/hubfs/Hofleverancier%201.png?width=2160&height=1436&name=Hofleverancier%201.png 2160w, https://www.rum.nl/hs-fs/hubfs/Hofleverancier%201.png?width=2700&height=1795&name=Hofleverancier%201.png 2700w, https://www.rum.nl/hs-fs/hubfs/Hofleverancier%201.png?width=3240&height=2154&name=Hofleverancier%201.png 3240w" sizes="(max-width: 1080px) 100vw, 1080px"> 1800 1801 <!-- ? Mobile pop-up button --> 1802 1803 </div> 1804 1805 </div> 1806 </div> 1807</section> 1808 1809 1810
1811<script defer> 1812 // @ts-check 1813 "use strict"; 1814 1815 try { 1816 const BREAK_POINT = 1200; 1817 1818 1819 1820 function animatePopUpOnClick() { 1821 try { 1822 /* Variables and guard clauses start */ 1823 const popupButtons = document.querySelectorAll('.widget_1744889729903__popup-button'); 1824 if (popupButtons.length < 1) throw new Error('popupButtons not found\npopupButtons:\n', popupButtons); 1825 1826 const popupModal = _getPopupModal(); 1827 if (!popupModal) throw new Error('popupModal not found\npopupModal:\n', popupModal); 1828 1829 const navigation = document.querySelector('.navigation'); 1830 if (!navigation) throw new Error('navigation not found\nnavigation:\n', navigation); 1831 1832 const body = document.querySelector('body'); 1833 /* Variables and guard clauses end */ 1834 1835 popupButtons.forEach(popupButton => { 1836 const popupButton_text = popupButton.querySelector('span'); 1837 popupButton.addEventListener('click', () => { 1838 body.classList.add('overflow-y-hidden'); 1839 popupButton.style.pointerEvent = 'none'; 1840 1841 const tl = gsap.timeline(); 1842 tl.add(_animatePopupButton) 1843 .add(_animatePopupContent, 1.5) 1844 1845 function _animatePopupContent() { 1846 try { 1847 const tlContent = gsap.timeline(); 1848 tlContent 1849 .add(() => _setStateImageLeft()) 1850 .add(() => _setStateImageRight()) 1851 .add(() => _setStateChevron()) 1852 .add(() => _setStateSugarCaneImage()) 1853 .add(() => _animateTitleAndText()) 1854 .add(() => _animateSubtitle()) 1855 .add(() => _animateCloseButton()) 1856 .add(() => _animateChevron(), '>0.1') 1857 .add(() => _animateImageLeft(), '<0.5') 1858 .add(() => _animateImageRight(), '<') 1859 .add(() => _animateSugarCaneImage(), '>1') 1860 1861 function _animateTitleAndText() { 1862 try { 1863 const title = popupModal.querySelector('.popup-modal__title'); 1864 if (!title) throw new Error('title not found\ntitle:\n', title); 1865 1866 const text = popupModal.querySelector('.popup-modal__text'); 1867 if (!text) throw new Error('text not found\ntext:\n', text); 1868 1869 [title, text].forEach((element, index) => 1870 gsap.set(element, { 1871 y: (index + 1) * 1.1 * 50, 1872 duration: 2, 1873 ease: Power4, 1874 opacity: 0.5 1875 }) 1876 ); 1877 1878 const tlPopupContent = gsap.timeline(); 1879 tlPopupContent.add(() => { 1880 tlPopupContent 1881 .to(title, { y: 0, opacity: 1 }) 1882 .to(text, { y: 0, opacity: 1 }, '<') 1883 }) 1884 } catch (e) { console.warn(`%c!!! _animateTitleAndText()\n${e}`, 'background: #faf'); } 1885 } 1886 1887 function _animateSubtitle() { 1888 try { 1889 const subtitle = popupModal.querySelector('.popup-modal__subtitle'); 1890 if (!subtitle) throw new Error('subtitle not found\nsubtitle:\n', subtitle); 1891 1892 gsap.fromTo(subtitle, 1893 { y: -25, duration: 0.4, ease: Power4, opacity: 0.5 }, 1894 { y: 0, opacity: 1 } 1895 ); 1896 } catch (e) { console.warn(`%c!!! _animateSubtitle()\n${e}`, 'background: #faf'); } 1897 } 1898 1899 function _animateCloseButton() { 1900 try { 1901 const closeButton = popupModal.querySelector('.popup-modal__close-button'); 1902 if (!closeButton) throw new Error('closeButton not found\ncloseButton:\n', closeButton); 1903 1904 gsap.fromTo(closeButton, 1905 { y: -200, duration: 0.6, opacity: 0.5, ease: Power4 }, 1906 { y: 0, opacity: 1 } 1907 ); 1908 } catch (e) { console.warn(`%c!!! _animateCloseButton()\n${e}`, 'background: #faf'); } 1909 } 1910 1911 function _setStateSugarCaneImage() { 1912 try { 1913 const sugarCaneImage = popupModal.querySelector('.popup-modal__img--sugar-cane'); 1914 if (!sugarCaneImage) throw new Error('sugarCaneImage not found\nsugarCaneImage:\n', sugarCaneImage); 1915 gsap.set(sugarCaneImage, { x: 250, duration: 0.8, ease: Power4 }); 1916 } catch (e) { console.warn(`%c!!! _setStateSugarCaneImage()\n${e}`, 'background: #faf'); } 1917 } 1918 1919 function _animateSugarCaneImage() { 1920 try { 1921 const sugarCaneImage = popupModal.querySelector('.popup-modal__img--sugar-cane'); 1922 if (!sugarCaneImage) throw new Error('sugarCaneImage not found\nsugarCaneImage:\n', sugarCaneImage); 1923 1924 gsap.to(sugarCaneImage, { x: 0 }); 1925 } catch (e) { console.warn(`%c!!! _animateSugarCaneImage()\n${e}`, 'background: #faf'); } 1926 } 1927 1928 function _setStateChevron() { 1929 try { 1930 const chevron = popupModal.querySelector('.popup-modal__subtitle__chevron'); 1931 if (!chevron) throw new Error('chevron not found\nchevron:\n', chevron); 1932 1933 gsap.set(chevron, { duration: 0.4, ease: Power4, scale: 0.5, rotation: -45 }); 1934 } catch (e) { console.warn(`%c!!! _setStateChevron()\n${e}`, 'background: #faf'); } 1935 } 1936 1937 function _animateChevron() { 1938 try { 1939 const chevron = popupModal.querySelector('.popup-modal__subtitle__chevron'); 1940 if (!chevron) throw new Error('chevron not found\nchevron:\n', chevron); 1941 1942 gsap.to(chevron, { scale: 1, rotation: 45 } ); 1943 } catch (e) { console.warn(`%c!!! _animateChevron()\n${e}`, 'background: #faf'); } 1944 } 1945 1946 function _setStateImageLeft() { 1947 try { 1948 const image = popupModal.querySelectorAll('.popup-modal__image')[0]; 1949 if (!image) throw new Error('image not found\nimage:\n', image); 1950 1951 gsap.set(image, { duration: 0.8, xPercent: -100, ease: Power4 }); 1952 } catch (e) { console.warn(`%c!!! _setStateImageLeft()\n${e}`, 'background: #faf'); } 1953 } 1954 1955 function _animateImageLeft() { 1956 try { 1957 const image = popupModal.querySelectorAll('.popup-modal__image')[0]; 1958 if (!image) throw new Error('image not found\nimage:\n', image); 1959 1960 if (window.matchMedia(`(min-width: 1400px)`).matches) { 1961 gsap.to(image, { xPercent: -10 }); 1962 } else { 1963 gsap.to(image, { xPercent: -50 }); 1964 } 1965 } catch (e) { console.warn(`%c!!! _animateImageLeft()\n${e}`, 'background: #faf'); } 1966 } 1967 1968 function _setStateImageRight() { 1969 try { 1970 const image = popupModal.querySelectorAll('.popup-modal__image')[1]; 1971 if (!image) throw new Error('image not found\nimage:\n', image); 1972 1973 gsap.set(image, { duration: 0.8, xPercent: 100, ease: Power4 }); 1974 } catch (e) { console.warn(`%c!!! _setStateImageRight()\n${e}`, 'background: #faf'); } 1975 } 1976 1977 function _animateImageRight() { 1978 try { 1979 const image = popupModal.querySelectorAll('.popup-modal__image')[1]; 1980 if (!image) throw new Error('image not found\nimage:\n', image); 1981 1982 if (window.matchMedia(`(min-width: 1400px)`).matches) { 1983 gsap.to(image, { xPercent: 10 }); 1984 } else { 1985 gsap.to(image, { xPercent: 50 }); 1986 } 1987 } catch (e) { console.warn(`%c!!! _animateImageRight()\n${e}`, 'background: #faf'); } 1988 } 1989 } catch (e) { console.warn(`%c!!! _animatePopupContent()\n${e}`, 'background: #faf'); } 1990 } 1991 1992 function _animatePopupButton() { 1993 const tlButton = gsap.timeline(); 1994 try { 1995 _addEventsOnModalClose(); 1996 1997 tlButton 1998 .to(popupButton_text, { 1999 /* Fades out the text inside the button */ 2000 duration: .5, 2001 ease: Power4, 2002 opacity: 0, 2003 }) 2004 .to(navigation, { 2005 duration: 0.5, 2006 opacity: 0 2007 }) 2008 .to(popupButton, { 2009 /* Makes button big until it cover the screen */ 2010 duration: 1.5, 2011 ease: Power4, 2012 scale: 20, 2013 }, '<') 2014 .add( 2015 /* Preps the modal for showing */ 2016 () => { 2017 gsap.set(popupModal, { opacity: 0, height: 0 }); 2018 popupModal.classList.remove('hidden'); 2019 }, 2020 '<' 2021 ) 2022 /* Shows modal */ 2023 .to(popupModal, { 2024 duration: 0, 2025 height: '100%', 2026 }, '<') 2027 .to(popupModal, { 2028 duration: .5, 2029 opacity: 1 2030 }, '>1') 2031 /* Fades out popup button */ 2032 .to(popupButton, { opacity: 0 }) 2033 .add(() => popupButton.classList.add('hidden')); 2034 2035 function _addEventsOnModalClose() { 2036 try { 2037 const closeButton = popupModal.querySelector('.popup-modal__close-button'); 2038 if (!closeButton) throw new Error('closeButton not found\ncloseButton:\n', closeButton); 2039 closeButton.addEventListener('click', () => { 2040 gsap.set(navigation, { opacity: 1 }); 2041 gsap.set(popupButton, { opacity: 1, scale: 1 }); 2042 popupButton.classList.remove('hidden'); 2043 gsap.set(popupButton_text, { opacity: 1 }); 2044 tlButton.revert(); 2045 }); 2046 } catch (e) { console.warn(`%c!!! _addEventsOnModalClose()\n${e}`, 'background: #faf'); } 2047 } 2048 } catch (e) { console.warn(`%c!!! _animatePopupButton()\n${e}`, 'background: #faf'); } 2049 } 2050 }); 2051 }); 2052 2053 function _getPopupModal() { 2054 try { 2055 let popupModal = [...document.querySelectorAll('.popup-modal')]; 2056 if (popupModal.length < 1) throw new Error('popupModal not found\npopupModal:\n', popupModal); 2057 if (popupModal.length > 1) throw new Error('More than 1 popupModal found\npopupModal:\n', popupModal); 2058 return popupModal[0]; 2059 } catch (e) { console.warn(`%c!!! _getPopupModal()\n${e}`, 'background: #faf'); } 2060 } 2061 } catch (e) { console.warn(`%c!!! animatePopUpOnClick()\n${e}`, 'background: #faf'); } 2062 } 2063 } catch (e) { console.warn(`%c!!! product module ${e}`, 'background: #faf'); } 2064</script>
2064</div> 2065 2066</div><!--end widget-span --> 2067</div><!--end row--> 2068</div><!--end row-wrapper --> 2069 2070<div class="row-fluid-wrapper row-depth-1 row-number-12 dnd-row"> 2071<div class="row-fluid "> 2072<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 2073<div id="hs_cos_wrapper_module_1744890197681" 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"> 2074 2075 2076<section id="module_1744890197681" class="bg-parsnip-beige 2077rum-types-module relative py-7 md:pt-[120px] md:pb-8"> 2078 <div class="absolute z-0 inset-0 rotate-180"> 2079 <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/bg-paper.png" alt="bg paper" class="w-full h-full object-cover"> 2080 </div> 2081 <div class="container default-grid--md relative z-10"> 2082 <div class="flex flex-col col-span-full 2083 items-start 2084text-start 2085 "> 2086 <!-- ? Subtitle --> 2087 2088 2089 <!-- ? Title --> 2090 2091 <h2 id="module_1744890197681__title" class="text-[32px] leading-100 md:text-[56px] text-center mb-3 md:text-start w-fit md:max-w-[90%] md:mb-6 items-start 2092text-start"> 2093 Learn more 2094 </h2> 2095 2096 2097 <!-- ? Description --> 2098 2099 <!-- ? Cards --> 2100 <div class="flex flex-col md:flex-row gap-y-5 md:col-span-full w-full md:gap-x-4"> 2101 2102 2103 <div class="flex flex-col items-center w-full " id="module_1744890197681__column_1"> 2104 <!-- ? Roman number --> 2105 <span class="flex justify-center gap-x-[1px] mb-[12px] md:mb-4"> 2106 2107 2108 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2109 <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#D26940" /> 2110 </svg> 2111 2112 </span> 2113 2114 <!-- ? Product image --> 2115 2116 <div class="w-full h-[211px] md:h-[338px]"> 2117 <img src="https://www.rum.nl/hs-fs/hubfs/Smaller%20pictures/Confectionery%20industry%20photo.jpg?width=1920&height=1280&name=Confectionery%20industry%20photo.jpg" alt="Confectionery industry photo" class="object-cover w-full h-full" width="1920" height="1280" srcset="https://www.rum.nl/hs-fs/hubfs/Smaller%20pictures/Confectionery%20industry%20photo.jpg?width=960&height=640&name=Confectionery%20industry%20photo.jpg 960w, https://www.rum.nl/hs-fs/hubfs/Smaller%20pictures/Confectionery%20industry%20photo.jpg?width=1920&height=1280&name=Confectionery%20industry%20photo.jpg 1920w, https://www.rum.nl/hs-fs/hubfs/Smaller%20pictures/Confectionery%20industry%20photo.jpg?width=2880&height=1920&name=Confectionery%20industry%20photo.jpg 2880w, https://www.rum.nl/hs-fs/hubfs/Smaller%20pictures/Confectionery%20industry%20photo.jpg?width=3840&height=2560&name=Confectionery%20industry%20photo.jpg 3840w, https://www.rum.nl/hs-fs/hubfs/Smaller%20pictures/Confectionery%20industry%20photo.jpg?width=4800&height=3200&name=Confectionery%20industry%20photo.jpg 4800w, https://www.rum.nl/hs-fs/hubfs/Smaller%20pictures/Confectionery%20industry%20photo.jpg?width=5760&height=3840&name=Confectionery%20industry%20photo.jpg 5760w" sizes="(max-width: 1920px) 100vw, 1920px"> 2118 </div> 2119 2120 2121 <!-- ? Product info block --> 2122 2123 <div class="bg-light-beige 2124 mt-[-80px] md:mt-[-120px] 2125 2126 py-4 px-3 w-[90%] flex flex-col 2127 "> 2128 <!-- ? Product title --> 2129 <h3 class="text-barrel-brown 2130 block text-sm leading-7 font-bold w-fit mb-2 2131 md:text-base md:leading-8 md:mb-1"> 2132 Industries 2133 </h3> 2134 2135 <!-- ? Product description --> 2136 2137 <div class="font-trebuchet text-sm leading-5 mb-2 md:text-base md:leading-8 md:mb-[28px]"> 2138 E&A Scheer supplies bespoke blends of Rum, Batavia Arrack, and Cachaça in bulk for the drinks, flavour & fragrance, and confectionery industries. 2139 </div> 2140 2141 2142 <!-- ? Blog post link --> 2143 2144 <a href="https://www.rum.nl/en/about-us/industries?hsLang=en" class="flex items-center gap-x-3 w-fit group ">
2145 <span class=" 2146 text-dark-green 2147 font-bold text-sm md:text-base 2148 "> 2149 Learn more 2150 </span> 2151 2152 2153 <svg width="83" height="6" viewbox="0 0 83 6" fill="none" xmlns="http://www.w3.org/2000/svg"> 2154 <path d="M0.113249 3.00098L3 5.88773L5.88675 3.00098L3 0.114225L0.113249 3.00098ZM83 3.00098L78 0.114225V5.88773L83 3.00098ZM3 3.50098H78.5V2.50098H3V3.50098Z" fill="#5A6E76" /> 2155 </svg> 2156 2157 </a> 2158 2159 </div> 2160 2161 </div> 2162 2163 2164 <div class="flex flex-col items-center w-full md:mt-8" id="module_1744890197681__column_2"> 2165 <!-- ? Roman number --> 2166 <span class="flex justify-center gap-x-[1px] mb-[12px] md:mb-4"> 2167 2168 2169 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2170 <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#D26940" /> 2171 </svg> 2172 2173 2174 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2175 <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#D26940" /> 2176 </svg> 2177 2178 </span> 2179 2180 <!-- ? Product image --> 2181 2182 <div class="w-full h-[211px] md:h-[338px]"> 2183 <img src="https://www.rum.nl/hs-fs/hubfs/New%20photos%20july%202024/20240617_EA-SCHEER_Francesstefanie-7-1.jpg?width=1000&height=667&name=20240617_EA-SCHEER_Francesstefanie-7-1.jpg" alt="20240617_EA-SCHEER_Francesstefanie-7-1" class="object-cover w-full h-full" width="1000" height="667" srcset="https://www.rum.nl/hs-fs/hubfs/New%20photos%20july%202024/20240617_EA-SCHEER_Francesstefanie-7-1.jpg?width=500&height=334&name=20240617_EA-SCHEER_Francesstefanie-7-1.jpg 500w, https://www.rum.nl/hs-fs/hubfs/New%20photos%20july%202024/20240617_EA-SCHEER_Francesstefanie-7-1.jpg?width=1000&height=667&name=20240617_EA-SCHEER_Francesstefanie-7-1.jpg 1000w, https://www.rum.nl/hs-fs/hubfs/New%20photos%20july%202024/20240617_EA-SCHEER_Francesstefanie-7-1.jpg?width=1500&height=1001&name=20240617_EA-SCHEER_Francesstefanie-7-1.jpg 1500w, https://www.rum.nl/hs-fs/hubfs/New%20photos%20july%202024/20240617_EA-SCHEER_Francesstefanie-7-1.jpg?width=2000&height=1334&name=20240617_EA-SCHEER_Francesstefanie-7-1.jpg 2000w, https://www.rum.nl/hs-fs/hubfs/New%20photos%20july%202024/20240617_EA-SCHEER_Francesstefanie-7-1.jpg?width=2500&height=1668&name=20240617_EA-SCHEER_Francesstefanie-7-1.jpg 2500w, https://www.rum.nl/hs-fs/hubfs/New%20photos%20july%202024/20240617_EA-SCHEER_Francesstefanie-7-1.jpg?width=3000&height=2001&name=20240617_EA-SCHEER_Francesstefanie-7-1.jpg 3000w" sizes="(max-width: 1000px) 100vw, 1000px"> 2184 </div> 2185 2186 2187 <!-- ? Product info block --> 2188 2189 <div class="bg-light-beige 2190 mt-[-80px] md:mt-[-120px] 2191 2192 py-4 px-3 w-[90%] flex flex-col 2193 "> 2194 <!-- ? Product title --> 2195 <h3 class="text-barrel-brown 2196 block text-sm leading-7 font-bold w-fit mb-2 2197 md:text-base md:leading-8 md:mb-1"> 2198 Logistics 2199 </h3> 2200 2201 <!-- ? Product description --> 2202 2203 <div class="font-trebuchet text-sm leading-5 mb-2 md:text-base md:leading-8 md:mb-[28px]"> 2204 Supplying Rum to clients in 60 countries worldwide, we are highly experienced in managing seamless logistics to any corner of the world. 2205 </div> 2206 2207 2208 <!-- ? Blog post link --> 2209 2210 <a href="https://www.rum.nl/en/about-us/logistics?hsLang=en" class="flex items-center gap-x-3 w-fit group "> 2211 <span class=" 2212 text-dark-green 2213 font-bold text-sm md:text-base 2214 "> 2215 Learn more 2216 </span> 2217 2218 2219 <svg width="83" height="6" viewbox="0 0 83 6" fill="none" xmlns="http://www.w3.org/2000/svg"> 2220 <path d="M0.113249 3.00098L3 5.88773L5.88675 3.00098L3 0.114225L0.113249 3.00098ZM83 3.00098L78 0.114225V5.88773L83 3.00098ZM3 3.50098H78.5V2.50098H3V3.50098Z" fill="#5A6E76" /> 2221 </svg> 2222 2223 </a> 2224 2225 </div> 2226 2227 </div> 2228 2229 2230 <div class="flex flex-col items-center w-full " id="module_1744890197681__column_3"> 2231 <!-- ? Roman number -->
2232 <span class="flex justify-center gap-x-[1px] mb-[12px] md:mb-4"> 2233 2234 2235 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2236 <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#D26940" /> 2237 </svg> 2238 2239 2240 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2241 <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#D26940" /> 2242 </svg> 2243 2244 2245 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2246 <path d="M5.40744 10H0.399438V9.424L1.95144 8.208V2.112L0.223438 1.552L0.591438 0.832H5.58344V1.408L4.03144 2.624V8.72L5.77544 9.28L5.40744 10Z" fill="#D26940" /> 2247 </svg> 2248 2249 </span> 2250 2251 <!-- ? Product image --> 2252 2253 <div class="w-full h-[211px] md:h-[338px]"> 2254 <img src="https://www.rum.nl/hs-fs/hubfs/Rums%20history.jpg?width=2000&height=1334&name=Rums%20history.jpg" alt="Rums history" class="object-cover w-full h-full" width="2000" height="1334" srcset="https://www.rum.nl/hs-fs/hubfs/Rums%20history.jpg?width=1000&height=667&name=Rums%20history.jpg 1000w, https://www.rum.nl/hs-fs/hubfs/Rums%20history.jpg?width=2000&height=1334&name=Rums%20history.jpg 2000w, https://www.rum.nl/hs-fs/hubfs/Rums%20history.jpg?width=3000&height=2001&name=Rums%20history.jpg 3000w, https://www.rum.nl/hs-fs/hubfs/Rums%20history.jpg?width=4000&height=2668&name=Rums%20history.jpg 4000w, https://www.rum.nl/hs-fs/hubfs/Rums%20history.jpg?width=5000&height=3335&name=Rums%20history.jpg 5000w, https://www.rum.nl/hs-fs/hubfs/Rums%20history.jpg?width=6000&height=4002&name=Rums%20history.jpg 6000w" sizes="(max-width: 2000px) 100vw, 2000px"> 2255 </div> 2256 2257 2258 <!-- ? Product info block --> 2259 2260 <div class="bg-light-beige 2261 mt-[-80px] md:mt-[-120px] 2262 2263 py-4 px-3 w-[90%] flex flex-col 2264 "> 2265 <!-- ? Product title --> 2266 <h3 class="text-barrel-brown 2267 block text-sm leading-7 font-bold w-fit mb-2 2268 md:text-base md:leading-8 md:mb-1"> 2269 Our values 2270 </h3> 2271 2272 <!-- ? Product description --> 2273 2274 <div class="font-trebuchet text-sm leading-5 mb-2 md:text-base md:leading-8 md:mb-[28px]"> 2275 We believe that a uniform set of core values is essential to guiding us in delivering excellence, respecting people and the environment, acting with integrity, and adopting a creative and resourceful mindset. 2276 </div> 2277 2278 2279 <!-- ? Blog post link --> 2280 2281 <a href="https://www.rum.nl/en/about-us/values?hsLang=en" class="flex items-center gap-x-3 w-fit group "> 2282 <span class=" 2283 text-dark-green 2284 font-bold text-sm md:text-base 2285 "> 2286 Learn more 2287 </span> 2288 2289 2290 <svg width="83" height="6" viewbox="0 0 83 6" fill="none" xmlns="http://www.w3.org/2000/svg"> 2291 <path d="M0.113249 3.00098L3 5.88773L5.88675 3.00098L3 0.114225L0.113249 3.00098ZM83 3.00098L78 0.114225V5.88773L83 3.00098ZM3 3.50098H78.5V2.50098H3V3.50098Z" fill="#5A6E76" /> 2292 </svg> 2293 2294 </a> 2295 2296 </div> 2297 2298 </div> 2299 2300 </div> 2301 2302 2303 <!-- ? CTA button --> 2304 2305 </div> 2306</div></section></div> 2307 2308</div><!--end widget-span --> 2309</div><!--end row--> 2310</div><!--end row-wrapper --> 2311 2312</div><!--end widget-span --> 2313</div><!--end row--> 2314</div><!--end row-wrapper --> 2315 2316<div class="row-fluid-wrapper row-depth-1 row-number-13 dnd-section"> 2317<div class="row-fluid "> 2318<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 2319<div id="hs_cos_wrapper_Homepage_default-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"><footer id="Homepage_default-module-8" class="relative"> 2320 <!-- ? BG Image --> 2321 2322 <div class="absolute z-0 inset-0"> 2323 <img src="https://www.rum.nl/hs-fs/hubfs/MRC%20pics/IMG_9599.jpg?width=4272&height=2848&name=IMG_9599.jpg" alt="IMG_9599" loading="lazy" class="object-cover w-full h-full" width="4272" height="2848" srcset="https://www.rum.nl/hs-fs/hubfs/MRC%20pics/IMG_9599.jpg?width=2136&height=1424&name=IMG_9599.jpg 2136w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/IMG_9599.jpg?width=4272&height=2848&name=IMG_9599.jpg 4272w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/IMG_9599.jpg?width=6408&height=4272&name=IMG_9599.jpg 6408w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/IMG_9599.jpg?width=8544&height=5696&name=IMG_9599.jpg 8544w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/IMG_9599.jpg?width=10680&height=7120&name=IMG_9599.jpg 10680w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/IMG_9599.jpg?width=12816&height=8544&name=IMG_9599.jpg 12816w" sizes="(max-width: 4272px) 100vw, 4272px"> 2324 </div> 2325 2326 2327 <div class="container relative z-10"> 2328 <!-- ? Main links wrapper --> 2329 <div id="Homepage_default-module-8__main-links" class="rounded-2xl bg-light-beige flex flex-col p-5 translate-y-[-60px] 2330 md:flex-row md:justify-between md:py-8 md:pl-14 md:pr-[151px] md:-translate-y-10 2331 "> 2332 <div class="flex flex-col justify-center gap-y-2 2333 max-w-[200px] mx-auto mb-5 2334 md:relative md:-left-3 md:mx-0 md:mb-0 2335 "> 2336 <!-- ? Logo --> 2337 <div class="flex justify-center items-center"> 2338 <span id="hs_cos_wrapper_Homepage_default-module-8_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="logo"><a href="https://www.rum.nl/en/home/eascheer?hsLang=en" id="hs-link-Homepage_default-module-8_" style="border-width:0px;border:0px;"><img src="https://www.rum.nl/hubfs/Logo-1.svg" class="hs-image-widget " height="96" style="height: auto;width:96px;border-width:0px;border:0px;" width="96" alt="E&A Scheer - Making Rum sourcing easy" title="E&A Scheer - Making Rum sourcing easy" loading="lazy"></a></span> 2339 </div> 2340 2341 <!-- ? Social media links --> 2342 2343 <!-- ? Links --> 2344 <div class="flex flex-col gap-y-1 items-center"> 2345 2346 2347 2348 <!-- ? Text link --> 2349 2350 2351 2352 2353 <a href="mailto:[email protected]" class="font-bold text-bear-brown hover:text-bobby-brown duration-200"> 2354 E: [email protected] 2355 </a> 2356 2357 2358 2359 <!-- ? Phone number --> 2360 <a href="" class="font-bold text-bear-brown hover:text-bobby-brown duration-200 Homepage_default-module-8__phone-link-1"> 2361 T: +31 20 6243412 2362 </a> 2363 2364
2364<script defer> 2365 (() => { 2366 insertPhoneNumberToHref('tel:0031206243412'); 2367 2368 function insertPhoneNumberToHref(phoneNumber) { 2369 try { 2370 if (!phoneNumber) throw new Error(`phoneNumber not found\n${phoneNumber} `); 2371 const phoneLinkElement = document.querySelector('.Homepage_default-module-8__phone-link-1'); 2372 if (!phoneLinkElement) throw new Error(`phoneLinkElement not found\n${phoneLinkElement}`); 2373 phoneLinkElement.href = phoneNumber; 2374 } catch (e) { console.warn(`%c!!! insertPhoneNumberToHref()\n${e}`, 'background: #faf'); } 2375 } 2376 })(); 2377 </script>
2377 2378 2379 2380 </div> 2381 2382 2383 <!-- ? Social media logo links --> 2384 2385 <div class="flex justify-center items-center gap-x-2 mt-1"> 2386 2387 2388 <a href="https://www.facebook.com/eascheer1712"> 2389 <img src="https://www.rum.nl/hs-fs/hubfs/facebook.png?width=50&height=50&name=facebook.png" alt="facebook-icon" width="50" height="50" class="w-4 h-4" srcset="https://www.rum.nl/hs-fs/hubfs/facebook.png?width=25&height=25&name=facebook.png 25w, https://www.rum.nl/hs-fs/hubfs/facebook.png?width=50&height=50&name=facebook.png 50w, https://www.rum.nl/hs-fs/hubfs/facebook.png?width=75&height=75&name=facebook.png 75w, https://www.rum.nl/hs-fs/hubfs/facebook.png?width=100&height=100&name=facebook.png 100w, https://www.rum.nl/hs-fs/hubfs/facebook.png?width=125&height=125&name=facebook.png 125w, https://www.rum.nl/hs-fs/hubfs/facebook.png?width=150&height=150&name=facebook.png 150w" sizes="(max-width: 50px) 100vw, 50px"> 2390 </a> 2391 2392 2393 2394 <a href="https://www.linkedin.com/company/e%26a-scheer-bv/?viewAsMember=true"> 2395 <img src="https://www.rum.nl/hs-fs/hubfs/linkedin.png?width=50&height=50&name=linkedin.png" alt="linkedin" width="50" height="50" class="w-4 h-4" srcset="https://www.rum.nl/hs-fs/hubfs/linkedin.png?width=25&height=25&name=linkedin.png 25w, https://www.rum.nl/hs-fs/hubfs/linkedin.png?width=50&height=50&name=linkedin.png 50w, https://www.rum.nl/hs-fs/hubfs/linkedin.png?width=75&height=75&name=linkedin.png 75w, https://www.rum.nl/hs-fs/hubfs/linkedin.png?width=100&height=100&name=linkedin.png 100w, https://www.rum.nl/hs-fs/hubfs/linkedin.png?width=125&height=125&name=linkedin.png 125w, https://www.rum.nl/hs-fs/hubfs/linkedin.png?width=150&height=150&name=linkedin.png 150w" sizes="(max-width: 50px) 100vw, 50px"> 2396 </a> 2397 2398 2399 2400 <a href="https://www.instagram.com/eascheeramsterdam/"> 2401 <img src="https://www.rum.nl/hs-fs/hubfs/instagram.png?width=50&height=50&name=instagram.png" alt="instagram" width="50" height="50" class="w-4 h-4" srcset="https://www.rum.nl/hs-fs/hubfs/instagram.png?width=25&height=25&name=instagram.png 25w, https://www.rum.nl/hs-fs/hubfs/instagram.png?width=50&height=50&name=instagram.png 50w, https://www.rum.nl/hs-fs/hubfs/instagram.png?width=75&height=75&name=instagram.png 75w, https://www.rum.nl/hs-fs/hubfs/instagram.png?width=100&height=100&name=instagram.png 100w, https://www.rum.nl/hs-fs/hubfs/instagram.png?width=125&height=125&name=instagram.png 125w, https://www.rum.nl/hs-fs/hubfs/instagram.png?width=150&height=150&name=instagram.png 150w" sizes="(max-width: 50px) 100vw, 50px"> 2402 </a> 2403 2404 2405 </div> 2406 2407 </div> 2408 2409 2410 2411 2412 <!-- ? Column 1 --> 2413 <div class="mb-3 md:mb-0"> 2414 <span class="block font-bold font-trebuchet text-darker-beige text-sm leading-5 mb-2 md:mb-[22px]"> 2415 Offerings 2416 </span> 2417 2418 <div class="font-trebuchet"> 2419 <div id="hs_menu_wrapper_Homepage_default-module-8_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="default" data-menu-id="53968626396" aria-label="Navigation Menu"> 2420 <ul role="menu"> 2421 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/collection/rum" role="menuitem">Rum</a></li> 2422 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/collection/batavia-arrack" role="menuitem">Batavia Arrack</a></li> 2423 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/collection/cachaça" role="menuitem">Cachaça</a></li> 2424 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/collection/single-cask-rum" role="menuitem">Single-cask Rum</a></li> 2425 </ul> 2426</div> 2427 </div> 2428 </div> 2429 2430 <!-- ? Column 2 --> 2431 <div class="mb-3 md:mb-0"> 2432 <span class="block font-bold font-trebuchet text-darker-beige text-sm leading-5 mb-2 md:mb-[22px]"> 2433 Markets 2434 </span> 2435 2436 <div class="font-trebuchet"> 2437 <div id="hs_menu_wrapper_Homepage_default-module-8_" class="hs-menu-wrapper active-branch flyout
2437s hs-menu-flow-horizontal" role="navigation" data-sitemap-name="default" data-menu-id="53968707816" aria-label="Navigation Menu"> 2438 <ul role="menu"> 2439 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/downloads/eascheer/drinks-industry" role="menuitem">Drinks industry</a></li> 2440 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/downloads/eascheer/flavour-fragrance-industry" role="menuitem">Flavour & fragrance industry</a></li> 2441 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/downloads/eascheer/confectionery-industry" role="menuitem">Confectionery industry</a></li> 2442 </ul> 2443</div> 2444 </div> 2445 </div> 2446 2447 <!-- ? Column 3 --> 2448 <div class="mb-3 md:mb-0"> 2449 <span class="block font-bold font-trebuchet text-darker-beige text-sm leading-5 mb-2 md:mb-[22px]"> 2450 Tools 2451 </span> 2452 2453 <div class="font-trebuchet"> 2454 <div id="hs_menu_wrapper_Homepage_default-module-8_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="default" data-menu-id="53968707825" aria-label="Navigation Menu"> 2455 <ul role="menu"> 2456 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/blending-tool" role="menuitem">Rum Blending Tool</a></li> 2457 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/cask-selector-tool" role="menuitem">Cask Selector Tool</a></li> 2458 </ul> 2459</div> 2460 </div> 2461 </div> 2462 2463 <!-- ? Column 4 --> 2464 <div class="flex flex-col justify-between"> 2465 <!-- ? Top row --> 2466 <div class="mb-3 md:mb-0"> 2467 <span class="block font-bold font-trebuchet text-darker-beige text-sm leading-5 mb-2 md:mb-[22px]"> 2468 Company 2469 </span> 2470 2471 <div class="font-trebuchet"> 2472 <div id="hs_menu_wrapper_Homepage_default-module-8_" class="hs-menu-wrapper active-branch flyouts hs-menu-flow-horizontal" role="navigation" data-sitemap-name="default" data-menu-id="53968708032" aria-label="Navigation Menu"> 2473 <ul role="menu"> 2474 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/downloads/eascheer" role="menuitem">News & Downloads</a></li> 2475 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/home/mainrum" role="menuitem">The Main Rum Co.</a></li> 2476 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/request/contact" role="menuitem">Contact</a></li> 2477 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/downloads/eascheer/ea-scheer-faq" role="menuitem">FAQ</a></li> 2478 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/vacancies" role="menuitem">Vacancies</a></li> 2479 </ul> 2480</div> 2481 </div> 2482 </div> 2483 2484 <!-- ? Bottom row --> 2485 <div class=""> 2486 <span class="block font-bold font-trebuchet text-darker-beige text-sm leading-5 mb-2 md:mb-[22px]"> 2487 2488 </span> 2489 2490 <div class="font-trebuchet"> 2491 <ul></ul> 2492 </div> 2493 </div> 2494 </div> 2495 </div> 2496 </div> 2497 2498 <!-- ? Bottom links --> 2499 <div class="container relative z-10 flex flex-col justify-center items-center gap-y-2 bg-barrel-brown text-white py-2 max-w-none 2500 md:flex-row md:gap-x-[76px] 2501 "> 2502 <!-- ? Links --> 2503 <div id="#Homepage_default-module-8__bottom-links" class="flex justify-center gap-x-5"> 2504 2505 2506 2507 <a href="https://www.rum.nl/en/general-conditions/eascheer?hsLang=en" class="font-trebuchet text-xs leading-6 md:text-sm"> 2508 General conditions 2509 </a> 2510 2511 2512 2513 <a href="https://www.rum.nl/en/privacy/eascheer?hsLang=en" class="font-trebuchet text-xs leading-6 md:text-sm"> 2514 Privacy 2515 </a> 2516 2517 2518 2519 <a href="" class="font-trebuchet text-xs leading-6 md:text-sm"> 2520 2521 </a> 2522 2523 2524 2525 <a href="" class="font-trebuchet text-xs leading-6 md:text-sm"> 2526 2527 </a> 2528 </div> 2529 2530 <!-- ? Copyright text --> 2531 <span class="block text-sm leading-5 font-bold"> 2532 Copyright © E&A Scheer BV. 2026 2533 </span> 2534 </div> 2535</footer> 2536 2537 2538 2539 2540 2541 2542 2543 2544</div> 2545 2546</div><!--end widget-span --> 2547</div><!--end row--> 2548</div><!--end row-wrapper --> 2549 2550</div><!--end widget-span --> 2551</div> 2552</div> 2553</div> 2554 2555 </main> 2556 2557 2558 </div> 2559 2560 2561<!-- HubSpot performance collection script -->
2562<script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"></script>
vendor: 1 bytes, line 2562
2562
2563<script src="https://www.rum.nl/hubfs/hub_generated/template_assets/1/53103084746/1789027501941/template_main.min.js"></script>
vendor: 1 bytes, line 2563
2563
2564<script> 2565var hsVars = hsVars || {}; hsVars['language'] = 'en'; 2566</script>
2566 2567
2568<script src="/hs/hsstatic/cos-i18n/static-1.53/bundles/project.js"></script>
vendor: 1 bytes, line 2568
2568
2569<script src="/hs/hsstatic/keyboard-accessible-menu-flyouts/static-1.17/bundles/project.js"></script>
2569 2570 2571
2571<script defer> 2572 (() => { 2573 // @ts-check 2574 2575 waitForElements('#widget_1677004852007 #menu-mobile li.hs-menu-depth-1 ul', () => { 2576 insertLogoIntoMenuDesktop(); 2577 addToggleEventToHamburgerButton(); 2578 mobileParentMenuItemsLogic(); 2579 }); 2580 2581 2582 function addToggleEventToHamburgerButton() { 2583 try { 2584 const hamburgerButton = document.querySelector('#widget_1677004852007__hamburger'); 2585 if (!hamburgerButton) 2586 throw new Error('hamburgerButton not found'); 2587 2588 const menuMobile = document.querySelector('#widget_1677004852007 #menu-mobile'); 2589 if (!menuMobile) 2590 throw new Error('menuMobile not found'); 2591 2592 hamburgerButton.addEventListener('click', () => { 2593 _toggleMenuMobile(); 2594 _toggleHamburgerSVG(); 2595 }); 2596 2597 function _toggleMenuMobile() { 2598 try { 2599 const menuMobileIsOpen = !menuMobile.classList.contains('hidden'); 2600 const body = document.querySelector('body'); 2601 2602 if (menuMobileIsOpen) { 2603 menuMobile.classList.add('hidden'); 2604 body.classList.remove('overflow-hidden'); 2605 } else { 2606 menuMobile.classList.remove('hidden'); 2607 body.classList.add('overflow-hidden'); 2608 } 2609 } catch (e) { console.warn(`%c!!! _toggleMenuMobile()\n${e}`, 'background: #faf'); } 2610 } 2611 2612 function _toggleHamburgerSVG() { 2613 try { 2614 const menuMobileIsOpen = !menuMobile.classList.contains('hidden'); 2615 2616 const hamburgerSVG = document.querySelector('#widget_1677004852007__hamburger__hamburger-svg'); 2617 if (!hamburgerSVG) 2618 throw new Error('hamburgerSVG not found'); 2619 2620 const xSVG = document.querySelector('#widget_1677004852007__hamburger__x-svg'); 2621 if (!xSVG) 2622 throw new Error('xSVG not found'); 2623 2624 if (menuMobileIsOpen) { 2625 hamburgerSVG.classList.add('hidden'); 2626 xSVG.classList.remove('hidden'); 2627 } else { 2628 hamburgerSVG.classList.remove('hidden'); 2629 xSVG.classList.add('hidden'); 2630 } 2631 2632 } catch (e) { console.warn(`%c!!! _toggleHamburgerSVG()\n${e}`, 'background: #faf'); } 2633 } 2634 } catch (e) { console.warn(`%c!!! addToggleEventToHamburgerButton()\n${e}`, 'background: #faf'); } 2635 } 2636 2637 2638 function insertLogoIntoMenuDesktop() { 2639 try { 2640 const menuDesktop = document.querySelector('#widget_1677004852007__menu-desktop .hs-menu-wrapper > ul'); 2641 if (!menuDesktop) throw new Error('menuDesktop not found'); 2642 2643 const correctMenuLength = 4; 2644 if (menuDesktop.children.length !== correctMenuLength) 2645 throw new Error(`menuDesktop length is not ${correctMenuLength}`); 2646 2647 const secondChildItem = menuDesktop.querySelector('li.hs-menu-depth-1:nth-child(2)'); 2648 secondChildItem.insertAdjacentHTML('afterend', ` 2649 2650 <span id="hs_cos_wrapper_widget_1677004852007_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="logo" ><a href="https://www.rum.nl/en/home/eascheer" id="hs-link-widget_1677004852007_" style="border-width:0px;border:0px;"><img src="https://25607130.fs1.hubspotusercontent-eu1.net/hubfs/25607130/Logo-1.svg" class="hs-image-widget " height="96" style="height: auto;width:48px;border-width:0px;border:0px;" width="48" alt="E&A Scheer - Making Rum sourcing easy" title="E&A Scheer - Making Rum sourcing easy" loading=""></a></span> 2651`); 2652 } catch (e) { console.warn(`%c!!! insertLogoIntoMenuDesktop()\n${e}`, 'background: #faf'); } 2653 } 2654 2655 2656 function mobileParentMenuItemsLogic() { 2657 // try { 2658 /* Guard clauses and variable declarations - start */ 2659 const parentMenuItems = [...document.querySelectorAll('#widget_1677004852007 #menu-mobile ul li.hs-item-has-children.hs-menu-depth-1')]; 2660 if (parentMenuItems.length < 1) throw new Error(`parentMenuItems n
2660ot found:\n${parentMenuItems}`); 2661 2662 const customSubMenuWrapper = document.querySelector('#widget_1677004852007 .menu-mobile__sub-menu'); 2663 if (!customSubMenuWrapper) throw new Error(`customSubMenuWrapper not found:\n${customSubMenuWrapper}`); 2664 2665 const subMenuUlElements = [...document.querySelectorAll('#menu-mobile li.hs-menu-depth-1 ul.hs-menu-children-wrapper')]; 2666 if (subMenuUlElements.length < 1) throw new Error(`subMenuUlElements not found:\n${subMenuUlElements}`); 2667 2668 const mobileMainMenu = document.querySelector('#menu-mobile .menu-mobile__main-menu'); 2669 if (!mobileMainMenu) throw new Error(`mobileMainMenu not found:\n${mobileMainMenu}`); 2670 2671 const closeSubMenuSvg = document.querySelector('.menu-mobile__sub-menu__arrow-svg'); 2672 if (!closeSubMenuSvg) throw new Error(`closeSubMenuSvg not found:\n${closeSubMenuSvg}`); 2673 2674 const closeMobileMenuSvg = document.querySelector('#widget_1677004852007__hamburger__x-svg'); 2675 if (!closeMobileMenuSvg) throw new Error(`closeMobileMenuSvg not found:\n${closeMobileMenuSvg}`); 2676 /* Guard clauses and variable declarations - end */ 2677 2678 _moveSubMenuItemsToSubMenuWrapper(parentMenuItems); 2679 _insertArrowsToMobileParentMenuItems(parentMenuItems); 2680 _addCustomClickEventToParentMenuItems(parentMenuItems); 2681 2682 closeSubMenuSvg.addEventListener('click', closeSubMenu); 2683 closeMobileMenuSvg.addEventListener('click', closeSubMenu); 2684 2685 2686 function closeSubMenu() { 2687 // try { 2688 mobileMainMenu.style.display = 'flex'; 2689 2690 for (let i = 0; i < subMenuUlElements.length; i++) { 2691 subMenuUlElements[i].style.display = 'none'; 2692 customSubMenuWrapper.style.display = 'none'; 2693 } 2694 // } catch (e) { console.warn(`%c!!! closeSubMenu()\n${e}`, 'background: #faf'); } 2695 } 2696 2697 function _insertArrowsToMobileParentMenuItems(parentMenuItems) { 2698 // try { 2699 if (!parentMenuItems || parentMenuItems.length < 1) 2700 throw new Error(`parentMenuItems not found:\n${parentMenuItems}`); 2701 2702 const arrowSvg = ` 2703 <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" 2704 style="pointer-events:none;" 2705 > 2706 <rect width="40" height="40" rx="20" fill="#FDF3E8"/> 2707 <path d="M14.1074 20.0019H25.8926M25.8926 20.0019L20 14.1094M25.8926 20.0019L20 25.8945" stroke="#271500" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> 2708 </svg> 2709 `; 2710 2711 parentMenuItems.forEach(menuItem => { 2712 menuItem.insertAdjacentHTML('beforeend', arrowSvg); 2713 }); 2714 // } catch (e) { console.warn(`%c!!! _insertArrowsToMobileParentMenuItems()\n${e}`, 'background: #faf'); } 2715 } 2716 2717 function _addCustomClickEventToParentMenuItems(parentMenuItems) { 2718 // try { 2719 if (!parentMenuItems || parentMenuItems.length < 1) 2720 throw new Error(`parentMenuItems not found:\n${parentMenuItems}`); 2721 2722 parentMenuItems.forEach(menuItem => { 2723 menuItem.addEventListener('click', event => { 2724 event.preventDefault(); 2725 _openSubMenu(); 2726 }); 2727 }); 2728 2729 function _openSubMenu() { 2730 // try { 2731 mobileMainMenu.style.display = 'none'; 2732 2733 const currentMenuItem_name = event.target.textContent.trim().toLowerCase(); 2734 for (let i = 0; i < subMenuUlElements.length; i++) { 2735 const subMenuUlElement = subMenuUlElements[i]; 2736 const subMenuUlElement_name = subMenuUlElement.dataset.name; 2737 if (subMenuUlElement_name === currentMenuItem_name) { 2738 subMenuUlElement.style.display = 'block'; 2739 customSubMenuWrapper.style.display = 'block'; 2740 break; 2741 } 2742 } 2743 // } catch (e) { console.warn(`%c!!! _openSubMenu()\n${e}`, 'background: #faf'); } 2744 } 2745 // } catch (e) { console.warn(`%c!!! _addCustomClickEventToParentMenuItems()\n${e}`, 'background: #faf'); } 2746 } 2747 2748 /** 2749 * - Moves all sub menu items (ul elements) to the sub menu wrapper. 2750 * - Gives sub menu items (ul elements) a data-name attribute. 2751 * - Gives sub menu items (ul elements) style.display = 'none'. 2752 */ 2753 function _moveSubMenuItemsToSubMenuWrapper(parentMenuItems) { 2754 // try { 2755 if (!parentMenuItems || parentMenuItems.length < 1)
2756 throw new Error(`parentMenuItems not found:\n${parentMenuItems}`); 2757 2758 parentMenuItems.forEach((parentMenuItem, index) => { 2759 /* Guard clauses and variable declarations - start */ 2760 const parentMenuItem_aTag = parentMenuItem.querySelector('a'); 2761 if (!parentMenuItem_aTag) throw new Error(`parentMenuItem_aTag not found:\n${parentMenuItem_aTag}`); 2762 2763 const parentMenuItem_name = parentMenuItem_aTag.textContent.trim().toLowerCase(); 2764 if (!parentMenuItem_name) throw new Error(`parentMenuItem_name not found:\n${parentMenuItem_name}`); 2765 2766 const subMenuUlElement = parentMenuItem.querySelector('ul.hs-menu-children-wrapper'); 2767 if (!subMenuUlElement) throw new Error(`subMenuUlElement not found:\n${subMenuUlElement}`); 2768 /* Guard clauses and variable declarations - end */ 2769 2770 customSubMenuWrapper.insertAdjacentElement('beforeend', subMenuUlElement); 2771 subMenuUlElement.style.display = 'none'; 2772 subMenuUlElement.dataset.name = parentMenuItem_name; 2773 }); 2774 // } catch (e) { console.warn(`%c!!! _moveSubMenuItemsToSubMenuWrapper()\n${e}`, 'background: #faf'); } 2775 } 2776 // } catch (e) { console.warn(`%c!!! mobileParentMenuItemsLogic()\n${e}`, 'background: #faf'); } 2777 } 2778 2779 /** 2780 * Keeps searching for elements with the given queries until all are found or iteration limit has been exceeded. 2781 * If all elements are found, invoke given callback. Otherwise log warning. 2782 * 2783 * @param {string | string[]} elementQueries 2784 * @callback callback 2785 * @param {number} iterationLimit - How many iterations can this function do before aborting? 2786 * @param {number} intervalMs - In miliseconds. 2787 */ 2788 function waitForElements(elementQueries, callback, iterationLimit = 50, intervalMs = 100) { 2789 try { 2790 /* Guard clauses - start */ 2791 if (!elementQueries 2792 || !Array.isArray(elementQueries) && typeof elementQueries !== 'string' 2793 || elementQueries.length < 1 2794 ) 2795 throw new Error(`elementQueries is invalid or empty.\nelementQueries:\n` + Array); 2796 2797 if (!callback 2798 || typeof callback !== 'function' 2799 ) 2800 throw new Error(`callback is invalid.\ncallback:\n` + callback); 2801 /* Guard clauses - end */ 2802 2803 let intervalIterations = 0; 2804 if (typeof elementQueries === 'string') elementQueries = [elementQueries]; 2805 const numberOfGivenQueries = elementQueries.length; 2806 2807 const waitForElement = setInterval(() => { 2808 intervalIterations++; 2809 2810 let numberOfElementsFound = 0; 2811 for (let i = 0; i < elementQueries.length; i++) { 2812 const element = document.querySelector(elementQueries[i]); 2813 if (element) numberOfElementsFound++; 2814 2815 const allElementsAreFound = numberOfElementsFound === numberOfGivenQueries; 2816 if (allElementsAreFound) { 2817 callback(element, waitForElement); 2818 clearInterval(waitForElement); 2819 } 2820 2821 if (intervalIterations > iterationLimit) { 2822 console.warn(`%c!!! waitForElement() intervalIterations has exceeded its limit.`, 'background: #faf'); 2823 clearInterval(waitForElement); 2824 } 2825 } 2826 }, intervalMs); 2827 } catch (e) { console.warn(`%c!!! waitForElement()\ne`, 'background: #faf'); } 2828 } 2829 })(); 2830 </script>
2830 2831 2832 2833
2833<script defer> 2834 // @ts-check 2835 "use strict"; 2836 2837 (() => { 2838 main(); 2839 2840 function main() { 2841 try { 2842 const tl = gsap.timeline(); 2843 tl 2844 .add(() => setStateTitle()) 2845 .add(() => setStateHeroImage()) 2846 .add(() => animateSubtitle()) 2847 .add(() => animateTitle(), '+=0.3') 2848 .add(() => animateHeroImage(), '+=0.3') 2849 2850 animateHeroBgImage(); 2851 2852 function setStateTitle() { 2853 try { 2854 const title = document.querySelector('#widget_1677004716943 .hero__title'); 2855 if (!title) throw new Error('title not found\ntitle:\n', title); 2856 gsap.set(title, { 2857 opacity: 0, 2858 y: 50 2859 }); 2860 } catch (e) { console.warn(`%c!!! setStateTitle()\n${e}`, 'background: #faf'); } 2861 } 2862 2863 function animateTitle() { 2864 try { 2865 const title = document.querySelector('#widget_1677004716943 .hero__title'); 2866 if (!title) throw new Error('title not found\ntitle:\n', title); 2867 gsap.to(title, 2868 { 2869 ease: Power4, 2870 duration: 1.5, 2871 opacity: 1, 2872 y: 0 2873 }); 2874 } catch (e) { console.warn(`%c!!! animateTitle()\n${e}`, 'background: #faf'); } 2875 } 2876 2877 function animateSubtitle() { 2878 try { 2879 const subtitle = document.querySelector('#widget_1677004716943 .hero__subtitle'); 2880 if (!subtitle) throw new Error('subtitle not found\ntitle:\n', subtitle); 2881 gsap.set(subtitle, { opacity: 0 }); 2882 gsap.fromTo(subtitle, 2883 { 2884 opacity: 0, 2885 y: 25 2886 }, 2887 { 2888 ease: Power4, 2889 duration: 1.5, 2890 opacity: 1, 2891 y: 0 2892 }); 2893 } catch (e) { console.warn(`%c!!! animateSubtitle()\n${e}`, 'background: #faf'); } 2894 } 2895 2896 function setStateHeroImage() { 2897 try { 2898 const heroImage = document.querySelector('#widget_1677004716943 .hero__image'); 2899 if (!heroImage) throw new Error('heroImage not found\nheroImage:\n', heroImage); 2900 2901 gsap.set(heroImage, { 2902 ease: Power4, 2903 opacity: 0, 2904 y: 50 2905 }); 2906 } catch (e) { console.warn(`%c!!! setStateHeroImage()\n${e}`, 'background: #faf'); } 2907 } 2908 2909 function animateHeroImage() { 2910 try { 2911 const heroImage = document.querySelector('#widget_1677004716943 .hero__image'); 2912 if (!heroImage) throw new Error('heroImage not found\nheroImage:\n', heroImage); 2913 2914 gsap.to(heroImage, { 2915 duration: 1, 2916 y: 0, 2917 opacity: 1 2918 }); 2919 } catch (e) { console.warn(`%c!!! animateHeroImage()\n${e}`, 'background: #faf'); } 2920 } 2921 2922 function animateHeroBgImage() { 2923 try { 2924 const bgImage = document.querySelector('#widget_1677004716943 .hero__bg-image'); 2925 if (!bgImage) throw new Error('bgImage not found\nbgImage:\n', bgImage); 2926 bgImage.style.transform = 'translateY(400px) scale(1.5)'; 2927 2928 gsap.to(bgImage, { 2929 scrollTrigger: { 2930 trigger: bgImage, 2931 toggleActions: 'play none none none', 2932 start: '20% 80%', 2933 end: '80% 20%', 2934 scrub: 1, 2935 }, 2936 y: -100 2937 }); 2938 } catch (e) { console.warn(`%c!!! animateHeroBgImage()\n${e}`, 'background: #faf'); } 2939 } 2940 } catch (e) { console.warn(`%c!!! hero white module: main()\n${e}`, 'background: #faf'); } 2941 } 2942 })(); 2943 </script>
2943 2944 2945 2946
2946<script defer> 2947 // @ts-check 2948 "use strict"; 2949 2950 (() => { 2951 try { 2952 const BREAKPOINT = 1200; 2953 2954 slickSliderLogic(); 2955 2956 let intervalCount = 0; 2957 const setIntervalId = setInterval(() => { 2958 intervalCount++; 2959 test(); 2960 if (intervalCount >= 5) { 2961 clearInterval(setIntervalId); 2962 } 2963 }, 500); 2964 2965 2966 function test() { 2967 const textualContents = [...document.querySelectorAll('#widget_1677004603606 .textual-content')]; 2968 if (textualContents.length < 1) throw new Error(`textualContents not found:\n${textualContents}`); 2969 2970 const slickList = document.querySelector('#widget_1677004603606 .slick-list'); 2971 if (!slickList) throw new Error(`slickList not found:\n${slickList}`); 2972 2973 let textualContent_height = 0; 2974 textualContents.forEach((element, index) => { 2975 if (textualContent_height < element.offsetHeight) { 2976 textualContent_height = element.offsetHeight; 2977 } 2978 2979 slickList.style.height = `${textualContent_height + 400}px`; 2980 }); 2981 2982 } 2983 2984 2985 function slickSliderLogic() { 2986 try { 2987 $(document).ready(() => { 2988 const slickSlider = $('#widget_1677004603606.slick-slider'); 2989 _initializeSlickSlider(); 2990 _hideOrShowSlickArrowsBasedOnCurrentSlideNumber(); 2991 2992 window.addEventListener('resize', () => { 2993 if (isDesktop()) { 2994 _initializeSlickSlider(); 2995 _hideOrShowSlickArrowsBasedOnCurrentSlideNumber(); 2996 } 2997 }); 2998 2999 function _initializeSlickSlider() { 3000 try { 3001 slickSlider.slick({ 3002 responsive: [ 3003 { 3004 breakpoint: BREAKPOINT, 3005 settings: 'unslick', 3006 }, 3007 { 3008 breakpoint: 9999, 3009 settings: { 3010 adaptiveHeight: false, 3011 dots: true, 3012 infinite: false, 3013 prevArrow: ` 3014 <div class="slick-prev slick-arrow"> 3015 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" nighteye="disabled"> 3016 <line x1="20" y1="12" x2="4" y2="12"/><polyline points="10 18 4 12 10 6"/> 3017 </svg> 3018 </div> 3019 `, 3020 nextArrow: ` 3021 <div class="slick-next slick-arrow"> 3022 <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" nighteye="disabled"> 3023 <line x1="20" y1="12" x2="4" y2="12"/><polyline points="10 18 4 12 10 6"/> 3024 </svg> 3025 </div> 3026 `, 3027 } 3028 } 3029 ], 3030 }); 3031 } catch (e) { console.warn(`%c!!! _initializeSlickSlider()\n${e}`, 'background: #faf'); } 3032 } 3033 3034 3035 function _hideOrShowSlickArrowsBasedOnCurrentSlideNumber() { 3036 try { 3037 /** @type {HTMLButtonElement} */ 3038 const slickPrevElement = document.querySelector('#widget_1677004603606 .slick-prev'); 3039 if (!slickPrevElement) return; 3040 slickPrevElement.style.display = 'none'; 3041 3042 /** @type {HTMLButtonElement} */ 3043 const slickNextElement = document.querySelector('#widget_1677004603606 .slick-next'); 3044 if (!slickNextElement) return; 3045 3046 slickSlider.on('beforeChange', (event, slick, currentSlide, nextSlide) => { 3047 const isFirstSlide = nextSlide === 0; 3048 const isLastSlide = slick.$slides.length === nextSlide + 1; 3049 3050 if (isFirstSlide) { 3051 slickPrevElement.style.display = 'none'; 3052 slickNextElement.style.display = 'block'; 3053 } else if (isLastSlide) { 3054 slickPrevElement.style.display = 'block'; 3055 slickNextElement.style.display = 'none'; 3056 } else { 3057 slickPrevElement.style.display = 'block'; 3058 slickNextElement.style.display = 'block'; 3059 } 3060 }); 3061 } catch (e) { console.warn(`%c!!! _hideOrShowSlickArrowsBasedOnCurrentSlideNumber()\n${e}`, 'background: #faf'); } 3062 } 3063 3064 3065 function isDesktop(breakpoint = BREAKPOINT) { 3066 try { 3067 return window.matchMedia(`(min-width: ${breakpoint}px)`).matches; 3068 } catch (e) { console.warn(`%c!!! isDesktop()\n${e}`, 'background: #faf'); } 3069 } 3070 }); 3071 } catch (e) { console.warn(`%c!!! slickSliderLogic()\n${e}`, 'background: #faf'); } 3072 } 3073 } catch (e) { console.warn(`%c!!! about us carousel module ${e}`, 'background: #faf'); } 3074 })(); 3075 3076 </script>
3076 3077 3078 3079
3079<script defer> 3080 // @ts-check 3081 (function changePaddingBottomOfPreviousSection(customClass = 'footer-section') { 3082 // dnd stands for drag 'n drop, a HubSpot feature 3083 const thisSection = document.querySelector('#Homepage_default-module-8'); 3084 const thisDndModule = thisSection.closest('.dnd-module'); 3085 if (!thisDndModule) 3086 return console.warn(`thisDndModule not found:\n${thisDndModule}`); 3087 thisDndModule.classList.add(customClass); 3088 3089 const allDndModules = [...document.querySelectorAll('.dnd-module')]; 3090 let thisDndModuleIndex = 0; 3091 for (let i = 0; i < allDndModules.length; i++) { 3092 const dndModuleContainsCustomClass = allDndModules[i].classList.contains(customClass); 3093 if (dndModuleContainsCustomClass) { 3094 thisDndModuleIndex = i; 3095 break; 3096 } 3097 } 3098 3099 const previousDndModuleIndex = thisDndModuleIndex - 1; 3100 allDndModules.forEach((dndModule, index) => { 3101 if (index === previousDndModuleIndex) { 3102 dndModule.querySelector('section').classList.add('extra-padding-bottom'); 3103 } 3104 }); 3105 })(); 3106 </script>
3106 3107 3108 3109<!-- Start of HubSpot Analytics Code -->
3110<script type="text/javascript"> 3111var _hsq = _hsq || []; 3112_hsq.push(["setContentType", "standard-page"]); 3113_hsq.push(["setCanonicalUrl", "https:\/\/www.rum.nl\/en\/about-us\/eascheer"]); 3114_hsq.push(["setPageId", "62288060091"]); 3115_hsq.push(["setContentMetadata", { 3116 "contentPageId": 62288060091, 3117 "legacyPageId": "62288060091", 3118 "contentFolderId": null, 3119 "contentGroupId": null, 3120 "abTestId": null, 3121 "languageVariantId": 62288060091, 3122 "languageCode": "en", 3123 3124 3125}]); 3126</script>
3126 3127
3128<script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/25607130.js"></script>
3128 3129<!-- End of HubSpot Analytics Code --> 3130 3131
3132<script type="text/javascript"> 3133var hsVars = { 3134 render_id: "f69feee4-1ad9-4fd6-8511-b45997c5b65c", 3135 ticks: 1789027555199, 3136 page_id: 62288060091, 3137 3138 content_group_id: 0, 3139 portal_id: 25607130, 3140 app_hs_base_url: "https://app-eu1.hubspot.com", 3141 cp_hs_base_url: "https://cp-eu1.hubspot.com", 3142 language: "en", 3143 analytics_page_type: "standard-page", 3144 scp_content_type: "", 3145 3146 analytics_page_id: "62288060091", 3147 category_id: 1, 3148 folder_id: 0, 3149 is_hubspot_user: false 3150} 3151</script>
3151 3152 3153
3154<script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.640/js/index.js"></script>
3154 3155
3156<script> 3157 const target = document.querySelector('nav ul > li.hs-menu-item.hs-menu-depth-1:last-of-type a'); 3158if (target) { 3159 const wrapper = document.createElement('div'); 3160 wrapper.className = 'btn btn-primary custom-nav-button'; 3161 target.parentNode.insertBefore(wrapper, target); 3162 wrapper.appendChild(target); 3163} 3164</script>
3164 3165 3166<style> 3167 .custom-nav-button a { 3168 padding-top: 10px; 3169 padding-bottom: 10px; 3170 } 3171 .custom-nav-button a:after { 3172 content: ''; 3173 height: 12px; 3174 width: 12px; 3175 background-image: url('data:image/svg+xml,%3Csvg%20width%3D%2214%22%20height%3D%2214%22%20viewBox%3D%220%200%2014%2014%22%20fill%3D%22none%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cpath%20d%3D%22M6.31641%201.59229C6.02344%201.88525%206.05273%202.32471%206.31641%202.61768L9.86133%205.95752H1.45312C1.04297%205.95752%200.75%206.27979%200.75%206.66064V7.59814C0.75%208.0083%201.04297%208.30127%201.45312%208.30127H9.86133L6.31641%2011.6704C6.05273%2011.9634%206.05273%2012.4028%206.31641%2012.6958L6.96094%2013.3403C7.25391%2013.604%207.69336%2013.604%207.95703%2013.3403L13.6699%207.62744C13.9336%207.36377%2013.9336%206.92432%2013.6699%206.63135L7.95703%200.947754C7.69336%200.684082%207.25391%200.684082%206.96094%200.947754L6.31641%201.59229Z%22%20fill%3D%22white%22%2F%3E%3C%2Fsvg%3E'); 3176 background-size: contain; 3177 background-repeat: no-repeat; 3178 margin-left: 8px; 3179 display: inline-block; 3180 } 3181</style> 3182 3183 3184 3185</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.