1<!doctype html><html lang="en"><head> 2 <meta name="viewport" content="viewport-fit=cover"> 3 <meta charset="utf-8"> 4 5 <title>Premium & Bespoke Rum In Bulk Supplier Worldwide | E&A Scheer</title> 6 7 <link rel="shortcut icon" href="https://www.rum.nl/hubfs/Logo.svg"> 8 9 <meta name="description" content="E&A Scheer is a Rum company specialised in sourcing and blending Rum, Batavia Arrack and Cachaca in bulk. 10"> 11 <meta name="viewport" content="width=device-width, initial-scale=1"> 12 13 14 <meta property="og:description" content="E&A Scheer is a Rum company specialised in sourcing and blending Rum, Batavia Arrack and Cachaca in bulk. 15"> 16 <meta property="og:title" content="Premium & Bespoke Rum In Bulk Supplier Worldwide | E&A Scheer"> 17 <meta name="twitter:description" content="E&A Scheer is a Rum company specialised in sourcing and blending Rum, Batavia Arrack and Cachaca in bulk. 18"> 19 <meta name="twitter:title" content="Premium & Bespoke Rum In Bulk Supplier Worldwide | E&A Scheer"> 20 21 22 23
24<script type="application/ld+json"> 25 { 26 "@context": "https://schema.org", 27 "@type": "Organization", 28 "name": "E&A Scheer", 29 "url": "https://www.rum.nl/en/home/eascheer", 30 "logo": "https://25607130.fs1.hubspotusercontent-eu1.net/hubfs/25607130/Logo-1.svg", 31 "contactPoint": { 32 "@type": "ContactPoint", 33 "telephone": "+31 20 6243412", 34 "contactType": "customer service", 35 "availableLanguage": ["en","nl"] 36 }, 37 "sameAs": [ 38 "https://www.facebook.com/eascheer1712", 39 "https://www.linkedin.com/company/e&a-scheer-bv/", 40 "https://www.instagram.com/eascheeramsterdam/" 41 ] 42 } 43 </script>
43 44 45 <style> 46a.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} 47</style> 48 49<link rel="stylesheet" href="https://www.rum.nl/hubfs/hub_generated/template_assets/1/53107158984/1789027500798/template_main.min.css"> 50<link rel="stylesheet" href=""> 51 52 <style> 53 /* Menu desktop - start */ 54 #Homepage_default-module-1__menu-desktop { 55 font-weight: bold; 56 } 57 #Homepage_default-module-1__menu-desktop ul { 58 display: flex; 59 justify-content: space-between; 60 align-items: center; 61 } 62 #Homepage_default-module-1__menu-desktop ul li { 63 transition: all 0.2s ease-in-out; 64 flex: 1; 65 display: flex; 66 justify-content: center; 67 } 68 #Homepage_default-module-1__menu-desktop ul span { 69 flex: 1; 70 display: flex; 71 justify-content: center; 72 } 73 #Homepage_default-module-1__menu-desktop ul li.hs-item-has-children > ul { 74 display: none; 75 top: 24px; 76 left: -16px; 77 row-gap: 18px; 78 background-color: var(--dune-beige); 79 padding: 52px 64px 46px 64px; 80 box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.02); 81 border-radius: 0px 0px 12px 12px 82 } 83 @media screen and (min-width: 1408px) { 84 #Homepage_default-module-1__menu-desktop ul li.hs-item-has-children > ul { 85 left: 2px; 86 } 87 } 88 @media screen and (min-width: 1584px) { 89 #Homepage_default-module-1__menu-desktop ul li.hs-item-has-children > ul { 90 left: 14px; 91 } 92 } 93 #Homepage_default-module-1__menu-desktop ul li.hs-item-has-children:hover > ul, 94 #Homepage_default-module-1__menu-desktop ul li.hs-item-has-children > ul:hover { 95 display: flex; 96 } 97 /* #Homepage_default-module-1__menu-desktop ul li.hs-item-has-children ul > span { 98 display: none; 99 } */ 100 #Homepage_default-module-1__menu-desktop ul li.hs-menu-depth-1:hover { 101 color: var(--bobby-brown); 102 } 103 #Homepage_default-module-1__menu-desktop ul li.hs-menu-depth-2 { 104 color: black; 105 } 106 #Homepage_default-module-1__menu-desktop ul li.hs-menu-depth-2:hover { 107 color: var(--bobby-brown); 108 } 109 /* Menu desktop - end */ 110 111 /* Menu mobile - start */ 112 #Homepage_default-module-1 #menu-mobile ul { 113 display: flex; 114 flex-direction: column; 115 align-items: start; 116 row-gap: 24px; 117 } 118 #Homepage_default-module-1 #menu-mobile ul li.hs-menu-depth-1 { 119 display: flex; 120 justify-content: space-between; 121 font-size: 32px; 122 line-height: 40px; 123 font-weight: bold; 124 user-select: none; 125 width: 100%; 126 cursor: pointer; 127 } 128 129 /* Menu mobile dropdown - start */ 130 #Homepage_default-module-1 #menu-mobile ul li.hs-item-has-children ul { 131 display: none !important; 132 } 133 #Homepage_default-module-1 #menu-mobile li.hs-menu-depth-2 { 134 font-weight: 700; 135 font-size: 24px; 136 line-height: 32px; 137 letter-spacing: -1px; 138 color: var(--barrel-brown); 139 width: fit-content; 140 margin-bottom: 24px; 141 transition: all 0.2s ease-in-out; 142 } 143 #Homepage_default-module-1 #menu-mobile li.hs-menu-depth-2:hover { 144 color: var(--bobby-brown); 145 } 146 /* Menu mobile dropdown - end */ 147 /* Menu mobile - end */ 148 </style> 149 150 151 <style> 152 #widget_1675940992590 .custom-gradient { 153 background: rgb(39,21,0); 154 background: linear-gradient(0deg, rgba(39,21,0,1) 0%, rgba(39,21,0,0.5) 35%, rgba(39,21,0,0) 100%); 155 } 156 157 /* Right slide - start */ 158 .widget_1675940992590-2 { 159 display: flex !important; 160 align-items: center; 161 } 162 @media screen and (min-width: 1200px) { 163 .widget_1675940992590-2 { 164 display: block !important; 165 } 166 } 167 /* Right slide - end */ 168 169 /* Slicker slider - start */ 170 /* Slick track - start */ 171 #widget_1675940992590 .slick-track { 172 display: flex !important; 173 } 174 175 /* Slick slide - start */ 176 #widget_1675940992590 .slick-slide { 177 height: inherit; 178 } 179 /* Slick slide - end */ 180 181 /* Slick dots - start */ 182 #widget_1675940992590 .slick-dots { 183 display: flex; 184 justify-content: center; 185 column-gap: 16px; 186 187 position: absolute; 188 bottom: 30px; 189 190 width: 100%; 191 } 192 193 #widget_1675940992590 .slick-dots button { 194 color: transparent; 195 transition: all 0.2s ease-in-out; 196 background-color: lightgray; 197 border-radius: 100px;
198 width: 20px; 199 height: 20px; 200 } 201 #widget_1675940992590 .slick-dots button:hover { 202 filter: brightness(0.9); 203 } 204 205 #widget_1675940992590 .slick-dots button[aria-selected="true"] { 206 /* background-color: #D26940; */ 207 /* background-color: var(--light-green); */ 208 background-color: var(--bobby-brown); 209 } 210 /* Slick dots - end */ 211 212 /* Arrows - start */ 213 #widget_1675940992590 .slick-arrow { 214 position: absolute; 215 top: 50%; 216 transform: translateY(-50%); 217 z-index: 1; 218 background-color: var(--bobby-brown); 219 border-radius: 100px; 220 padding: 10px; 221 cursor: pointer; 222 transition: all 0.2s ease-in-out; 223 } 224 #widget_1675940992590 .slick-arrow:hover { 225 filter: brightness(0.9); 226 } 227 @media screen and (min-width: 768px) { 228 #widget_1675940992590 .slick-arrow { 229 padding: 16px; 230 } 231 } 232 @media screen and (min-width: 1200px) { 233 #widget_1675940992590 .slick-arrow { 234 padding: 24px; 235 } 236 } 237 238 /* Previous arrow - start */ 239 #widget_1675940992590 .slick-arrow.slick-prev { 240 left: 50px; 241 } 242 243 #widget_1675940992590 .slick-arrow.slick-prev svg { 244 transform: scale(1); 245 } 246 @media screen and (min-width: 768px) { 247 #widget_1675940992590 .slick-arrow.slick-prev svg { 248 transform: scale(1.3); 249 } 250 } 251 @media screen and (min-width: 1200px) { 252 #widget_1675940992590 .slick-arrow.slick-prev svg { 253 transform: scale(1.8); 254 } 255 } 256 /* Previous arrow - end */ 257 258 /* Next arrow - start */ 259 #widget_1675940992590 .slick-arrow.slick-next { 260 right: 50px; 261 } 262 @media screen and (min-width: 1200px) { 263 #widget_1675940992590 .slick-arrow.slick-next { 264 } 265 } 266 267 #widget_1675940992590 .slick-arrow.slick-next svg { 268 transform: scale(1) rotate(180deg); 269 } 270 @media screen and (min-width: 768px) { 271 #widget_1675940992590 .slick-arrow.slick-next svg { 272 transform: scale(1.3) rotate(180deg); 273 } 274 } 275 @media screen and (min-width: 1200px) { 276 #widget_1675940992590 .slick-arrow.slick-next svg { 277 transform: scale(1.8) rotate(180deg); 278 } 279 } 280 /* Next arrow - end */ 281 /* Arrows - end */ 282 /* Slick track - end */ 283 284 /* Slicker slider - end */ 285 286 /* Pop-up button - start */ 287 .widget_1675940992590__popup-button:after { 288 content:""; 289 display:block; 290 width: 100%; 291 height: 100%; 292 border-radius: 50%; 293 border: 3px solid var(--light-green); 294 position:absolute; 295 animation: pulse 2s ease 0s infinite; 296 z-index: 100; 297 } 298 @keyframes pulse { 299 0% { 300 opacity: 1; 301 transform: scale(1); 302 } 303 80% { 304 opacity: 0; 305 transform: scale(1.3); 306 } 307 100% { 308 opacity: 0; 309 transform: scale(1.6); 310 } 311 } 312 /* Pop-up button - end */ 313 314 /* Mobile images left - start */ 315 @media screen and (max-width: 1199px) { 316 #widget_1675940992590__mobile-images__left { 317 top: -60px; 318 max-height: 500px; 319 } 320 } 321 @media screen and (max-width: 499px) { 322 #widget_1675940992590__mobile-images__left { 323 top: 0; 324 } 325 } 326 /* Mobile images left - end */ 327 </style> 328 329 330<style> 331 #widget_1670425928246 .custom-gradient { 332 background: rgb(39,21,0); 333 background: linear-gradient(0deg, rgba(39,21,0,1) 0%, rgba(39,21,0,0.5) 35%, rgba(39,21,0,0) 100%); 334 } 335 336 #widget_1670425928246-1 .hs-video-container{ 337 display: flex; 338 align-items: center; 339 } 340 341 #widget_1670425928246-1 .hs-video-wrapper{ 342 padding-bottom: 0 !important; 343 } 344 345 .widget_1670425928246__popup-button:after { 346 content:""; 347 display:block; 348 width: 100%; 349 height: 100%; 350 border-radius: 50%; 351 border: 3px solid var(--light-green); 352 position:absolute; 353 animation: pulse 2s ease 0s infinite; 354 z-index: 100; 355 } 356 357 @keyframes pulse { 358 0% { 359 opacity: 1; 360 transform: scale(1); 361 } 362 80% { 363 opacity: 0; 364 transform: scale(1.3); 365 } 366 100% { 367 opacity: 0; 368 transform: scale(1.6); 369 } 370 } 371</style> 372 373 374<style> 375 #widget_1745495346240 .custom-gradient { 376 background: rgb(39,21,0); 377 background: linear-gradient(0deg, rgba(39,21,0,1) 0%, rgba(39,21,0,0.5) 35%, rgba(39,21,0,0) 100%); 378 } 379 380 #widget_1745495346240-1 .hs-video-container{ 381 display: flex; 382 align-items: center; 383 } 384 385 #widget_1745495346240-1 .hs-video-wrapper{ 386 padding-bottom: 0 !important; 387 } 388 389 .widget_1745495346240__popup-button:after { 390 content:""; 391 display:block; 392 width: 100%; 393 height: 100%; 394 border-radius: 50%; 395 border: 3px solid var(--light-green); 396 position:absolute; 397 animation: pulse 2s ease 0s infinite; 398 z-index: 100; 399 } 400 401 @keyframes pulse { 402 0% { 403 opacity: 1; 404 transform: scale(1); 405 } 406 80% { 407 opacity: 0; 408 transform: scale(1.3); 409 } 410 100% { 411 opacity: 0; 412 transform: scale(1.6); 413 } 414 } 415</style> 416 417 418 <style> 419 @media screen and (min-width: 1200px) { 420 #Homepage_default-module-7__text { 421 margin-left: -68px; 422 } 423 } 424 @media screen and (min-width: 1408px) { 425 #Homepage_default-module-7__text { 426 margin-left: -78px; 427 } 428 } 429 @media screen and (min-width: 1584px) { 430 #Homepage_default-module-7__text { 431 margin-left: -84px; 432 } 433 } 434 </style> 435 436 437 <style> 438 #Homepage_default-module-8__main-links ul { 439 flex-direction: column; 440 row-gap: 12px; 441 color: var(--bear-brown); 442 font-size: 16px; 443 line-height: 24px; 444 font-weight: bold; 445 } 446 @media screen and (min-width: 768px) { 447 #Homepage_default-module-8__main-links ul { 448 row-gap: 24px; 449 } 450 } 451 452 .extra-padding-bottom { 453 padding-bottom: 120px; 454 } 455 @media screen and (min-width: 1200px) { 456 .extra-padding-bottom { 457 padding-bottom: 140px; 458 } 459 } 460 </style> 461 462<!-- Editor Styles --> 463<style id="hs_editor_style" type="text/css"> 464.Homepage_blend-row-1-force-full-width-section > .row-fluid { 465 max-width: none !important; 466} 467/* HubSpot Styles (default) */ 468.Homepage_blend-row-9-padding { 469 padding-top: 0px !important; 470} 471</style> 472 473 474 475 <link rel="canonical" href="https://www.rum.nl/en/home/eascheer"> 476 477 478<meta property="og:image" content="https://www.rum.nl/hubfs/EAS%20logo/eas_blacklogo.png"> 479<meta property="og:image:width" content="738"> 480<meta property="og:image:height" content="738"> 481 482<meta name="twitter:image" content="https://www.rum.nl/hubfs/EAS%20logo/eas_blacklogo.png"> 483 484 485<meta property="og:url" content="https://www.rum.nl/en/home/eascheer"> 486<meta name="twitter:card" content="summary_large_image"> 487<meta http-equiv="content-language" content="en"> 488 489 490 491 492 493 494 495 <!-- ? Font La Belle Aurore -->
496 <link rel="preconnect" href="https://fonts.googleapis.com"> 497 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 498 <link href="https://fonts.googleapis.com/css2?family=La+Belle+Aurore&display=swap" rel="stylesheet"> 499 500 <!-- ? GSAP --> 501
501<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.1/gsap.min.js"></script>
501 502 503 <!-- ? GSAP ScrollTrigger --> 504
504<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.1/ScrollTrigger.min.js"></script>
504 505 506 <!-- ? Custom GSAP functions --> 507
507<script src="https://www.rum.nl/hubfs/hub_generated/template_assets/1/53696830676/1789027507044/template_custom-gsap.min.js"></script>
507 508 509 <!-- ? jQuery --> 510
510<script src="https://code.jquery.com/jquery-3.6.3.min.js" integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU=" crossorigin="anonymous"></script>
510 511 512 <!-- ? Slick slider --> 513
513<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>
513 514 <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"> 515 516 <!-- ? Google Tag Manager --> 517
517<script>
vendor: 455 bytes, lines 517-527
517 518 (function (w, d, s, l, i) { 519 w[l] = w[l] || []; 520 w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); 521 var f = d.getElementsByTagName(s)[0], 522 j = d.createElement(s), 523 dl = l != 'dataLayer' ? '&l=' + l : ''; 524 j.async = true; 525 j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 526 f.parentNode.insertBefore(j, f); 527 })(window, document, 'script', 'dataLayer', '
527GTM-WMZF6RH
vendor: 8 bytes, lines 527-528
527'); 528
528</script>
528 529 <!-- ? End Google Tag Manager --> 530 <meta name="generator" content="HubSpot"></head> 531 532 <body> 533 <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 533-534
533 534 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
534GTM-WMZF6RH
vendor: 90 bytes, lines 534-535
534" height="0" width="0" style="display: none; visibility: hidden"></iframe></noscript> 535
535<!-- End Google Tag Manager (noscript) --> 536 <div class="body-wrapper hs-content-id-57357239791 hs-site-page page "> 537 538 539 <main id="main-content" class="body-container-wrapper"> 540 541<div class="container-fluid"> 542<div class="row-fluid-wrapper"> 543<div class="row-fluid"> 544<div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12"> 545 546<div class="row-fluid-wrapper row-depth-1 row-number-1 dnd-section"> 547<div class="row-fluid "> 548<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 549<div id="hs_cos_wrapper_Homepage_default-module-1" 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"> 550 551 552 553 554 555<section id="Homepage_default-module-1" class="navigation left-0 right-0 sticky__nav"> 556 <div class="container"> 557 <nav> 558 <div class="flex justify-between items-center relative z-[50] bg-dune-beige rounded-b-xl px-3.5 py-1.5 559 md:justify-center md:min-h-[88px] drop-shadow-[0_4px_40px_rgba(0,0,0,0.05)] 560 "> 561 <!-- ? Logo mobile --> 562 <div class="md:hidden"> 563 564 565 <span id="hs_cos_wrapper_Homepage_default-module-1_" 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-Homepage_default-module-1_" 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> 566 567 </div> 568 569 <!-- ? Menu desktop --> 570 <div id="Homepage_default-module-1__menu-desktop" class="hidden md:block md:visible md:w-[90%]"> 571 <span id="hs_cos_wrapper_Homepage_default-module-1_" 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_Homepage_default-module-1_" 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"> 572 <ul role="menu"> 573 <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> 574 <ul role="menu" class="hs-menu-children-wrapper"> 575 <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> 576 <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> 577 <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> 578 <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> 579 </ul></li> 580 <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">About us</a> 581 <ul role="menu" class="hs-menu-children-wrapper"> 582 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/about-us/eascheer" role="menuitem">Our story</a></li> 583 <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> 584 <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> 585 <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> 586 </ul></li> 587 <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> 588 <ul role="menu" class="hs-menu-children-wrapper"> 589 <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> 590 <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> 591 </ul></li> 592 <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> 593 </ul> 594</div></span> 595 </div> 596 597 <!-- ? Hamburger button --> 598 <div id="Homepage_default-module-1__hamburger" class="bg-paper-beige rounded-full flex justify-center items-center cursor-pointer w-5 h-5 599 md:hidden 600 "> 601 <!-- ? Hamburger svg --> 602 <svg width="20" height="14" viewbox="0 0 20 14" fill="none" xmlns="http://www.w3.org/2000/svg" id="Homepage_default-module-1__hamburger__hamburger-svg" class=""> 603 <path d="M1 7H19M1 1H19M1 13H19" stroke="#271500" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> 604 </svg> 605 606 <!-- ? X svg --> 607 <svg width="19" height="18" viewbox="0 0 19 18" fill="none" xmlns="http://www.w3.org/2000/svg" id="Homepage_default-module-1__hamburger__x-svg" class="hidden"> 608 <line x1="1.41421" y1="1" x2="16.2635" y2="15.8492" stroke="#271500" stroke-width="2" stroke-linecap="round" /> 609 <line x1="2" y1="15.8492" x2="16.8492" y2="1" stroke="#271500" stroke-width="2" stroke-linecap="round" /> 610 </svg> 611 </div> 612 </div> 613 614 <!-- ? Navigation mobile --> 615 <div id="menu-mobile" class="hidden absolute z-[49] inset-0 h-screen bg-parsnip-beige px-2 py-14 md:hidden"> 616 <div class="menu-mobile__main-menu flex flex-col gap-y-6">
617 <span id="hs_cos_wrapper_Homepage_default-module-1_" 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_Homepage_default-module-1_" 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"> 618 <ul role="menu"> 619 <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> 620 <ul role="menu" class="hs-menu-children-wrapper"> 621 <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> 622 <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> 623 <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> 624 <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> 625 </ul></li> 626 <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">About us</a> 627 <ul role="menu" class="hs-menu-children-wrapper"> 628 <li class="hs-menu-item hs-menu-depth-2" role="none"><a href="https://www.rum.nl/en/about-us/eascheer" role="menuitem">Our story</a></li> 629 <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> 630 <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> 631 <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> 632 </ul></li> 633 <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> 634 <ul role="menu" class="hs-menu-children-wrapper"> 635 <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> 636 <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> 637 </ul></li> 638 <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> 639 </ul> 640</div></span> 641 642 643 </div> 644 645 <!-- ? Sub menu --> 646 <div class="menu-mobile__sub-menu" style="display:none;"> 647 <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"> 648 <rect x="40" y="40" width="40" height="40" rx="20" transform="rotate(-180 40 40)" fill="#FDF3E8" /> 649 <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" /> 650 </svg> 651 </div> 652 </div> 653 </nav> 654 </div> 655</section> 656 657 658 659 660 661</div> 662 663</div><!--end widget-span --> 664</div><!--end row--> 665</div><!--end row-wrapper --> 666 667<div class="row-fluid-wrapper row-depth-1 row-number-2 Homepage_blend-row-1-force-full-width-section dnd-section"> 668<div class="row-fluid "> 669</div><!--end row--> 670</div><!--end row-wrapper --> 671 672<div class="row-fluid-wrapper row-depth-1 row-number-3 dnd-section"> 673<div class="row-fluid "> 674<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 675<div id="hs_cos_wrapper_widget_1674569998475" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"></div> 676 677</div><!--end widget-span --> 678</div><!--end row--> 679</div><!--end row-wrapper --> 680 681<div class="row-fluid-wrapper row-depth-1 row-number-4 dnd-section"> 682<div class="row-fluid "> 683<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 684 685<div class="row-fluid-wrapper row-depth-1 row-number-5 dnd-row"> 686<div class="row-fluid "> 687<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 688<div id="hs_cos_wrapper_widget_1674575720760" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"></div> 689 690</div><!--end widget-span --> 691</div><!--end row--> 692</div><!--end row-wrapper --> 693 694</div><!--end widget-span --> 695</div><!--end row--> 696</div><!--end row-wrapper --> 697 698<div class="row-fluid-wrapper row-depth-1 row-number-6 dnd-section"> 699<div class="row-fluid "> 700<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 701 702<div class="row-fluid-wrapper row-depth-1 row-number-7 dnd-row"> 703<div class="row-fluid "> 704<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 705<div id="hs_cos_wrapper_widget_1675672567651" 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"> 706 707 708 709 710 711 712 713 714 715 716 717 718<section id="widget_1675672567651" class=" 719 relative bg-light-beige overflow-hidden pt-[152px] pb-[211px] 720 md:mb-[-2px] md:pt-[200px] md:pb-16 721"> 722 723 <!-- ? BG old paper image --> 724 725 <div class="absolute inset-0 z-0"> 726 <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/bg-old-paper.png" alt="bg-old-paper" class="w-full h-full object-cover"> 727 </div> 728 729 730 <!-- ? BG Lines --> 731 <svg width="488" height="1329" viewbox="0 0 488 1329" fill="none" xmlns="http://www.w3.org/2000/svg" class="absolute z-0 inset-0 left-1/2 -translate-x-1/2 h-full"> 732 <path d="M244 0L244 1153L244 1329" stroke="#944A2D" stroke-width="0.4" stroke-dasharray="3 3" /> 733 <path d="M487.002 30.5635L244.246 895" stroke="#944A2D" stroke-width="0.4" stroke-dasharray="3 3" /> 734 <path d="M1 30.5635L243.756 895" stroke="#944A2D" stroke-width="0.4" stroke-dasharray="3 3" /> 735 </svg> 736 737 738 <!-- ? BG drawing plant --> 739 <div class="widget_1675672567651__drawing-plant absolute z-0 top-[5%] -right-14 740 sm:right-3 741 lg:right-[5%] 742 xl:right-[20%] 743 "> 744 <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/drawing-plant.png" alt="drawing-plant" class="scale-75 opacity-10 md:scale-100 "> 745 </div> 746 747 748 749 <div class="opacity-0 duration-[2s] relative z-10 container"> 750 <div class="flex flex-col gap-y-5 default-grid--md md:gap-y-13"> 751 <div class="flex flex-col items-center gap-y-5 text-center md:col-start-3 md:col-end-11 md:gap-y-6"> 752 <!-- ? Header text --> 753 754 <h1 class="text-[40px] leading-100 md:text-[96px]"> 755 Master blenders and global supplier of Rum in bulk 756 </h1> 757 758 759 <!-- ? Tagline --> 760 761 <h4 class="text-base leading-6 md:text-xl md:leading-[48px] md:w-[70%]"> 762 E&A Scheer is a Rum company specialised in sourcing, blending and supplying Rum since 1712. 763 </h4> 764 765 </div> 766 767 <!-- ? CTA buttons --> 768 <div class="flex flex-col items-center gap-y-[12px] w-fit mx-auto md:col-span-full"> 769 <!-- ? Primary CTA --> 770 771 <div class="btn btn-primary w-full"> 772 <!--HubSpot Call-to-Action Code --><span class="hs-cta-wrapper" id="hs-cta-wrapper-027db982-5493-4f0a-bdd6-10d7ab58c17c"><span class="hs-cta-node hs-cta-027db982-5493-4f0a-bdd6-10d7ab58c17c" id="hs-cta-027db982-5493-4f0a-bdd6-10d7ab58c17c"><!--[if lte IE 8]><div id="hs-cta-ie-element"></div><![endif]--><a href="https://hubspot-cta-redirect-eu1-prod.s3.amazonaws.com/cta/redirect/25607130/027db982-5493-4f0a-bdd6-10d7ab58c17c"><img class="hs-cta-img" id="hs-cta-img-027db982-5493-4f0a-bdd6-10d7ab58c17c" style="border-width:0px;" src="https://hubspot-no-cache-eu1-prod.s3.amazonaws.com/cta/default/25607130/027db982-5493-4f0a-bdd6-10d7ab58c17c.png" alt="Develop your bespoke Rum blend"></a></span>
772<script charset="utf-8" src="/hs/cta/cta/current.js"></script>
772<script type="text/javascript"> hbspt.cta._relativeUrls=true;hbspt.cta.load(25607130, '027db982-5493-4f0a-bdd6-10d7ab58c17c', {"useNewLoader":"true","region":"eu1"}); </script>
772</span><!-- end HubSpot Call-to-Action Code --> 773 </div> 774 775 776 <!-- ? Secondary CTA --> 777 778 <div class="btn btn-secondary w-full"> 779 <span id="hs_cos_wrapper_widget_1675672567651_" 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"><div class="hs-web-interactive-inline" style="; " data-hubspot-wrapper-cta-id="96054825416"> 780 <style data-hubspot-cta-style="hs-inline-web-interactive-96054825416"> 781 782 a.hs-inline-web-interactive-96054825416 { 783 cursor: pointer !important; 784 } 785 786 a.hs-inline-web-interactive-96054825416:hover { 787 788 } 789 790 a.hs-inline-web-interactive-96054825416:active { 791 792 } 793 794 a.hs-inline-web-interactive-96054825416:active:hover { 795 796 } 797 798</style> 799 <span class="hs-cta-wrapper hs-web-interactive-wrapper"><span class="hs-cta-node hs-web-interactive-node"> <a href="https://cta-eu1.hubspot.com/web-interactives/public/v1/track/click?encryptedPayload=AVxigLKwlPbe4twsGaYs588eD4yq6rZqVT%2B%2FyI564I9quLRhw%2FP%2FPUFS%2F8CM0m3hP1n9mI0kcDPE9cLjwh25DzB0h0c5gUumbDeD9d%2Fp4Iw1asKNJBD498Nh0My9q1FvzqI9jTMx69frcYR4SwvLoJ8%2B9axrhZ35scTSYilYuCQn5Dg%2F4pcQjLmmuul%2FIKhnTyaJfx42R8HqDGDl&portalId=25607130" class="hs-inline-web-interactive-96054825416 " data-hubspot-cta-id="96054825416"> Our products </a> </span></span> 800</div></span> 801 </div> 802 803 </div> 804 </div> 805 </div> 806</section> 807 808 809
810<script defer> 811 (() => { 812 // @ts-check 813 "use strict"; 814 815 gsap.registerPlugin(ScrollTrigger); 816 817 waitForElement('#widget_1675672567651 .btn-primary', () => { 818 showHeroContent(); 819 820 821 /* Animate buttons */ 822 const primaryButton = document.querySelector('#widget_1675672567651 .btn-primary'); 823 const secondaryButton = document.querySelector('#widget_1675672567651 .btn-secondary'); 824 const buttonAnimationSettings = { 825 matchMedia: 'min-width: 1200px', 826 scrollerStart: '90%', 827 scrollerEnd: '80%', 828 ease: Power4, 829 } 830 animateElements(primaryButton, buttonAnimationSettings); 831 animateElements(secondaryButton, buttonAnimationSettings); 832 833 834 /* Animate bg images */ 835 const drawingPlant = document.querySelector('.widget_1675672567651__drawing-plant'); 836 animateElements(drawingPlant, { 837 elementToAnimate: drawingPlant, 838 matchMedia: 'min-width: 1200px', 839 yOffset: 200, 840 scrub: 1, 841 }); 842 }); 843 844 845 846 847 /* Functions start */ 848 function showHeroContent() { 849 try { 850 const hiddenElements = document.querySelectorAll('#widget_1675672567651 .opacity-0'); 851 hiddenElements.forEach(element => element.classList.remove('opacity-0')); 852 } catch (e) { console.warn(`%c!!! showHeroContent()\n${e}`, 'background: #faf'); } 853 } 854 855 856 function waitForElement(elementQuery = '', callback, iterationLimit = 50, intervalMs = 100) { 857 try { 858 if(!elementQuery) 859 throw new Error(`elementQuery is invalid`); 860 861 if (!callback) 862 throw new Error(`callback is invalid or empty`); 863 864 let intervalIterations = 0; 865 const waitForElement = setInterval(() => { 866 intervalIterations++; 867 868 const element = document.querySelector(elementQuery); 869 if (element) { 870 callback(element); 871 clearInterval(waitForElement); 872 } 873 874 if (intervalIterations > iterationLimit) { 875 console.warn(`%c!!! waitForElement() intervalIterations has exceeded its limit.`, 'background: #faf'); 876 clearInterval(waitForElement); 877 } 878 }, intervalMs); 879 } catch (e) { console.warn(`%c!!! waitForElement()\n${e}`, 'background: #faf'); } 880 } 881 /* Functions end */ 882 })(); 883</script>
883</div> 884 885</div><!--end widget-span --> 886</div><!--end row--> 887</div><!--end row-wrapper --> 888 889</div><!--end widget-span --> 890</div><!--end row--> 891</div><!--end row-wrapper --> 892 893<div class="row-fluid-wrapper row-depth-1 row-number-8 dnd-section"> 894<div class="row-fluid "> 895<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 896 897<div class="row-fluid-wrapper row-depth-1 row-number-9 dnd-row"> 898<div class="row-fluid "> 899<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 900<div id="hs_cos_wrapper_widget_1675940992590" 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"> 901<button class="hidden btn btn-primary-negative invert text-dark-green md:text-light-green md:h-[70%] pt-[138px]"></button> 902 903 904 905 906 907 908 909 910 911 912 913 914 915 916 917 918 919 920 921 922 923 924 925 926 927 928 929 930 931 932 933 934 935 936 937 938 939 940 941 942 943 944 945 946 947 948 949 950 951 952 953 954 955<div id="widget_1675940992590" class="slick-slider relative"> 956 957 <section class="widget_1675940992590-1 958 bg-light-beige 959 relative z-10 pt-7 pb-5 960 md:flex md:flex-col md:w-[100vw] md:h-full md:min-h-[101vh] md:pt-[160px] md:pb-10 961 "> 962 <div class="md:w-[100vw]"></div> 963 964 <!-- ? Paper background --> 965 966 967 968 969 <div class="absolute inset-0 z-0 right-[-1px] md:block md:visible"> 970 <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/bg-paper.png" alt="" class="w-full h-full object-cover"> 971 972 <!-- ? Mobile gradient --> 973 <div class=" absolute inset-0 md:hidden"></div> 974 </div> 975 976 977 <!-- ? BG image plant --> 978 979 <img id="widget_1675940992590__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%] 980 981 "> 982 983 984 <div id="widget_1675940992590__left__images" class="hidden absolute z-10 right-0 py-6 w-[38%] md:visible 985 md:flex md:h-[70%] 986 "> 987 <!-- ? Desktop left panel images --> 988 989 990 <!-- ? Desktop - Left panel - Single image --> 991 <div class=""> 992 <img src="https://www.rum.nl/hs-fs/hubfs/Rum%20blending%20at%20EAS.jpg?width=500&height=500&name=Rum%20blending%20at%20EAS.jpg" alt="Rum blending at EAS" width="500" height="500" class="object-cover w-full h-full" style="object-position: 50%" srcset="https://www.rum.nl/hs-fs/hubfs/Rum%20blending%20at%20EAS.jpg?width=250&height=250&name=Rum%20blending%20at%20EAS.jpg 250w, https://www.rum.nl/hs-fs/hubfs/Rum%20blending%20at%20EAS.jpg?width=500&height=500&name=Rum%20blending%20at%20EAS.jpg 500w, https://www.rum.nl/hs-fs/hubfs/Rum%20blending%20at%20EAS.jpg?width=750&height=750&name=Rum%20blending%20at%20EAS.jpg 750w, https://www.rum.nl/hs-fs/hubfs/Rum%20blending%20at%20EAS.jpg?width=1000&height=1000&name=Rum%20blending%20at%20EAS.jpg 1000w, https://www.rum.nl/hs-fs/hubfs/Rum%20blending%20at%20EAS.jpg?width=1250&height=1250&name=Rum%20blending%20at%20EAS.jpg 1250w, https://www.rum.nl/hs-fs/hubfs/Rum%20blending%20at%20EAS.jpg?width=1500&height=1500&name=Rum%20blending%20at%20EAS.jpg 1500w" sizes="(max-width: 500px) 100v
992w, 500px"> 993 </div> 994 995 996 997 <!-- ? Desktop pop-up button --> 998 999 1000 1001 </div> 1002 1003 <div class="relative container default-grid--md"> 1004 <div class="md:col-span-8 md:grid md:grid-cols-8 md:gap-x-4 md:h-fit"> 1005 <!-- ? Subtitle --> 1006 1007 1008 1009 1010 1011 1012 <p class="text-dark-green font-bold mb-4 md:col-span-full font-trebuchet"> 1013 Bulk Rum suppliers 1014 </p> 1015 1016 1017 1018 <!-- ? Title --> 1019 1020 1021 1022 1023 1024 1025 <h2 id="widget_1675940992590__left__title" class="text-barrel-brown md:text-[72px] mb-3 md:mb-6 md:col-span-7"> 1026 Rum sourcing made easy 1027 </h2> 1028 1029 1030 1031 <!-- ? Rich text --> 1032 1033 1034 1035 1036 1037 1038 <p class="text-barrel-brown mb-5 md:col-span-6 md:mb-0"> 1039 <span data-contrast="auto" xml:lang="EN-GB" lang="EN-GB"><span>As an independent company, E&A Scheer sources Rums from over </span><span>40 </span><span>distilleries and origins worldwide. We ship these Rums to our </span><span>specialised </span><span>facility</span><span> </span><span>in Amsterdam, </span></span><span data-contrast="none" xml:lang="EN-GB" lang="EN-GB"><span>develop </span></span><span data-contrast="auto" xml:lang="EN-GB" lang="EN-GB"><span>bespoke blends tailored to your requirements</span><span>,</span><span> </span><span>then </span><span>supply them in bulk</span><span> with utmost consistency</span><span>. </span><span>Our team is</span><span> </span><span>constantly </span><span>sourcing </span><span>innovative new Rums to make sure </span><span>our</span><span> </span><span>selection</span><span> </span><span>remains</span><span> at the forefront of the industry.</span></span><span data-ccp-props="{"201341983":0,"335559739":160,"335559740":257}"> </span> 1040 </p> 1041 1042 1043 1044 <!-- ? USP --> 1045 1046 1047 1048 1049 1050 1051 <div class="flex flex-col gap-y-3 w-4/5 1052 md:col-span-6 md:flex-row md:justify-between md:grid md:grid-cols-3 md:gap-x-4 md:w-full md:mt-7 1053 "> 1054 1055 <!-- ? USP item --> 1056 <div class="flex gap-x-5 md:flex-col md:gap-y-[20px]"> 1057 1058 1059 1060 1061 1062 1063 <img src="https://www.rum.nl/hubfs/barrel-dark.svg" alt="barrel-dark" loading="lazy" class="object-contain max-w-[40px] max-h-[40px]"> 1064 1065 1066 <span class="text-barrel-brown font-trebuchet text-sm leading-[22px]"> 1067 Bespoke Rum blends in all volumes 1068 </span> 1069 </div> 1070 1071 <!-- ? USP item --> 1072 <div class="flex gap-x-5 md:flex-col md:gap-y-[20px]"> 1073 1074 1075 1076 1077 1078 1079 <img src="https://www.rum.nl/hubfs/barrel-dark.svg" alt="barrel-dark" loading="lazy" class="object-contain max-w-[40px] max-h-[40px]"> 1080 1081 1082 <span class="text-barrel-brown font-trebuchet text-sm leading-[22px]"> 1083 Consistent profile, quality and character 1084 </span> 1085 </div> 1086 1087 <!-- ? USP item --> 1088 <div class="flex gap-x-5 md:flex-col md:gap-y-[20px]"> 1089 1090 1091 1092 1093 1094 1095 <img src="https://www.rum.nl/hubfs/Icon.svg" alt="Icon" loading="lazy" class="object-contain max-w-[40px] max-h-[40px]"> 1096 1097 1098 <span class="text-barrel-brown font-trebuchet text-sm leading-[22px]"> 1099 Unrivalled lead times of 7-10 business days 1100 </span> 1101 </div> 1102 1103 </div> 1104 1105 1106 1107 <!-- ? Left CTA --> 1108 1109 1110 1111 </div> 1112 1113 <div class="relative md:hidden 1114 flex justify-center pt-3 1115 "> 1116 <!-- ? Mobile left panel images --> 1117 1118 1119 <!-- ? Mobile - Left panel - Single image --> 1120 <img src="https://www.rum.nl/hubfs/Rum%20blending%20at%20EAS.jpg" alt="Rum blending at EAS" class="object-cover w-full h-full max-h-[500px]"> 1121 1122 1123 1124 <!-- ? Mobile pop-up button --> 1125 1126 1127 1128 </div> 1129 </div> 1130 </section> 1131 1132 <section class="widget_1675940992590-2 bg-light-beige 1133 relative z-10 pt-7 pb-5 1134 md:h-full md:pb-10 1135 "> 1136 <div class="hidden md:block md:visible"> 1137 1138 1139 1140 1141 <div class="absolute inset-0 z-0 right-[-1px] md:block md:visible"> 1142 <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/bg-paper.png" alt="" class="w-full h-full object-cover"> 1143 1144 <!-- ? Mobile gradient --> 1145 <div class=" absolute inset-0 md:hidden"></div> 1146 </div> 1147 1148 </div> 1149 1150 <div class="opacity-50"> 1151 <!-- ? BG image plant --> 1152 1153 <img id="widget_1675940992590__bg-image__plant-right" src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/products-bulk-detail/bulk-detail-bg-image-3.png" alt="" class="absolute z-0 top-[10%] left-1/3 -translate-x-1/2 1154 1155 "> 1156 1157 1158 <!-- ? Image --> 1159 1160 1161 <div id="widget_1675940992590__right-panel__image" class="hidden absolute z-0 inset-0 container default-grid--md md:grid md:visible"> 1162 <div class="col-start-4 col-end-8 relative top-1/4 h-[449px]"> 1163 <img src="https://www.rum.nl/hs-fs/hubfs/Variety%20of%20Rum%20at%20EAS.jpg?width=2001&height=3000&name=Variety%20of%20Rum%20at%20EAS.jpg" alt="Variety of Rum at EAS" loading="lazy" class="hidden object-cover w-full h-full md:block md:visible" style="object-position: 50%" width="2001" height="3000" srcset="https://www.rum.nl/hs-fs/hubfs/Variety%20of%20Rum%20at%20EAS.jpg?width=1001&height=1500&name=Variety%20of%20Rum%20at%20EAS.jpg 1001w, https://www.rum.nl/hs-fs/hubfs/Variety%20of%20Rum%20at%20EAS.jpg?width=2001&height=3000&name=Variety%20of%20Rum%20at%20EAS.jpg 2001w, https://www.rum.nl/hs-fs/hubfs/Variety%20of%20Rum%20at%20EAS.jpg?width=3002&height=4500&name=Variety%20of%20Rum%20at%20EAS.jpg 3002w, https://www.rum.nl/hs-fs/hubfs/Variety%20of%20Rum%20at%20EAS.jpg?width=4002&height=6000&name=Variety%20of%20Rum%20at%20EAS.jpg 4002w, https://www.rum.nl/hs-fs/hubfs/Variety%20of%20Rum%20at%20EAS.jpg?width=5003&height=7500&name=Variety%20of%20Rum%20at%20EAS.jpg 5003w, https://www.rum.nl/hs-fs/hubfs/Variety%20of%20Rum%20at%20EAS.jpg?width=6003&height=9000&name=Variety%20of%20Rum%20at%20EAS.jpg 6003w" sizes="(max-width: 2001px) 100v
1163w, 2001px"> 1164 </div> 1165 </div> 1166 1167 1168 </div> 1169 1170 <div class="flex flex-col gap-y-6 relative container pt-4 1171 sm:gap-y-10 1172 default-grid--md md:gap-y-0 md:pt-0 1173 "> 1174 <!-- ? Title --> 1175 1176 1177 1178 1179 1180 1181 1182 1183 1184 <div id="widget_1675940992590__right__title" class="relative h-fit md:col-span-7 md:top-[30%] md:left-13"> 1185 <h2 class=" ml-5 md:ml-[100px] sm:text-[54px] md:text-[72px]"> 1186 Consistent 1187 </h2> 1188 1189 <h2 class=" sm:text-[54px] md:text-[72px]"> 1190 Rum blends 1191 </h2> 1192 1193 <h2 class=" ml-5 md:ml-[100px] sm:text-[54px] md:text-[72px]"> 1194 in all 1195 </h2> 1196 1197 <h2 class=" sm:text-[54px] md:text-[72px]"> 1198 volumes 1199 </h2> 1200 </div> 1201 1202 1203 <div class="relative h-fit md:col-start-9 md:col-end-13 md:top-[40%]"> 1204 <!-- ? Glass image --> 1205 1206 <div class="flex justify-around items-end mb-[22px] md:mb-4"> 1207 <div class="flex-1"> 1208 <svg width="110" height="6" viewbox="0 0 110 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-full"> 1209 <path d="M0.690599 2.99902L3 5.30842L5.3094 2.99902L3 0.689622L0.690599 2.99902ZM109.309 2.99902L107 0.689622L104.691 2.99902L107 5.30842L109.309 2.99902ZM3 3.39902H107V2.59902H3V3.39902Z" fill="#B18D68" /> 1210 </svg> 1211 </div> 1212 1213 <img src="https://www.rum.nl/hs-fs/hubfs/EAS%20glass.png?width=120&height=116&name=EAS%20glass.png" alt="rum glass" width="120" height="116" class="flex-1 object-contain max-h-[120px]" srcset="https://www.rum.nl/hs-fs/hubfs/EAS%20glass.png?width=60&height=58&name=EAS%20glass.png 60w, https://www.rum.nl/hs-fs/hubfs/EAS%20glass.png?width=120&height=116&name=EAS%20glass.png 120w, https://www.rum.nl/hs-fs/hubfs/EAS%20glass.png?width=180&height=174&name=EAS%20glass.png 180w, https://www.rum.nl/hs-fs/hubfs/EAS%20glass.png?width=240&height=232&name=EAS%20glass.png 240w, https://www.rum.nl/hs-fs/hubfs/EAS%20glass.png?width=300&height=290&name=EAS%20glass.png 300w, https://www.rum.nl/hs-fs/hubfs/EAS%20glass.png?width=360&height=348&name=EAS%20glass.png 360w" sizes="(max-width: 120px) 100vw, 120px"> 1214 1215 <div class="flex-1"> 1216 <svg width="110" height="6" viewbox="0 0 110 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-full"> 1217 <path d="M0.690599 2.99902L3 5.30842L5.3094 2.99902L3 0.689622L0.690599 2.99902ZM109.309 2.99902L107 0.689622L104.691 2.99902L107 5.30842L109.309 2.99902ZM3 3.39902H107V2.59902H3V3.39902Z" fill="#B18D68" /> 1218 </svg> 1219 </div> 1220 </div> 1221 1222 1223 <!-- ? Right panel rich text --> 1224 1225 1226 1227 1228 1229 1230 <div class="text-barrel-brown text-sm leading-[22px] mb-5 md:text-base md:leading-8"> 1231 <div id="hs_cos_wrapper_widget_1675940992590_" 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="right_side.text.richtext_field"><span data-contrast="auto" xml:lang="EN-GB" lang="EN-GB"><span>Rum comes in </span><span>many variations</span><span> depending on the use of raw material, style of fermentation, distillation, and ageing. While changing conditions mean individual Rums can vary from year to year, our </span><span>comprehensive inventory</span><span> </span><span>and blending </span><span>expertise</span><span> </span><span>allow us to supply your bespoke </span><span>R</span><span>um blend in bulk</span><span>, then</span><span> reproduce it with complete consistency. Time after time. </span></span><span data-ccp-props="{"201341983":0,"335559739":160,"335559740":257}"> </span></div> 1232 </div> 1233 1234 1235 1236 <!-- ? CTA --> 1237 1238 1239 1240 1241 1242 1243 <div class="btn btn-primary"> 1244 <span id="hs_cos_wrapper_widget_1675940992590_" 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"><!--HubSpot Call-to-Action Code --><span class="hs-cta-wrapper" id="hs-cta-wrapper-f68faeee-d41e-432d-b54e-8076df5dd3cc"><span class="hs-cta-node hs-cta-f68faeee-d41e-432d-b54e-8076df5dd3cc" id="hs-cta-f68faeee-d41e-432d-b54e-8076df5dd3cc"><!--[if lte IE 8]><div id="hs-cta-ie-element"></div><![endif]--><a href="https://hubspot-cta-redirect-eu1-prod.s3.amazonaws.com/cta/redirect/25607130/f68faeee-d41e-432d-b54e-8076df5dd3cc"><img class="hs-cta-img" id="hs-cta-img-f68faeee-d41e-432d-b54e-8076df5dd3cc" style="border-width:0px;" src="https://hubspot-no-cache-eu1-prod.s3.amazonaws.com/cta/default/25607130/f68faeee-d41e-432d-b54e-8076df5dd3cc.png" alt="Start Blending Tool"></a></span>
1244<script charset="utf-8" src="/hs/cta/cta/current.js"></script>
1244<script type="text/javascript"> hbspt.cta._relativeUrls=true;hbspt.cta.load(25607130, 'f68faeee-d41e-432d-b54e-8076df5dd3cc', {"useNewLoader":"true","region":"eu1"}); </script>
1244</span><!-- end HubSpot Call-to-Action Code --></span> 1245 </div> 1246 1247 1248 </div> 1249 </div> 1250 </section> 1251</div> 1252 1253 1254 1255 1256 1257 1258 1259 1260</div> 1261 1262</div><!--end widget-span --> 1263</div><!--end row--> 1264</div><!--end row-wrapper --> 1265 1266</div><!--end widget-span --> 1267</div><!--end row--> 1268</div><!--end row-wrapper --> 1269 1270<div class="row-fluid-wrapper row-depth-1 row-number-10 dnd-section"> 1271<div class="row-fluid "> 1272<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 1273 1274<div class="row-fluid-wrapper row-depth-1 row-number-11 dnd-row"> 1275<div class="row-fluid "> 1276<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 1277<div id="hs_cos_wrapper_widget_1745494752365" 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"> 1278 1279 1280<section id="widget_1745494752365" class="bg-parsnip-beige 1281rum-types-module relative py-7 md:pt-[120px] md:pb-8"> 1282 <div class="absolute z-0 inset-0 rotate-180"> 1283 <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"> 1284 </div> 1285 <div class="container default-grid--md relative z-10"> 1286 <div class="flex flex-col col-span-full 1287 items-start 1288text-start 1289 "> 1290 <!-- ? Subtitle --> 1291 1292 <div id="widget_1745494752365__subtitle" class="text-dark-green 1293 font-trebuchet text-sm leading-5 text-center font-bold mb-3 mt-4 1294 md:col-span-full md:text-start md:text-base md:mb-4 md:mt-0"> 1295 The global Rum specialist 1296 </div> 1297 1298 1299 <!-- ? Title --> 1300 1301 <h2 id="widget_1745494752365__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 1302text-start"> 1303 Our offerings 1304 </h2> 1305 1306 1307 <!-- ? Description --> 1308 1309 <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 1310text-start" id="widget_1745494752365__description"> 1311 <div id="hs_cos_wrapper_widget_1745494752365_" 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"><span>E&A Scheer provides access to an unrivalled selection of Rum, Cachaça, and Batavia Arrack from distilleries across the globe. We offer the complete spectrum of styles and profiles both in bulk and in individual casks. We are unique in offering this breadth of range â and this level of flexibility.</span></div> 1312 </div> 1313 </div> 1314 1315 1316 <!-- ? Cards --> 1317 <div class="flex flex-col md:flex-row gap-y-5 md:col-span-full w-full md:gap-x-4"> 1318 1319 1320 <div class="flex flex-col items-center w-full " id="widget_1745494752365__column_1"> 1321 <!-- ? Roman number --> 1322 <span class="flex justify-center gap-x-[1px] mb-[12px] md:mb-4"> 1323 1324 1325 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1326 <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" /> 1327 </svg> 1328 1329 </span> 1330 1331 <!-- ? Product image --> 1332 1333 <div class="w-full h-[211px] md:h-[338px]"> 1334 <img src="https://www.rum.nl/hs-fs/hubfs/EA%20Scheer%20pics/Rum%20Room%201-2.jpeg?width=2685&height=1423&name=Rum%20Room%201-2.jpeg" alt="Rum Room 1-2" class="object-cover w-full h-full" width="2685" height="1423" srcset="https://www.rum.nl/hs-fs/hubfs/EA%20Scheer%20pics/Rum%20Room%201-2.jpeg?width=1343&height=712&name=Rum%20Room%201-2.jpeg 1343w, https://www.rum.nl/hs-fs/hubfs/EA%20Scheer%20pics/Rum%20Room%201-2.jpeg?width=2685&height=1423&name=Rum%20Room%201-2.jpeg 2685w, https://www.rum.nl/hs-fs/hubfs/EA%20Scheer%20pics/Rum%20Room%201-2.jpeg?width=4028&height=2135&name=Rum%20Room%201-2.jpeg 4028w, https://www.rum.nl/hs-fs/hubfs/EA%20Scheer%20pics/Rum%20Room%201-2.jpeg?width=5370&height=2846&name=Rum%20Room%201-2.jpeg 5370w, https://www.rum.nl/hs-fs/hubfs/EA%20Scheer%20pics/Rum%20Room%201-2.jpeg?width=6713&height=3558&name=Rum%20Room%201-2.jpeg 6713w, https://www.rum.nl/hs-fs/hubfs/EA%20Scheer%20pics/Rum%20Room%201-2.jpeg?width=8055&height=4269&name=Rum%20Room%201-2.jpeg 8055w" sizes="(max-width: 2685px) 100v
1334w, 2685px"> 1335 </div> 1336 1337 1338 <!-- ? Product info block --> 1339 1340 <div class="bg-light-beige 1341 mt-[-80px] md:mt-[-120px] 1342 1343 py-4 px-3 w-[90%] flex flex-col 1344 "> 1345 <!-- ? Product title --> 1346 <h3 class="text-barrel-brown 1347 block text-sm leading-7 font-bold w-fit mb-2 1348 md:text-base md:leading-8 md:mb-1"> 1349 Rum, Rhum, Ron 1350 </h3> 1351 1352 <!-- ? Product description --> 1353 1354 <div class="font-trebuchet text-sm leading-5 mb-2 md:text-base md:leading-8 md:mb-[28px]"> 1355 Produced from fermented and distilled sugarcane, Rum is one of the world's most diverse and versatile spirits. As such, it showcases a vast array of characters, types, and origins - providing endless possibilities for our master blenders to create your unique and distinctive blend. 1356 </div> 1357 1358 1359 <!-- ? Blog post link --> 1360 1361 <a href="https://www.rum.nl/en/collection/rum?hsLang=en" class="flex items-center gap-x-3 w-fit group "> 1362 <span class=" 1363 text-dark-green 1364 font-bold text-sm md:text-base 1365 "> 1366 Learn more 1367 </span> 1368 1369 1370 <svg width="83" height="6" viewbox="0 0 83 6" fill="none" xmlns="http://www.w3.org/2000/svg"> 1371 <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" /> 1372 </svg> 1373 1374 </a> 1375 1376 </div> 1377 1378 </div> 1379 1380 1381 <div class="flex flex-col items-center w-full md:mt-8" id="widget_1745494752365__column_2"> 1382 <!-- ? Roman number --> 1383 <span class="flex justify-center gap-x-[1px] mb-[12px] md:mb-4"> 1384 1385 1386 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1387 <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" /> 1388 </svg> 1389 1390 1391 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1392 <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" /> 1393 </svg> 1394 1395 </span> 1396 1397 <!-- ? Product image --> 1398 1399 <div class="w-full h-[211px] md:h-[338px]"> 1400 <img src="https://www.rum.nl/hs-fs/hubfs/Batavia%20Arak%20Scheer-jpg.jpeg?width=1000&height=665&name=Batavia%20Arak%20Scheer-jpg.jpeg" alt="Batavia Arak Scheer-jpg" class="object-cover w-full h-full" width="1000" height="665" srcset="https://www.rum.nl/hs-fs/hubfs/Batavia%20Arak%20Scheer-jpg.jpeg?width=500&height=333&name=Batavia%20Arak%20Scheer-jpg.jpeg 500w, https://www.rum.nl/hs-fs/hubfs/Batavia%20Arak%20Scheer-jpg.jpeg?width=1000&height=665&name=Batavia%20Arak%20Scheer-jpg.jpeg 1000w, https://www.rum.nl/hs-fs/hubfs/Batavia%20Arak%20Scheer-jpg.jpeg?width=1500&height=998&name=Batavia%20Arak%20Scheer-jpg.jpeg 1500w, https://www.rum.nl/hs-fs/hubfs/Batavia%20Arak%20Scheer-jpg.jpeg?width=2000&height=1330&name=Batavia%20Arak%20Scheer-jpg.jpeg 2000w, https://www.rum.nl/hs-fs/hubfs/Batavia%20Arak%20Scheer-jpg.jpeg?width=2500&height=1663&name=Batavia%20Arak%20Scheer-jpg.jpeg 2500w, https://www.rum.nl/hs-fs/hubfs/Batavia%20Arak%20Scheer-jpg.jpeg?width=3000&height=1995&name=Batavia%20Arak%20Scheer-jpg.jpeg 3000w" sizes="(max-width: 1000px) 100vw, 1000px"> 1401 </div> 1402 1403 1404 <!-- ? Product info block --> 1405 1406 <div class="bg-light-beige 1407 mt-[-80px] md:mt-[-120px] 1408 1409 py-4 px-3 w-[90%] flex flex-col 1410 "> 1411 <!-- ? Product title --> 1412 <h3 class="text-barrel-brown 1413 block text-sm leading-7 font-bold w-fit mb-2 1414 md:text-base md:leading-8 md:mb-1"> 1415 Batavia Arrack 1416 </h3> 1417 1418 <!-- ? Product description --> 1419 1420 <div class="font-trebuchet text-sm leading-5 mb-2 md:text-base md:leading-8 md:mb-[28px]"> 1421 Batavia Arrack is a pot distilled Indonesian Rum produced on the island of Java. The difference lies in the use of local red rice which is added to the molasses. See its potential for your products and markets with our expert guidance. 1422 </div> 1423 1424 1425 <!-- ? Blog post link --> 1426 1427 <a href="https://www.rum.nl/en/collection/batavia-arrack?hsLang=en" class="flex items-center gap-x-3 w-fit group ">
1428 <span class=" 1429 text-dark-green 1430 font-bold text-sm md:text-base 1431 "> 1432 Learn more 1433 </span> 1434 1435 1436 <svg width="83" height="6" viewbox="0 0 83 6" fill="none" xmlns="http://www.w3.org/2000/svg"> 1437 <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" /> 1438 </svg> 1439 1440 </a> 1441 1442 </div> 1443 1444 </div> 1445 1446 1447 <div class="flex flex-col items-center w-full " id="widget_1745494752365__column_3"> 1448 <!-- ? Roman number --> 1449 <span class="flex justify-center gap-x-[1px] mb-[12px] md:mb-4"> 1450 1451 1452 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1453 <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" /> 1454 </svg> 1455 1456 1457 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1458 <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" /> 1459 </svg> 1460 1461 1462 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1463 <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" /> 1464 </svg> 1465 1466 </span> 1467 1468 <!-- ? Product image --> 1469 1470 <div class="w-full h-[211px] md:h-[338px]"> 1471 <img src="https://www.rum.nl/hs-fs/hubfs/Cachaca.jpg?width=724&height=483&name=Cachaca.jpg" alt="Cachaca" class="object-cover w-full h-full" width="724" height="483" srcset="https://www.rum.nl/hs-fs/hubfs/Cachaca.jpg?width=362&height=242&name=Cachaca.jpg 362w, https://www.rum.nl/hs-fs/hubfs/Cachaca.jpg?width=724&height=483&name=Cachaca.jpg 724w, https://www.rum.nl/hs-fs/hubfs/Cachaca.jpg?width=1086&height=725&name=Cachaca.jpg 1086w, https://www.rum.nl/hs-fs/hubfs/Cachaca.jpg?width=1448&height=966&name=Cachaca.jpg 1448w, https://www.rum.nl/hs-fs/hubfs/Cachaca.jpg?width=1810&height=1208&name=Cachaca.jpg 1810w, https://www.rum.nl/hs-fs/hubfs/Cachaca.jpg?width=2172&height=1449&name=Cachaca.jpg 2172w" sizes="(max-width: 724px) 100vw, 724px"> 1472 </div> 1473 1474 1475 <!-- ? Product info block --> 1476 1477 <div class="bg-light-beige 1478 mt-[-80px] md:mt-[-120px] 1479 1480 py-4 px-3 w-[90%] flex flex-col 1481 "> 1482 <!-- ? Product title --> 1483 <h3 class="text-barrel-brown 1484 block text-sm leading-7 font-bold w-fit mb-2 1485 md:text-base md:leading-8 md:mb-1"> 1486 Cachaça 1487 </h3> 1488 1489 <!-- ? Product description --> 1490 1491 <div class="font-trebuchet text-sm leading-5 mb-2 md:text-base md:leading-8 md:mb-[28px]"> 1492 Cachaça is a Brazilian sugarcane crafted from sugarcane juice rather than syrup or molasses. Discover Cachaca of Brazil, a sugarcane distillate renowned for its unique flavour. 1493 </div> 1494 1495 1496 <!-- ? Blog post link --> 1497 1498 <a href="https://www.rum.nl/en/collection/cacha%C3%A7a?hsLang=en" class="flex items-center gap-x-3 w-fit group "> 1499 <span class=" 1500 text-dark-green 1501 font-bold text-sm md:text-base 1502 "> 1503 Learn more 1504 </span> 1505 1506 1507 <svg width="83" height="6" viewbox="0 0 83 6" fill="none" xmlns="http://www.w3.org/2000/svg"> 1508 <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" /> 1509 </svg> 1510 1511 </a> 1512 1513 </div> 1514 1515 </div> 1516 1517 </div> 1518 1519 1520 <!-- ? CTA button --> 1521 1522 </div> 1523</section></div> 1524 1525</div><!--end widget-span --> 1526</div><!--end row--> 1527</div><!--end row-wrapper --> 1528 1529</div><!--end widget-span --> 1530</div><!--end row--> 1531</div><!--end row-wrapper --> 1532 1533<div class="row-fluid-wrapper row-depth-1 row-number-12 dnd-section"> 1534<div class="row-fluid "> 1535<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 1536 1537<div class="row-fluid-wrapper row-depth-1 row-number-13 dnd-row"> 1538<div class="row-fluid "> 1539<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 1540<div id="hs_cos_wrapper_widget_1670425928246" 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"> 1541<button class="hidden btn btn-primary-negative invert text-dark-green md:text-light-green"></button> 1542 1543 1544 1545<section id="widget_1670425928246-1" class="relative z-10 pt-7 pb-5 bg-barrel-brown 1546 md:flex md:flex-col md:h-full md:py-[160px] 1547"> 1548 <div class="container"> 1549 <!-- ? Paper background --> 1550 1551<div class="absolute inset-0 z-0 right-[-1px] md:block md:visible"> 1552 <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/bg-old-paper-dark.png" alt="bg-paper" class="w-full h-full object-cover"> 1553 1554 <!-- ? Mobile gradient --> 1555 <div class="custom-gradient absolute inset-0 md:hidden"></div> 1556</div> 1557 1558 1559 <!-- ? BG image plant --> 1560 1561<img id="widget_1670425928246__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%] 1562 invert 1563 "> 1564 1565 1566 <div class="relative container default-grid--md"> 1567 <div class="md:gap-x-4 md:h-fit md:col-span-6 md:grid md:grid-cols-6 "> 1568 <!-- ? Subtitle --> 1569 1570 1571<p class="text-light-green mt-4 md:mt-0 font-bold mb-4 md:col-span-full font-trebuchet">The Main Rum Company</p> 1572 1573 1574 <!-- ? Title --> 1575 1576<h2 id="widget_1670425928246__left__title" class="text-light-beige text-[32px] md:text-[56px] mb-3 md:mb-6 md:col-span-7"> 1577 Specialists in rare and aged Rums in cask 1578</h2> 1579 1580 1581 <!-- ? Rich text --> 1582 1583 1584<p class="text-light-beige mb-5 md:col-span-6 md:mb-0"><span>Our sister </span><span>company</span><span>, The Main Rum Company, </span><span>
1584offers </span><span>rare and aged Rums in cask. Their impressive selection is sourced from a wide range of origins and distilleries, stored in their cellars for further maturation, and offers a unique opportunity to enter the fast-growing premium Rum market. </span></p> 1585 1586 1587 <!-- ? USP --> 1588 1589<div class="flex flex-col gap-y-3 w-4/5 md:col-span-6 md:flex-row md:justify-between md:grid md:grid-cols-3 md:gap-x-4 md:w-full md:mt-7"> 1590 1591 <!-- ? USP item --> 1592 <div class="flex gap-x-5 md:flex-col md:gap-y-[20px]"> 1593 1594 <img src="https://www.rum.nl/hubfs/Icon.svg" alt="Icon" loading="lazy" class="object-contain max-w-[40px] max-h-[40px]"> 1595 1596 1597 <span class="text-light-beige font-trebuchet text-sm leading-[22px]"> 1598 Premium quality rare and aged Rums 1599 </span> 1600 </div> 1601 1602 <!-- ? USP item --> 1603 <div class="flex gap-x-5 md:flex-col md:gap-y-[20px]"> 1604 1605 <img src="https://www.rum.nl/hubfs/Icon.svg" alt="Icon" loading="lazy" class="object-contain max-w-[40px] max-h-[40px]"> 1606 1607 1608 <span class="text-light-beige font-trebuchet text-sm leading-[22px]"> 1609 Matured in cask in our own cellars 1610 </span> 1611 </div> 1612 1613 <!-- ? USP item --> 1614 <div class="flex gap-x-5 md:flex-col md:gap-y-[20px]"> 1615 1616 <img src="https://www.rum.nl/hubfs/Icon.svg" alt="Icon" loading="lazy" class="object-contain max-w-[40px] max-h-[40px]"> 1617 1618 1619 <span class="text-light-beige font-trebuchet text-sm leading-[22px]"> 1620 Expertise in inventory management 1621 </span> 1622 </div> 1623 1624</div> 1625 1626 1627 <!-- ? Left CTA --> 1628 1629 1630<div class="col-span-full mt-4"> 1631 <div class="btn btn-primary-negative"><span id="hs_cos_wrapper_widget_1670425928246_" 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"><div class="hs-web-interactive-inline" style="; " data-hubspot-wrapper-cta-id="96090054638"> 1632 <style data-hubspot-cta-style="hs-inline-web-interactive-96090054638"> 1633 1634 a.hs-inline-web-interactive-96090054638 { 1635 cursor: pointer !important; 1636 } 1637 1638 a.hs-inline-web-interactive-96090054638:hover { 1639 1640 } 1641 1642 a.hs-inline-web-interactive-96090054638:active { 1643 1644 } 1645 1646 a.hs-inline-web-interactive-96090054638:active:hover { 1647 1648 } 1649 1650</style> 1651 <span class="hs-cta-wrapper hs-web-interactive-wrapper"><span class="hs-cta-node hs-web-interactive-node"> <a href="https://cta-eu1.hubspot.com/web-interactives/public/v1/track/click?encryptedPayload=AVxigLJt0QlVOs65RPgs9VxWzU7XrZMYDPXBikLRAVZOv%2F3mutyZKBS%2FH%2FpIIHHgfvaDbYT54X3aheWBcx0SmfEmG5zNMevb5EcJqCKyWQc%2BmPXIS3UxQsYkF5kdpxjX3QgMFckR8YX0uDFlZIC3V3psmy7TPa2%2Ft%2BQBNSk4SorE0j%2FFtInEvg%3D%3D&portalId=25607130" class="hs-inline-web-interactive-96090054638 " data-hubspot-cta-id="96090054638"> Visit The Main Rum Company </a> </span></span> 1652</div></span></div> 1653</div> 1654 1655 </div> 1656 1657 1658 <div class="hidden items-center relative md:flex md:visible col-span-6 col-start-7 "> 1659 <!-- ? Desktop single image --> 1660 <img src="https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Company-16-1-1.jpg?width=1200&height=1800&name=Main%20Rum%20Company-16-1-1.jpg" alt="Main Rum Company-16-1-1" loading="lazy" class="object-cover w-full h-full max-h-[700px]" width="1200" height="1800" srcset="https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Company-16-1-1.jpg?width=600&height=900&name=Main%20Rum%20Company-16-1-1.jpg 600w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Company-16-1-1.jpg?width=1200&height=1800&name=Main%20Rum%20Company-16-1-1.jpg 1200w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Company-16-1-1.jpg?width=1800&height=2700&name=Main%20Rum%20Company-16-1-1.jpg 1800w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Company-16-1-1.jpg?width=2400&height=3600&name=Main%20Rum%20Company-16-1-1.jpg 2400w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Company-16-1-1.jpg?width=3000&height=4500&name=Main%20Rum%20Company-16-1-1.jpg 3000w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Company-16-1-1.jpg?width=3600&height=5400&name=Main%20Rum%20Company-16-1-1.jpg 3600w" sizes="(max-width: 1200px) 100v
1660w, 1200px"> 1661 1662 <!-- ? Desktop pop-up button --> 1663 1664 </div> 1665 1666 <!-- ? Mobile single image --> 1667 <div class="flex justify-center relative h-[500px] mt-3 md:hidden"> 1668 <img src="https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Company-16-1-1.jpg?width=1200&height=1800&name=Main%20Rum%20Company-16-1-1.jpg" alt="Main Rum Company-16-1-1" loading="lazy" class="object-cover w-full h-full" width="1200" height="1800" srcset="https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Company-16-1-1.jpg?width=600&height=900&name=Main%20Rum%20Company-16-1-1.jpg 600w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Company-16-1-1.jpg?width=1200&height=1800&name=Main%20Rum%20Company-16-1-1.jpg 1200w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Company-16-1-1.jpg?width=1800&height=2700&name=Main%20Rum%20Company-16-1-1.jpg 1800w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Company-16-1-1.jpg?width=2400&height=3600&name=Main%20Rum%20Company-16-1-1.jpg 2400w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Company-16-1-1.jpg?width=3000&height=4500&name=Main%20Rum%20Company-16-1-1.jpg 3000w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Company-16-1-1.jpg?width=3600&height=5400&name=Main%20Rum%20Company-16-1-1.jpg 3600w" sizes="(max-width: 1200px) 100vw, 1200px"> 1669 1670 <!-- ? Mobile pop-up button --> 1671 1672 </div> 1673 1674 </div> 1675 </div> 1676</section> 1677 1678 1679
1680<script defer> 1681 // @ts-check 1682 "use strict"; 1683 1684 try { 1685 const BREAK_POINT = 1200; 1686 1687 1688 1689 function animatePopUpOnClick() { 1690 try { 1691 /* Variables and guard clauses start */ 1692 const popupButtons = document.querySelectorAll('.widget_1670425928246__popup-button'); 1693 if (popupButtons.length < 1) throw new Error('popupButtons not found\npopupButtons:\n', popupButtons); 1694 1695 const popupModal = _getPopupModal(); 1696 if (!popupModal) throw new Error('popupModal not found\npopupModal:\n', popupModal); 1697 1698 const navigation = document.querySelector('.navigation'); 1699 if (!navigation) throw new Error('navigation not found\nnavigation:\n', navigation); 1700 1701 const body = document.querySelector('body'); 1702 /* Variables and guard clauses end */ 1703 1704 popupButtons.forEach(popupButton => { 1705 const popupButton_text = popupButton.querySelector('span'); 1706 popupButton.addEventListener('click', () => { 1707 body.classList.add('overflow-y-hidden'); 1708 popupButton.style.pointerEvent = 'none'; 1709 1710 const tl = gsap.timeline(); 1711 tl.add(_animatePopupButton) 1712 .add(_animatePopupContent, 1.5) 1713 1714 function _animatePopupContent() { 1715 try { 1716 const tlContent = gsap.timeline(); 1717 tlContent 1718 .add(() => _setStateImageLeft()) 1719 .add(() => _setStateImageRight()) 1720 .add(() => _setStateChevron()) 1721 .add(() => _setStateSugarCaneImage()) 1722 .add(() => _animateTitleAndText()) 1723 .add(() => _animateSubtitle()) 1724 .add(() => _animateCloseButton()) 1725 .add(() => _animateChevron(), '>0.1') 1726 .add(() => _animateImageLeft(), '<0.5') 1727 .add(() => _animateImageRight(), '<') 1728 .add(() => _animateSugarCaneImage(), '>1') 1729 1730 function _animateTitleAndText() { 1731 try { 1732 const title = popupModal.querySelector('.popup-modal__title'); 1733 if (!title) throw new Error('title not found\ntitle:\n', title); 1734 1735 const text = popupModal.querySelector('.popup-modal__text'); 1736 if (!text) throw new Error('text not found\ntext:\n', text); 1737 1738 [title, text].forEach((element, index) => 1739 gsap.set(element, { 1740 y: (index + 1) * 1.1 * 50, 1741 duration: 2, 1742 ease: Power4, 1743 opacity: 0.5 1744 }) 1745 ); 1746 1747 const tlPopupContent = gsap.timeline(); 1748 tlPopupContent.add(() => { 1749 tlPopupContent 1750 .to(title, { y: 0, opacity: 1 }) 1751 .to(text, { y: 0, opacity: 1 }, '<') 1752 }) 1753 } catch (e) { console.warn(`%c!!! _animateTitleAndText()\n${e}`, 'background: #faf'); } 1754 } 1755 1756 function _animateSubtitle() { 1757 try { 1758 const subtitle = popupModal.querySelector('.popup-modal__subtitle'); 1759 if (!subtitle) throw new Error('subtitle not found\nsubtitle:\n', subtitle); 1760 1761 gsap.fromTo(subtitle, 1762 { y: -25, duration: 0.4, ease: Power4, opacity: 0.5 }, 1763 { y: 0, opacity: 1 } 1764 ); 1765 } catch (e) { console.warn(`%c!!! _animateSubtitle()\n${e}`, 'background: #faf'); } 1766 } 1767 1768 function _animateCloseButton() { 1769 try { 1770 const closeButton = popupModal.querySelector('.popup-modal__close-button'); 1771 if (!closeButton) throw new Error('closeButton not found\ncloseButton:\n', closeButton); 1772 1773 gsap.fromTo(closeButton, 1774 { y: -200, duration: 0.6, opacity: 0.5, ease: Power4 }, 1775 { y: 0, opacity: 1 } 1776 ); 1777 } catch (e) { console.warn(`%c!!! _animateCloseButton()\n${e}`, 'background: #faf'); } 1778 } 1779 1780 function _setStateSugarCaneImage() { 1781 try { 1782 const sugarCaneImage = popupModal.querySelector('.popup-modal__img--sugar-cane'); 1783 if (!sugarCaneImage) throw new Error('sugarCaneImage not found\nsugarCaneImage:\n', sugarCaneImage); 1784 gsap.set(sugarCaneImage, { x: 250, duration: 0.8, ease: Power4 }); 1785 } catch (e) { console.warn(`%c!!! _setStateSugarCaneImage()\n${e}`, 'background: #faf'); } 1786 } 1787 1788 function _animateSugarCaneImage() { 1789 try { 1790 const sugarCaneImage = popupModal.querySelector('.popup-modal__img--sugar-cane'); 1791 if (!sugarCaneImage) throw new Error('sugarCaneImage not found\nsugarCaneImage:\n', sugarCaneImage); 1792 1793 gsap.to(sugarCaneImage, { x: 0 }); 1794 } catch (e) { console.warn(`%c!!! _animateSugarCaneImage()\n${e}`, 'background: #faf'); } 1795 } 1796 1797 function _setStateChevron() { 1798 try { 1799 const chevron = popupModal.querySelector('.popup-modal__subtitle__chevron'); 1800 if (!chevron) throw new Error('chevron not found\nchevron:\n', chevron); 1801 1802 gsap.set(chevron, { duration: 0.4, ease: Power4, scale: 0.5, rotation: -45 }); 1803 } catch (e) { console.warn(`%c!!! _setStateChevron()\n${e}`, 'background: #faf'); } 1804 } 1805 1806 function _animateChevron() { 1807 try { 1808 const chevron = popupModal.querySelector('.popup-modal__subtitle__chevron'); 1809 if (!chevron) throw new Error('chevron not found\nchevron:\n', chevron); 1810 1811 gsap.to(chevron, { scale: 1, rotation: 45 } ); 1812 } catch (e) { console.warn(`%c!!! _animateChevron()\n${e}`, 'background: #faf'); } 1813 } 1814 1815 function _setStateImageLeft() { 1816 try { 1817 const image = popupModal.querySelectorAll('.popup-modal__image')[0]; 1818 if (!image) throw new Error('image not found\nimage:\n', image); 1819 1820 gsap.set(image, { duration: 0.8, xPercent: -100, ease: Power4 }); 1821 } catch (e) { console.warn(`%c!!! _setStateImageLeft()\n${e}`, 'background: #faf'); } 1822 } 1823 1824 function _animateImageLeft() { 1825 try { 1826 const image = popupModal.querySelectorAll('.popup-modal__image')[0]; 1827 if (!image) throw new Error('image not found\nimage:\n', image); 1828 1829 if (window.matchMedia(`(min-width: 1400px)`).matches) { 1830 gsap.to(image, { xPercent: -10 }); 1831 } else { 1832 gsap.to(image, { xPercent: -50 }); 1833 } 1834 } catch (e) { console.warn(`%c!!! _animateImageLeft()\n${e}`, 'background: #faf'); } 1835 } 1836 1837 function _setStateImageRight() { 1838 try { 1839 const image = popupModal.querySelectorAll('.popup-modal__image')[1]; 1840 if (!image) throw new Error('image not found\nimage:\n', image); 1841 1842 gsap.set(image, { duration: 0.8, xPercent: 100, ease: Power4 }); 1843 } catch (e) { console.warn(`%c!!! _setStateImageRight()\n${e}`, 'background: #faf'); } 1844 } 1845 1846 function _animateImageRight() { 1847 try { 1848 const image = popupModal.querySelectorAll('.popup-modal__image')[1]; 1849 if (!image) throw new Error('image not found\nimage:\n', image); 1850 1851 if (window.matchMedia(`(min-width: 1400px)`).matches) { 1852 gsap.to(image, { xPercent: 10 }); 1853 } else { 1854 gsap.to(image, { xPercent: 50 }); 1855 } 1856 } catch (e) { console.warn(`%c!!! _animateImageRight()\n${e}`, 'background: #faf'); } 1857 } 1858 } catch (e) { console.warn(`%c!!! _animatePopupContent()\n${e}`, 'background: #faf'); } 1859 } 1860 1861 function _animatePopupButton() { 1862 const tlButton = gsap.timeline(); 1863 try { 1864 _addEventsOnModalClose(); 1865 1866 tlButton 1867 .to(popupButton_text, { 1868 /* Fades out the text inside the button */ 1869 duration: .5, 1870 ease: Power4, 1871 opacity: 0, 1872 }) 1873 .to(navigation, { 1874 duration: 0.5, 1875 opacity: 0 1876 }) 1877 .to(popupButton, { 1878 /* Makes button big until it cover the screen */ 1879 duration: 1.5, 1880 ease: Power4, 1881 scale: 20, 1882 }, '<') 1883 .add( 1884 /* Preps the modal for showing */ 1885 () => { 1886 gsap.set(popupModal, { opacity: 0, height: 0 }); 1887 popupModal.classList.remove('hidden'); 1888 }, 1889 '<' 1890 ) 1891 /* Shows modal */ 1892 .to(popupModal, { 1893 duration: 0, 1894 height: '100%', 1895 }, '<') 1896 .to(popupModal, { 1897 duration: .5, 1898 opacity: 1 1899 }, '>1') 1900 /* Fades out popup button */ 1901 .to(popupButton, { opacity: 0 }) 1902 .add(() => popupButton.classList.add('hidden')); 1903 1904 function _addEventsOnModalClose() { 1905 try { 1906 const closeButton = popupModal.querySelector('.popup-modal__close-button'); 1907 if (!closeButton) throw new Error('closeButton not found\ncloseButton:\n', closeButton); 1908 closeButton.addEventListener('click', () => { 1909 gsap.set(navigation, { opacity: 1 }); 1910 gsap.set(popupButton, { opacity: 1, scale: 1 }); 1911 popupButton.classList.remove('hidden'); 1912 gsap.set(popupButton_text, { opacity: 1 }); 1913 tlButton.revert(); 1914 }); 1915 } catch (e) { console.warn(`%c!!! _addEventsOnModalClose()\n${e}`, 'background: #faf'); } 1916 } 1917 } catch (e) { console.warn(`%c!!! _animatePopupButton()\n${e}`, 'background: #faf'); } 1918 } 1919 }); 1920 }); 1921 1922 function _getPopupModal() { 1923 try { 1924 let popupModal = [...document.querySelectorAll('.popup-modal')]; 1925 if (popupModal.length < 1) throw new Error('popupModal not found\npopupModal:\n', popupModal); 1926 if (popupModal.length > 1) throw new Error('More than 1 popupModal found\npopupModal:\n', popupModal); 1927 return popupModal[0]; 1928 } catch (e) { console.warn(`%c!!! _getPopupModal()\n${e}`, 'background: #faf'); } 1929 } 1930 } catch (e) { console.warn(`%c!!! animatePopUpOnClick()\n${e}`, 'background: #faf'); } 1931 } 1932 } catch (e) { console.warn(`%c!!! product module ${e}`, 'background: #faf'); } 1933</script>
1933</div> 1934 1935</div><!--end widget-span --> 1936</div><!--end row--> 1937</div><!--end row-wrapper --> 1938 1939</div><!--end widget-span --> 1940</div><!--end row--> 1941</div><!--end row-wrapper --> 1942 1943<div class="row-fluid-wrapper row-depth-1 row-number-14 dnd-section"> 1944<div class="row-fluid "> 1945<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 1946 1947<div class="row-fluid-wrapper row-depth-1 row-number-15 dnd-row"> 1948<div class="row-fluid "> 1949<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 1950<div id="hs_cos_wrapper_module_17593162498853" 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"> 1951 1952 1953<section id="module_17593162498853" class="bg-white 1954rum-types-module relative py-7 md:pt-[120px] md:pb-8"> 1955 <div class="absolute z-0 inset-0 rotate-180"> 1956 <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"> 1957 </div> 1958 <div class="container default-grid--md relative z-10"> 1959 <div class="flex flex-col col-span-full 1960 items-start 1961text-start 1962 "> 1963 <!-- ? Subtitle --> 1964 1965 <div id="module_17593162498853__subtitle" class="text-dark-green 1966 font-trebuchet text-sm leading-5 text-center font-bold mb-3 mt-4 1967 md:col-span-full md:text-start md:text-base md:mb-4 md:mt-0"> 1968 ESG Certificates 1969 </div> 1970 1971 1972 <!-- ? Title --> 1973 1974 <h2 id="module_17593162498853__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 1975text-start"> 1976 Sustainable Rum Solutions 1977 </h2> 1978 1979 1980 <!-- ? Description --> 1981 1982 <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 1983text-start" id="module_17593162498853__description"> 1984 <div id="hs_cos_wrapper_module_17593162498853_" 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><span>E&A Scheer offers three distinct sustainable Rum options, supporting our commitment to responsible sourcing. Our selection includes Rums certified by Bonsucro and Fairtrade, both obtained via the Mass Balance system and we offer various Organic Rum.</span></p></div> 1985 </div> 1986 </div> 1987 1988 1989 <!-- ? Cards --> 1990 <div class="flex flex-col md:flex-row gap-y-5 md:col-span-full w-full md:gap-x-4"> 1991 1992 1993 <div class="flex flex-col items-center w-full " id="module_17593162498853__column_1"> 1994 <!-- ? Roman number --> 1995 <span class="flex justify-center gap-x-[1px] mb-[12px] md:mb-4"> 1996 1997 1998 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1999 <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" /> 2000 </svg> 2001 2002 </span> 2003 2004 <!-- ? Product image --> 2005 2006 <div class="w-full h-[211px] md:h-[338px]"> 2007 <img src="https://www.rum.nl/hs-fs/hubfs/bonsucro.png?width=1300&height=650&name=bonsucro.png" alt="bonsucro" class="object-cover w-full h-full" width="1300" height="650" srcset="https://www.rum.nl/hs-fs/hubfs/bonsucro.png?width=650&height=325&name=bonsucro.png 650w, https://www.rum.nl/hs-fs/hubfs/bonsucro.png?width=1300&height=650&name=bonsucro.png 1300w, https://www.rum.nl/hs-fs/hubfs/bonsucro.png?width=1950&height=975&name=bonsucro.png 1950w, https://www.rum.nl/hs-fs/hubfs/bonsucro.png?width=2600&height=1300&name=bonsucro.png 2600w, https://www.rum.nl/hs-fs/hubfs/bonsucro.png?width=3250&height=1625&name=bonsucro.png 3250w, https://www.rum.nl/hs-fs/hubfs/bonsucro.png?width=3900&height=1950&
2007name=bonsucro.png 3900w" sizes="(max-width: 1300px) 100vw, 1300px"> 2008 </div> 2009 2010 2011 <!-- ? Product info block --> 2012 2013 <div class="bg-light-beige 2014 mt-[-80px] md:mt-[-120px] 2015 2016 py-4 px-3 w-[90%] flex flex-col 2017 "> 2018 <!-- ? Product title --> 2019 <h3 class="text-barrel-brown 2020 block text-sm leading-7 font-bold w-fit mb-2 2021 md:text-base md:leading-8 md:mb-1"> 2022 Bonsucro Rum 2023 </h3> 2024 2025 <!-- ? Product description --> 2026 2027 <div class="font-trebuchet text-sm leading-5 mb-2 md:text-base md:leading-8 md:mb-[28px]"> 2028 We are proud to have gained Bonsucro Chain of Custody certification in 2017. Bonsucro represents a global non-profit certification for sustainable sugarcane production and processing. 2029 </div> 2030 2031 2032 <!-- ? Blog post link --> 2033 2034 <a href="https://www.rum.nl/en/collection/bonsucro-rum-in-bulk?hsLang=en" class="flex items-center gap-x-3 w-fit group "> 2035 <span class=" 2036 text-dark-green 2037 font-bold text-sm md:text-base 2038 "> 2039 Learn more 2040 </span> 2041 2042 2043 <svg width="83" height="6" viewbox="0 0 83 6" fill="none" xmlns="http://www.w3.org/2000/svg"> 2044 <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" /> 2045 </svg> 2046 2047 </a> 2048 2049 </div> 2050 2051 </div> 2052 2053 2054 <div class="flex flex-col items-center w-full md:mt-8" id="module_17593162498853__column_2"> 2055 <!-- ? Roman number --> 2056 <span class="flex justify-center gap-x-[1px] mb-[12px] md:mb-4"> 2057 2058 2059 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2060 <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" /> 2061 </svg> 2062 2063 2064 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2065 <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" /> 2066 </svg> 2067 2068 </span> 2069 2070 <!-- ? Product image --> 2071 2072 <div class="w-full h-[211px] md:h-[338px]"> 2073 <img src="https://www.rum.nl/hs-fs/hubfs/fairtrade-1280x720-1.jpeg?width=1280&height=697&name=fairtrade-1280x720-1.jpeg" alt="fairtrade-1280x720-1" class="object-cover w-full h-full" width="1280" height="697" srcset="https://www.rum.nl/hs-fs/hubfs/fairtrade-1280x720-1.jpeg?width=640&height=349&name=fairtrade-1280x720-1.jpeg 640w, https://www.rum.nl/hs-fs/hubfs/fairtrade-1280x720-1.jpeg?width=1280&height=697&name=fairtrade-1280x720-1.jpeg 1280w, https://www.rum.nl/hs-fs/hubfs/fairtrade-1280x720-1.jpeg?width=1920&height=1046&name=fairtrade-1280x720-1.jpeg 1920w, https://www.rum.nl/hs-fs/hubfs/fairtrade-1280x720-1.jpeg?width=2560&height=1394&name=fairtrade-1280x720-1.jpeg 2560w, https://www.rum.nl/hs-fs/hubfs/fairtrade-1280x720-1.jpeg?width=3200&height=1743&name=fairtrade-1280x720-1.jpeg 3200w, https://www.rum.nl/hs-fs/hubfs/fairtrade-1280x720-1.jpeg?width=3840&height=2091&name=fairtrade-1280x720-1.jpeg 3840w" sizes="(max-width: 1280px) 100vw, 1280px"> 2074 </div> 2075 2076 2077 <!-- ? Product info block --> 2078 2079 <div class="bg-light-beige 2080 mt-[-80px] md:mt-[-120px] 2081 2082 py-4 px-3 w-[90%] flex flex-col 2083 "> 2084 <!-- ? Product title --> 2085 <h3 class="text-barrel-brown 2086 block text-sm leading-7 font-bold w-fit mb-2 2087 md:text-base md:leading-8 md:mb-1"> 2088 Fairtrade Rum 2089 </h3> 2090 2091 <!-- ? Product description --> 2092 2093 <div class="font-trebuchet text-sm leading-5 mb-2 md:text-base md:leading-8 md:mb-[28px]"> 2094 The Rum is sourced, traded and audited as Fairtrade, ensuring producers receive Fairtrade terms. It opens powerful storytelling opportunities for brands, allowing them to highlight their active support for farmers and communities. 2095 </div> 2096 2097 2098 <!-- ? Blog post link --> 2099 2100 <a href="https://www.rum.nl/en/collection/fairtrade-rum-in-bulk?hsLang=en" class="flex items-center gap-x-3 w-fit group ">
2101 <span class=" 2102 text-dark-green 2103 font-bold text-sm md:text-base 2104 "> 2105 Learn more 2106 </span> 2107 2108 2109 <svg width="83" height="6" viewbox="0 0 83 6" fill="none" xmlns="http://www.w3.org/2000/svg"> 2110 <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" /> 2111 </svg> 2112 2113 </a> 2114 2115 </div> 2116 2117 </div> 2118 2119 2120 <div class="flex flex-col items-center w-full " id="module_17593162498853__column_3"> 2121 <!-- ? Roman number --> 2122 <span class="flex justify-center gap-x-[1px] mb-[12px] md:mb-4"> 2123 2124 2125 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2126 <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" /> 2127 </svg> 2128 2129 2130 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2131 <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" /> 2132 </svg> 2133 2134 2135 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2136 <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" /> 2137 </svg> 2138 2139 </span> 2140 2141 <!-- ? Product image --> 2142 2143 <div class="w-full h-[211px] md:h-[338px]"> 2144 <img src="https://www.rum.nl/hs-fs/hubfs/eu-organic-logo.jpg?width=640&height=480&name=eu-organic-logo.jpg" alt="eu-organic-logo" class="object-cover w-full h-full" width="640" height="480" srcset="https://www.rum.nl/hs-fs/hubfs/eu-organic-logo.jpg?width=320&height=240&name=eu-organic-logo.jpg 320w, https://www.rum.nl/hs-fs/hubfs/eu-organic-logo.jpg?width=640&height=480&name=eu-organic-logo.jpg 640w, https://www.rum.nl/hs-fs/hubfs/eu-organic-logo.jpg?width=960&height=720&name=eu-organic-logo.jpg 960w, https://www.rum.nl/hs-fs/hubfs/eu-organic-logo.jpg?width=1280&height=960&name=eu-organic-logo.jpg 1280w, https://www.rum.nl/hs-fs/hubfs/eu-organic-logo.jpg?width=1600&height=1200&name=eu-organic-logo.jpg 1600w, https://www.rum.nl/hs-fs/hubfs/eu-organic-logo.jpg?width=1920&height=1440&name=eu-organic-logo.jpg 1920w" sizes="(max-width: 640px) 100vw, 640px"> 2145 </div> 2146 2147 2148 <!-- ? Product info block --> 2149 2150 <div class="bg-light-beige 2151 mt-[-80px] md:mt-[-120px] 2152 2153 py-4 px-3 w-[90%] flex flex-col 2154 "> 2155 <!-- ? Product title --> 2156 <h3 class="text-barrel-brown 2157 block text-sm leading-7 font-bold w-fit mb-2 2158 md:text-base md:leading-8 md:mb-1"> 2159 Organic Rum 2160 </h3> 2161 2162 <!-- ? Product description --> 2163 2164 <div class="font-trebuchet text-sm leading-5 mb-2 md:text-base md:leading-8 md:mb-[28px]"> 2165 We are certified under the EU Organic Regulation. Offering a range of Organic Rums sourced from certified suppliers worldwide, we can guide you through the certification requirements relevant to your target markets. 2166 </div> 2167 2168 2169 <!-- ? Blog post link --> 2170 2171 <a href="https://www.rum.nl/en/collection/organic-rum-in-bulk?hsLang=en" class="flex items-center gap-x-3 w-fit group "> 2172 <span class=" 2173 text-dark-green 2174 font-bold text-sm md:text-base 2175 "> 2176 Learn more 2177 </span> 2178 2179 2180 <svg width="83" height="6" viewbox="0 0 83 6" fill="none" xmlns="http://www.w3.org/2000/svg"> 2181 <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" /> 2182 </svg> 2183 2184 </a> 2185 2186 </div> 2187 2188 </div> 2189 2190 </div> 2191 2192 2193 <!-- ? CTA button --> 2194 2195 </div> 2196</section></div> 2197 2198</div><!--end widget-span --> 2199</div><!--end row--> 2200</div><!--end row-wrapper --> 2201 2202</div><!--end widget-span --> 2203</div><!--end row--> 2204</div><!--end row-wrapper --> 2205 2206<div class="row-fluid-wrapper row-depth-1 row-number-16 Homepage_blend-row-9-padding dnd-section"> 2207<div class="row-fluid "> 2208<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 2209 2210<div class="row-fluid-wrapper row-depth-1 row-number-17 dnd-row"> 2211<div class="row-fluid "> 2212<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 2213<div id="hs_cos_wrapper_widget_1745495346240" 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"> 2214<button class="hidden btn btn-primary-negative invert text-dark-green md:text-light-green"></button> 2215 2216 2217 2218<section id="widget_1745495346240-1" class="relative z-10 pt-7 pb-5 bg-light-beige 2219 md:flex md:flex-col md:h-full md:py-[160px] 2220"> 2221 <div class="container"> 2222 <!-- ? Paper background --> 2223 2224<div class="absolute inset-0 z-0 right-[-1px] md:block md:visible"> 2225 <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"> 2226 2227 <!-- ? Mobile gradient --> 2228 <div class=" absolute inset-0 md:hidden"></div> 2229</div> 2230 2231 2232 <!-- ? BG image plant --> 2233 2234<img id="widget_1745495346240__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%] 2235 2236 "> 2237 2238 2239 <div class="relative container default-grid--md"> 2240 <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"> 2241 <!-- ? Subtitle --> 2242 2243 2244 <!-- ? Title --> 2245 2246<h2 id="widget_1745495346240__left__title" class="text-barrel-brown text-[32px] md:text-[56px] mb-3 md:mb-6 md:col-span-7"> 2247 Recognised by the Dutch Royal Court 2248</h2> 2249 2250 2251 <!-- ? Rich text --> 2252 2253 2254<p class="text-barrel-brown mb-5 md:col-span-6 md:mb-0">After blending and supplying bulk Rums across the globe over the last three centuries, E&A Scheer was exceptionally proud to be recognised by the Dutch Royal Court in 2017. The right to carry the royal mark is a
2254ppointed only after the most scrupulous selection process and represents industry leadership, an untarnished reputation, and a distinguished track record of quality, reliability and continuity. </p> 2255 2256 2257 <!-- ? USP --> 2258 2259 2260 <!-- ? Left CTA --> 2261 2262 2263<div class="col-span-full mt-4"> 2264 <div class="btn btn-primary"><span id="hs_cos_wrapper_widget_1745495346240_" 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> 2265</div> 2266 2267 </div> 2268 2269 2270 <div class="hidden items-center relative md:flex md:visible col-span-6 col-start-0 "> 2271 <!-- ? Desktop single image --> 2272 <img src="https://www.rum.nl/hs-fs/hubfs/Naamloos%20(26)-2.png?width=1080&height=718&name=Naamloos%20(26)-2.png" alt="Naamloos (26)-2" loading="lazy" class="object-cover w-full h-full max-h-[700px]" width="1080" height="718" srcset="https://www.rum.nl/hs-fs/hubfs/Naamloos%20(26)-2.png?width=540&height=359&name=Naamloos%20(26)-2.png 540w, https://www.rum.nl/hs-fs/hubfs/Naamloos%20(26)-2.png?width=1080&height=718&name=Naamloos%20(26)-2.png 1080w, https://www.rum.nl/hs-fs/hubfs/Naamloos%20(26)-2.png?width=1620&height=1077&name=Naamloos%20(26)-2.png 1620w, https://www.rum.nl/hs-fs/hubfs/Naamloos%20(26)-2.png?width=2160&height=1436&name=Naamloos%20(26)-2.png 2160w, https://www.rum.nl/hs-fs/hubfs/Naamloos%20(26)-2.png?width=2700&height=1795&name=Naamloos%20(26)-2.png 2700w, https://www.rum.nl/hs-fs/hubfs/Naamloos%20(26)-2.png?width=3240&height=2154&name=Naamloos%20(26)-2.png 3240w" sizes="(max-width: 1080px) 100vw, 1080px"> 2273 2274 <!-- ? Desktop pop-up button --> 2275 2276 </div> 2277 2278 <!-- ? Mobile single image --> 2279 <div class="flex justify-center relative h-[500px] mt-3 md:hidden"> 2280 <img src="https://www.rum.nl/hs-fs/hubfs/Naamloos%20(26)-2.png?width=1080&height=718&name=Naamloos%20(26)-2.png" alt="Naamloos (26)-2" loading="lazy" class="object-cover w-full h-full" width="1080" height="718" srcset="https://www.rum.nl/hs-fs/hubfs/Naamloos%20(26)-2.png?width=540&height=359&name=Naamloos%20(26)-2.png 540w, https://www.rum.nl/hs-fs/hubfs/Naamloos%20(26)-2.png?width=1080&height=718&name=Naamloos%20(26)-2.png 1080w, https://www.rum.nl/hs-fs/hubfs/Naamloos%20(26)-2.png?width=1620&height=1077&name=Naamloos%20(26)-2.png 1620w, https://www.rum.nl/hs-fs/hubfs/Naamloos%20(26)-2.png?width=2160&height=1436&name=Naamloos%20(26)-2.png 2160w, https://www.rum.nl/hs-fs/hubfs/Naamloos%20(26)-2.png?width=2700&height=1795&name=Naamloos%20(26)-2.png 2700w, https://www.rum.nl/hs-fs/hubfs/Naamloos%20(26)-2.png?width=3240&height=2154&name=Naamloos%20(26)-2.png 3240w" sizes="(max-width: 1080px) 100vw, 1080px"> 2281 2282 <!-- ? Mobile pop-up button --> 2283 2284 </div> 2285 2286 </div> 2287 </div> 2288</section> 2289 2290 2291
2292<script defer> 2293 // @ts-check 2294 "use strict"; 2295 2296 try { 2297 const BREAK_POINT = 1200; 2298 2299 2300 2301 function animatePopUpOnClick() { 2302 try { 2303 /* Variables and guard clauses start */ 2304 const popupButtons = document.querySelectorAll('.widget_1745495346240__popup-button'); 2305 if (popupButtons.length < 1) throw new Error('popupButtons not found\npopupButtons:\n', popupButtons); 2306 2307 const popupModal = _getPopupModal(); 2308 if (!popupModal) throw new Error('popupModal not found\npopupModal:\n', popupModal); 2309 2310 const navigation = document.querySelector('.navigation'); 2311 if (!navigation) throw new Error('navigation not found\nnavigation:\n', navigation); 2312 2313 const body = document.querySelector('body'); 2314 /* Variables and guard clauses end */ 2315 2316 popupButtons.forEach(popupButton => { 2317 const popupButton_text = popupButton.querySelector('span'); 2318 popupButton.addEventListener('click', () => { 2319 body.classList.add('overflow-y-hidden'); 2320 popupButton.style.pointerEvent = 'none'; 2321 2322 const tl = gsap.timeline(); 2323 tl.add(_animatePopupButton) 2324 .add(_animatePopupContent, 1.5) 2325 2326 function _animatePopupContent() { 2327 try { 2328 const tlContent = gsap.timeline(); 2329 tlContent 2330 .add(() => _setStateImageLeft()) 2331 .add(() => _setStateImageRight()) 2332 .add(() => _setStateChevron()) 2333 .add(() => _setStateSugarCaneImage()) 2334 .add(() => _animateTitleAndText()) 2335 .add(() => _animateSubtitle()) 2336 .add(() => _animateCloseButton()) 2337 .add(() => _animateChevron(), '>0.1') 2338 .add(() => _animateImageLeft(), '<0.5') 2339 .add(() => _animateImageRight(), '<') 2340 .add(() => _animateSugarCaneImage(), '>1') 2341 2342 function _animateTitleAndText() { 2343 try { 2344 const title = popupModal.querySelector('.popup-modal__title'); 2345 if (!title) throw new Error('title not found\ntitle:\n', title); 2346 2347 const text = popupModal.querySelector('.popup-modal__text'); 2348 if (!text) throw new Error('text not found\ntext:\n', text); 2349 2350 [title, text].forEach((element, index) => 2351 gsap.set(element, { 2352 y: (index + 1) * 1.1 * 50, 2353 duration: 2, 2354 ease: Power4, 2355 opacity: 0.5 2356 }) 2357 ); 2358 2359 const tlPopupContent = gsap.timeline(); 2360 tlPopupContent.add(() => { 2361 tlPopupContent 2362 .to(title, { y: 0, opacity: 1 }) 2363 .to(text, { y: 0, opacity: 1 }, '<') 2364 }) 2365 } catch (e) { console.warn(`%c!!! _animateTitleAndText()\n${e}`, 'background: #faf'); } 2366 } 2367 2368 function _animateSubtitle() { 2369 try { 2370 const subtitle = popupModal.querySelector('.popup-modal__subtitle'); 2371 if (!subtitle) throw new Error('subtitle not found\nsubtitle:\n', subtitle); 2372 2373 gsap.fromTo(subtitle, 2374 { y: -25, duration: 0.4, ease: Power4, opacity: 0.5 }, 2375 { y: 0, opacity: 1 } 2376 ); 2377 } catch (e) { console.warn(`%c!!! _animateSubtitle()\n${e}`, 'background: #faf'); } 2378 } 2379 2380 function _animateCloseButton() { 2381 try { 2382 const closeButton = popupModal.querySelector('.popup-modal__close-button'); 2383 if (!closeButton) throw new Error('closeButton not found\ncloseButton:\n', closeButton); 2384 2385 gsap.fromTo(closeButton, 2386 { y: -200, duration: 0.6, opacity: 0.5, ease: Power4 }, 2387 { y: 0, opacity: 1 } 2388 ); 2389 } catch (e) { console.warn(`%c!!! _animateCloseButton()\n${e}`, 'background: #faf'); } 2390 } 2391 2392 function _setStateSugarCaneImage() { 2393 try { 2394 const sugarCaneImage = popupModal.querySelector('.popup-modal__img--sugar-cane'); 2395 if (!sugarCaneImage) throw new Error('sugarCaneImage not found\nsugarCaneImage:\n', sugarCaneImage); 2396 gsap.set(sugarCaneImage, { x: 250, duration: 0.8, ease: Power4 }); 2397 } catch (e) { console.warn(`%c!!! _setStateSugarCaneImage()\n${e}`, 'background: #faf'); } 2398 } 2399 2400 function _animateSugarCaneImage() { 2401 try { 2402 const sugarCaneImage = popupModal.querySelector('.popup-modal__img--sugar-cane'); 2403 if (!sugarCaneImage) throw new Error('sugarCaneImage not found\nsugarCaneImage:\n', sugarCaneImage); 2404 2405 gsap.to(sugarCaneImage, { x: 0 }); 2406 } catch (e) { console.warn(`%c!!! _animateSugarCaneImage()\n${e}`, 'background: #faf'); } 2407 } 2408 2409 function _setStateChevron() { 2410 try { 2411 const chevron = popupModal.querySelector('.popup-modal__subtitle__chevron'); 2412 if (!chevron) throw new Error('chevron not found\nchevron:\n', chevron); 2413 2414 gsap.set(chevron, { duration: 0.4, ease: Power4, scale: 0.5, rotation: -45 }); 2415 } catch (e) { console.warn(`%c!!! _setStateChevron()\n${e}`, 'background: #faf'); } 2416 } 2417 2418 function _animateChevron() { 2419 try { 2420 const chevron = popupModal.querySelector('.popup-modal__subtitle__chevron'); 2421 if (!chevron) throw new Error('chevron not found\nchevron:\n', chevron); 2422 2423 gsap.to(chevron, { scale: 1, rotation: 45 } ); 2424 } catch (e) { console.warn(`%c!!! _animateChevron()\n${e}`, 'background: #faf'); } 2425 } 2426 2427 function _setStateImageLeft() { 2428 try { 2429 const image = popupModal.querySelectorAll('.popup-modal__image')[0]; 2430 if (!image) throw new Error('image not found\nimage:\n', image); 2431 2432 gsap.set(image, { duration: 0.8, xPercent: -100, ease: Power4 }); 2433 } catch (e) { console.warn(`%c!!! _setStateImageLeft()\n${e}`, 'background: #faf'); } 2434 } 2435 2436 function _animateImageLeft() { 2437 try { 2438 const image = popupModal.querySelectorAll('.popup-modal__image')[0]; 2439 if (!image) throw new Error('image not found\nimage:\n', image); 2440 2441 if (window.matchMedia(`(min-width: 1400px)`).matches) { 2442 gsap.to(image, { xPercent: -10 }); 2443 } else { 2444 gsap.to(image, { xPercent: -50 }); 2445 } 2446 } catch (e) { console.warn(`%c!!! _animateImageLeft()\n${e}`, 'background: #faf'); } 2447 } 2448 2449 function _setStateImageRight() { 2450 try { 2451 const image = popupModal.querySelectorAll('.popup-modal__image')[1]; 2452 if (!image) throw new Error('image not found\nimage:\n', image); 2453 2454 gsap.set(image, { duration: 0.8, xPercent: 100, ease: Power4 }); 2455 } catch (e) { console.warn(`%c!!! _setStateImageRight()\n${e}`, 'background: #faf'); } 2456 } 2457 2458 function _animateImageRight() { 2459 try { 2460 const image = popupModal.querySelectorAll('.popup-modal__image')[1]; 2461 if (!image) throw new Error('image not found\nimage:\n', image); 2462 2463 if (window.matchMedia(`(min-width: 1400px)`).matches) { 2464 gsap.to(image, { xPercent: 10 }); 2465 } else { 2466 gsap.to(image, { xPercent: 50 }); 2467 } 2468 } catch (e) { console.warn(`%c!!! _animateImageRight()\n${e}`, 'background: #faf'); } 2469 } 2470 } catch (e) { console.warn(`%c!!! _animatePopupContent()\n${e}`, 'background: #faf'); } 2471 } 2472 2473 function _animatePopupButton() { 2474 const tlButton = gsap.timeline(); 2475 try { 2476 _addEventsOnModalClose(); 2477 2478 tlButton 2479 .to(popupButton_text, { 2480 /* Fades out the text inside the button */ 2481 duration: .5, 2482 ease: Power4, 2483 opacity: 0, 2484 }) 2485 .to(navigation, { 2486 duration: 0.5, 2487 opacity: 0 2488 }) 2489 .to(popupButton, { 2490 /* Makes button big until it cover the screen */ 2491 duration: 1.5, 2492 ease: Power4, 2493 scale: 20, 2494 }, '<') 2495 .add( 2496 /* Preps the modal for showing */ 2497 () => { 2498 gsap.set(popupModal, { opacity: 0, height: 0 }); 2499 popupModal.classList.remove('hidden'); 2500 }, 2501 '<' 2502 ) 2503 /* Shows modal */ 2504 .to(popupModal, { 2505 duration: 0, 2506 height: '100%', 2507 }, '<') 2508 .to(popupModal, { 2509 duration: .5, 2510 opacity: 1 2511 }, '>1') 2512 /* Fades out popup button */ 2513 .to(popupButton, { opacity: 0 }) 2514 .add(() => popupButton.classList.add('hidden')); 2515 2516 function _addEventsOnModalClose() { 2517 try { 2518 const closeButton = popupModal.querySelector('.popup-modal__close-button'); 2519 if (!closeButton) throw new Error('closeButton not found\ncloseButton:\n', closeButton); 2520 closeButton.addEventListener('click', () => { 2521 gsap.set(navigation, { opacity: 1 }); 2522 gsap.set(popupButton, { opacity: 1, scale: 1 }); 2523 popupButton.classList.remove('hidden'); 2524 gsap.set(popupButton_text, { opacity: 1 }); 2525 tlButton.revert(); 2526 }); 2527 } catch (e) { console.warn(`%c!!! _addEventsOnModalClose()\n${e}`, 'background: #faf'); } 2528 } 2529 } catch (e) { console.warn(`%c!!! _animatePopupButton()\n${e}`, 'background: #faf'); } 2530 } 2531 }); 2532 }); 2533 2534 function _getPopupModal() { 2535 try { 2536 let popupModal = [...document.querySelectorAll('.popup-modal')]; 2537 if (popupModal.length < 1) throw new Error('popupModal not found\npopupModal:\n', popupModal); 2538 if (popupModal.length > 1) throw new Error('More than 1 popupModal found\npopupModal:\n', popupModal); 2539 return popupModal[0]; 2540 } catch (e) { console.warn(`%c!!! _getPopupModal()\n${e}`, 'background: #faf'); } 2541 } 2542 } catch (e) { console.warn(`%c!!! animatePopUpOnClick()\n${e}`, 'background: #faf'); } 2543 } 2544 } catch (e) { console.warn(`%c!!! product module ${e}`, 'background: #faf'); } 2545</script>
2545</div> 2546 2547</div><!--end widget-span --> 2548</div><!--end row--> 2549</div><!--end row-wrapper --> 2550 2551</div><!--end widget-span --> 2552</div><!--end row--> 2553</div><!--end row-wrapper --> 2554 2555<div class="row-fluid-wrapper row-depth-1 row-number-18 dnd-section"> 2556<div class="row-fluid "> 2557<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 2558<div id="hs_cos_wrapper_Homepage_default-module-7" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_module" style="" data-hs-cos-general-type="widget" data-hs-cos-type="module"><section id="Homepage_default-module-7" class="resources-module pt-8 pb-[160px] md:pt-[128px] md:pb-[138px]"> 2559 <div class="container grid grid-cols-4 gap-x-3 md:grid-cols-12 md:gap-x-6"> 2560 <!-- ? Title --> 2561 <div class="flex flex-col items-center col-span-3 text-[32px] leading-10 font-bold mb-1 2562 md:col-span-4 md:text-[56px] md:leading-100 md:mb-0 2563 "> 2564 <div class="flex flex-col"> 2565 2566 <span class=""> 2567 Resources & 2568 </span> 2569 2570 2571 2572 <span class="pl-4 md:pl-[104px]"> 2573 industry 2574 </span> 2575 2576 2577 2578 <span class=""> 2579 insights 2580 </span> 2581 2582 </div> 2583 </div> 2584 2585 <!-- ? Text --> 2586 2587 <div id="Homepage_default-module-7__text" class="flex justify-end col-span-full mb-6 md:col-start-8 md:w-[80%] md:mt-[100px] md:mb-5"> 2588 <div class="w-[75%] md:w-full"> 2589 <div id="hs_cos_wrapper_Homepage_default-module-7_" 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="text.richtext_field"><p><span data-contrast="auto" xml:lang="EN-GB" lang="EN-GB"><span>Browse the latest resources & industry insights to learn more about our companies and the Rum world in general.</span></span></p> 2590<p> </p></div> 2591 </div> 2592 </div> 2593 2594 2595 <!-- ? Blog posts --> 2596 <div class="col-span-full flex flex-col gap-y-5 default-grid--md md:flex-row"> 2597 2598 <!-- ? Blog post --> 2599 2600 2601 2602 2603 2604 2605 2606 2607 2608 2609 <a href="https://www.rum.nl/en/downloads/eascheer/rum-in-bulk?hsLang=en" class="relative mb-5 md:col-span-4 md:mt-8 "> 2610 2611 2612 2613 2614 2615 <div class="relative md:w-[90%]"> 2616 <!-- ? Blog post image --> 2617 <div class="h-[176px] mb-3 md:h-[360px] md:mb-4"> 2618 <img src="https://www.rum.nl/hs-fs/hubfs/Rum%20Warehouse.jpg?width=1200&height=800&name=Rum%20Warehouse.jpg" alt="blog_post.featured_image_alt_text" class="object-cover w-full h-full" width="1200" height="800" srcset="https://www.rum.nl/hs-fs/hubfs/Rum%20Warehouse.jpg?width=600&height=400&name=Rum%20Warehouse.jpg 600w, https://www.rum.nl/hs-fs/hubfs/Rum%20Warehouse.jpg?width=1200&height=800&name=Rum%20Warehouse.jpg 1200w, https://www.rum.nl/hs-fs/hubfs/Rum%20Warehouse.jpg?width=1800&height=1200&name=Rum%20Warehouse.jpg 1800w, https://www.rum.nl/hs-fs/hubfs/Rum%20Warehouse.jpg?width=2400&height=1600&name=Rum%20Warehouse.jpg 2400w, https://www.rum.nl/hs-fs/hubfs/Rum%20Warehouse.jpg?width=3000&height=2000&name=Rum%20Warehouse.jpg 3000w, https://www.rum.nl/hs-fs/hubfs/Rum%20Warehouse.jpg?width=3600&height=2400&name=Rum%20Warehouse.jpg 3600w" sizes="(max-width: 1200px) 100vw, 1200px"> 2619 </div> 2620 2621 <!-- ? Blog post tag --> 2622 2623 <span class="block font-aurore md:mb-1"> 2624 Blog & news 2625 </span> 2626 2627 2628 <!-- ? Blog post title --> 2629 <div class="flex justify-between items-center"> 2630 <h3 class="text-xl leading-8 w-[75%]"> 2631 Bulk Rum 2632 </h3> 2633 2634 <div class="rounded-full bg-light-beige p-[15px]"> 2635 <svg width="12" height="12" viewbox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 2636 <path d="M1 11L11 1M11 1H1M11 1V11" stroke="#271500" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> 2637 </svg> 2638 </div> 2639 </div> 2640 </div> 2641 </a> 2642 2643 <!-- ? Blog post --> 2644 2645 2646 2647 2648 2649 2650 2651 2652 <a href="https://www.rum.nl/en/downloads/eascheer/the-history-of-rum?hsLang=en" class="relative mb-5 md:col-span-4 "> 2653 2654 2655 2656 <div class="relative "> 2657 <!-- ? Blog post image --> 2658 <div class="h-[176px] mb-3 md:h-[360px] md:mb-4"> 2659 <img src="https://www.rum.nl/hs-fs/hubfs/Rums%20history.jpg?width=2000&height=1334&name=Rums%20history.jpg" alt="blog_post.featured_image_alt_text" 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&
2659name=Rums%20history.jpg 6000w" sizes="(max-width: 2000px) 100vw, 2000px"> 2660 </div> 2661 2662 <!-- ? Blog post tag --> 2663 2664 <span class="block font-aurore md:mb-1"> 2665 Blog & news 2666 </span> 2667 2668 2669 <!-- ? Blog post title --> 2670 <div class="flex justify-between items-center"> 2671 <h3 class="text-xl leading-8 w-[75%]"> 2672 The History of Rum 2673 </h3> 2674 2675 <div class="rounded-full bg-light-beige p-[15px]"> 2676 <svg width="12" height="12" viewbox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 2677 <path d="M1 11L11 1M11 1H1M11 1V11" stroke="#271500" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> 2678 </svg> 2679 </div> 2680 </div> 2681 </div> 2682 </a> 2683 2684 <!-- ? Blog post --> 2685 2686 2687 2688 2689 2690 2691 2692 2693 2694 2695 2696 2697 <a href="https://www.rum.nl/en/downloads/eascheer/start-supplying-your-rum?hsLang=en" class="relative mb-5 md:col-span-4 md:mt-8 md:flex md:flex-col md:items-end"> 2698 2699 2700 2701 2702 2703 <div class="relative md:w-[90%]"> 2704 <!-- ? Blog post image --> 2705 <div class="h-[176px] mb-3 md:h-[360px] md:mb-4"> 2706 <img src="https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Bar%2027-2-1.jpg?width=1200&height=800&name=Main%20Rum%20Bar%2027-2-1.jpg" alt="blog_post.featured_image_alt_text" class="object-cover w-full h-full" width="1200" height="800" srcset="https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Bar%2027-2-1.jpg?width=600&height=400&name=Main%20Rum%20Bar%2027-2-1.jpg 600w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Bar%2027-2-1.jpg?width=1200&height=800&name=Main%20Rum%20Bar%2027-2-1.jpg 1200w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Bar%2027-2-1.jpg?width=1800&height=1200&name=Main%20Rum%20Bar%2027-2-1.jpg 1800w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Bar%2027-2-1.jpg?width=2400&height=1600&name=Main%20Rum%20Bar%2027-2-1.jpg 2400w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Bar%2027-2-1.jpg?width=3000&height=2000&name=Main%20Rum%20Bar%2027-2-1.jpg 3000w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Bar%2027-2-1.jpg?width=3600&height=2400&name=Main%20Rum%20Bar%2027-2-1.jpg 3600w" sizes="(max-width: 1200px) 100vw, 1200px"> 2707 </div> 2708 2709 <!-- ? Blog post tag --> 2710 2711 <span class="block font-aurore md:mb-1"> 2712 Sourcing & purchasing 2713 </span> 2714 2715 2716 <!-- ? Blog post title --> 2717 <div class="flex justify-between items-center"> 2718 <h3 class="text-xl leading-8 w-[75%]"> 2719 Sell your Rum 2720 </h3> 2721 2722 <div class="rounded-full bg-light-beige p-[15px]"> 2723 <svg width="12" height="12" viewbox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 2724 <path d="M1 11L11 1M11 1H1M11 1V11" stroke="#271500" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> 2725 </svg> 2726 </div> 2727 </div> 2728 </div> 2729 </a> 2730 2731 </div> 2732 </div> 2733</section> 2734 2735</div> 2736 2737</div><!--end widget-span --> 2738</div><!--end row--> 2739</div><!--end row-wrapper --> 2740 2741<div class="row-fluid-wrapper row-depth-1 row-number-19 dnd-section"> 2742<div class="row-fluid "> 2743<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 2744<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"> 2745 <!-- ? BG Image --> 2746 2747 <div class="absolute z-0 inset-0"> 2748 <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"> 2749 </div> 2750 2751 2752 <div class="container relative z-10"> 2753 <!-- ? Main links wrapper --> 2754 <div id="Homepage_default-module-8__main-links" class="rounded-2xl bg-light-beige flex flex-col p-5 translate-y-[-60px] 2755 md:flex-row md:justify-between md:py-8 md:pl-14 md:pr-[151px] md:-translate-y-10 2756 "> 2757 <div class="flex flex-col justify-center gap-y-2 2758 max-w-[200px] mx-auto mb-5 2759 md:relative md:-left-3 md:mx-0 md:mb-0 2760 "> 2761 <!-- ? Logo --> 2762 <div class="flex justify-center items-center"> 2763 <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" 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> 2764 </div> 2765 2766 <!-- ? Social media links --> 2767 2768 <!-- ? Links --> 2769 <div class="flex flex-col gap-y-1 items-center"> 2770 2771 2772 2773 <!-- ? Text link --> 2774 2775 2776 2777 2778 <a href="mailto:[email protected]" class="font-bold text-bear-brown hover:text-bobby-brown duration-200"> 2779 E: [email protected] 2780 </a> 2781 2782 2783 2784 <!-- ? Phone number --> 2785 <a href="" class="font-bold text-bear-brown hover:text-bobby-brown duration-200 Homepage_default-module-8__phone-link-1"> 2786 T: +31 20 6243412 2787 </a> 2788 2789
2789<script defer> 2790 (() => { 2791 insertPhoneNumberToHref('tel:0031206243412'); 2792 2793 function insertPhoneNumberToHref(phoneNumber) { 2794 try { 2795 if (!phoneNumber) throw new Error(`phoneNumber not found\n${phoneNumber} `); 2796 const phoneLinkElement = document.querySelector('.Homepage_default-module-8__phone-link-1'); 2797 if (!phoneLinkElement) throw new Error(`phoneLinkElement not found\n${phoneLinkElement}`); 2798 phoneLinkElement.href = phoneNumber; 2799 } catch (e) { console.warn(`%c!!! insertPhoneNumberToHref()\n${e}`, 'background: #faf'); } 2800 } 2801 })(); 2802 </script>
2802 2803 2804 2805 </div> 2806 2807 2808 <!-- ? Social media logo links --> 2809 2810 <div class="flex justify-center items-center gap-x-2 mt-1"> 2811 2812 2813 <a href="https://www.facebook.com/eascheer1712"> 2814 <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"> 2815 </a> 2816 2817 2818 2819 <a href="https://www.linkedin.com/company/e%26a-scheer-bv/?viewAsMember=true"> 2820 <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"> 2821 </a> 2822 2823 2824 2825 <a href="https://www.instagram.com/eascheeramsterdam/"> 2826 <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"> 2827 </a> 2828 2829 2830 </div> 2831 2832 </div> 2833 2834 2835 2836 2837 <!-- ? Column 1 --> 2838 <div class="mb-3 md:mb-0"> 2839 <span class="block font-bold font-trebuchet text-darker-beige text-sm leading-5 mb-2 md:mb-[22px]"> 2840 Offerings 2841 </span> 2842 2843 <div class="font-trebuchet"> 2844 <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"> 2845 <ul role="menu"> 2846 <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> 2847 <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> 2848 <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> 2849 <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> 2850 </ul> 2851</div> 2852 </div> 2853 </div> 2854 2855 <!-- ? Column 2 --> 2856 <div class="mb-3 md:mb-0"> 2857 <span class="block font-bold font-trebuchet text-darker-beige text-sm leading-5 mb-2 md:mb-[22px]"> 2858 Markets 2859 </span> 2860 2861 <div class="font-trebuchet"> 2862 <div id="hs_menu_wrapper_Homepage_default-module-8_" class="hs-menu-wrapper active-branch flyout
2862s hs-menu-flow-horizontal" role="navigation" data-sitemap-name="default" data-menu-id="53968707816" aria-label="Navigation Menu"> 2863 <ul role="menu"> 2864 <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> 2865 <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> 2866 <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> 2867 </ul> 2868</div> 2869 </div> 2870 </div> 2871 2872 <!-- ? Column 3 --> 2873 <div class="mb-3 md:mb-0"> 2874 <span class="block font-bold font-trebuchet text-darker-beige text-sm leading-5 mb-2 md:mb-[22px]"> 2875 Tools 2876 </span> 2877 2878 <div class="font-trebuchet"> 2879 <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"> 2880 <ul role="menu"> 2881 <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> 2882 <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> 2883 </ul> 2884</div> 2885 </div> 2886 </div> 2887 2888 <!-- ? Column 4 --> 2889 <div class="flex flex-col justify-between"> 2890 <!-- ? Top row --> 2891 <div class="mb-3 md:mb-0"> 2892 <span class="block font-bold font-trebuchet text-darker-beige text-sm leading-5 mb-2 md:mb-[22px]"> 2893 Company 2894 </span> 2895 2896 <div class="font-trebuchet"> 2897 <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"> 2898 <ul role="menu"> 2899 <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> 2900 <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> 2901 <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> 2902 <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> 2903 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/vacancies" role="menuitem">Vacancies</a></li> 2904 </ul> 2905</div> 2906 </div> 2907 </div> 2908 2909 <!-- ? Bottom row --> 2910 <div class=""> 2911 <span class="block font-bold font-trebuchet text-darker-beige text-sm leading-5 mb-2 md:mb-[22px]"> 2912 2913 </span> 2914 2915 <div class="font-trebuchet"> 2916 <ul></ul> 2917 </div> 2918 </div> 2919 </div> 2920 </div> 2921 </div> 2922 2923 <!-- ? Bottom links --> 2924 <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 2925 md:flex-row md:gap-x-[76px] 2926 "> 2927 <!-- ? Links --> 2928 <div id="#Homepage_default-module-8__bottom-links" class="flex justify-center gap-x-5"> 2929 2930 2931 2932 <a href="https://www.rum.nl/en/general-conditions/eascheer?hsLang=en" class="font-trebuchet text-xs leading-6 md:text-sm"> 2933 General conditions 2934 </a> 2935 2936 2937 2938 <a href="https://www.rum.nl/en/privacy/eascheer?hsLang=en" class="font-trebuchet text-xs leading-6 md:text-sm"> 2939 Privacy 2940 </a> 2941 2942 2943 2944 <a href="" class="font-trebuchet text-xs leading-6 md:text-sm"> 2945 2946 </a> 2947 2948 2949 2950 <a href="" class="font-trebuchet text-xs leading-6 md:text-sm"> 2951 2952 </a> 2953 </div> 2954 2955 <!-- ? Copyright text --> 2956 <span class="block text-sm leading-5 font-bold"> 2957 Copyright © E&A Scheer BV. 2026 2958 </span> 2959 </div> 2960</footer> 2961 2962 2963 2964 2965 2966 2967 2968 2969</div> 2970 2971</div><!--end widget-span --> 2972</div><!--end row--> 2973</div><!--end row-wrapper --> 2974 2975</div><!--end widget-span --> 2976</div> 2977</div> 2978</div> 2979 2980 </main> 2981 2982 2983 </div> 2984 2985 2986<!-- HubSpot performance collection script -->
2987<script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"></script>
vendor: 1 bytes, line 2987
2987
2988<script src="https://www.rum.nl/hubfs/hub_generated/template_assets/1/53103084746/1789027501941/template_main.min.js"></script>
vendor: 1 bytes, line 2988
2988
2989<script> 2990var hsVars = hsVars || {}; hsVars['language'] = 'en'; 2991</script>
2991 2992
2993<script src="/hs/hsstatic/cos-i18n/static-1.53/bundles/project.js"></script>
vendor: 1 bytes, line 2993
2993
2994<script src="/hs/hsstatic/keyboard-accessible-menu-flyouts/static-1.17/bundles/project.js"></script>
2994 2995 2996
2996<script defer> 2997 (() => { 2998 // @ts-check 2999 3000 waitForElements('#Homepage_default-module-1 #menu-mobile li.hs-menu-depth-1 ul', () => { 3001 insertLogoIntoMenuDesktop(); 3002 addToggleEventToHamburgerButton(); 3003 mobileParentMenuItemsLogic(); 3004 }); 3005 3006 3007 function addToggleEventToHamburgerButton() { 3008 try { 3009 const hamburgerButton = document.querySelector('#Homepage_default-module-1__hamburger'); 3010 if (!hamburgerButton) 3011 throw new Error('hamburgerButton not found'); 3012 3013 const menuMobile = document.querySelector('#Homepage_default-module-1 #menu-mobile'); 3014 if (!menuMobile) 3015 throw new Error('menuMobile not found'); 3016 3017 hamburgerButton.addEventListener('click', () => { 3018 _toggleMenuMobile(); 3019 _toggleHamburgerSVG(); 3020 }); 3021 3022 function _toggleMenuMobile() { 3023 try { 3024 const menuMobileIsOpen = !menuMobile.classList.contains('hidden'); 3025 const body = document.querySelector('body'); 3026 3027 if (menuMobileIsOpen) { 3028 menuMobile.classList.add('hidden'); 3029 body.classList.remove('overflow-hidden'); 3030 } else { 3031 menuMobile.classList.remove('hidden'); 3032 body.classList.add('overflow-hidden'); 3033 } 3034 } catch (e) { console.warn(`%c!!! _toggleMenuMobile()\n${e}`, 'background: #faf'); } 3035 } 3036 3037 function _toggleHamburgerSVG() { 3038 try { 3039 const menuMobileIsOpen = !menuMobile.classList.contains('hidden'); 3040 3041 const hamburgerSVG = document.querySelector('#Homepage_default-module-1__hamburger__hamburger-svg'); 3042 if (!hamburgerSVG) 3043 throw new Error('hamburgerSVG not found'); 3044 3045 const xSVG = document.querySelector('#Homepage_default-module-1__hamburger__x-svg'); 3046 if (!xSVG) 3047 throw new Error('xSVG not found'); 3048 3049 if (menuMobileIsOpen) { 3050 hamburgerSVG.classList.add('hidden'); 3051 xSVG.classList.remove('hidden'); 3052 } else { 3053 hamburgerSVG.classList.remove('hidden'); 3054 xSVG.classList.add('hidden'); 3055 } 3056 3057 } catch (e) { console.warn(`%c!!! _toggleHamburgerSVG()\n${e}`, 'background: #faf'); } 3058 } 3059 } catch (e) { console.warn(`%c!!! addToggleEventToHamburgerButton()\n${e}`, 'background: #faf'); } 3060 } 3061 3062 3063 function insertLogoIntoMenuDesktop() { 3064 try { 3065 const menuDesktop = document.querySelector('#Homepage_default-module-1__menu-desktop .hs-menu-wrapper > ul'); 3066 if (!menuDesktop) throw new Error('menuDesktop not found'); 3067 3068 const correctMenuLength = 4; 3069 if (menuDesktop.children.length !== correctMenuLength) 3070 throw new Error(`menuDesktop length is not ${correctMenuLength}`); 3071 3072 const secondChildItem = menuDesktop.querySelector('li.hs-menu-depth-1:nth-child(2)'); 3073 secondChildItem.insertAdjacentHTML('afterend', ` 3074 3075 <span id="hs_cos_wrapper_Homepage_default-module-1_" 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-Homepage_default-module-1_" 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> 3076`); 3077 } catch (e) { console.warn(`%c!!! insertLogoIntoMenuDesktop()\n${e}`, 'background: #faf'); } 3078 } 3079 3080 3081 function mobileParentMenuItemsLogic() { 3082 // try { 3083 /* Guard clauses and variable declarations - start */ 3084 const parentMenuItems = [...document.querySelectorAll('#Homepage_default-module-1 #menu-mobile ul li.hs-item-has-children.hs-menu-depth-1')]; 3085 if (parentMenuItems.length < 1) throw new Error(`parentMenuItems n
3085ot found:\n${parentMenuItems}`); 3086 3087 const customSubMenuWrapper = document.querySelector('#Homepage_default-module-1 .menu-mobile__sub-menu'); 3088 if (!customSubMenuWrapper) throw new Error(`customSubMenuWrapper not found:\n${customSubMenuWrapper}`); 3089 3090 const subMenuUlElements = [...document.querySelectorAll('#menu-mobile li.hs-menu-depth-1 ul.hs-menu-children-wrapper')]; 3091 if (subMenuUlElements.length < 1) throw new Error(`subMenuUlElements not found:\n${subMenuUlElements}`); 3092 3093 const mobileMainMenu = document.querySelector('#menu-mobile .menu-mobile__main-menu'); 3094 if (!mobileMainMenu) throw new Error(`mobileMainMenu not found:\n${mobileMainMenu}`); 3095 3096 const closeSubMenuSvg = document.querySelector('.menu-mobile__sub-menu__arrow-svg'); 3097 if (!closeSubMenuSvg) throw new Error(`closeSubMenuSvg not found:\n${closeSubMenuSvg}`); 3098 3099 const closeMobileMenuSvg = document.querySelector('#Homepage_default-module-1__hamburger__x-svg'); 3100 if (!closeMobileMenuSvg) throw new Error(`closeMobileMenuSvg not found:\n${closeMobileMenuSvg}`); 3101 /* Guard clauses and variable declarations - end */ 3102 3103 _moveSubMenuItemsToSubMenuWrapper(parentMenuItems); 3104 _insertArrowsToMobileParentMenuItems(parentMenuItems); 3105 _addCustomClickEventToParentMenuItems(parentMenuItems); 3106 3107 closeSubMenuSvg.addEventListener('click', closeSubMenu); 3108 closeMobileMenuSvg.addEventListener('click', closeSubMenu); 3109 3110 3111 function closeSubMenu() { 3112 // try { 3113 mobileMainMenu.style.display = 'flex'; 3114 3115 for (let i = 0; i < subMenuUlElements.length; i++) { 3116 subMenuUlElements[i].style.display = 'none'; 3117 customSubMenuWrapper.style.display = 'none'; 3118 } 3119 // } catch (e) { console.warn(`%c!!! closeSubMenu()\n${e}`, 'background: #faf'); } 3120 } 3121 3122 function _insertArrowsToMobileParentMenuItems(parentMenuItems) { 3123 // try { 3124 if (!parentMenuItems || parentMenuItems.length < 1) 3125 throw new Error(`parentMenuItems not found:\n${parentMenuItems}`); 3126 3127 const arrowSvg = ` 3128 <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" 3129 style="pointer-events:none;" 3130 > 3131 <rect width="40" height="40" rx="20" fill="#FDF3E8"/> 3132 <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"/> 3133 </svg> 3134 `; 3135 3136 parentMenuItems.forEach(menuItem => { 3137 menuItem.insertAdjacentHTML('beforeend', arrowSvg); 3138 }); 3139 // } catch (e) { console.warn(`%c!!! _insertArrowsToMobileParentMenuItems()\n${e}`, 'background: #faf'); } 3140 } 3141 3142 function _addCustomClickEventToParentMenuItems(parentMenuItems) { 3143 // try { 3144 if (!parentMenuItems || parentMenuItems.length < 1) 3145 throw new Error(`parentMenuItems not found:\n${parentMenuItems}`); 3146 3147 parentMenuItems.forEach(menuItem => { 3148 menuItem.addEventListener('click', event => { 3149 event.preventDefault(); 3150 _openSubMenu(); 3151 }); 3152 }); 3153 3154 function _openSubMenu() { 3155 // try { 3156 mobileMainMenu.style.display = 'none'; 3157 3158 const currentMenuItem_name = event.target.textContent.trim().toLowerCase(); 3159 for (let i = 0; i < subMenuUlElements.length; i++) { 3160 const subMenuUlElement = subMenuUlElements[i]; 3161 const subMenuUlElement_name = subMenuUlElement.dataset.name; 3162 if (subMenuUlElement_name === currentMenuItem_name) { 3163 subMenuUlElement.style.display = 'block'; 3164 customSubMenuWrapper.style.display = 'block'; 3165 break; 3166 } 3167 } 3168 // } catch (e) { console.warn(`%c!!! _openSubMenu()\n${e}`, 'background: #faf'); } 3169 } 3170 // } catch (e) { console.warn(`%c!!! _addCustomClickEventToParentMenuItems()\n${e}`, 'background: #faf'); } 3171 } 3172 3173 /** 3174 * - Moves all sub menu items (ul elements) to the sub menu wrapper. 3175 * - Gives sub menu items (ul elements) a data-name attribute. 3176 * - Gives sub menu items (ul elements) style.display = 'none'. 3177 */ 3178 function _moveSubMenuItemsToSubMenuWrapper(parentMenuItems) { 3179 // try { 3180 if (!parentMenuItems || parentMenuItems.length < 1)
3181 throw new Error(`parentMenuItems not found:\n${parentMenuItems}`); 3182 3183 parentMenuItems.forEach((parentMenuItem, index) => { 3184 /* Guard clauses and variable declarations - start */ 3185 const parentMenuItem_aTag = parentMenuItem.querySelector('a'); 3186 if (!parentMenuItem_aTag) throw new Error(`parentMenuItem_aTag not found:\n${parentMenuItem_aTag}`); 3187 3188 const parentMenuItem_name = parentMenuItem_aTag.textContent.trim().toLowerCase(); 3189 if (!parentMenuItem_name) throw new Error(`parentMenuItem_name not found:\n${parentMenuItem_name}`); 3190 3191 const subMenuUlElement = parentMenuItem.querySelector('ul.hs-menu-children-wrapper'); 3192 if (!subMenuUlElement) throw new Error(`subMenuUlElement not found:\n${subMenuUlElement}`); 3193 /* Guard clauses and variable declarations - end */ 3194 3195 customSubMenuWrapper.insertAdjacentElement('beforeend', subMenuUlElement); 3196 subMenuUlElement.style.display = 'none'; 3197 subMenuUlElement.dataset.name = parentMenuItem_name; 3198 }); 3199 // } catch (e) { console.warn(`%c!!! _moveSubMenuItemsToSubMenuWrapper()\n${e}`, 'background: #faf'); } 3200 } 3201 // } catch (e) { console.warn(`%c!!! mobileParentMenuItemsLogic()\n${e}`, 'background: #faf'); } 3202 } 3203 3204 /** 3205 * Keeps searching for elements with the given queries until all are found or iteration limit has been exceeded. 3206 * If all elements are found, invoke given callback. Otherwise log warning. 3207 * 3208 * @param {string | string[]} elementQueries 3209 * @callback callback 3210 * @param {number} iterationLimit - How many iterations can this function do before aborting? 3211 * @param {number} intervalMs - In miliseconds. 3212 */ 3213 function waitForElements(elementQueries, callback, iterationLimit = 50, intervalMs = 100) { 3214 try { 3215 /* Guard clauses - start */ 3216 if (!elementQueries 3217 || !Array.isArray(elementQueries) && typeof elementQueries !== 'string' 3218 || elementQueries.length < 1 3219 ) 3220 throw new Error(`elementQueries is invalid or empty.\nelementQueries:\n` + Array); 3221 3222 if (!callback 3223 || typeof callback !== 'function' 3224 ) 3225 throw new Error(`callback is invalid.\ncallback:\n` + callback); 3226 /* Guard clauses - end */ 3227 3228 let intervalIterations = 0; 3229 if (typeof elementQueries === 'string') elementQueries = [elementQueries]; 3230 const numberOfGivenQueries = elementQueries.length; 3231 3232 const waitForElement = setInterval(() => { 3233 intervalIterations++; 3234 3235 let numberOfElementsFound = 0; 3236 for (let i = 0; i < elementQueries.length; i++) { 3237 const element = document.querySelector(elementQueries[i]); 3238 if (element) numberOfElementsFound++; 3239 3240 const allElementsAreFound = numberOfElementsFound === numberOfGivenQueries; 3241 if (allElementsAreFound) { 3242 callback(element, waitForElement); 3243 clearInterval(waitForElement); 3244 } 3245 3246 if (intervalIterations > iterationLimit) { 3247 console.warn(`%c!!! waitForElement() intervalIterations has exceeded its limit.`, 'background: #faf'); 3248 clearInterval(waitForElement); 3249 } 3250 } 3251 }, intervalMs); 3252 } catch (e) { console.warn(`%c!!! waitForElement()\ne`, 'background: #faf'); } 3253 } 3254 })(); 3255 </script>
3255 3256 3257 3258
3258<script> 3259 (() => { 3260 // @ts-check 3261 "use strict"; 3262 try { 3263 const BREAKPOINT = 1200; 3264 3265 animatePopUpOnClick(); 3266 slickSliderLogic(); 3267 popupLogic(); 3268 3269 3270 function hideOrShowSlickArrowsBasedOnCurrentSlideNumber() { 3271 try { 3272 slickSlider.on('beforeChange', (event, slick, currentSlide, nextSlide) => { 3273 const isFirstSlide = nextSlide === 0; 3274 const isLastSlide = slick.$slides.length === nextSlide + 1; 3275 3276 if (isFirstSlide) { 3277 slickPrevElement.style.display = 'none'; 3278 slickNextElement.style.display = 'block'; 3279 } else if (isLastSlide) { 3280 slickPrevElement.style.display = 'block'; 3281 slickNextElement.style.display = 'none'; 3282 } else { 3283 slickPrevElement.style.display = 'block'; 3284 slickNextElement.style.display = 'block'; 3285 } 3286 }); 3287 } catch (e) { console.warn(`%c!!! hideOrShowSlickArrowsBasedOnCurrentSlideNumber()\n${e}`, 'background: #faf'); } 3288 } 3289 3290 3291 function slickSliderLogic() { 3292 try { 3293 $(document).ready(() => { 3294 const slickSlider = $('#widget_1675940992590.slick-slider'); 3295 _initializeSlickSlider(); 3296 _hideOrShowSlickArrowsBasedOnCurrentSlideNumber(); 3297 3298 window.addEventListener('resize', () => { 3299 if (isDesktop()) { 3300 _initializeSlickSlider(); 3301 _hideOrShowSlickArrowsBasedOnCurrentSlideNumber(); 3302 } 3303 }); 3304 3305 3306 function _initializeSlickSlider() { 3307 try { 3308 slickSlider.slick({ 3309 responsive: [ 3310 { 3311 breakpoint: BREAKPOINT, 3312 settings: 'unslick', 3313 }, 3314 { 3315 breakpoint: 9999, 3316 settings: { 3317 adaptiveHeight: true, 3318 dots: true, 3319 infinite: false, 3320 prevArrow: ` 3321 <div class="slick-prev slick-arrow"> 3322 <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"> 3323 <line x1="20" y1="12" x2="4" y2="12"/><polyline points="10 18 4 12 10 6"/> 3324 </svg> 3325 </div> 3326 `, 3327 nextArrow: ` 3328 <div class="slick-next slick-arrow"> 3329 <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"> 3330 <line x1="20" y1="12" x2="4" y2="12"/><polyline points="10 18 4 12 10 6"/> 3331 </svg> 3332 </div> 3333 `, 3334 } 3335 } 3336 ], 3337 }); 3338 } catch (e) { console.warn(`%c!!! _initializeSlickSlider()\n${e}`, 'background: #faf'); } 3339 } 3340 3341 3342 function _hideOrShowSlickArrowsBasedOnCurrentSlideNumber() { 3343 try { 3344 /** @type {HTMLButtonElement} */ 3345 const slickPrevElement = document.querySelector('#widget_1675940992590 .slick-prev'); 3346 if (!slickPrevElement) return; 3347 slickPrevElement.style.display = 'none'; 3348 3349 /** @type {HTMLButtonElement} */ 3350 const slickNextElement = document.querySelector('#widget_1675940992590 .slick-next'); 3351 if (!slickNextElement) return; 3352 3353 slickSlider.on('beforeChange', (event, slick, currentSlide, nextSlide) => { 3354 const isFirstSlide = nextSlide === 0; 3355 const isLastSlide = slick.$slides.length === nextSlide + 1; 3356 3357 if (isFirstSlide) { 3358 slickPrevElement.style.display = 'none'; 3359 slickNextElement.style.display = 'block'; 3360 } else if (isLastSlide) { 3361 slickPrevElement.style.display = 'block'; 3362 slickNextElement.style.display = 'none'; 3363 } else { 3364 slickPrevElement.style.display = 'block'; 3365 slickNextElement.style.display = 'block'; 3366 } 3367 }); 3368 } catch (e) { console.warn(`%c!!! _hideOrShowSlickArrowsBasedOnCurrentSlideNumber()\n${e}`, 'background: #faf'); } 3369 } 3370 3371 3372 function isDesktop(breakpoint = BREAKPOINT) { 3373 try { 3374 return window.matchMedia(`(min-width: ${breakpoint}px)`).matches; 3375 } catch (e) { console.warn(`%c!!! isDesktop()\n${e}`, 'background: #faf'); } 3376 } 3377 }); 3378 } catch (e) { console.warn(`%c!!! slickSliderLogic()\n${e}`, 'background: #faf'); } 3379 } 3380 3381 3382 function popupLogic() { 3383 try { 3384 waitForElements('#widget_1675940992590 .slick-prev', () => { 3385 /** @type {HTMLButtonElement} */ 3386 const slickPrevElement = document.querySelector('#widget_1675940992590 .slick-prev'); 3387 if (!slickPrevElement) throw new Error(`slickPrevElement not found\n${slickPrevElement}`); 3388 3389 /** @type {HTMLButtonElement} */ 3390 const slickNextElement = document.querySelector('#widget_1675940992590 .slick-next'); 3391 if (!slickNextElement) throw new Error(`slickNextElement not found\n${slickNextElement}`); 3392 3393 /** @type {Element[]} */ 3394 const slickDots = [...document.querySelectorAll('#widget_1675940992590 .slick-dots button')]; 3395 if (slickDots.length < 1) throw new Error(`slickDots not found\n${slickDots}`); 3396
3397 _hideElementsOnPopUpOpen([slickPrevElement, slickNextElement, ...slickDots]); 3398 _showElementsOnPopUpClose([slickPrevElement, slickNextElement, ...slickDots]); 3399 }); 3400 3401 3402 3403 function _showElementsOnPopUpClose(elements = []) { 3404 try { 3405 if (elements.length < 1) throw new Error(`"elements" argument not found\n${elements}`); 3406 3407 const popupModalCloseButton = document.querySelector('.popup-modal__close-button'); 3408 if (popupModalCloseButton) { 3409 popupModalCloseButton.addEventListener('click', () => { 3410 for (let i = 0; i < elements.length; i++) { 3411 const element = elements[i]; 3412 if (!element) continue; 3413 if (_isDesktop(BREAKPOINT) === false) break; 3414 3415 element.style.display = 'block'; 3416 element.style.opacity = '1'; 3417 3418 /* Hides prev arrow on popup close */ 3419 if (element.classList.contains('slick-prev')) 3420 element.style.display = 'none'; 3421 } 3422 }); 3423 } 3424 3425 function _isDesktop(breakpoint = 1200) { 3426 try { 3427 return window.matchMedia(`(min-width: ${breakpoint}px)`).matches; 3428 } catch (e) { console.warn(`%c!!! _isDesktop()\n${e}`, 'background: #faf'); } 3429 } 3430 } catch (e) { console.warn(`%c!!! _showElementsOnPopUpClose()\n${e}`, 'background: #faf'); } 3431 } 3432 3433 3434 function _hideElementsOnPopUpOpen(elements = []) { 3435 try { 3436 if (elements.length < 1) throw new Error(`"elements" argument not found\n${elements}`); 3437 elements.forEach(element => { 3438 element.style.transition = 'all 0.3s ease-in-out'; 3439 }); 3440 3441 const popupButtons = [...document.querySelectorAll('.widget_1675940992590__popup-button')]; 3442 if (popupButtons.length > 0) { 3443 popupButtons.forEach(popupButton => { 3444 popupButton.addEventListener('click', () => { 3445 elements.forEach(element => { 3446 element.style.opacity = '0'; 3447 3448 setTimeout(() => { 3449 element.style.display = 'none'; 3450 }, 500); 3451 }); 3452 }); 3453 }); 3454 } 3455 } catch (e) { console.warn(`%c!!! _hideElementsOnPopUpOpen()\n${e}`, 'background: #faf'); } 3456 } 3457 3458 3459 /** 3460 * Keeps searching for elements with the given queries until all are found or iteration limit has been exceeded. 3461 * If all elements are found, invoke given callback. Otherwise log warning. 3462 * 3463 * @param {string | string[]} elementQueries 3464 * @callback callback 3465 * @param {number} iterationLimit - How many iterations can this function do before aborting? 3466 * @param {number} intervalMs - In miliseconds. 3467 */ 3468 function waitForElements(elementQueries, callback, iterationLimit = 50, intervalMs = 100) { 3469 try { 3470 /* Guard clauses - start */ 3471 if (!elementQueries 3472 || !Array.isArray(elementQueries) && typeof elementQueries !== 'string' 3473 || elementQueries.length < 1 3474 ) 3475 throw new Error(`elementQueries is invalid or empty.\nelementQueries:\n` + Array); 3476 3477 if (!callback 3478 || typeof callback !== 'function' 3479 ) 3480 throw new Error(`callback is invalid.\ncallback:\n` + callback); 3481 /* Guard clauses - end */ 3482 3483 let intervalIterations = 0; 3484 if (typeof elementQueries === 'string') elementQueries = [elementQueries]; 3485 const numberOfGivenQueries = elementQueries.length; 3486 3487 const waitForElement = setInterval(() => { 3488 intervalIterations++; 3489 3490 let numberOfElementsFound = 0; 3491 for (let i = 0; i < elementQueries.length; i++) { 3492 const element = document.querySelector(elementQueries[i]); 3493 if (element) numberOfElementsFound++; 3494 3495 const allElementsAreFound = numberOfElementsFound === numberOfGivenQueries; 3496 if (allElementsAreFound) { 3497 callback(element, waitForElement); 3498 clearInterval(waitForElement); 3499 } 3500 3501 if (intervalIterations > iterationLimit) { 3502 console.warn(`%c!!! waitForElement() intervalIterations has exceeded its limit.`, 'background: #faf'); 3503 clearInterval(waitForElement); 3504 } 3505 } 3506 }, intervalMs); 3507 } catch (e) { console.warn(`%c!!! waitForElement()\ne`, 'background: #faf'); } 3508 } 3509 } catch (e) { console.warn(`%c!!! popupLogic()\n${e}`, 'background: #faf'); } 3510 } 3511 3512 3513 function animatePopUpOnClick() { 3514 try { 3515 /* Variables and guard clauses start */ 3516 const popupButtons = document.querySelectorAll('.widget_1675940992590__popup-button'); 3517 if (popupButtons.length < 1) throw new Error('popupButtons not found\npopupButtons:\n', popupButtons); 3518 3519 const popupModal = _getPopupModal(); 3520 if (!popupModal) throw new Error('popupModal not found\npopupModal:\n', popupModal); 3521 3522 const navigation = document.querySelector('.navigation'); 3523 if (!navigation) throw new Error('navigation not found\nnavigation:\n', navigation); 3524 3525 const body = document.querySelector('body'); 3526 /* Variables and guard clauses end */ 3527 3528 popupButtons.forEach(popupButton => { 3529 const popupButton_text = popupButton.querySelector('span'); 3530 popupButton.addEventListener('click', () => { 3531 body.classList.add('overflow-y-hidden'); 3532 popupButton.style.pointerEvent = 'none'; 3533 3534 const tl = gsap.timeline(); 3535 tl.add(_animatePopupButton) 3536 .add(_animatePopupContent, 1.5) 3537 3538 function _animatePopupContent() { 3539 try { 3540 const tlContent = gsap.timeline(); 3541 tlContent 3542 .add(() => _setStateImageLeft()) 3543 .add(() => _setStateImageRight()) 3544 .add(() => _setStateChevron()) 3545 .add(() => _setStateSugarCaneImage()) 3546 .add(() => _animateTitleAndText()) 3547 .add(() => _animateSubtitle()) 3548 .add(() => _animateCloseButton()) 3549 .add(() => _animateChevron(), '>0.1') 3550 .add(() => _animateImageLeft(), '<0.5') 3551 .add(() => _animateImageRight(), '<') 3552 .add(() => _animateSugarCaneImage(), '>1') 3553 3554 function _animateTitleAndText() { 3555 try { 3556 const title = popupModal.querySelector('.popup-modal__title'); 3557 if (!title) throw new Error('title not found\ntitle:\n', title); 3558 3559 const text = popupModal.querySelector('.popup-modal__text'); 3560 if (!text) throw new Error('text not found\ntext:\n', text); 3561 3562 [title, text].forEach((element, index) => 3563 gsap.set(element, { 3564 y: (index + 1) * 1.1 * 50, 3565 duration: 2, 3566 ease: Power4, 3567 opacity: 0.5 3568 }) 3569 ); 3570 3571 const tlPopupContent = gsap.timeline(); 3572 tlPopupContent.add(() => { 3573 tlPopupContent 3574 .to(title, { y: 0, opacity: 1 }) 3575 .to(text, { y: 0, opacity: 1 }, '<') 3576 }) 3577 } catch (e) { console.warn(`%c!!! _animateTitleAndText()\n${e}`, 'background: #faf'); } 3578 } 3579 3580 function _animateSubtitle() { 3581 try { 3582 const subtitle = popupModal.querySelector('.popup-modal__subtitle'); 3583 if (!subtitle) throw new Error('subtitle not found\nsubtitle:\n', subtitle); 3584 3585 gsap.fromTo(subtitle, 3586 { y: -25, duration: 0.4, ease: Power4, opacity: 0.5 },
3587 { y: 0, opacity: 1 } 3588 ); 3589 } catch (e) { console.warn(`%c!!! _animateSubtitle()\n${e}`, 'background: #faf'); } 3590 } 3591 3592 function _animateCloseButton() { 3593 try { 3594 const closeButton = popupModal.querySelector('.popup-modal__close-button'); 3595 if (!closeButton) throw new Error('closeButton not found\ncloseButton:\n', closeButton); 3596 3597 gsap.fromTo(closeButton, 3598 { y: -200, duration: 0.6, opacity: 0.5, ease: Power4 }, 3599 { y: 0, opacity: 1 } 3600 ); 3601 } catch (e) { console.warn(`%c!!! _animateCloseButton()\n${e}`, 'background: #faf'); } 3602 } 3603 3604 function _setStateSugarCaneImage() { 3605 try { 3606 const sugarCaneImage = popupModal.querySelector('.popup-modal__img--sugar-cane'); 3607 if (!sugarCaneImage) throw new Error('sugarCaneImage not found\nsugarCaneImage:\n', sugarCaneImage); 3608 gsap.set(sugarCaneImage, { x: 250, duration: 0.8, ease: Power4 }); 3609 } catch (e) { console.warn(`%c!!! _setStateSugarCaneImage()\n${e}`, 'background: #faf'); } 3610 } 3611 3612 function _animateSugarCaneImage() { 3613 try { 3614 const sugarCaneImage = popupModal.querySelector('.popup-modal__img--sugar-cane'); 3615 if (!sugarCaneImage) throw new Error('sugarCaneImage not found\nsugarCaneImage:\n', sugarCaneImage); 3616 3617 gsap.to(sugarCaneImage, { x: 0 }); 3618 } catch (e) { console.warn(`%c!!! _animateSugarCaneImage()\n${e}`, 'background: #faf'); } 3619 } 3620 3621 function _setStateChevron() { 3622 try { 3623 const chevron = popupModal.querySelector('.popup-modal__subtitle__chevron'); 3624 if (!chevron) throw new Error('chevron not found\nchevron:\n', chevron); 3625 3626 gsap.set(chevron, { duration: 0.4, ease: Power4, scale: 0.5, rotation: -45 }); 3627 } catch (e) { console.warn(`%c!!! _setStateChevron()\n${e}`, 'background: #faf'); } 3628 } 3629 3630 function _animateChevron() { 3631 try { 3632 const chevron = popupModal.querySelector('.popup-modal__subtitle__chevron'); 3633 if (!chevron) throw new Error('chevron not found\nchevron:\n', chevron); 3634 3635 gsap.to(chevron, { scale: 1, rotation: 45 } ); 3636 } catch (e) { console.warn(`%c!!! _animateChevron()\n${e}`, 'background: #faf'); } 3637 } 3638 3639 function _setStateImageLeft() { 3640 try { 3641 const image = popupModal.querySelectorAll('.popup-modal__image')[0]; 3642 if (!image) throw new Error('image not found\nimage:\n', image); 3643 3644 gsap.set(image, { duration: 0.8, xPercent: -100, ease: Power4 }); 3645 } catch (e) { console.warn(`%c!!! _setStateImageLeft()\n${e}`, 'background: #faf'); } 3646 } 3647 3648 function _animateImageLeft() { 3649 try { 3650 const image = popupModal.querySelectorAll('.popup-modal__image')[0]; 3651 if (!image) throw new Error('image not found\nimage:\n', image); 3652 3653 if (window.matchMedia(`(min-width: 1400px)`).matches) { 3654 gsap.to(image, { xPercent: -10 }); 3655 } else { 3656 gsap.to(image, { xPercent: -50 }); 3657 } 3658 } catch (e) { console.warn(`%c!!! _animateImageLeft()\n${e}`, 'background: #faf'); } 3659 } 3660 3661 function _setStateImageRight() { 3662 try { 3663 const image = popupModal.querySelectorAll('.popup-modal__image')[1]; 3664 if (!image) throw new Error('image not found\nimage:\n', image); 3665 3666 gsap.set(image, { duration: 0.8, xPercent: 100, ease: Power4 }); 3667 } catch (e) { console.warn(`%c!!! _setStateImageRight()\n${e}`, 'background: #faf'); } 3668 } 3669 3670 function _animateImageRight() { 3671 try { 3672 const image = popupModal.querySelectorAll('.popup-modal__image')[1]; 3673 if (!image) throw new Error('image not found\nimage:\n', image); 3674 3675 if (window.matchMedia(`(min-width: 1400px)`).matches) { 3676 gsap.to(image, { xPercent: 10 }); 3677 } else { 3678 gsap.to(image, { xPercent: 50 }); 3679 } 3680 } catch (e) { console.warn(`%c!!! _animateImageRight()\n${e}`, 'background: #faf'); } 3681 } 3682 } catch (e) { console.warn(`%c!!! _animatePopupContent()\n${e}`, 'background: #faf'); } 3683 } 3684 3685 function _animatePopupButton() { 3686 const tlButton = gsap.timeline(); 3687 try { 3688 _addEventsOnModalClose(); 3689 3690 tlButton 3691 .to(popupButton_text, { 3692 /* Fades out the text inside the button */ 3693 duration: .5, 3694 ease: Power4, 3695 opacity: 0, 3696 }) 3697 .to(navigation, { 3698 duration: 0.5, 3699 opacity: 0 3700 }) 3701 .to(popupButton, { 3702 /* Makes button big until it cover the screen */ 3703 duration: 1.5, 3704 ease: Power4, 3705 scale: 20, 3706 }, '<') 3707 .add( 3708 /* Preps the modal for showing */ 3709 () => { 3710 gsap.set(popupModal, { opacity: 0, height: 0 }); 3711 popupModal.classList.remove('hidden'); 3712 }, 3713 '<' 3714 ) 3715 /* Shows modal */ 3716 .to(popupModal, { 3717 duration: 0, 3718 height: '100%', 3719 }, '<') 3720 .to(popupModal, { 3721 duration: .5, 3722 opacity: 1 3723 }, '>1') 3724 /* Fades out popup button */ 3725 .to(popupButton, { opacity: 0 }) 3726 .add(() => popupButton.classList.add('hidden')); 3727 3728 function _addEventsOnModalClose() { 3729 try { 3730 const closeButton = popupModal.querySelector('.popup-modal__close-button'); 3731 if (!closeButton) throw new Error('closeButton not found\ncloseButton:\n', closeButton); 3732 closeButton.addEventListener('click', () => { 3733 gsap.set(navigation, { opacity: 1 }); 3734 gsap.set(popupButton, { opacity: 1, scale: 1 }); 3735 popupButton.classList.remove('hidden'); 3736 gsap.set(popupButton_text, { opacity: 1 }); 3737 tlButton.revert(); 3738 }); 3739 } catch (e) { console.warn(`%c!!! _addEventsOnModalClose()\n${e}`, 'background: #faf'); } 3740 } 3741 } catch (e) { console.warn(`%c!!! _animatePopupButton()\n${e}`, 'background: #faf'); } 3742 } 3743 }); 3744 }); 3745 3746 function _getPopupModal() { 3747 try { 3748 let popupModal = [...document.querySelectorAll('.popup-modal')]; 3749 if (popupModal.length < 1) throw new Error('popupModal not found\npopupModal:\n', popupModal); 3750 if (popupModal.length > 1) throw new Error('More than 1 popupModal found\npopupModal:\n', popupModal); 3751 return popupModal[0]; 3752 } catch (e) { console.warn(`%c!!! _getPopupModal()\n${e}`, 'background: #faf'); } 3753 } 3754 } catch (e) { console.warn(`%c!!! animatePopUpOnClick()\n${e}`, 'background: #faf'); } 3755 } 3756 } catch (e) { console.warn(`%c!!! product horizontal scroll detail module ${e}`, 'background: #faf'); } 3757 })(); 3758 </script>
3758 3759 3760 3761
3761<script defer> 3762 // @ts-check 3763 (function changePaddingBottomOfPreviousSection(customClass = 'footer-section') { 3764 // dnd stands for drag 'n drop, a HubSpot feature 3765 const thisSection = document.querySelector('#Homepage_default-module-8'); 3766 const thisDndModule = thisSection.closest('.dnd-module'); 3767 if (!thisDndModule) 3768 return console.warn(`thisDndModule not found:\n${thisDndModule}`); 3769 thisDndModule.classList.add(customClass); 3770 3771 const allDndModules = [...document.querySelectorAll('.dnd-module')]; 3772 let thisDndModuleIndex = 0; 3773 for (let i = 0; i < allDndModules.length; i++) { 3774 const dndModuleContainsCustomClass = allDndModules[i].classList.contains(customClass); 3775 if (dndModuleContainsCustomClass) { 3776 thisDndModuleIndex = i; 3777 break; 3778 } 3779 } 3780 3781 const previousDndModuleIndex = thisDndModuleIndex - 1; 3782 allDndModules.forEach((dndModule, index) => { 3783 if (index === previousDndModuleIndex) { 3784 dndModule.querySelector('section').classList.add('extra-padding-bottom'); 3785 } 3786 }); 3787 })(); 3788 </script>
3788 3789 3790 3791<!-- Start of HubSpot Analytics Code -->
3792<script type="text/javascript"> 3793var _hsq = _hsq || []; 3794_hsq.push(["setContentType", "standard-page"]); 3795_hsq.push(["setCanonicalUrl", "https:\/\/www.rum.nl\/en\/home\/eascheer"]); 3796_hsq.push(["setPageId", "57357239791"]); 3797_hsq.push(["setContentMetadata", { 3798 "contentPageId": 57357239791, 3799 "legacyPageId": "57357239791", 3800 "contentFolderId": null, 3801 "contentGroupId": null, 3802 "abTestId": null, 3803 "languageVariantId": 57357239791, 3804 "languageCode": "en", 3805 3806 3807}]); 3808</script>
3808 3809
3810<script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/25607130.js"></script>
3810 3811<!-- End of HubSpot Analytics Code --> 3812 3813
3814<script type="text/javascript"> 3815var hsVars = { 3816 render_id: "3dd4eb13-97d3-4b56-981d-fb9b75cced1f", 3817 ticks: 1789027555438, 3818 page_id: 57357239791, 3819 3820 content_group_id: 0, 3821 portal_id: 25607130, 3822 app_hs_base_url: "https://app-eu1.hubspot.com", 3823 cp_hs_base_url: "https://cp-eu1.hubspot.com", 3824 language: "en", 3825 analytics_page_type: "standard-page", 3826 scp_content_type: "", 3827 3828 analytics_page_id: "57357239791", 3829 category_id: 1, 3830 folder_id: 0, 3831 is_hubspot_user: false 3832} 3833</script>
3833 3834 3835
3836<script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.640/js/index.js"></script>
3836 3837
3838<script> 3839 const target = document.querySelector('nav ul > li.hs-menu-item.hs-menu-depth-1:last-of-type a'); 3840if (target) { 3841 const wrapper = document.createElement('div'); 3842 wrapper.className = 'btn btn-primary custom-nav-button'; 3843 target.parentNode.insertBefore(wrapper, target); 3844 wrapper.appendChild(target); 3845} 3846</script>
3846 3847 3848<style> 3849 .custom-nav-button a { 3850 padding-top: 10px; 3851 padding-bottom: 10px; 3852 } 3853 .custom-nav-button a:after { 3854 content: ''; 3855 height: 12px; 3856 width: 12px; 3857 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'); 3858 background-size: contain; 3859 background-repeat: no-repeat; 3860 margin-left: 8px; 3861 display: inline-block; 3862 } 3863</style> 3864 3865 3866 3867</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.