1<!doctype html><html lang="en"><head> 2 <meta name="viewport" content="viewport-fit=cover"> 3 <meta charset="utf-8"> 4 5 <title>Purchase Bulk Rum from E&A Scheer | Specialist Rum Supplier</title> 6 7 <link rel="shortcut icon" href="https://www.rum.nl/hubfs/Logo.svg"> 8 9 <meta name="description" content="Meet E&A Scheer, a trusted global supplier of exceptional, high quality bulk Rums to clients ranging from start-ups to established drink brands."> 10 <meta name="viewport" content="width=device-width, initial-scale=1"> 11 12 13 <meta property="og:description" content="Meet E&A Scheer, a trusted global supplier of exceptional, high quality bulk Rums to clients ranging from start-ups to established drink brands."> 14 <meta property="og:title" content="Purchase Bulk Rum from E&A Scheer | Specialist Rum Supplier"> 15 <meta name="twitter:description" content="Meet E&A Scheer, a trusted global supplier of exceptional, high quality bulk Rums to clients ranging from start-ups to established drink brands."> 16 <meta name="twitter:title" content="Purchase Bulk Rum from E&A Scheer | Specialist Rum Supplier"> 17 18 19 20 21
21<script type="application/ld+json"> 22 { 23 "@context": "https://schema.org", 24 "@type": "FAQPage", 25 "mainEntity": [ 26 27 { 28 "@type": "Question", 29 "name": "How is Rum made?", 30 "acceptedAnswer": { 31 "@type": "Answer", 32 "text": "Rum is a distilled spirit produced from sugarcane distillates such as molasses, sugarcane juice, or sugarcane syrup. The base ingredient is fermented to create a wash, which is then distilled in a pot or column still. The resulting can be aged in oak barrels to develop a unique set flavours, colours, and characteristics." 33 } 34 }, 35 36 { 37 "@type": "Question", 38 "name": "Iâve just submitted a contact form. When can I expect to hear back from you? ", 39 "acceptedAnswer": { 40 "@type": "Answer", 41 "text": "If you have any questions about creating your own Rum blend, we are here to help and aim to respond within 1 business day. Alternatively, you can try out our unique online Rum Blender and take the first steps to identifying your perfect flavour profile. Again, once youâve finished, we will aim to contact you within 1 business day. " 42 } 43 }, 44 45 { 46 "@type": "Question", 47 "name": "Will you provide samples of my Rum blend? ", 48 "acceptedAnswer": { 49 "@type": "Answer", 50 "text": "We will first contact you to discuss the project details, after which we can provide samples. Customs restrictions restrict sample bottles to 100ml. These are sent free of charge during the process and within 7 business days. Once agreed, your unique blend will be reproducible in any volume with consistent quality and stable, competitive pricing. " 51 } 52 } 53 54 ] 55 } 56 </script>
56 57 58 <style> 59a.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} 60</style> 61 62<link rel="stylesheet" href="https://www.rum.nl/hubfs/hub_generated/template_assets/1/53107158984/1789027500798/template_main.min.css"> 63<link rel="stylesheet" href=""> 64 65 <style> 66 /* Menu desktop - start */ 67 #Homepage_default-module-1__menu-desktop { 68 font-weight: bold; 69 } 70 #Homepage_default-module-1__menu-desktop ul { 71 display: flex; 72 justify-content: space-between; 73 align-items: center; 74 } 75 #Homepage_default-module-1__menu-desktop ul li { 76 transition: all 0.2s ease-in-out; 77 flex: 1; 78 display: flex; 79 justify-content: center; 80 } 81 #Homepage_default-module-1__menu-desktop ul span { 82 flex: 1; 83 display: flex; 84 justify-content: center; 85 } 86 #Homepage_default-module-1__menu-desktop ul li.hs-item-has-children > ul { 87 display: none; 88 top: 24px; 89 left: -16px; 90 row-gap: 18px; 91 background-color: var(--dune-beige); 92 padding: 52px 64px 46px 64px; 93 box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.02); 94 border-radius: 0px 0px 12px 12px 95 } 96 @media screen and (min-width: 1408px) { 97 #Homepage_default-module-1__menu-desktop ul li.hs-item-has-children > ul { 98 left: 2px; 99 } 100 } 101 @media screen and (min-width: 1584px) { 102 #Homepage_default-module-1__menu-desktop ul li.hs-item-has-children > ul { 103 left: 14px; 104 } 105 } 106 #Homepage_default-module-1__menu-desktop ul li.hs-item-has-children:hover > ul, 107 #Homepage_default-module-1__menu-desktop ul li.hs-item-has-children > ul:hover { 108 display: flex; 109 } 110 /* #Homepage_default-module-1__menu-desktop ul li.hs-item-has-children ul > span { 111 display: none; 112 } */ 113 #Homepage_default-module-1__menu-desktop ul li.hs-menu-depth-1:hover { 114 color: var(--bobby-brown); 115 } 116 #Homepage_default-module-1__menu-desktop ul li.hs-menu-depth-2 { 117 color: black; 118 } 119 #Homepage_default-module-1__menu-desktop ul li.hs-menu-depth-2:hover { 120 color: var(--bobby-brown); 121 } 122 /* Menu desktop - end */ 123 124 /* Menu mobile - start */ 125 #Homepage_default-module-1 #menu-mobile ul { 126 display: flex; 127 flex-direction: column; 128 align-items: start; 129 row-gap: 24px; 130 } 131 #Homepage_default-module-1 #menu-mobile ul li.hs-menu-depth-1 { 132 display: flex; 133 justify-content: space-between; 134 font-size: 32px; 135 line-height: 40px; 136 font-weight: bold; 137 user-select: none; 138 width: 100%; 139 cursor: pointer; 140 } 141 142 /* Menu mobile dropdown - start */ 143 #Homepage_default-module-1 #menu-mobile ul li.hs-item-has-children ul { 144 display: none !important; 145 } 146 #Homepage_default-module-1 #menu-mobile li.hs-menu-depth-2 { 147 font-weight: 700; 148 font-size: 24px; 149 line-height: 32px; 150 letter-spacing: -1px; 151 color: var(--barrel-brown); 152 width: fit-content; 153 margin-bottom: 24px; 154 transition: all 0.2s ease-in-out; 155 } 156 #Homepage_default-module-1 #menu-mobile li.hs-menu-depth-2:hover { 157 color: var(--bobby-brown); 158 } 159 /* Menu mobile dropdown - end */ 160 /* Menu mobile - end */ 161 </style> 162 163 164<style> 165 #widget_1745507312884 .custom-gradient { 166 background: rgb(39,21,0); 167 background: linear-gradient(0deg, rgba(39,21,0,1) 0%, rgba(39,21,0,0.5) 35%, rgba(39,21,0,0) 100%); 168 } 169 170 #widget_1745507312884-1 .hs-video-container{ 171 display: flex; 172 align-items: center; 173 } 174 175 #widget_1745507312884-1 .hs-video-wrapper{ 176 padding-bottom: 0 !important; 177 } 178 179 .widget_1745507312884__popup-button:after { 180 content:""; 181 display:block; 182 width: 100%; 183 height: 100%; 184 border-radius: 50%; 185 border: 3px solid var(--light-green); 186 position:absolute; 187 animation: pulse 2s ease 0s infinite; 188 z-index: 100; 189 } 190 191 @keyframes pulse { 192 0% { 193 opacity: 1; 194 transform: scale(1); 195 } 196 80% { 197 opacity: 0; 198 transform: scale(1.3); 199 } 200 100% { 201 opacity: 0; 202 transform: scale(1.6); 203 } 204 } 205</style> 206 207 208<style> 209 #widget_1745510413070 .custom-gradient { 210 background: rgb(39,21,0); 211 background: linear-gradient(0deg, rgba(39,21,0,1) 0%, rgba(39,21,0,0.5) 35%, rgba(39,21,0,0) 100%); 212 } 213 214 #widget_1745510413070-1 .hs-video-container{ 215 display: flex; 216 align-items: center; 217 } 218 219 #widget_1745510413070-1 .hs-video-wrapper{ 220 padding-bottom: 0 !important; 221 } 222 223 .widget_1745510413070__popup-button:after { 224 content:""; 225 display:block; 226 width: 100%; 227 height: 100%; 228 border-radius: 50%; 229 border: 3px solid var(--light-green); 230 position:absolute; 231 animation: pulse 2s ease 0s infinite; 232 z-index: 100; 233 } 234 235 @keyframes pulse { 236 0% { 237 opacity: 1; 238 transform: scale(1); 239 } 240 80% { 241 opacity: 0; 242 transform: scale(1.3); 243 } 244 100% { 245 opacity: 0; 246 transform: scale(1.6); 247 } 248 } 249</style> 250 251 252 <style> 253 @media screen and (min-width: 1200px) { 254 #widget_1677056906716__text { 255 margin-left: -68px; 256 } 257 } 258 @media screen and (min-width: 1408px) { 259 #widget_1677056906716__text { 260 margin-left: -78px; 261 } 262 } 263 @media screen and (min-width: 1584px) { 264 #widget_1677056906716__text { 265 margin-left: -84px; 266 } 267 } 268 </style> 269 270 271 <style> 272 #widget_1677009743013 .custom-box-shadow { 273 box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.02); 274 } 275 </style> 276 277 278<style> 279 #widget_1745510722984 .custom-gradient { 280 background: rgb(39,21,0); 281 background: linear-gradient(0deg, rgba(39,21,0,1) 0%, rgba(39,21,0,0.5) 35%, rgba(39,21,0,0) 100%); 282 } 283 284 #widget_1745510722984-1 .hs-video-container{ 285 display: flex; 286 align-items: center; 287 } 288 289 #widget_1745510722984-1 .hs-video-wrapper{ 290 padding-bottom: 0 !important; 291 } 292 293 .widget_1745510722984__popup-button:after { 294 content:""; 295 display:block; 296 width: 100%; 297 height: 100%; 298 border-radius: 50%; 299 border: 3px solid var(--light-green); 300 position:absolute; 301 animation: pulse 2s ease 0s infinite; 302 z-index: 100; 303 } 304 305 @keyframes pulse { 306 0% { 307 opacity: 1; 308 transform: scale(1); 309 } 310 80% { 311 opacity: 0; 312 transform: scale(1.3); 313 } 314 100% { 315 opacity: 0; 316 transform: scale(1.6); 317 } 318 } 319</style> 320 321 322 <style> 323 #widget_1770970918707 .custom-box-shadow { 324 box-shadow: 0px 4px 40px rgba(0, 0, 0, 0.02); 325 } 326 </style> 327 328<link rel="stylesheet" href="https://www.rum.nl/hubfs/hub_generated/module_assets/1/219964163299/1776437108423/module_faq.min.css"> 329 330 <style> 331 #Homepage_default-module-8__main-links ul { 332 flex-direction: column; 333 row-gap: 12px; 334 color: var(--bear-brown); 335 font-size: 16px; 336 line-height: 24px; 337 font-weight: bold; 338 } 339 @media screen and (min-width: 768px) { 340 #Homepage_default-module-8__main-links ul { 341 row-gap: 24px; 342 } 343 } 344 345 .extra-padding-bottom { 346 padding-bottom: 120px; 347 } 348 @media screen and (min-width: 1200px) { 349 .extra-padding-bottom { 350 padding-bottom: 140px; 351 } 352 } 353 </style> 354 355<!-- Editor Styles --> 356<style id="hs_editor_style" type="text/css"> 357/* HubSpot Styles (default) */ 358.cell_16770097431192-hidden { 359 display: none !important; 360} 361</style> 362 363 364 365 <link rel="canonical" href="https://www.rum.nl/en/collection/rum"> 366 367 368<meta property="og:url" content="https://www.rum.nl/en/collection/rum"> 369<meta name="twitter:card" content="summary"> 370<meta http-equiv="content-language" content="en"> 371<link rel="alternate" hreflang="de" href="https://www.rum.nl/de/kollektion/rum"> 372<link rel="alternate" hreflang="en" href="https://www.rum.nl/en/collection/rum"> 373<link rel="alternate" hreflang="es" href="https://www.rum.nl/es/coleccion/ron"> 374<link rel="alternate" hreflang="fr" href="https://www.rum.nl/fr/collection/rhum"> 375 376 377 378 379
380<script type="application/ld+json"> 381 382 { 383 "@context": "https://schema.org/", 384 "@type": "Product", 385 "name": "Bespoke Bulk Rum", 386 "alternateName": "Rum in Bulk", 387 "url": "https://www.rum.nl/en/collection/rum", 388 "description": "E&A Scheer is your gateway to the world of Rum, specialising in the sourcing and blending of high quality Rums from distilleries across the globe. They develop bespoke blends tailored to your requirements, supply them in flexible quantities from 1,000 litres, and reproduce them with consistent quality and character.", 389 "category": "Rum, Bulk Spirits, B2B Ingredient", 390 "image": "https://www.rum.nl/hs-fs/hubfs/EA%20Scheer%20pics/A%26S_francesstefanie-12.jpeg?width=3558&height=3200&name=A%26S_francesstefanie-12.jpeg", 391 "brand": { 392 "@type": "Organization", 393 "name": "E&A Scheer", 394 "url": "https://www.rum.nl/" 395 }, 396 "additionalProperty": [ 397 { 398 "@type": "PropertyValue", 399 "name": "Organic Certified", 400 "value": "EU Organic Regulation" 401 }, 402 { 403 "@type": "PropertyValue", 404 "name": "Bonsucro Certified", 405 "value": "Sustainable Sugarcane Sourcing" 406 }, 407 { 408 "@type": "PropertyValue", 409 "name": "Quality Standard", 410 "value": "ISO 9001" 411 } 412 ], 413 "offers": { 414 "@type": "Offer", 415 "url": "https://www.rum.nl/en/collection/rum", 416 "priceCurrency": "EUR", 417 "price": "0.01", 418 "priceSpecification": { 419 "@type": "UnitPriceSpecification", 420 "priceType": "https://schema.org/Quote", 421 "unitText": "Per Liter" 422 }, 423 "availability": "https://schema.org/InStock", 424 "itemCondition": "https://schema.org/NewCondition", 425 "eligibleQuantity": { 426 "@type": "QuantitativeValue", 427 "minValue": 1000, 428 "unitCode": "LTR" 429 } 430 } 431 }, 432 { 433 "@context": "https://schema.org", 434 "@type": "FAQPage", 435 "mainEntity": [ 436 { 437 "@type": "Question", 438 "name": "How is Rum made?", 439 "acceptedAnswer": { 440 "@type": "Answer", 441 "text": "Rum is a distilled spirit produced from sugarcane distillates such as molasses, sugarcane juice, or sugarcane syrup. The base ingredient is fermented to create a wash, which is then distilled in a pot or column still. The resulting can be aged in oak barrels to develop a unique set flavours, colours, and characteristics." 442 } 443 }, 444 { 445 "@type": "Question", 446 "name": "I've just submitted a contact form. When can I expect to hear back from you?", 447 "acceptedAnswer": { 448 "@type": "Answer", 449 "text": "If you have any questions about creating your own Rum blend, we are here to help and aim to respond within 1 business day. Alternatively, you can try out our unique online Rum Blender and take the first steps to identifying your perfect flavour profile. Again, once you've finished, we will aim to contact you within 1 business day." 450 } 451 }, 452 { 453 "@type": "Question", 454 "name": "Will you provide samples of my Rum blend?", 455 "acceptedAnswer": { 456 "@type": "Answer", 457 "text": "We will first contact you to discuss the project details, after which we can provide samples. Customs restrictions restrict sample bottles to 100ml. These are sent free of charge during the process and within 7 business days. Once agreed, your unique blend will be reproducible in any volume with consistent quality and stable, competitive pricing." 458 } 459 } 460 ] 461 } 462 463</script>
463 464 465 <!-- ? Font La Belle Aurore --> 466 <link rel="preconnect" href="https://fonts.googleapis.com"> 467 <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> 468 <link href="https://fonts.googleapis.com/css2?family=La+Belle+Aurore&display=swap" rel="stylesheet"> 469 470 <!-- ? GSAP --> 471
471<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.1/gsap.min.js"></script>
471 472 473 <!-- ? GSAP ScrollTrigger --> 474
474<script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.11.1/ScrollTrigger.min.js"></script>
474 475 476 <!-- ? Custom GSAP functions --> 477
477<script src="https://www.rum.nl/hubfs/hub_generated/template_assets/1/53696830676/1789027507044/template_custom-gsap.min.js"></script>
477 478 479 <!-- ? jQuery --> 480
480<script src="https://code.jquery.com/jquery-3.6.3.min.js" integrity="sha256-pvPw+upLPUjgMXY0G+8O0xUf+/Im1MZjXxxgOcBQBXU=" crossorigin="anonymous"></script>
480 481 482 <!-- ? Slick slider --> 483
483<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>
483 484 <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"> 485 486 <!-- ? Google Tag Manager --> 487
487<script>
vendor: 455 bytes, lines 487-497
487 488 (function (w, d, s, l, i) { 489 w[l] = w[l] || []; 490 w[l].push({ 'gtm.start': new Date().getTime(), event: 'gtm.js' }); 491 var f = d.getElementsByTagName(s)[0], 492 j = d.createElement(s), 493 dl = l != 'dataLayer' ? '&l=' + l : ''; 494 j.async = true; 495 j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl; 496 f.parentNode.insertBefore(j, f); 497 })(window, document, 'script', 'dataLayer', '
497GTM-WMZF6RH
vendor: 8 bytes, lines 497-498
497'); 498
498</script>
498 499 <!-- ? End Google Tag Manager --> 500 <meta name="generator" content="HubSpot"></head> 501 502 <body> 503 <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 503-504
503 504 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
504GTM-WMZF6RH
vendor: 90 bytes, lines 504-505
504" height="0" width="0" style="display: none; visibility: hidden"></iframe></noscript> 505
505<!-- End Google Tag Manager (noscript) --> 506 <div class="body-wrapper hs-content-id-62286484466 hs-site-page page "> 507 508 509 <main id="main-content" class="body-container-wrapper"> 510 511 <div class="container-fluid"> 512<div class="row-fluid-wrapper"> 513<div class="row-fluid"> 514<div class="span12 widget-span widget-type-cell " style="" data-widget-type="cell" data-x="0" data-w="12"> 515 516<div class="row-fluid-wrapper row-depth-1 row-number-1 dnd-section"> 517<div class="row-fluid "> 518<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 519<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"> 520 521 522 523 524 525<section id="Homepage_default-module-1" class="navigation left-0 right-0 sticky__nav"> 526 <div class="container"> 527 <nav> 528 <div class="flex justify-between items-center relative z-[50] bg-dune-beige rounded-b-xl px-3.5 py-1.5 529 md:justify-center md:min-h-[88px] drop-shadow-[0_4px_40px_rgba(0,0,0,0.05)] 530 "> 531 <!-- ? Logo mobile --> 532 <div class="md:hidden"> 533 534 535 <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?hsLang=en" 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> 536 537 </div> 538 539 <!-- ? Menu desktop --> 540 <div id="Homepage_default-module-1__menu-desktop" class="hidden md:block md:visible md:w-[90%]"> 541 <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"> 542 <ul role="menu" class="active-branch"> 543 <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children active-branch" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem">Our offerings</a> 544 <ul role="menu" class="hs-menu-children-wrapper active-branch"> 545 <li class="hs-menu-item hs-menu-depth-2 active active-branch" role="none"><a href="https://www.rum.nl/en/collection/rum" role="menuitem">Rum</a></li> 546 <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> 547 <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> 548 <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> 549 </ul></li> 550 <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> 551 <ul role="menu" class="hs-menu-children-wrapper"> 552 <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> 553 <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> 554 <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> 555 <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> 556 </ul></li> 557 <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> 558 <ul role="menu" class="hs-menu-children-wrapper"> 559 <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> 560 <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> 561 </ul></li> 562 <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> 563 </ul> 564</div></span> 565 </div> 566 567 <!-- ? Hamburger button --> 568 <div id="Homepage_default-module-1__hamburger" class="bg-paper-beige rounded-full flex justify-center items-center cursor-pointer w-5 h-5 569 md:hidden 570 "> 571 <!-- ? Hamburger svg --> 572 <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=""> 573 <path d="M1 7H19M1 1H19M1 13H19" stroke="#271500" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> 574 </svg> 575 576 <!-- ? X svg --> 577 <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"> 578 <line x1="1.41421" y1="1" x2="16.2635" y2="15.8492" stroke="#271500" stroke-width="2" stroke-linecap="round" /> 579 <line x1="2" y1="15.8492" x2="16.8492" y2="1" stroke="#271500" stroke-width="2" stroke-linecap="round" /> 580 </svg> 581 </div> 582 </div> 583 584 <!-- ? Navigation mobile --> 585 <div id="menu-mobile" class="hidden absolute z-[49] inset-0 h-screen bg-parsnip-beige px-2 py-14 md:hidden"> 586 <div class="menu-mobile__main-menu flex flex-col gap-y-6">
587 <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"> 588 <ul role="menu" class="active-branch"> 589 <li class="hs-menu-item hs-menu-depth-1 hs-item-has-children active-branch" role="none"><a href="javascript:;" aria-haspopup="true" aria-expanded="false" role="menuitem">Our offerings</a> 590 <ul role="menu" class="hs-menu-children-wrapper active-branch"> 591 <li class="hs-menu-item hs-menu-depth-2 active active-branch" role="none"><a href="https://www.rum.nl/en/collection/rum" role="menuitem">Rum</a></li> 592 <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> 593 <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> 594 <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> 595 </ul></li> 596 <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> 597 <ul role="menu" class="hs-menu-children-wrapper"> 598 <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> 599 <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> 600 <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> 601 <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> 602 </ul></li> 603 <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> 604 <ul role="menu" class="hs-menu-children-wrapper"> 605 <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> 606 <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> 607 </ul></li> 608 <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> 609 </ul> 610</div></span> 611 612 613 </div> 614 615 <!-- ? Sub menu --> 616 <div class="menu-mobile__sub-menu" style="display:none;"> 617 <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"> 618 <rect x="40" y="40" width="40" height="40" rx="20" transform="rotate(-180 40 40)" fill="#FDF3E8" /> 619 <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" /> 620 </svg> 621 </div> 622 </div> 623 </nav> 624 </div> 625</section> 626 627 628 629 630 631</div> 632 633</div><!--end widget-span --> 634</div><!--end row--> 635</div><!--end row-wrapper --> 636 637<div class="row-fluid-wrapper row-depth-1 row-number-2 dnd-section"> 638<div class="row-fluid "> 639<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 640<div id="hs_cos_wrapper_widget_1677059298297" 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> 641 642</div><!--end widget-span --> 643</div><!--end row--> 644</div><!--end row-wrapper --> 645 646<div class="row-fluid-wrapper row-depth-1 row-number-3 dnd-section"> 647<div class="row-fluid "> 648<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 649 650<div class="row-fluid-wrapper row-depth-1 row-number-4 dnd-row"> 651<div class="row-fluid "> 652<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 653<div id="hs_cos_wrapper_widget_1745507312884" 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"> 654<button class="hidden btn btn-primary-negative invert text-dark-green md:text-light-green"></button> 655 656 657 658<section id="widget_1745507312884-1" class="relative z-10 pt-7 pb-5 bg-light-beige 659 md:flex md:flex-col md:h-full md:py-[160px] 660"> 661 <div class="container"> 662 <!-- ? Paper background --> 663 664<div class="absolute inset-0 z-0 right-[-1px] md:block md:visible"> 665 <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"> 666 667 <!-- ? Mobile gradient --> 668 <div class=" absolute inset-0 md:hidden"></div> 669</div> 670 671 672 <!-- ? BG image plant --> 673 674<img id="widget_1745507312884__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%] 675 676 "> 677 678 679 <div class="relative container default-grid--md"> 680 <div class="md:gap-x-4 md:h-fit md:col-span-6 md:grid md:grid-cols-6 "> 681 <!-- ? Subtitle --> 682 683 684<p class="text-dark-green mt-4 md:mt-0 font-bold mb-4 md:col-span-full font-trebuchet">Bulk Rum suppliers</p> 685 686 687 <!-- ? Title --> 688 689<h1 id="widget_1745507312884__left__title" class="text-barrel-brown md:text-[72px] mb-3 md:mb-6 md:col-span-7"> 690 Purchase bespoke Rum in bulk 691</h1> 692 693 694 <!-- ? Rich text --> 695 696 697<p class="text-barrel-brown mb-5 md:col-span-6 md:mb-0"><span>E&A Scheer is your gateway to the world of Rum. As specialists in the sourcing and blending of high quality Rums, our unrivalled collection comprises the complete spectrum of taste profiles and styles from distilleries across the globe. </span><br><br><span>We develop bespoke blends tailored to your requirements, supply it in flexible quantities from 1.000 litres, and then reproduce it with uncompromising consistency as and when required. </span></p> 698 699 700 <!-- ? USP --> 701 702<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"> 703 704 <!-- ? USP item --> 705 <div class="flex gap-x-5 md:flex-col md:gap-y-[20px]"> 706 707 <img src="https://www.rum.nl/hubfs/Icon.svg" alt="Icon" loading="lazy" class="object-contain max-w-[40px] max-h-[40px]"> 708 709 710 <span class="text-barrel-brown font-trebuchet text-sm leading-[22px]"> 711 Bespoke blends in flexible quantities 712 </span> 713 </div> 714 715 <!-- ? USP item --> 716 <div class="flex gap-x-5 md:flex-col md:gap-y-[20px]"> 717 718 <img src="https://www.rum.nl/hubfs/Icon.svg" alt="Icon" loading="lazy" class="object-contain max-w-[40px] max-h-[40px]"> 719 720 721 <span class="text-barrel-brown font-trebuchet text-sm leading-[22px]"> 722 Consistent profile, quality, and character 723 </span> 724 </div> 725 726 <!-- ? USP item --> 727 <div class="flex gap-x-5 md:flex-col md:gap-y-[20px]"> 728 729 <img src="https://www.rum.nl/hubfs/Icon.svg" alt="Icon" loading="lazy" class="object-contain max-w-[40px] max-h-[40px]"> 730 731 732 <span class="text-barrel-brown font-trebuchet text-sm leading-[22px]"> 733 Unrivalled lead times of 7-10 business days 734 </span> 735 </div> 736 737</div> 738 739 740 <!-- ? Left CTA --> 741 742 743<div class="col-span-full mt-4"> 744 <div class="btn btn-primary"><span id="hs_cos_wrapper_widget_1745507312884_" 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> 745</div> 746 747 </div> 748 749 750 <div class="hidden items-center relative md:flex md:visible col-span-6 col-start-7 "> 751 <!-- ? Desktop single image --> 752 <img src="https://www.rum.nl/hs-fs/hubfs/EA%20Scheer%20pics/A%26S_francesstefanie-12.jpeg?width=1779&height=1600&name=A%26S_francesstefanie-12.jpeg" alt="A&S_francesstefanie-12" loading="lazy" class="object-cover w-full h-full max-h-[700px]" width="1779" height="1600" srcset="https://www.rum.nl/hs-fs/hubfs/EA%20Scheer%20pics/A%26S_francesstefanie-12.jpeg?width=890&height=800&name=A%26S_francesstefanie-12.jpeg 890w, https://www.rum.nl/hs-fs/hubfs/EA%20Scheer%20pics/A%26S_francesstefanie-12.jpeg?width=1779&height=1600&name=A%26S_francesstefanie-12.jpeg 1779w, https://www.rum.nl/hs-fs/hubfs/EA%20Scheer%20pics/A%26S_francesstefanie-12.jpeg?width=2669&height=2400&name=A%26S_francesstefanie-12.jpeg 2669w, https://www.rum.nl/hs-fs/hubfs/EA%20Scheer%20pics/A%26S_francesstefanie-12.jpeg?width=3558&height=3200&name=A%26S_francesstefanie-12.jpeg 3558w, https://www.rum.nl/hs-fs/hubfs/EA%20Scheer%20pics/A%26S_francesstefanie-12.jpeg?width=4448&height=4000&name=A%26S_francesstefanie-12.jpeg 4448w, https://www.rum.nl/hs-fs/hubfs/EA%20Scheer%20pics/A%26S_francesstefanie-12.jpeg?width=5337&height=4800&name=A%26S_francesstefanie-12.jpeg 5337w" sizes="(max-width: 1779px) 100vw, 1779px"> 753 754 <!-- ? Desktop pop-up button --> 755 756 </div> 757 758 <!-- ? Mobile single image --> 759 <div class="flex justify-center relative h-[500px] mt-3 md:hidden"> 760 <img src="https://www.rum.nl/hs-fs/hubfs/EA%20Scheer%20pics/A%26S_francesstefanie-12.jpeg?width=1779&height=1600&name=A%26S_francesstefanie-12.jpeg" alt="A&S_francesstefanie-12" loading="lazy" class="object-cover w-full h-full" width="1779" height="1600" srcset="https://www.rum.nl/hs-fs/hubfs/EA%20Scheer%20pics/A%26S_francesstefanie-12.jpeg?width=890&height=800&name=A%26S_francesstefanie-12.jpeg 890w, https://www.rum.nl/hs-fs/hubfs/EA%20Scheer%20pics/A%26S_francesstefanie-12.jpeg?width=1779&height=1600&name=A%26S_francesstefanie-12.jpeg 1779w, https://www.rum.nl/hs-fs/hubfs/EA%20Scheer%20pics/A%26S_francesstefanie-12.jpeg?width=2669&height=2400&name=A%26S_francesstefanie-12.jpeg 2669w, https://www.rum.nl/hs-fs/hubfs/EA%20Scheer%20pics/A%26S_francesstefanie-12.jpeg?width=3558&height=3200&name=A%26S_francesstefanie-12.jpeg 3558w, https://www.rum.nl/hs-fs/hubfs/EA%20Scheer%20pics/A%26S_francesstefanie-12.jpeg?width=4448&height=4000&name=A%26S_francesstefanie-12.jpeg 4448w, https://www.rum.nl/hs-fs/hubfs/EA%20Scheer%20pics/A%26S_francesstefanie-12.jpeg?width=5337&height=4800&name=A%26S_francesstefanie-12.jpeg 5337w" sizes="(max-width: 1779px) 100vw, 1779px"> 761 762 <!-- ? Mobile pop-up button --> 763 764 </div> 765 766 </div> 767 </div> 768</section> 769 770 771
772<script defer> 773 // @ts-check 774 "use strict"; 775 776 try { 777 const BREAK_POINT = 1200; 778 779 780 781 function animatePopUpOnClick() { 782 try { 783 /* Variables and guard clauses start */ 784 const popupButtons = document.querySelectorAll('.widget_1745507312884__popup-button'); 785 if (popupButtons.length < 1) throw new Error('popupButtons not found\npopupButtons:\n', popupButtons); 786 787 const popupModal = _getPopupModal(); 788 if (!popupModal) throw new Error('popupModal not found\npopupModal:\n', popupModal); 789 790 const navigation = document.querySelector('.navigation'); 791 if (!navigation) throw new Error('navigation not found\nnavigation:\n', navigation); 792 793 const body = document.querySelector('body'); 794 /* Variables and guard clauses end */ 795 796 popupButtons.forEach(popupButton => { 797 const popupButton_text = popupButton.querySelector('span'); 798 popupButton.addEventListener('click', () => { 799 body.classList.add('overflow-y-hidden'); 800 popupButton.style.pointerEvent = 'none'; 801 802 const tl = gsap.timeline(); 803 tl.add(_animatePopupButton) 804 .add(_animatePopupContent, 1.5) 805 806 function _animatePopupContent() { 807 try { 808 const tlContent = gsap.timeline(); 809 tlContent 810 .add(() => _setStateImageLeft()) 811 .add(() => _setStateImageRight()) 812 .add(() => _setStateChevron()) 813 .add(() => _setStateSugarCaneImage()) 814 .add(() => _animateTitleAndText()) 815 .add(() => _animateSubtitle()) 816 .add(() => _animateCloseButton()) 817 .add(() => _animateChevron(), '>0.1') 818 .add(() => _animateImageLeft(), '<0.5') 819 .add(() => _animateImageRight(), '<') 820 .add(() => _animateSugarCaneImage(), '>1') 821 822 function _animateTitleAndText() { 823 try { 824 const title = popupModal.querySelector('.popup-modal__title'); 825 if (!title) throw new Error('title not found\ntitle:\n', title); 826 827 const text = popupModal.querySelector('.popup-modal__text'); 828 if (!text) throw new Error('text not found\ntext:\n', text); 829 830 [title, text].forEach((element, index) => 831 gsap.set(element, { 832 y: (index + 1) * 1.1 * 50, 833 duration: 2, 834 ease: Power4, 835 opacity: 0.5 836 }) 837 ); 838 839 const tlPopupContent = gsap.timeline(); 840 tlPopupContent.add(() => { 841 tlPopupContent 842 .to(title, { y: 0, opacity: 1 }) 843 .to(text, { y: 0, opacity: 1 }, '<') 844 }) 845 } catch (e) { console.warn(`%c!!! _animateTitleAndText()\n${e}`, 'background: #faf'); } 846 } 847 848 function _animateSubtitle() { 849 try { 850 const subtitle = popupModal.querySelector('.popup-modal__subtitle'); 851 if (!subtitle) throw new Error('subtitle not found\nsubtitle:\n', subtitle); 852 853 gsap.fromTo(subtitle, 854 { y: -25, duration: 0.4, ease: Power4, opacity: 0.5 }, 855 { y: 0, opacity: 1 } 856 ); 857 } catch (e) { console.warn(`%c!!! _animateSubtitle()\n${e}`, 'background: #faf'); } 858 } 859 860 function _animateCloseButton() { 861 try { 862 const closeButton = popupModal.querySelector('.popup-modal__close-button'); 863 if (!closeButton) throw new Error('closeButton not found\ncloseButton:\n', closeButton); 864 865 gsap.fromTo(closeButton, 866 { y: -200, duration: 0.6, opacity: 0.5, ease: Power4 }, 867 { y: 0, opacity: 1 } 868 ); 869 } catch (e) { console.warn(`%c!!! _animateCloseButton()\n${e}`, 'background: #faf'); } 870 } 871 872 function _setStateSugarCaneImage() { 873 try { 874 const sugarCaneImage = popupModal.querySelector('.popup-modal__img--sugar-cane'); 875 if (!sugarCaneImage) throw new Error('sugarCaneImage not found\nsugarCaneImage:\n', sugarCaneImage); 876 gsap.set(sugarCaneImage, { x: 250, duration: 0.8, ease: Power4 }); 877 } catch (e) { console.warn(`%c!!! _setStateSugarCaneImage()\n${e}`, 'background: #faf'); } 878 } 879 880 function _animateSugarCaneImage() { 881 try { 882 const sugarCaneImage = popupModal.querySelector('.popup-modal__img--sugar-cane'); 883 if (!sugarCaneImage) throw new Error('sugarCaneImage not found\nsugarCaneImage:\n', sugarCaneImage); 884 885 gsap.to(sugarCaneImage, { x: 0 }); 886 } catch (e) { console.warn(`%c!!! _animateSugarCaneImage()\n${e}`, 'background: #faf'); } 887 } 888 889 function _setStateChevron() { 890 try { 891 const chevron = popupModal.querySelector('.popup-modal__subtitle__chevron'); 892 if (!chevron) throw new Error('chevron not found\nchevron:\n', chevron); 893 894 gsap.set(chevron, { duration: 0.4, ease: Power4, scale: 0.5, rotation: -45 }); 895 } catch (e) { console.warn(`%c!!! _setStateChevron()\n${e}`, 'background: #faf'); } 896 } 897 898 function _animateChevron() { 899 try { 900 const chevron = popupModal.querySelector('.popup-modal__subtitle__chevron'); 901 if (!chevron) throw new Error('chevron not found\nchevron:\n', chevron); 902 903 gsap.to(chevron, { scale: 1, rotation: 45 } ); 904 } catch (e) { console.warn(`%c!!! _animateChevron()\n${e}`, 'background: #faf'); } 905 } 906 907 function _setStateImageLeft() { 908 try { 909 const image = popupModal.querySelectorAll('.popup-modal__image')[0]; 910 if (!image) throw new Error('image not found\nimage:\n', image); 911 912 gsap.set(image, { duration: 0.8, xPercent: -100, ease: Power4 }); 913 } catch (e) { console.warn(`%c!!! _setStateImageLeft()\n${e}`, 'background: #faf'); } 914 } 915 916 function _animateImageLeft() { 917 try { 918 const image = popupModal.querySelectorAll('.popup-modal__image')[0]; 919 if (!image) throw new Error('image not found\nimage:\n', image); 920 921 if (window.matchMedia(`(min-width: 1400px)`).matches) { 922 gsap.to(image, { xPercent: -10 }); 923 } else { 924 gsap.to(image, { xPercent: -50 }); 925 } 926 } catch (e) { console.warn(`%c!!! _animateImageLeft()\n${e}`, 'background: #faf'); } 927 } 928 929 function _setStateImageRight() { 930 try { 931 const image = popupModal.querySelectorAll('.popup-modal__image')[1]; 932 if (!image) throw new Error('image not found\nimage:\n', image); 933 934 gsap.set(image, { duration: 0.8, xPercent: 100, ease: Power4 }); 935 } catch (e) { console.warn(`%c!!! _setStateImageRight()\n${e}`, 'background: #faf'); } 936 } 937 938 function _animateImageRight() { 939 try { 940 const image = popupModal.querySelectorAll('.popup-modal__image')[1]; 941 if (!image) throw new Error('image not found\nimage:\n', image); 942 943 if (window.matchMedia(`(min-width: 1400px)`).matches) { 944 gsap.to(image, { xPercent: 10 }); 945 } else { 946 gsap.to(image, { xPercent: 50 }); 947 } 948 } catch (e) { console.warn(`%c!!! _animateImageRight()\n${e}`, 'background: #faf'); } 949 } 950 } catch (e) { console.warn(`%c!!! _animatePopupContent()\n${e}`, 'background: #faf'); } 951 } 952 953 function _animatePopupButton() { 954 const tlButton = gsap.timeline(); 955 try { 956 _addEventsOnModalClose(); 957 958 tlButton 959 .to(popupButton_text, { 960 /* Fades out the text inside the button */ 961 duration: .5, 962 ease: Power4, 963 opacity: 0, 964 }) 965 .to(navigation, { 966 duration: 0.5, 967 opacity: 0 968 }) 969 .to(popupButton, { 970 /* Makes button big until it cover the screen */ 971 duration: 1.5, 972 ease: Power4, 973 scale: 20, 974 }, '<') 975 .add( 976 /* Preps the modal for showing */ 977 () => { 978 gsap.set(popupModal, { opacity: 0, height: 0 }); 979 popupModal.classList.remove('hidden'); 980 }, 981 '<' 982 ) 983 /* Shows modal */ 984 .to(popupModal, { 985 duration: 0, 986 height: '100%', 987 }, '<') 988 .to(popupModal, { 989 duration: .5, 990 opacity: 1 991 }, '>1') 992 /* Fades out popup button */ 993 .to(popupButton, { opacity: 0 }) 994 .add(() => popupButton.classList.add('hidden')); 995 996 function _addEventsOnModalClose() { 997 try { 998 const closeButton = popupModal.querySelector('.popup-modal__close-button'); 999 if (!closeButton) throw new Error('closeButton not found\ncloseButton:\n', closeButton); 1000 closeButton.addEventListener('click', () => { 1001 gsap.set(navigation, { opacity: 1 }); 1002 gsap.set(popupButton, { opacity: 1, scale: 1 }); 1003 popupButton.classList.remove('hidden'); 1004 gsap.set(popupButton_text, { opacity: 1 }); 1005 tlButton.revert(); 1006 }); 1007 } catch (e) { console.warn(`%c!!! _addEventsOnModalClose()\n${e}`, 'background: #faf'); } 1008 } 1009 } catch (e) { console.warn(`%c!!! _animatePopupButton()\n${e}`, 'background: #faf'); } 1010 } 1011 }); 1012 }); 1013 1014 function _getPopupModal() { 1015 try { 1016 let popupModal = [...document.querySelectorAll('.popup-modal')]; 1017 if (popupModal.length < 1) throw new Error('popupModal not found\npopupModal:\n', popupModal); 1018 if (popupModal.length > 1) throw new Error('More than 1 popupModal found\npopupModal:\n', popupModal); 1019 return popupModal[0]; 1020 } catch (e) { console.warn(`%c!!! _getPopupModal()\n${e}`, 'background: #faf'); } 1021 } 1022 } catch (e) { console.warn(`%c!!! animatePopUpOnClick()\n${e}`, 'background: #faf'); } 1023 } 1024 } catch (e) { console.warn(`%c!!! product module ${e}`, 'background: #faf'); } 1025</script>
1025</div> 1026 1027</div><!--end widget-span --> 1028</div><!--end row--> 1029</div><!--end row-wrapper --> 1030 1031</div><!--end widget-span --> 1032</div><!--end row--> 1033</div><!--end row-wrapper --> 1034 1035<div class="row-fluid-wrapper row-depth-1 row-number-5 dnd-section"> 1036<div class="row-fluid "> 1037<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 1038<div id="hs_cos_wrapper_widget_1745510413070" 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"> 1039<button class="hidden btn btn-primary-negative invert text-dark-green md:text-light-green"></button> 1040 1041 1042 1043<section id="widget_1745510413070-1" class="relative z-10 pt-7 pb-5 bg-white 1044 md:flex md:flex-col md:h-full md:py-[160px] 1045"> 1046 <div class="container"> 1047 <!-- ? Paper background --> 1048 1049<div class="absolute inset-0 z-0 right-[-1px] md:block md:visible"> 1050 <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"> 1051 1052 <!-- ? Mobile gradient --> 1053 <div class=" absolute inset-0 md:hidden"></div> 1054</div> 1055 1056 1057 <!-- ? BG image plant --> 1058 1059<img id="widget_1745510413070__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%] 1060 1061 "> 1062 1063 1064 <div class="relative container default-grid--md"> 1065 <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"> 1066 <!-- ? Subtitle --> 1067 1068 1069 <!-- ? Title --> 1070 1071<h2 id="widget_1745510413070__left__title" class="text-barrel-brown text-[32px] md:text-[56px] mb-3 md:mb-6 md:col-span-7"> 1072 What is Rum? 1073</h2> 1074 1075 1076 <!-- ? Rich text --> 1077 1078 1079<p class="text-barrel-brown mb-5 md:col-span-6 md:mb-0"><span>Rum is a spirit produced from sugarcane distillates such as molasses, sugarcane juice, or sugarcane syrup. The base ingredient is fermented to create a wash, which is then distilled in a pot or column still.</span><br><br><span>The resulting liquid can be aged in oak barrels to develop a unique set of flavours, colours, and characteristics. Rum must be bottled at a minimum of 37.5% alcohol by volume (ABV) according to European standards and 40% ABV under U.S. regulations, with certain high-proof varieties reaching up to 75% ABV.</span></p> 1080 1081 1082 <!-- ? USP --> 1083 1084 1085 <!-- ? Left CTA --> 1086 1087 1088<div class="col-span-full mt-4"> 1089 <div class="btn btn-primary"><span id="hs_cos_wrapper_widget_1745510413070_" 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> 1090</div> 1091 1092 </div> 1093 1094 1095 <div class="hidden items-center relative md:flex md:visible col-span-6 col-start-0 "> 1096 <!-- ? Desktop single image --> 1097 <img src="https://www.rum.nl/hs-fs/hubfs/Sugar%20cane%20field.jpg?width=1500&height=1003&name=Sugar%20cane%20field.jpg" alt="Sugar cane field" loading="lazy" class="object-cover w-full h-full max-h-[700px]" width="1500" height="1003" srcset="https://www.rum.nl/hs-fs/hubfs/Sugar%20cane%20field.jpg?width=750&height=502&name=Sugar%20cane%20field.jpg 750w, https://www.rum.nl/hs-fs/hubfs/Sugar%20cane%20field.jpg?width=1500&height=1003&name=Sugar%20cane%20field.jpg 1500w, https://www.rum.nl/hs-fs/hubfs/Sugar%20cane%20field.jpg?width=2250&height=1505&name=Sugar%20cane%20field.jpg 2250w, https://www.rum.nl/hs-fs/hubfs/Sugar%20cane%20field.jpg?width=3000&height=2006&name=Sugar%20cane%20field.jpg 3000w, https://www.rum.nl/hs-fs/hubfs/Sugar%20cane%20field.jpg?width=3750&height=2508&name=Sugar%20cane%20field.jpg 3750w, https://www.rum.nl/hs-fs/hubfs/Sugar%20cane%20field.jpg?width=4500&height=3009&name=Sugar%20cane%20field.jpg 4500w" sizes="(max-width: 1500px) 100vw, 1500px"> 1098 1099 <!-- ? Desktop pop-up button --> 1100 1101 </div> 1102 1103 <!-- ? Mobile single image --> 1104 <div class="flex justify-center relative h-[500px] mt-3 md:hidden"> 1105 <img src="https://www.rum.nl/hs-fs/hubfs/Sugar%20cane%20field.jpg?width=1500&height=1003&name=Sugar%20cane%20field.jpg" alt="Sugar cane field" loading="lazy" class="object-cover w-full h-full" width="1500" height="1003" srcset="https://www.rum.nl/hs-fs/hubfs/Sugar%20cane%20field.jpg?width=750&height=502&name=Sugar%20cane%20field.jpg 750w, https://www.rum.nl/hs-fs/hubfs/Sugar%20cane%20field.jpg?width=1500&height=1003&name=Sugar%20cane%20field.jpg 1500w, https://www.rum.nl/hs-fs/hubfs/Sugar%20cane%20field.jpg?width=2250&height=1505&name=Sugar%20cane%20field.jpg 2250w, https://www.rum.nl/hs-fs/hubfs/Sugar%20cane%20field.jpg?width=3000&height=2006&name=Sugar%20cane%20field.jpg 3000w, https://www.rum.nl/hs-fs/hubfs/Sugar%20cane%20field.jpg?width=3750&height=2508&name=Sugar%20cane%20field.jpg 3750w, https://www.rum.nl/hs-fs/hubfs/Sugar%20cane%20field.jpg?width=4500&height=3009&name=Sugar%20cane%20field.jpg 4500w" sizes="(max-width: 1500px) 100v
1105w, 1500px"> 1106 1107 <!-- ? Mobile pop-up button --> 1108 1109 </div> 1110 1111 </div> 1112 </div> 1113</section> 1114 1115 1116
1117<script defer> 1118 // @ts-check 1119 "use strict"; 1120 1121 try { 1122 const BREAK_POINT = 1200; 1123 1124 1125 1126 function animatePopUpOnClick() { 1127 try { 1128 /* Variables and guard clauses start */ 1129 const popupButtons = document.querySelectorAll('.widget_1745510413070__popup-button'); 1130 if (popupButtons.length < 1) throw new Error('popupButtons not found\npopupButtons:\n', popupButtons); 1131 1132 const popupModal = _getPopupModal(); 1133 if (!popupModal) throw new Error('popupModal not found\npopupModal:\n', popupModal); 1134 1135 const navigation = document.querySelector('.navigation'); 1136 if (!navigation) throw new Error('navigation not found\nnavigation:\n', navigation); 1137 1138 const body = document.querySelector('body'); 1139 /* Variables and guard clauses end */ 1140 1141 popupButtons.forEach(popupButton => { 1142 const popupButton_text = popupButton.querySelector('span'); 1143 popupButton.addEventListener('click', () => { 1144 body.classList.add('overflow-y-hidden'); 1145 popupButton.style.pointerEvent = 'none'; 1146 1147 const tl = gsap.timeline(); 1148 tl.add(_animatePopupButton) 1149 .add(_animatePopupContent, 1.5) 1150 1151 function _animatePopupContent() { 1152 try { 1153 const tlContent = gsap.timeline(); 1154 tlContent 1155 .add(() => _setStateImageLeft()) 1156 .add(() => _setStateImageRight()) 1157 .add(() => _setStateChevron()) 1158 .add(() => _setStateSugarCaneImage()) 1159 .add(() => _animateTitleAndText()) 1160 .add(() => _animateSubtitle()) 1161 .add(() => _animateCloseButton()) 1162 .add(() => _animateChevron(), '>0.1') 1163 .add(() => _animateImageLeft(), '<0.5') 1164 .add(() => _animateImageRight(), '<') 1165 .add(() => _animateSugarCaneImage(), '>1') 1166 1167 function _animateTitleAndText() { 1168 try { 1169 const title = popupModal.querySelector('.popup-modal__title'); 1170 if (!title) throw new Error('title not found\ntitle:\n', title); 1171 1172 const text = popupModal.querySelector('.popup-modal__text'); 1173 if (!text) throw new Error('text not found\ntext:\n', text); 1174 1175 [title, text].forEach((element, index) => 1176 gsap.set(element, { 1177 y: (index + 1) * 1.1 * 50, 1178 duration: 2, 1179 ease: Power4, 1180 opacity: 0.5 1181 }) 1182 ); 1183 1184 const tlPopupContent = gsap.timeline(); 1185 tlPopupContent.add(() => { 1186 tlPopupContent 1187 .to(title, { y: 0, opacity: 1 }) 1188 .to(text, { y: 0, opacity: 1 }, '<') 1189 }) 1190 } catch (e) { console.warn(`%c!!! _animateTitleAndText()\n${e}`, 'background: #faf'); } 1191 } 1192 1193 function _animateSubtitle() { 1194 try { 1195 const subtitle = popupModal.querySelector('.popup-modal__subtitle'); 1196 if (!subtitle) throw new Error('subtitle not found\nsubtitle:\n', subtitle); 1197 1198 gsap.fromTo(subtitle, 1199 { y: -25, duration: 0.4, ease: Power4, opacity: 0.5 }, 1200 { y: 0, opacity: 1 } 1201 ); 1202 } catch (e) { console.warn(`%c!!! _animateSubtitle()\n${e}`, 'background: #faf'); } 1203 } 1204 1205 function _animateCloseButton() { 1206 try { 1207 const closeButton = popupModal.querySelector('.popup-modal__close-button'); 1208 if (!closeButton) throw new Error('closeButton not found\ncloseButton:\n', closeButton); 1209 1210 gsap.fromTo(closeButton, 1211 { y: -200, duration: 0.6, opacity: 0.5, ease: Power4 }, 1212 { y: 0, opacity: 1 } 1213 ); 1214 } catch (e) { console.warn(`%c!!! _animateCloseButton()\n${e}`, 'background: #faf'); } 1215 } 1216 1217 function _setStateSugarCaneImage() { 1218 try { 1219 const sugarCaneImage = popupModal.querySelector('.popup-modal__img--sugar-cane'); 1220 if (!sugarCaneImage) throw new Error('sugarCaneImage not found\nsugarCaneImage:\n', sugarCaneImage); 1221 gsap.set(sugarCaneImage, { x: 250, duration: 0.8, ease: Power4 }); 1222 } catch (e) { console.warn(`%c!!! _setStateSugarCaneImage()\n${e}`, 'background: #faf'); } 1223 } 1224 1225 function _animateSugarCaneImage() { 1226 try { 1227 const sugarCaneImage = popupModal.querySelector('.popup-modal__img--sugar-cane'); 1228 if (!sugarCaneImage) throw new Error('sugarCaneImage not found\nsugarCaneImage:\n', sugarCaneImage); 1229 1230 gsap.to(sugarCaneImage, { x: 0 }); 1231 } catch (e) { console.warn(`%c!!! _animateSugarCaneImage()\n${e}`, 'background: #faf'); } 1232 } 1233 1234 function _setStateChevron() { 1235 try { 1236 const chevron = popupModal.querySelector('.popup-modal__subtitle__chevron'); 1237 if (!chevron) throw new Error('chevron not found\nchevron:\n', chevron); 1238 1239 gsap.set(chevron, { duration: 0.4, ease: Power4, scale: 0.5, rotation: -45 }); 1240 } catch (e) { console.warn(`%c!!! _setStateChevron()\n${e}`, 'background: #faf'); } 1241 } 1242 1243 function _animateChevron() { 1244 try { 1245 const chevron = popupModal.querySelector('.popup-modal__subtitle__chevron'); 1246 if (!chevron) throw new Error('chevron not found\nchevron:\n', chevron); 1247 1248 gsap.to(chevron, { scale: 1, rotation: 45 } ); 1249 } catch (e) { console.warn(`%c!!! _animateChevron()\n${e}`, 'background: #faf'); } 1250 } 1251 1252 function _setStateImageLeft() { 1253 try { 1254 const image = popupModal.querySelectorAll('.popup-modal__image')[0]; 1255 if (!image) throw new Error('image not found\nimage:\n', image); 1256 1257 gsap.set(image, { duration: 0.8, xPercent: -100, ease: Power4 }); 1258 } catch (e) { console.warn(`%c!!! _setStateImageLeft()\n${e}`, 'background: #faf'); } 1259 } 1260 1261 function _animateImageLeft() { 1262 try { 1263 const image = popupModal.querySelectorAll('.popup-modal__image')[0]; 1264 if (!image) throw new Error('image not found\nimage:\n', image); 1265 1266 if (window.matchMedia(`(min-width: 1400px)`).matches) { 1267 gsap.to(image, { xPercent: -10 }); 1268 } else { 1269 gsap.to(image, { xPercent: -50 }); 1270 } 1271 } catch (e) { console.warn(`%c!!! _animateImageLeft()\n${e}`, 'background: #faf'); } 1272 } 1273 1274 function _setStateImageRight() { 1275 try { 1276 const image = popupModal.querySelectorAll('.popup-modal__image')[1]; 1277 if (!image) throw new Error('image not found\nimage:\n', image); 1278 1279 gsap.set(image, { duration: 0.8, xPercent: 100, ease: Power4 }); 1280 } catch (e) { console.warn(`%c!!! _setStateImageRight()\n${e}`, 'background: #faf'); } 1281 } 1282 1283 function _animateImageRight() { 1284 try { 1285 const image = popupModal.querySelectorAll('.popup-modal__image')[1]; 1286 if (!image) throw new Error('image not found\nimage:\n', image); 1287 1288 if (window.matchMedia(`(min-width: 1400px)`).matches) { 1289 gsap.to(image, { xPercent: 10 }); 1290 } else { 1291 gsap.to(image, { xPercent: 50 }); 1292 } 1293 } catch (e) { console.warn(`%c!!! _animateImageRight()\n${e}`, 'background: #faf'); } 1294 } 1295 } catch (e) { console.warn(`%c!!! _animatePopupContent()\n${e}`, 'background: #faf'); } 1296 } 1297 1298 function _animatePopupButton() { 1299 const tlButton = gsap.timeline(); 1300 try { 1301 _addEventsOnModalClose(); 1302 1303 tlButton 1304 .to(popupButton_text, { 1305 /* Fades out the text inside the button */ 1306 duration: .5, 1307 ease: Power4, 1308 opacity: 0, 1309 }) 1310 .to(navigation, { 1311 duration: 0.5, 1312 opacity: 0 1313 }) 1314 .to(popupButton, { 1315 /* Makes button big until it cover the screen */ 1316 duration: 1.5, 1317 ease: Power4, 1318 scale: 20, 1319 }, '<') 1320 .add( 1321 /* Preps the modal for showing */ 1322 () => { 1323 gsap.set(popupModal, { opacity: 0, height: 0 }); 1324 popupModal.classList.remove('hidden'); 1325 }, 1326 '<' 1327 ) 1328 /* Shows modal */ 1329 .to(popupModal, { 1330 duration: 0, 1331 height: '100%', 1332 }, '<') 1333 .to(popupModal, { 1334 duration: .5, 1335 opacity: 1 1336 }, '>1') 1337 /* Fades out popup button */ 1338 .to(popupButton, { opacity: 0 }) 1339 .add(() => popupButton.classList.add('hidden')); 1340 1341 function _addEventsOnModalClose() { 1342 try { 1343 const closeButton = popupModal.querySelector('.popup-modal__close-button'); 1344 if (!closeButton) throw new Error('closeButton not found\ncloseButton:\n', closeButton); 1345 closeButton.addEventListener('click', () => { 1346 gsap.set(navigation, { opacity: 1 }); 1347 gsap.set(popupButton, { opacity: 1, scale: 1 }); 1348 popupButton.classList.remove('hidden'); 1349 gsap.set(popupButton_text, { opacity: 1 }); 1350 tlButton.revert(); 1351 }); 1352 } catch (e) { console.warn(`%c!!! _addEventsOnModalClose()\n${e}`, 'background: #faf'); } 1353 } 1354 } catch (e) { console.warn(`%c!!! _animatePopupButton()\n${e}`, 'background: #faf'); } 1355 } 1356 }); 1357 }); 1358 1359 function _getPopupModal() { 1360 try { 1361 let popupModal = [...document.querySelectorAll('.popup-modal')]; 1362 if (popupModal.length < 1) throw new Error('popupModal not found\npopupModal:\n', popupModal); 1363 if (popupModal.length > 1) throw new Error('More than 1 popupModal found\npopupModal:\n', popupModal); 1364 return popupModal[0]; 1365 } catch (e) { console.warn(`%c!!! _getPopupModal()\n${e}`, 'background: #faf'); } 1366 } 1367 } catch (e) { console.warn(`%c!!! animatePopUpOnClick()\n${e}`, 'background: #faf'); } 1368 } 1369 } catch (e) { console.warn(`%c!!! product module ${e}`, 'background: #faf'); } 1370</script>
1370</div> 1371 1372</div><!--end widget-span --> 1373</div><!--end row--> 1374</div><!--end row-wrapper --> 1375 1376<div class="row-fluid-wrapper row-depth-1 row-number-6 dnd-section"> 1377<div class="row-fluid "> 1378<div class="span12 widget-span widget-type-cell cell_16770097431192-hidden dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 1379 1380<div class="row-fluid-wrapper row-depth-1 row-number-7 dnd-row"> 1381<div class="row-fluid "> 1382<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 1383<div id="hs_cos_wrapper_widget_1677056906716" 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="widget_1677056906716" class="resources-module pt-8 pb-[160px] md:pt-[128px] md:pb-[138px]"> 1384 <div class="container grid grid-cols-4 gap-x-3 md:grid-cols-12 md:gap-x-6"> 1385 <!-- ? Title --> 1386 <div class="flex flex-col items-center col-span-3 text-[32px] leading-10 font-bold mb-1 1387 md:col-span-4 md:text-[56px] md:leading-100 md:mb-0 1388 "> 1389 <div class="flex flex-col"> 1390 1391 <span class=""> 1392 Rum blends 1393 </span> 1394 1395 1396 1397 <span class="pl-4 md:pl-[104px]"> 1398 for various 1399 </span> 1400 1401 1402 1403 <span class=""> 1404 markets 1405 </span> 1406 1407 </div> 1408 </div> 1409 1410 <!-- ? Text --> 1411 1412 <div id="widget_1677056906716__text" class="flex justify-end col-span-full mb-6 md:col-start-8 md:w-[80%] md:mt-[100px] md:mb-5"> 1413 <div class="w-[75%] md:w-full"> 1414 <div id="hs_cos_wrapper_widget_1677056906716_" 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"><span>E&A Scheer supplies Rum, Batavia Arrack and Cachaca in bulk for various markets. Based on your preferences our Rum blenders create a bespoke Rum blend. </span></div> 1415 </div> 1416 </div> 1417 1418 1419 <!-- ? Blog posts --> 1420 <div class="col-span-full flex flex-col gap-y-5 default-grid--md md:flex-row"> 1421 1422 <!-- ? Blog post --> 1423 1424 1425 1426 1427 1428 1429 1430 1431 1432 1433 <a href="https://www.rum.nl/en/downloads/eascheer/drinks-industry?hsLang=en" class="relative mb-5 md:col-span-4 md:mt-8 "> 1434 1435 1436 1437 1438 1439 <div class="relative md:w-[90%]"> 1440 <!-- ? Blog post image --> 1441 <div class="h-[176px] mb-3 md:h-[360px] md:mb-4"> 1442 <img src="https://www.rum.nl/hs-fs/hubfs/Drink%20Industry.jpg?width=2200&height=1467&name=Drink%20Industry.jpg" alt="blog_post.featured_image_alt_text" class="object-cover w-full h-full" width="2200" height="1467" srcset="https://www.rum.nl/hs-fs/hubfs/Drink%20Industry.jpg?width=1100&height=734&name=Drink%20Industry.jpg 1100w, https://www.rum.nl/hs-fs/hubfs/Drink%20Industry.jpg?width=2200&height=1467&name=Drink%20Industry.jpg 2200w, https://www.rum.nl/hs-fs/hubfs/Drink%20Industry.jpg?width=3300&height=2201&name=Drink%20Industry.jpg 3300w, https://www.rum.nl/hs-fs/hubfs/Drink%20Industry.jpg?width=4400&height=2934&name=Drink%20Industry.jpg 4400w, https://www.rum.nl/hs-fs/hubfs/Drink%20Industry.jpg?width=5500&height=3668&name=Drink%20Industry.jpg 5500w, https://www.rum.nl/hs-fs/hubfs/Drink%20Industry.jpg?width=6600&height=4401&name=Drink%20Industry.jpg 6600w" sizes="(max-width: 2200px) 100vw, 2200px"> 1443 </div> 1444 1445 <!-- ? Blog post tag --> 1446 1447 <span class="block font-aurore md:mb-1"> 1448 Markets 1449 </span> 1450 1451 1452 <!-- ? Blog post title --> 1453 <div class="flex justify-between items-center"> 1454 <h3 class="text-xl leading-8 w-[75%]"> 1455 Drinks Industry 1456 </h3> 1457 1458 <div class="rounded-full bg-light-beige p-[15px]"> 1459 <svg width="12" height="12" viewbox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 1460 <path d="M1 11L11 1M11 1H1M11 1V11" stroke="#271500" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> 1461 </svg> 1462 </div> 1463 </div> 1464 </div> 1465 </a> 1466 1467 <!-- ? Blog post --> 1468 1469 1470 1471 1472 1473 1474 1475 1476 <a href="https://www.rum.nl/en/downloads/eascheer/flavour-fragrance-industry?hsLang=en" class="relative mb-5 md:col-span-4 "> 1477 1478 1479 1480 <div class="relative "> 1481 <!-- ? Blog post image --> 1482 <div class="h-[176px] mb-3 md:h-[360px] md:mb-4"> 1483 <img src="https://www.rum.nl/hs-fs/hubfs/TINY%20PNG%20pictures/Flavour%20%26%20Fragrances%20n.jpeg?width=5579&height=2559&name=Flavour%20%26%20Fragrances%20n.jpeg" alt="blog_post.featured_image_alt_text" class="object-cover w-full h-full" width="5579" height="2559" srcset="https://www.rum.nl/hs-fs/hubfs/TINY%20PNG%20pictures/Flavour%20%26%20Fragrances%20n.jpeg?width=2790&height=1280&name=Flavour%20%26%20Fragrances%20n.jpeg 2790w, https://www.rum.nl/hs-fs/hubfs/TINY%20PNG%20pictures/Flavour%20%26%20Fragrances%20n.jpeg?width=5579&height=2559&name=Flavour%20%26%20Fragrances%20n.jpeg 5579w, https://www.rum.nl/hs-fs/hubfs/TINY%20PNG%20pictures/Flavour%20%26%20Fragrances%20n.jpeg?width=8369&height=3839&name=Flavour%20%26%20Fragrances%20n.jpeg 8369w, https://www.rum.nl/hs-fs/hubfs/TINY%20PNG%20pictures/Flavour%20%26%20Fragrances%20n.jpeg?width=11158&height=5118&name=Flavour%20%26%20Fragrances%20n.jpeg 11158w, https://www.rum.nl/hs-fs/hubfs/TINY%20PNG%20pictures/Flavour%20%26%20Fragrances%20n.jpeg?width=13948&height=6398&name=Flavour%20%26%20Fragrances%20n.jpeg 13948w, https://www.rum.nl/hs-fs/hubfs/TINY%20PNG%20pictures/Flavour%20%26%20Fragrances%20n.jpeg?width=16737&height=7677&name=Flavour%20%26%20Fragrances%20n.jpeg 16737w" sizes="(max-width: 5579px) 100vw, 5579px"> 1484 </div> 1485 1486 <!-- ? Blog post tag --> 1487 1488 <span class="block font-aurore md:mb-1"> 1489 Markets 1490 </span> 1491 1492 1493 <!-- ? Blog post title --> 1494 <div class="flex justify-between items-center"> 1495 <h3 class="text-xl leading-8 w-[75%]"> 1496 Rum in the Flavour & Fragrance Industry 1497 </h3> 1498 1499 <div class="rounded-full bg-light-beige p-[15px]"> 1500 <svg width="12" height="12" viewbox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 1501 <path d="M1 11L11 1M11 1H1M11 1V11" stroke="#271500" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> 1502 </svg> 1503 </div> 1504 </div> 1505 </div> 1506 </a> 1507 1508 <!-- ? Blog post --> 1509 1510 1511 1512 1513 1514 1515 1516 1517 1518 1519 1520 1521 <a href="https://www.rum.nl/en/downloads/eascheer/confectionery-industry?hsLang=en" class="relative mb-5 md:col-span-4 md:mt-8 md:flex md:flex-col md:items-end"> 1522 1523 1524 1525 1526 1527 <div class="relative md:w-[90%]"> 1528 <!-- ? Blog post image --> 1529 <div class="h-[176px] mb-3 md:h-[360px] md:mb-4"> 1530 <img src="https://www.rum.nl/hs-fs/hubfs/Confectionery%20industry%20photo.jpg?width=1920&height=1280&name=Confectionery%20industry%20photo.jpg" alt="blog_post.featured_image_alt_text" class="object-cover w-full h-full" width="1920" height="1280" srcset="https://www.rum.nl/hs-fs/hubfs/Confectionery%20industry%20photo.jpg?width=960&height=640&name=Confectionery%20industry%20photo.jpg 960w, https://www.rum.nl/hs-fs/hubfs/Confectionery%20industry%20photo.jpg?width=1920&height=1280&name=Confectionery%20industry%20photo.jpg 1920w, https://www.rum.nl/hs-fs/hubfs/Confectionery%20industry%20photo.jpg?width=2880&height=1920&name=Confectionery%20industry%20photo.jpg 2880w, https://www.rum.nl/hs-fs/hubfs/Confectionery%20industry%20photo.jpg?width=3840&height=2560&name=Confectionery%20industry%20photo.jpg 3840w, https://www.rum.nl/hs-fs/hubfs/Confectionery%20industry%20photo.jpg?width=4800&height=3200&name=Confectionery%20industry%20photo.jpg 4800w, https://www.rum.nl/hs-fs/hubfs/Confectionery%20industry%20photo.jpg?width=5760&height=3840&name=Confectionery%20industry%20photo.jpg 5760w" sizes="(max-width: 1920px) 100v
1530w, 1920px"> 1531 </div> 1532 1533 <!-- ? Blog post tag --> 1534 1535 <span class="block font-aurore md:mb-1"> 1536 Markets 1537 </span> 1538 1539 1540 <!-- ? Blog post title --> 1541 <div class="flex justify-between items-center"> 1542 <h3 class="text-xl leading-8 w-[75%]"> 1543 Rum in the Confectionery Industry 1544 </h3> 1545 1546 <div class="rounded-full bg-light-beige p-[15px]"> 1547 <svg width="12" height="12" viewbox="0 0 12 12" fill="none" xmlns="http://www.w3.org/2000/svg"> 1548 <path d="M1 11L11 1M11 1H1M11 1V11" stroke="#271500" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> 1549 </svg> 1550 </div> 1551 </div> 1552 </div> 1553 </a> 1554 1555 </div> 1556 </div> 1557</section> 1558 1559</div> 1560 1561</div><!--end widget-span --> 1562</div><!--end row--> 1563</div><!--end row-wrapper --> 1564 1565<div class="row-fluid-wrapper row-depth-1 row-number-8 dnd-row"> 1566<div class="row-fluid "> 1567<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 1568<div id="hs_cos_wrapper_widget_1677009743013" 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"> 1569 1570 1571 1572 1573 1574 1575 1576 1577 1578 1579 1580<section id="widget_1677009743013" class="relative py-16"> 1581 <!-- ? BG image --> 1582 1583 <div class="absolute inset-0 overflow-hidden"> 1584 <!-- ? Mobile bg image --> 1585 <img src="https://www.rum.nl/hs-fs/hubfs/High%20quality%20pics/20221202_AES_Francesstefanie.jpg?width=4500&height=3001&name=20221202_AES_Francesstefanie.jpg" alt="" loading="lazy" class="object-cover w-full h-full md:hidden" width="4500" height="3001" srcset="https://www.rum.nl/hs-fs/hubfs/High%20quality%20pics/20221202_AES_Francesstefanie.jpg?width=2250&height=1501&name=20221202_AES_Francesstefanie.jpg 2250w, https://www.rum.nl/hs-fs/hubfs/High%20quality%20pics/20221202_AES_Francesstefanie.jpg?width=4500&height=3001&name=20221202_AES_Francesstefanie.jpg 4500w, https://www.rum.nl/hs-fs/hubfs/High%20quality%20pics/20221202_AES_Francesstefanie.jpg?width=6750&height=4502&name=20221202_AES_Francesstefanie.jpg 6750w, https://www.rum.nl/hs-fs/hubfs/High%20quality%20pics/20221202_AES_Francesstefanie.jpg?width=9000&height=6002&name=20221202_AES_Francesstefanie.jpg 9000w, https://www.rum.nl/hs-fs/hubfs/High%20quality%20pics/20221202_AES_Francesstefanie.jpg?width=11250&height=7503&name=20221202_AES_Francesstefanie.jpg 11250w, https://www.rum.nl/hs-fs/hubfs/High%20quality%20pics/20221202_AES_Francesstefanie.jpg?width=13500&height=9003&name=20221202_AES_Francesstefanie.jpg 13500w" sizes="(max-width: 4500px) 100v
1585w, 4500px"> 1586 1587 <!-- ? Desktop bg image --> 1588 <img src="https://www.rum.nl/hs-fs/hubfs/High%20quality%20pics/20221202_AES_Francesstefanie.jpg?width=4500&height=3001&name=20221202_AES_Francesstefanie.jpg" alt="" loading="lazy" class="object-cover hidden w-full h-full md:block md:visible" width="4500" height="3001" srcset="https://www.rum.nl/hs-fs/hubfs/High%20quality%20pics/20221202_AES_Francesstefanie.jpg?width=2250&height=1501&name=20221202_AES_Francesstefanie.jpg 2250w, https://www.rum.nl/hs-fs/hubfs/High%20quality%20pics/20221202_AES_Francesstefanie.jpg?width=4500&height=3001&name=20221202_AES_Francesstefanie.jpg 4500w, https://www.rum.nl/hs-fs/hubfs/High%20quality%20pics/20221202_AES_Francesstefanie.jpg?width=6750&height=4502&name=20221202_AES_Francesstefanie.jpg 6750w, https://www.rum.nl/hs-fs/hubfs/High%20quality%20pics/20221202_AES_Francesstefanie.jpg?width=9000&height=6002&name=20221202_AES_Francesstefanie.jpg 9000w, https://www.rum.nl/hs-fs/hubfs/High%20quality%20pics/20221202_AES_Francesstefanie.jpg?width=11250&height=7503&name=20221202_AES_Francesstefanie.jpg 11250w, https://www.rum.nl/hs-fs/hubfs/High%20quality%20pics/20221202_AES_Francesstefanie.jpg?width=13500&height=9003&name=20221202_AES_Francesstefanie.jpg 13500w" sizes="(max-width: 4500px) 100v
1588w, 4500px"> 1589 </div> 1590 1591 1592 <div class="container"> 1593 <div class="relative bg-paper-beige text-barrel-brown font-bold rounded-lg custom-box-shadow max-w-[459px] mx-auto pb-5 px-2 md:px-4"> 1594 <!-- ? Grain effect --> 1595 <div class="absolute inset-0 z-[-1]"> 1596 <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/grain.png" alt="grain effect" class="object-cover w-full h-full"> 1597 </div> 1598 1599 <!-- ? Rum glass image --> 1600 <div class="relative -top-4"> 1601 1602 1603 1604 <div class="flex items-end gap-x-4 w-fit mb-1 mx-auto md:justify-between md:gap-x-none md:w-full"> 1605 <div class="flex-1"> 1606 1607 <svg width="110" height="6" viewbox="0 0 110 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-full"> 1608 <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" /> 1609 </svg> 1610 1611 </div> 1612 1613 <div class="translate-y-[12px] w-10 min-w-[80px] max-w-[80px] h-12 min-h-[96px] max-h-[96px] md:w-12 md:max-w-[96px] md:h-12 md:max-h-[96px] 1614 overflow-hidden flex-1 1615 "> 1616 <img src="https://www.rum.nl/hs-fs/hubfs/EAS%20glass.png?width=96&height=96&name=EAS%20glass.png" alt="EAS glass" class="object-contain w-full h-full" width="96" height="96" srcset="https://www.rum.nl/hs-fs/hubfs/EAS%20glass.png?width=48&height=48&name=EAS%20glass.png 48w, https://www.rum.nl/hs-fs/hubfs/EAS%20glass.png?width=96&height=96&name=EAS%20glass.png 96w, https://www.rum.nl/hs-fs/hubfs/EAS%20glass.png?width=144&height=144&name=EAS%20glass.png 144w, https://www.rum.nl/hs-fs/hubfs/EAS%20glass.png?width=192&height=192&name=EAS%20glass.png 192w, https://www.rum.nl/hs-fs/hubfs/EAS%20glass.png?width=240&height=240&name=EAS%20glass.png 240w, https://www.rum.nl/hs-fs/hubfs/EAS%20glass.png?width=288&height=288&name=EAS%20glass.png 288w" sizes="(max-width: 96px) 100vw, 96px"> 1617 </div> 1618 1619 <div class="flex-1"> 1620 1621 <svg width="110" height="6" viewbox="0 0 110 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-full"> 1622 <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" /> 1623 </svg> 1624 1625 </div> 1626 </div> 1627 1628 </div> 1629 1630 <!-- ? Title --> 1631 1632 <h3 class="text-xl leading-8 text-center mb-2 md:text-[32px] md:leading-10 md:text-start md:mb-3"> 1633 Want to talk about our Rum products? 1634 </h3> 1635 1636 1637 <!-- ? Intro text --> 1638 1639 <div class="text-center mb-3 md:text-start"> 1640 We are more than welcome to answer your questions. 1641 </div> 1642 1643 1644 <!-- ? USP --> 1645 1646 <div class="flex flex-col gap-y-2"> 1647 1648 <div class="flex gap-x-2"> 1649 <svg width="28" height="28" viewbox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> 1650 <rect width="28" height="28" rx="14" fill="#FDF3E8" /> 1651 <path fill-rule="evenodd" clip-rule="evenodd" d="M19.9457 8.62193L11.5923 16.6836L9.37568 14.3153C8.96734 13.9303 8.32568 13.9069 7.85901 14.2336C7.40401 14.5719 7.27568 15.1669 7.55568 15.6453L10.1807 19.9153C10.4373 20.3119 10.8807 20.5569 11.3823 20.5569C11.8607 20.5569 12.3157 20.3119 12.5723 19.9153C12.9923 19.3669 21.0073 9.81193 21.0073 9.81193C22.0573 8.7386 20.7857 7.7936 19.9457 8.61027V8.62193Z" fill="#51251E" /> 1652 <path fill-rule="evenodd" clip-rule="evenodd" d="M19.9457 8.62193L11.5923 16.6836L9.37568 14.3153C8.96734 13.9303 8.32568 13.9069 7.85901 14.2336C7.40401 14.5719 7.27568 15.1669 7.55568 15.6453L10.1807 19.9153C10.4373 20.3119 10.8807 20.5569 11.3823 20.5569C11.8607 20.5569 12.3157 20.3119 12.5723 19.9153C12.9923 19.3669 21.0073 9.81193 21.0073 9.81193C22.0573 8.7386 20.7857 7.7936 19.9457 8.61027V8.62193Z" fill="black" fill-opacity="0.2" /> 1653 </svg> 1654 1655 <span class="text-sm leading-[22px] md:text-base md:leading-6 font-trebuchet"> 1656 Contact our Rum specialists 1657 </span> 1658 </div> 1659 1660 <div class="flex gap-x-2"> 1661 <svg width="28" height="28" viewbox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> 1662 <rect width="28" height="28" rx="14" fill="#FDF3E8" /> 1663 <path fill-rule="evenodd" clip-rule="evenodd" d="M19.9457 8.62193L11.5923 16.6836L9.37568 14.3153C8.96734 13.9303 8.32568 13.9069 7.85901 14.2336C7.40401 14.5719 7.27568 15.1669 7.55568 15.6453L10.1807 19.9153C10.4373 20.3119 10.8807 20.5569 11.3823 20.5569C11.8607 20.5569 12.3157 20.3119 12.5723 19.9153C12.9923 19.3669 21.0073 9.81193 21.0073 9.81193C22.0573 8.7386 20.7857 7.7936 19.9457 8.61027V8.62193Z" fill="#51251E" /> 1664 <path fill-rule="evenodd" clip-rule="evenodd" d="M19.9457 8.62193L11.5923 16.6836L9.37568 14.3153C8.96734 13.9303 8.32568 13.9069 7.85901 14.2336C7.40401 14.5719 7.27568 15.1669 7.55568 15.6453L10.1807 19.9153C10.4373 20.3119 10.8807 20.5569 11.3823 20.5569C11.8607 20.5569 12.3157 20.3119 12.5723 19.9153C12.9923 19.3669 21.0073 9.81193 21.0073 9.81193C22.0573 8.7386 20.7857 7.7936 19.9457 8.61027V8.62193Z" fill="black" fill-opacity="0.2" /> 1665 </svg> 1666 1667 <span class="text-sm leading-[22px] md:text-base md:leading-6 font-trebuchet"> 1668 Receive an answer within 24 hours 1669 </span> 1670 </div> 1671 1672 </div> 1673 1674 1675 <!-- ? CTA --> 1676 <div class="flex flex-col items-center gap-y-[12px] w-fit mx-auto md:col-span-full mt-4"> 1677 1678 <div class="btn btn-primary w-full"> 1679 <div class="hs-web-interactive-inline" style="; " data-hubspot-wrapper-cta-id="96090054849"> 1680 <style data-hubspot-cta-style="hs-inline-web-interactive-96090054849"> 1681 1682 a.hs-inline-web-interactive-96090054849 { 1683 cursor: pointer !important; 1684 } 1685 1686 a.hs-inline-web-interactive-96090054849:hover { 1687 1688 } 1689 1690 a.hs-inline-web-interactive-96090054849:active { 1691 1692 } 1693 1694 a.hs-inline-web-interactive-96090054849:active:hover { 1695 1696 } 1697 1698</style> 1699 <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=AVxigLIaIDCfXI9EUMRS6IDke3aeyDdsylOz13I0l6FFpvCymRGDhdkRMiPEAY
1699%2BQJF0mclihg7Iklig7k1ef%2F1lP2Jh8g4R02%2BVde%2FAX0eL8G%2FZAFt751bE2M7k%2FDyWMJBWlLgZfkoUyoqtXGS19rYg3r3uT0WpC%2B0RRYzlv11TB6%2Frca%2B%2BawEhHcuQgFFSbWd%2F9xw%3D%3D&portalId=25607130" class="hs-inline-web-interactive-96090054849 " data-hubspot-cta-id="96090054849"> Contact us </a> </span></span> 1700</div> 1701 </div> 1702 1703 1704 </div> 1705 </div> 1706 </div> 1707</section> 1708 1709 1710 1711</div> 1712 1713</div><!--end widget-span --> 1714</div><!--end row--> 1715</div><!--end row-wrapper --> 1716 1717</div><!--end widget-span --> 1718</div><!--end row--> 1719</div><!--end row-wrapper --> 1720 1721<div class="row-fluid-wrapper row-depth-1 row-number-9 dnd-section"> 1722<div class="row-fluid "> 1723<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 1724 1725<div class="row-fluid-wrapper row-depth-1 row-number-10 dnd-row"> 1726<div class="row-fluid "> 1727<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 1728<div id="hs_cos_wrapper_widget_1745510488835" 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"> 1729 1730 1731<section id="widget_1745510488835" class="bg-parsnip-beige 1732rum-types-module relative py-7 md:pt-[120px] md:pb-8"> 1733 <div class="absolute z-0 inset-0 rotate-180"> 1734 <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"> 1735 </div> 1736 <div class="container default-grid--md relative z-10"> 1737 <div class="flex flex-col col-span-full 1738 items-start 1739text-start 1740 "> 1741 <!-- ? Subtitle --> 1742 1743 1744 <!-- ? Title --> 1745 1746 <h2 id="widget_1745510488835__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 1747text-start"> 1748 Develop your bespoke blend 1749 </h2> 1750 1751 1752 <!-- ? Description --> 1753 1754 <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 1755text-start" id="widget_1745510488835__description"> 1756 <div id="hs_cos_wrapper_widget_1745510488835_" 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"><div><span>E&A Scheer has specialised in sourcing, supplying and blending bespoke Rums for three centuries. Today we offer a remarkable selection of styles both in bulk and in individual casks. </span></div> 1757<div><span> </span></div> 1758<div><span>Are you thinking of launching a new Rum business or adding to an existing range? Combining our vast collection with an unmatched level of expertise, we will work with you to identify your ideal taste profile, create a bespoke Rum blend based on your specific requirements, then reproduce it with uncompromising consistency whenever required.</span></div> 1759<div><span> </span></div> 1760<h4><span>We can develop your blend from any and every type of Rum.</span></h4> 1761<p><span>Here are just a few examples of the styles of Rum we offer.</span></p></div> 1762 </div> 1763 </div> 1764 1765 1766 <!-- ? Cards --> 1767 <div class="flex flex-col md:flex-row gap-y-5 md:col-span-full w-full md:gap-x-4"> 1768 1769 1770 <div class="flex flex-col items-center w-full " id="widget_1745510488835__column_1"> 1771 <!-- ? Roman number --> 1772 <span class="flex justify-center gap-x-[1px] mb-[12px] md:mb-4"> 1773 1774 1775 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1776 <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" /> 1777 </svg> 1778 1779 </span> 1780 1781 <!-- ? Product image --> 1782 1783 <div class="w-full h-[211px] md:h-[338px]"> 1784 <img src="https://www.rum.nl/hs-fs/hubfs/Light%20rum%202.png?width=300&height=300&name=Light%20rum%202.png" alt="Light rum 2" class="object-cover w-full h-full" width="300" height="300" srcset="https://www.rum.nl/hs-fs/hubfs/Light%20rum%202.png?width=150&height=150&name=Light%20rum%202.png 150w, https://www.rum.nl/hs-fs/hubfs/Light%20rum%202.png?width=300&height=300&name=Light%20rum%202.png 300w, https://www.rum.nl/hs-fs/hubfs/Light%20rum%202.png?width=450&height=450&name=Light%20rum%202.png 450w, https://www.rum.nl/hs-fs/hubfs/Light%20rum%202.png?width=600&height=600&name=Light%20rum%202.png 600w, https://www.rum.nl/hs-fs/hubfs/Light%20rum%202.png?width=750&height=750&name=Light%20rum%202.png 750w, https://www.rum.nl/hs-fs/hubfs/Light%20rum%202.png?width=900&height=900&
1784name=Light%20rum%202.png 900w" sizes="(max-width: 300px) 100vw, 300px"> 1785 </div> 1786 1787 1788 <!-- ? Product info block --> 1789 1790 <div class="bg-light-beige 1791 mt-[-80px] md:mt-[-120px] 1792 1793 py-4 px-3 w-[90%] flex flex-col 1794 "> 1795 <!-- ? Product title --> 1796 <h3 class="text-barrel-brown 1797 block text-sm leading-7 font-bold w-fit mb-2 1798 md:text-base md:leading-8 md:mb-1"> 1799 Light Rum 1800 </h3> 1801 1802 <!-- ? Product description --> 1803 1804 <div class="font-trebuchet text-sm leading-5 mb-2 md:text-base md:leading-8 md:mb-[28px]"> 1805 Clear, light, neutral, and column-distilled, Light Rum is highly versatile and can be used for multiple applications. 1806 </div> 1807 1808 1809 <!-- ? Blog post link --> 1810 1811 <a href="https://www.rum.nl/en/product/light-rum?hsLang=en" class="flex items-center gap-x-3 w-fit group "> 1812 <span class=" 1813 text-dark-green 1814 font-bold text-sm md:text-base 1815 "> 1816 Learn more 1817 </span> 1818 1819 1820 <svg width="83" height="6" viewbox="0 0 83 6" fill="none" xmlns="http://www.w3.org/2000/svg"> 1821 <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" /> 1822 </svg> 1823 1824 </a> 1825 1826 </div> 1827 1828 </div> 1829 1830 1831 <div class="flex flex-col items-center w-full md:mt-8" id="widget_1745510488835__column_2"> 1832 <!-- ? Roman number --> 1833 <span class="flex justify-center gap-x-[1px] mb-[12px] md:mb-4"> 1834 1835 1836 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1837 <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" /> 1838 </svg> 1839 1840 1841 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1842 <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" /> 1843 </svg> 1844 1845 </span> 1846 1847 <!-- ? Product image --> 1848 1849 <div class="w-full h-[211px] md:h-[338px]"> 1850 <img src="https://www.rum.nl/hs-fs/hubfs/Heavy%20Rum%202.png?width=300&height=300&name=Heavy%20Rum%202.png" alt="Heavy Rum 2" class="object-cover w-full h-full" width="300" height="300" srcset="https://www.rum.nl/hs-fs/hubfs/Heavy%20Rum%202.png?width=150&height=150&name=Heavy%20Rum%202.png 150w, https://www.rum.nl/hs-fs/hubfs/Heavy%20Rum%202.png?width=300&height=300&name=Heavy%20Rum%202.png 300w, https://www.rum.nl/hs-fs/hubfs/Heavy%20Rum%202.png?width=450&height=450&name=Heavy%20Rum%202.png 450w, https://www.rum.nl/hs-fs/hubfs/Heavy%20Rum%202.png?width=600&height=600&name=Heavy%20Rum%202.png 600w, https://www.rum.nl/hs-fs/hubfs/Heavy%20Rum%202.png?width=750&height=750&name=Heavy%20Rum%202.png 750w, https://www.rum.nl/hs-fs/hubfs/Heavy%20Rum%202.png?width=900&height=900&name=Heavy%20Rum%202.png 900w" sizes="(max-width: 300px) 100vw, 300px"> 1851 </div> 1852 1853 1854 <!-- ? Product info block --> 1855 1856 <div class="bg-light-beige 1857 mt-[-80px] md:mt-[-120px] 1858 1859 py-4 px-3 w-[90%] flex flex-col 1860 "> 1861 <!-- ? Product title --> 1862 <h3 class="text-barrel-brown 1863 block text-sm leading-7 font-bold w-fit mb-2 1864 md:text-base md:leading-8 md:mb-1"> 1865 Heavy Rum 1866 </h3> 1867 1868 <!-- ? Product description --> 1869 1870 <div class="font-trebuchet text-sm leading-5 mb-2 md:text-base md:leading-8 md:mb-[28px]"> 1871 With a powerfully robust, floral flavour profile and aroma, Heavy Rum is widely used in different industries. 1872 </div> 1873 1874 1875 <!-- ? Blog post link --> 1876 1877 <a href="https://www.rum.nl/en/product/heavy-rum?hsLang=en" class="flex items-center gap-x-3 w-fit group ">
1878 <span class=" 1879 text-dark-green 1880 font-bold text-sm md:text-base 1881 "> 1882 Learn more 1883 </span> 1884 1885 1886 <svg width="83" height="6" viewbox="0 0 83 6" fill="none" xmlns="http://www.w3.org/2000/svg"> 1887 <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" /> 1888 </svg> 1889 1890 </a> 1891 1892 </div> 1893 1894 </div> 1895 1896 1897 <div class="flex flex-col items-center w-full " id="widget_1745510488835__column_3"> 1898 <!-- ? Roman number --> 1899 <span class="flex justify-center gap-x-[1px] mb-[12px] md:mb-4"> 1900 1901 1902 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1903 <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" /> 1904 </svg> 1905 1906 1907 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1908 <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" /> 1909 </svg> 1910 1911 1912 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 1913 <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" /> 1914 </svg> 1915 1916 </span> 1917 1918 <!-- ? Product image --> 1919 1920 <div class="w-full h-[211px] md:h-[338px]"> 1921 <img src="https://www.rum.nl/hs-fs/hubfs/Aged%20Rum%202.png?width=300&height=300&name=Aged%20Rum%202.png" alt="Aged Rum 2" class="object-cover w-full h-full" width="300" height="300" srcset="https://www.rum.nl/hs-fs/hubfs/Aged%20Rum%202.png?width=150&height=150&name=Aged%20Rum%202.png 150w, https://www.rum.nl/hs-fs/hubfs/Aged%20Rum%202.png?width=300&height=300&name=Aged%20Rum%202.png 300w, https://www.rum.nl/hs-fs/hubfs/Aged%20Rum%202.png?width=450&height=450&name=Aged%20Rum%202.png 450w, https://www.rum.nl/hs-fs/hubfs/Aged%20Rum%202.png?width=600&height=600&name=Aged%20Rum%202.png 600w, https://www.rum.nl/hs-fs/hubfs/Aged%20Rum%202.png?width=750&height=750&name=Aged%20Rum%202.png 750w, https://www.rum.nl/hs-fs/hubfs/Aged%20Rum%202.png?width=900&height=900&name=Aged%20Rum%202.png 900w" sizes="(max-width: 300px) 100vw, 300px"> 1922 </div> 1923 1924 1925 <!-- ? Product info block --> 1926 1927 <div class="bg-light-beige 1928 mt-[-80px] md:mt-[-120px] 1929 1930 py-4 px-3 w-[90%] flex flex-col 1931 "> 1932 <!-- ? Product title --> 1933 <h3 class="text-barrel-brown 1934 block text-sm leading-7 font-bold w-fit mb-2 1935 md:text-base md:leading-8 md:mb-1"> 1936 Aged Rum 1937 </h3> 1938 1939 <!-- ? Product description --> 1940 1941 <div class="font-trebuchet text-sm leading-5 mb-2 md:text-base md:leading-8 md:mb-[28px]"> 1942 A premium spirit aged in wooden barrels over years or even decades to produce a rich, complex flavour. 1943 </div> 1944 1945 1946 <!-- ? Blog post link --> 1947 1948 <a href="https://www.rum.nl/en/product/aged-rum?hsLang=en" class="flex items-center gap-x-3 w-fit group "> 1949 <span class=" 1950 text-dark-green 1951 font-bold text-sm md:text-base 1952 "> 1953 Learn more 1954 </span> 1955 1956 1957 <svg width="83" height="6" viewbox="0 0 83 6" fill="none" xmlns="http://www.w3.org/2000/svg"> 1958 <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" /> 1959 </svg> 1960 1961 </a> 1962 1963 </div> 1964 1965 </div> 1966 1967 1968 <div class="flex flex-col items-center w-full md:mt-8" id="widget_1745510488835__column_4"> 1969 <!-- ? Roman number -->
1970 <span class="flex justify-center gap-x-[1px] mb-[12px] md:mb-4"> 1971 1972 <svg width="24" height="12" viewbox="0 0 14 8" fill="none" xmlns="http://www.w3.org/2000/svg"> 1973 <path d="M4.48254 7H0.883043V6.586L1.99854 5.712V1.3305L0.756543 0.928L1.02104 0.4105H4.60904V0.8245L3.49354 1.6985V6.08L4.74704 6.4825L4.48254 7ZM12.2829 1.2625L9.91985 6.728L8.92535 7.1615L6.45185 1.1945L5.60185 0.7015L5.78885 0.319H8.49185V0.624999L7.66735 1.2285L9.67335 6.082L11.7559 1.237L10.3024 0.7015L10.4894 0.319H13.1074V0.624999L12.2829 1.2625Z" fill="#D26940" /> 1974 </svg> 1975 1976 </span> 1977 1978 <!-- ? Product image --> 1979 1980 <div class="w-full h-[211px] md:h-[338px]"> 1981 <img src="https://www.rum.nl/hs-fs/hubfs/Unaged%20rum%202.png?width=300&height=300&name=Unaged%20rum%202.png" alt="Unaged rum 2" class="object-cover w-full h-full" width="300" height="300" srcset="https://www.rum.nl/hs-fs/hubfs/Unaged%20rum%202.png?width=150&height=150&name=Unaged%20rum%202.png 150w, https://www.rum.nl/hs-fs/hubfs/Unaged%20rum%202.png?width=300&height=300&name=Unaged%20rum%202.png 300w, https://www.rum.nl/hs-fs/hubfs/Unaged%20rum%202.png?width=450&height=450&name=Unaged%20rum%202.png 450w, https://www.rum.nl/hs-fs/hubfs/Unaged%20rum%202.png?width=600&height=600&name=Unaged%20rum%202.png 600w, https://www.rum.nl/hs-fs/hubfs/Unaged%20rum%202.png?width=750&height=750&name=Unaged%20rum%202.png 750w, https://www.rum.nl/hs-fs/hubfs/Unaged%20rum%202.png?width=900&height=900&name=Unaged%20rum%202.png 900w" sizes="(max-width: 300px) 100vw, 300px"> 1982 </div> 1983 1984 1985 <!-- ? Product info block --> 1986 1987 <div class="bg-light-beige 1988 mt-[-80px] md:mt-[-120px] 1989 1990 py-4 px-3 w-[90%] flex flex-col 1991 "> 1992 <!-- ? Product title --> 1993 <h3 class="text-barrel-brown 1994 block text-sm leading-7 font-bold w-fit mb-2 1995 md:text-base md:leading-8 md:mb-1"> 1996 Unaged Rum 1997 </h3> 1998 1999 <!-- ? Product description --> 2000 2001 <div class="font-trebuchet text-sm leading-5 mb-2 md:text-base md:leading-8 md:mb-[28px]"> 2002 Clear, unless caramel E150 has been added for colour and retaining natural flavours from the sugarcane. 2003 </div> 2004 2005 2006 <!-- ? Blog post link --> 2007 2008 <a href="https://www.rum.nl/en/product/unaged-rum?hsLang=en" class="flex items-center gap-x-3 w-fit group "> 2009 <span class=" 2010 text-dark-green 2011 font-bold text-sm md:text-base 2012 "> 2013 Learn more 2014 </span> 2015 2016 2017 <svg width="83" height="6" viewbox="0 0 83 6" fill="none" xmlns="http://www.w3.org/2000/svg"> 2018 <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" /> 2019 </svg> 2020 2021 </a> 2022 2023 </div> 2024 2025 </div> 2026 2027 </div> 2028 2029 2030 <!-- ? CTA button --> 2031 2032 <div class="mr-auto flex flex-col w-fit md:col-span-full relative z-10 2033 mt-6 md:mt-8 2034 "> 2035 <div class="btn-primary btn w-full"> 2036 <!--HubSpot Call-to-Action Code --><span class="hs-cta-wrapper" id="hs-cta-wrapper-7f7368a2-736b-44f6-92ec-1929afa1dd77"><span class="hs-cta-node hs-cta-7f7368a2-736b-44f6-92ec-1929afa1dd77" id="hs-cta-7f7368a2-736b-44f6-92ec-1929afa1dd77"><!--[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/7f7368a2-736b-44f6-92ec-1929afa1dd77"><img class="hs-cta-img" id="hs-cta-img-7f7368a2-736b-44f6-92ec-1929afa1dd77" style="border-width:0px;" src="https://hubspot-no-cache-eu1-prod.s3.amazonaws.com/cta/default/25607130/7f7368a2-736b-44f6-92ec-1929afa1dd77.png" alt="Get started today"></a></span>
2036<script charset="utf-8" src="/hs/cta/cta/current.js"></script>
2036<script type="text/javascript"> hbspt.cta._relativeUrls=true;hbspt.cta.load(25607130, '7f7368a2-736b-44f6-92ec-1929afa1dd77', {"useNewLoader":"true","region":"eu1"}); </script>
2036</span><!-- end HubSpot Call-to-Action Code --> 2037 </div> 2038 </div> 2039 2040 </div> 2041</section></div> 2042 2043</div><!--end widget-span --> 2044</div><!--end row--> 2045</div><!--end row-wrapper --> 2046 2047</div><!--end widget-span --> 2048</div><!--end row--> 2049</div><!--end row-wrapper --> 2050 2051<div class="row-fluid-wrapper row-depth-1 row-number-11 dnd-section"> 2052<div class="row-fluid "> 2053<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 2054 2055<div class="row-fluid-wrapper row-depth-1 row-number-12 dnd-row"> 2056<div class="row-fluid "> 2057<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 2058 2059<div class="row-fluid-wrapper row-depth-1 row-number-13 dnd-row"> 2060<div class="row-fluid "> 2061<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 2062<div id="hs_cos_wrapper_widget_1745510722984" 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"> 2063<button class="hidden btn btn-primary-negative invert text-dark-green md:text-light-green"></button> 2064 2065 2066 2067<section id="widget_1745510722984-1" class="relative z-10 pt-7 pb-5 bg-white 2068 md:flex md:flex-col md:h-full md:py-[160px] 2069"> 2070 <div class="container"> 2071 <!-- ? Paper background --> 2072 2073<div class="absolute inset-0 z-0 right-[-1px] md:block md:visible"> 2074 <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"> 2075 2076 <!-- ? Mobile gradient --> 2077 <div class=" absolute inset-0 md:hidden"></div> 2078</div> 2079 2080 2081 <!-- ? BG image plant --> 2082 2083<img id="widget_1745510722984__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%] 2084 2085 "> 2086 2087 2088 <div class="relative container default-grid--md"> 2089 <div class="md:gap-x-4 md:h-fit md:col-span-6 md:grid md:grid-cols-6 "> 2090 <!-- ? Subtitle --> 2091 2092 2093 <!-- ? Title --> 2094 2095<h2 id="widget_1745510722984__left__title" class="text-barrel-brown text-[32px] md:text-[56px] mb-3 md:mb-6 md:col-span-7"> 2096 Packaging options 2097</h2> 2098 2099 2100 <!-- ? Rich text --> 2101 2102 2103<p class="text-barrel-brown mb-5 md:col-span-6 md:mb-0">We are highly experienced in managing the logistical complexities of exporting high-strength spirits to any corner of the world in quantities that reflect your volume projections. <br><br>We provide a range of packaging solutions, beginning with Drums that hold 200 litres. Intermediate Bulk Containers (IBC) / totes accommodate 1.000 litres / 264 gallons. For larger volumes we offer ISO Tanks with capacities up to 25.000 litres and Tank Trucks up to 30.000 litres, ensuring reliability and cost-efficiency in the delivery of your bulk Rum.</p> 2104 2105 2106 <!-- ? USP --> 2107 2108 2109 <!-- ? Left CTA --> 2110 2111 2112<div class="col-span-full mt-4"> 2113 <div class="btn btn-primary"><span id="hs_cos_wrapper_widget_1745510722984_" 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> 2114</div> 2115 2116 </div> 2117 2118 2119 <div class="hidden items-center relative md:flex md:visible col-span-6 col-start-7 "> 2120 <!-- ? Desktop single image --> 2121 <img src="https://www.rum.nl/hs-fs/hubfs/Packaging%20options%20new.png?width=1080&height=814&name=Packaging%20options%20new.png" alt="Packaging options new" loading="lazy" class="object-cover w-full h-full max-h-[700px]" width="1080" height="814" srcset="https://www.rum.nl/hs-fs/hubfs/Packaging%20options%20new.png?width=540&height=407&name=Packaging%20options%20new.png 540w, https://www.rum.nl/hs-fs/hubfs/Packaging%20options%20new.png?width=1080&height=814&name=Packaging%20options%20new.png 1080w, https://www.rum.nl/hs-fs/hubfs/Packaging%20options%20new.png?width=1620&height=1221&name=Packaging%20options%20new.png 1620w, https://www.rum.nl/hs-fs/hubfs/Packaging%20options%20new.png?width=2160&height=1628&name=Packaging%20options%20new.png 2160w, https://www.rum.nl/hs-fs/hubfs/Packaging%20options%20new.png?width=2700&height=2035&name=Packaging%20options%20new.png 2700w, https://www.rum.nl/hs-fs/hubfs/Packaging%20options%20new.png?width=3240&height=2442&name=Packaging%20options%20new.png 3240w" sizes="(max-width: 1080px) 100v
2121w, 1080px"> 2122 2123 <!-- ? Desktop pop-up button --> 2124 2125 </div> 2126 2127 <!-- ? Mobile single image --> 2128 <div class="flex justify-center relative h-[500px] mt-3 md:hidden"> 2129 <img src="https://www.rum.nl/hs-fs/hubfs/Packaging%20options%20new.png?width=1080&height=814&name=Packaging%20options%20new.png" alt="Packaging options new" loading="lazy" class="object-cover w-full h-full" width="1080" height="814" srcset="https://www.rum.nl/hs-fs/hubfs/Packaging%20options%20new.png?width=540&height=407&name=Packaging%20options%20new.png 540w, https://www.rum.nl/hs-fs/hubfs/Packaging%20options%20new.png?width=1080&height=814&name=Packaging%20options%20new.png 1080w, https://www.rum.nl/hs-fs/hubfs/Packaging%20options%20new.png?width=1620&height=1221&name=Packaging%20options%20new.png 1620w, https://www.rum.nl/hs-fs/hubfs/Packaging%20options%20new.png?width=2160&height=1628&name=Packaging%20options%20new.png 2160w, https://www.rum.nl/hs-fs/hubfs/Packaging%20options%20new.png?width=2700&height=2035&name=Packaging%20options%20new.png 2700w, https://www.rum.nl/hs-fs/hubfs/Packaging%20options%20new.png?width=3240&height=2442&name=Packaging%20options%20new.png 3240w" sizes="(max-width: 1080px) 100vw, 1080px"> 2130 2131 <!-- ? Mobile pop-up button --> 2132 2133 </div> 2134 2135 </div> 2136 </div> 2137</section> 2138 2139 2140
2141<script defer> 2142 // @ts-check 2143 "use strict"; 2144 2145 try { 2146 const BREAK_POINT = 1200; 2147 2148 2149 2150 function animatePopUpOnClick() { 2151 try { 2152 /* Variables and guard clauses start */ 2153 const popupButtons = document.querySelectorAll('.widget_1745510722984__popup-button'); 2154 if (popupButtons.length < 1) throw new Error('popupButtons not found\npopupButtons:\n', popupButtons); 2155 2156 const popupModal = _getPopupModal(); 2157 if (!popupModal) throw new Error('popupModal not found\npopupModal:\n', popupModal); 2158 2159 const navigation = document.querySelector('.navigation'); 2160 if (!navigation) throw new Error('navigation not found\nnavigation:\n', navigation); 2161 2162 const body = document.querySelector('body'); 2163 /* Variables and guard clauses end */ 2164 2165 popupButtons.forEach(popupButton => { 2166 const popupButton_text = popupButton.querySelector('span'); 2167 popupButton.addEventListener('click', () => { 2168 body.classList.add('overflow-y-hidden'); 2169 popupButton.style.pointerEvent = 'none'; 2170 2171 const tl = gsap.timeline(); 2172 tl.add(_animatePopupButton) 2173 .add(_animatePopupContent, 1.5) 2174 2175 function _animatePopupContent() { 2176 try { 2177 const tlContent = gsap.timeline(); 2178 tlContent 2179 .add(() => _setStateImageLeft()) 2180 .add(() => _setStateImageRight()) 2181 .add(() => _setStateChevron()) 2182 .add(() => _setStateSugarCaneImage()) 2183 .add(() => _animateTitleAndText()) 2184 .add(() => _animateSubtitle()) 2185 .add(() => _animateCloseButton()) 2186 .add(() => _animateChevron(), '>0.1') 2187 .add(() => _animateImageLeft(), '<0.5') 2188 .add(() => _animateImageRight(), '<') 2189 .add(() => _animateSugarCaneImage(), '>1') 2190 2191 function _animateTitleAndText() { 2192 try { 2193 const title = popupModal.querySelector('.popup-modal__title'); 2194 if (!title) throw new Error('title not found\ntitle:\n', title); 2195 2196 const text = popupModal.querySelector('.popup-modal__text'); 2197 if (!text) throw new Error('text not found\ntext:\n', text); 2198 2199 [title, text].forEach((element, index) => 2200 gsap.set(element, { 2201 y: (index + 1) * 1.1 * 50, 2202 duration: 2, 2203 ease: Power4, 2204 opacity: 0.5 2205 }) 2206 ); 2207 2208 const tlPopupContent = gsap.timeline(); 2209 tlPopupContent.add(() => { 2210 tlPopupContent 2211 .to(title, { y: 0, opacity: 1 }) 2212 .to(text, { y: 0, opacity: 1 }, '<') 2213 }) 2214 } catch (e) { console.warn(`%c!!! _animateTitleAndText()\n${e}`, 'background: #faf'); } 2215 } 2216 2217 function _animateSubtitle() { 2218 try { 2219 const subtitle = popupModal.querySelector('.popup-modal__subtitle'); 2220 if (!subtitle) throw new Error('subtitle not found\nsubtitle:\n', subtitle); 2221 2222 gsap.fromTo(subtitle, 2223 { y: -25, duration: 0.4, ease: Power4, opacity: 0.5 }, 2224 { y: 0, opacity: 1 } 2225 ); 2226 } catch (e) { console.warn(`%c!!! _animateSubtitle()\n${e}`, 'background: #faf'); } 2227 } 2228 2229 function _animateCloseButton() { 2230 try { 2231 const closeButton = popupModal.querySelector('.popup-modal__close-button'); 2232 if (!closeButton) throw new Error('closeButton not found\ncloseButton:\n', closeButton); 2233 2234 gsap.fromTo(closeButton, 2235 { y: -200, duration: 0.6, opacity: 0.5, ease: Power4 }, 2236 { y: 0, opacity: 1 } 2237 ); 2238 } catch (e) { console.warn(`%c!!! _animateCloseButton()\n${e}`, 'background: #faf'); } 2239 } 2240 2241 function _setStateSugarCaneImage() { 2242 try { 2243 const sugarCaneImage = popupModal.querySelector('.popup-modal__img--sugar-cane'); 2244 if (!sugarCaneImage) throw new Error('sugarCaneImage not found\nsugarCaneImage:\n', sugarCaneImage); 2245 gsap.set(sugarCaneImage, { x: 250, duration: 0.8, ease: Power4 }); 2246 } catch (e) { console.warn(`%c!!! _setStateSugarCaneImage()\n${e}`, 'background: #faf'); } 2247 } 2248 2249 function _animateSugarCaneImage() { 2250 try { 2251 const sugarCaneImage = popupModal.querySelector('.popup-modal__img--sugar-cane'); 2252 if (!sugarCaneImage) throw new Error('sugarCaneImage not found\nsugarCaneImage:\n', sugarCaneImage); 2253 2254 gsap.to(sugarCaneImage, { x: 0 }); 2255 } catch (e) { console.warn(`%c!!! _animateSugarCaneImage()\n${e}`, 'background: #faf'); } 2256 } 2257 2258 function _setStateChevron() { 2259 try { 2260 const chevron = popupModal.querySelector('.popup-modal__subtitle__chevron'); 2261 if (!chevron) throw new Error('chevron not found\nchevron:\n', chevron); 2262 2263 gsap.set(chevron, { duration: 0.4, ease: Power4, scale: 0.5, rotation: -45 }); 2264 } catch (e) { console.warn(`%c!!! _setStateChevron()\n${e}`, 'background: #faf'); } 2265 } 2266 2267 function _animateChevron() { 2268 try { 2269 const chevron = popupModal.querySelector('.popup-modal__subtitle__chevron'); 2270 if (!chevron) throw new Error('chevron not found\nchevron:\n', chevron); 2271 2272 gsap.to(chevron, { scale: 1, rotation: 45 } ); 2273 } catch (e) { console.warn(`%c!!! _animateChevron()\n${e}`, 'background: #faf'); } 2274 } 2275 2276 function _setStateImageLeft() { 2277 try { 2278 const image = popupModal.querySelectorAll('.popup-modal__image')[0]; 2279 if (!image) throw new Error('image not found\nimage:\n', image); 2280 2281 gsap.set(image, { duration: 0.8, xPercent: -100, ease: Power4 }); 2282 } catch (e) { console.warn(`%c!!! _setStateImageLeft()\n${e}`, 'background: #faf'); } 2283 } 2284 2285 function _animateImageLeft() { 2286 try { 2287 const image = popupModal.querySelectorAll('.popup-modal__image')[0]; 2288 if (!image) throw new Error('image not found\nimage:\n', image); 2289 2290 if (window.matchMedia(`(min-width: 1400px)`).matches) { 2291 gsap.to(image, { xPercent: -10 }); 2292 } else { 2293 gsap.to(image, { xPercent: -50 }); 2294 } 2295 } catch (e) { console.warn(`%c!!! _animateImageLeft()\n${e}`, 'background: #faf'); } 2296 } 2297 2298 function _setStateImageRight() { 2299 try { 2300 const image = popupModal.querySelectorAll('.popup-modal__image')[1]; 2301 if (!image) throw new Error('image not found\nimage:\n', image); 2302 2303 gsap.set(image, { duration: 0.8, xPercent: 100, ease: Power4 }); 2304 } catch (e) { console.warn(`%c!!! _setStateImageRight()\n${e}`, 'background: #faf'); } 2305 } 2306 2307 function _animateImageRight() { 2308 try { 2309 const image = popupModal.querySelectorAll('.popup-modal__image')[1]; 2310 if (!image) throw new Error('image not found\nimage:\n', image); 2311 2312 if (window.matchMedia(`(min-width: 1400px)`).matches) { 2313 gsap.to(image, { xPercent: 10 }); 2314 } else { 2315 gsap.to(image, { xPercent: 50 }); 2316 } 2317 } catch (e) { console.warn(`%c!!! _animateImageRight()\n${e}`, 'background: #faf'); } 2318 } 2319 } catch (e) { console.warn(`%c!!! _animatePopupContent()\n${e}`, 'background: #faf'); } 2320 } 2321 2322 function _animatePopupButton() { 2323 const tlButton = gsap.timeline(); 2324 try { 2325 _addEventsOnModalClose(); 2326 2327 tlButton 2328 .to(popupButton_text, { 2329 /* Fades out the text inside the button */ 2330 duration: .5, 2331 ease: Power4, 2332 opacity: 0, 2333 }) 2334 .to(navigation, { 2335 duration: 0.5, 2336 opacity: 0 2337 }) 2338 .to(popupButton, { 2339 /* Makes button big until it cover the screen */ 2340 duration: 1.5, 2341 ease: Power4, 2342 scale: 20, 2343 }, '<') 2344 .add( 2345 /* Preps the modal for showing */ 2346 () => { 2347 gsap.set(popupModal, { opacity: 0, height: 0 }); 2348 popupModal.classList.remove('hidden'); 2349 }, 2350 '<' 2351 ) 2352 /* Shows modal */ 2353 .to(popupModal, { 2354 duration: 0, 2355 height: '100%', 2356 }, '<') 2357 .to(popupModal, { 2358 duration: .5, 2359 opacity: 1 2360 }, '>1') 2361 /* Fades out popup button */ 2362 .to(popupButton, { opacity: 0 }) 2363 .add(() => popupButton.classList.add('hidden')); 2364 2365 function _addEventsOnModalClose() { 2366 try { 2367 const closeButton = popupModal.querySelector('.popup-modal__close-button'); 2368 if (!closeButton) throw new Error('closeButton not found\ncloseButton:\n', closeButton); 2369 closeButton.addEventListener('click', () => { 2370 gsap.set(navigation, { opacity: 1 }); 2371 gsap.set(popupButton, { opacity: 1, scale: 1 }); 2372 popupButton.classList.remove('hidden'); 2373 gsap.set(popupButton_text, { opacity: 1 }); 2374 tlButton.revert(); 2375 }); 2376 } catch (e) { console.warn(`%c!!! _addEventsOnModalClose()\n${e}`, 'background: #faf'); } 2377 } 2378 } catch (e) { console.warn(`%c!!! _animatePopupButton()\n${e}`, 'background: #faf'); } 2379 } 2380 }); 2381 }); 2382 2383 function _getPopupModal() { 2384 try { 2385 let popupModal = [...document.querySelectorAll('.popup-modal')]; 2386 if (popupModal.length < 1) throw new Error('popupModal not found\npopupModal:\n', popupModal); 2387 if (popupModal.length > 1) throw new Error('More than 1 popupModal found\npopupModal:\n', popupModal); 2388 return popupModal[0]; 2389 } catch (e) { console.warn(`%c!!! _getPopupModal()\n${e}`, 'background: #faf'); } 2390 } 2391 } catch (e) { console.warn(`%c!!! animatePopUpOnClick()\n${e}`, 'background: #faf'); } 2392 } 2393 } catch (e) { console.warn(`%c!!! product module ${e}`, 'background: #faf'); } 2394</script>
2394</div> 2395 2396</div><!--end widget-span --> 2397</div><!--end row--> 2398</div><!--end row-wrapper --> 2399 2400</div><!--end widget-span --> 2401</div><!--end row--> 2402</div><!--end row-wrapper --> 2403 2404</div><!--end widget-span --> 2405</div><!--end row--> 2406</div><!--end row-wrapper --> 2407 2408<div class="row-fluid-wrapper row-depth-1 row-number-14 dnd-section"> 2409<div class="row-fluid "> 2410<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 2411 2412<div class="row-fluid-wrapper row-depth-1 row-number-15 dnd-row"> 2413<div class="row-fluid "> 2414<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 2415<div id="hs_cos_wrapper_widget_1745510804209" 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"> 2416 2417 2418<section id="widget_1745510804209" class="bg-parsnip-beige 2419rum-types-module relative py-7 md:pt-[120px] md:pb-8"> 2420 <div class="absolute z-0 inset-0 rotate-180"> 2421 <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"> 2422 </div> 2423 <div class="container default-grid--md relative z-10"> 2424 <div class="flex flex-col col-span-full 2425 items-start 2426text-start 2427 "> 2428 <!-- ? Subtitle --> 2429 2430 2431 <!-- ? Title --> 2432 2433 <h2 id="widget_1745510804209__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 2434text-start"> 2435 Related products 2436 </h2> 2437 2438 2439 <!-- ? Description --> 2440 2441 <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 2442text-start" id="widget_1745510804209__description"> 2443 <div id="hs_cos_wrapper_widget_1745510804209_" 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">Explore our unrivalled selection of Rums.</div> 2444 </div> 2445 </div> 2446 2447 2448 <!-- ? Cards --> 2449 <div class="flex flex-col md:flex-row gap-y-5 md:col-span-full w-full md:gap-x-4"> 2450 2451 2452 <div class="flex flex-col items-center w-full " id="widget_1745510804209__column_1"> 2453 <!-- ? Roman number --> 2454 <span class="flex justify-center gap-x-[1px] mb-[12px] md:mb-4"> 2455 2456 2457 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2458 <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" /> 2459 </svg> 2460 2461 </span> 2462 2463 <!-- ? Product image --> 2464 2465 <div class="w-full h-[211px] md:h-[338px]"> 2466 <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"> 2467 </div> 2468 2469 2470 <!-- ? Product info block --> 2471 2472 <div class="bg-light-beige 2473 mt-[-80px] md:mt-[-120px] 2474 2475 py-4 px-3 w-[90%] flex flex-col 2476 "> 2477 <!-- ? Product title --> 2478 <h3 class="text-barrel-brown 2479 block text-sm leading-7 font-bold w-fit mb-2 2480 md:text-base md:leading-8 md:mb-1"> 2481 Batavia Arrack 2482 </h3> 2483 2484 <!-- ? Product description --> 2485 2486 <div class="font-trebuchet text-sm leading-5 mb-2 md:text-base md:leading-8 md:mb-[28px]"> 2487 Distinctive and divisive, Batavia Arrack is one of worldâs oldest known distilled spirits. 2488 </div> 2489 2490 2491 <!-- ? Blog post link --> 2492 2493 <a href="https://www.rum.nl/en/collection/batavia-arrack?hsLang=en" class="flex items-center gap-x-3 w-fit group ">
2494 <span class=" 2495 text-dark-green 2496 font-bold text-sm md:text-base 2497 "> 2498 Learn more 2499 </span> 2500 2501 2502 <svg width="83" height="6" viewbox="0 0 83 6" fill="none" xmlns="http://www.w3.org/2000/svg"> 2503 <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" /> 2504 </svg> 2505 2506 </a> 2507 2508 </div> 2509 2510 </div> 2511 2512 2513 <div class="flex flex-col items-center w-full md:mt-8" id="widget_1745510804209__column_2"> 2514 <!-- ? Roman number --> 2515 <span class="flex justify-center gap-x-[1px] mb-[12px] md:mb-4"> 2516 2517 2518 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2519 <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" /> 2520 </svg> 2521 2522 2523 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2524 <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" /> 2525 </svg> 2526 2527 </span> 2528 2529 <!-- ? Product image --> 2530 2531 <div class="w-full h-[211px] md:h-[338px]"> 2532 <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"> 2533 </div> 2534 2535 2536 <!-- ? Product info block --> 2537 2538 <div class="bg-light-beige 2539 mt-[-80px] md:mt-[-120px] 2540 2541 py-4 px-3 w-[90%] flex flex-col 2542 "> 2543 <!-- ? Product title --> 2544 <h3 class="text-barrel-brown 2545 block text-sm leading-7 font-bold w-fit mb-2 2546 md:text-base md:leading-8 md:mb-1"> 2547 Cachaça 2548 </h3> 2549 2550 <!-- ? Product description --> 2551 2552 <div class="font-trebuchet text-sm leading-5 mb-2 md:text-base md:leading-8 md:mb-[28px]"> 2553 Cachaça is a Brazilian Rum made exclusively from sugarcane juice. As with any Rum, numerous different varieties have their own unique flavour profiles. 2554 </div> 2555 2556 2557 <!-- ? Blog post link --> 2558 2559 <a href="https://www.rum.nl/en/collection/cacha%C3%A7a?hsLang=en" class="flex items-center gap-x-3 w-fit group "> 2560 <span class=" 2561 text-dark-green 2562 font-bold text-sm md:text-base 2563 "> 2564 Learn more 2565 </span> 2566 2567 2568 <svg width="83" height="6" viewbox="0 0 83 6" fill="none" xmlns="http://www.w3.org/2000/svg"> 2569 <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" /> 2570 </svg> 2571 2572 </a> 2573 2574 </div> 2575 2576 </div> 2577 2578 2579 <div class="flex flex-col items-center w-full " id="widget_1745510804209__column_3"> 2580 <!-- ? Roman number --> 2581 <span class="flex justify-center gap-x-[1px] mb-[12px] md:mb-4"> 2582 2583 2584 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2585 <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" /> 2586 </svg> 2587 2588 2589 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2590 <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" /> 2591 </svg> 2592 2593 2594 <svg width="6" height="10" viewbox="0 0 6 10" fill="none" xmlns="http://www.w3.org/2000/svg"> 2595 <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" /> 2596 </svg> 2597 2598 </span> 2599 2600 <!-- ? Product image --> 2601 2602 <div class="w-full h-[211px] md:h-[338px]"> 2603 <img src="https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Company-1-1-1.jpg?width=1500&height=1000&name=Main%20Rum%20Company-1-1-1.jpg" alt="Main Rum Company-1-1-1" class="object-cover w-full h-full" width="1500" height="1000" srcset="https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Company-1-1-1.jpg?width=750&height=500&name=Main%20Rum%20Company-1-1-1.jpg 750w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Company-1-1-1.jpg?width=1500&height=1000&name=Main%20Rum%20Company-1-1-1.jpg 1500w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Company-1-1-1.jpg?width=2250&height=1500&name=Main%20Rum%20Company-1-1-1.jpg 2250w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Company-1-1-1.jpg?width=3000&height=2000&name=Main%20Rum%20Company-1-1-1.jpg 3000w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Company-1-1-1.jpg?width=3750&height=2500&name=Main%20Rum%20Company-1-1-1.jpg 3750w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/Main%20Rum%20Company-1-1-1.jpg?width=4500&height=3000&name=Main%20Rum%20Company-1-1-1.jpg 4500w" sizes="(max-width: 1500px) 100v
2603w, 1500px"> 2604 </div> 2605 2606 2607 <!-- ? Product info block --> 2608 2609 <div class="bg-light-beige 2610 mt-[-80px] md:mt-[-120px] 2611 2612 py-4 px-3 w-[90%] flex flex-col 2613 "> 2614 <!-- ? Product title --> 2615 <h3 class="text-barrel-brown 2616 block text-sm leading-7 font-bold w-fit mb-2 2617 md:text-base md:leading-8 md:mb-1"> 2618 Single-cask Rum 2619 </h3> 2620 2621 <!-- ? Product description --> 2622 2623 <div class="font-trebuchet text-sm leading-5 mb-2 md:text-base md:leading-8 md:mb-[28px]"> 2624 Exclusive Rums aged in single casks to produce highly distinctive characteristics in a limited quantity. 2625 </div> 2626 2627 2628 <!-- ? Blog post link --> 2629 2630 <a href="https://www.rum.nl/en/collection/single-cask-rum?hsLang=en" class="flex items-center gap-x-3 w-fit group "> 2631 <span class=" 2632 text-dark-green 2633 font-bold text-sm md:text-base 2634 "> 2635 Learn more 2636 </span> 2637 2638 2639 <svg width="83" height="6" viewbox="0 0 83 6" fill="none" xmlns="http://www.w3.org/2000/svg"> 2640 <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" /> 2641 </svg> 2642 2643 </a> 2644 2645 </div> 2646 2647 </div> 2648 2649 </div> 2650 2651 2652 <!-- ? CTA button --> 2653 2654 </div> 2655</section></div> 2656 2657</div><!--end widget-span --> 2658</div><!--end row--> 2659</div><!--end row-wrapper --> 2660 2661</div><!--end widget-span --> 2662</div><!--end row--> 2663</div><!--end row-wrapper --> 2664 2665<div class="row-fluid-wrapper row-depth-1 row-number-16 dnd-section"> 2666<div class="row-fluid "> 2667<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 2668 2669<div class="row-fluid-wrapper row-depth-1 row-number-17 dnd-row"> 2670<div class="row-fluid "> 2671<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 2672<div id="hs_cos_wrapper_widget_1770970918707" 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"> 2673 2674 2675 2676 2677 2678 2679 2680 2681 2682 2683 2684<section id="widget_1770970918707" class="relative pt-[84px] pb-6"> 2685 <!-- ? BG image --> 2686 2687 <div class="absolute inset-0 overflow-hidden"> 2688 <!-- ? Mobile bg image --> 2689 <img src="https://www.rum.nl/hs-fs/hubfs/Rum%20Room%202-1.jpg?width=1120&height=748&name=Rum%20Room%202-1.jpg" alt="" loading="lazy" class="object-cover w-full h-full md:hidden" width="1120" height="748" srcset="https://www.rum.nl/hs-fs/hubfs/Rum%20Room%202-1.jpg?width=560&height=374&name=Rum%20Room%202-1.jpg 560w, https://www.rum.nl/hs-fs/hubfs/Rum%20Room%202-1.jpg?width=1120&height=748&name=Rum%20Room%202-1.jpg 1120w, https://www.rum.nl/hs-fs/hubfs/Rum%20Room%202-1.jpg?width=1680&height=1122&name=Rum%20Room%202-1.jpg 1680w, https://www.rum.nl/hs-fs/hubfs/Rum%20Room%202-1.jpg?width=2240&height=1496&name=Rum%20Room%202-1.jpg 2240w, https://www.rum.nl/hs-fs/hubfs/Rum%20Room%202-1.jpg?width=2800&height=1870&name=Rum%20Room%202-1.jpg 2800w, https://www.rum.nl/hs-fs/hubfs/Rum%20Room%202-1.jpg?width=3360&height=2244&name=Rum%20Room%202-1.jpg 3360w" sizes="(max-width: 1120px) 100vw, 1120px"> 2690 2691 <!-- ? Desktop bg image --> 2692 <img src="https://www.rum.nl/hs-fs/hubfs/Rum%20Room%202-1.jpg?width=1120&height=748&name=Rum%20Room%202-1.jpg" alt="" loading="lazy" class="object-cover hidden w-full h-full md:block md:visible" width="1120" height="748" srcset="https://www.rum.nl/hs-fs/hubfs/Rum%20Room%202-1.jpg?width=560&height=374&name=Rum%20Room%202-1.jpg 560w, https://www.rum.nl/hs-fs/hubfs/Rum%20Room%202-1.jpg?width=1120&height=748&name=Rum%20Room%202-1.jpg 1120w, https://www.rum.nl/hs-fs/hubfs/Rum%20Room%202-1.jpg?width=1680&height=1122&name=Rum%20Room%202-1.jpg 1680w, https://www.rum.nl/hs-fs/hubfs/Rum%20Room%202-1.jpg?width=2240&height=1496&name=Rum%20Room%202-1.jpg 2240w, https://www.rum.nl/hs-fs/hubfs/Rum%20Room%202-1.jpg?width=2800&height=1870&name=Rum%20Room%202-1.jpg 2800w, https://www.rum.nl/hs-fs/hubfs/Rum%20Room%202-1.jpg?width=3360&height=2244&name=Rum%20Room%202-1.jpg 3360w" sizes="(max-width: 1120px) 100v
2692w, 1120px"> 2693 </div> 2694 2695 2696 <div class="container"> 2697 <div class="relative bg-paper-beige text-barrel-brown font-bold rounded-lg custom-box-shadow max-w-[459px] mx-auto pb-5 px-2 md:px-4"> 2698 <!-- ? Grain effect --> 2699 <div class="absolute inset-0 z-[-1]"> 2700 <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/grain.png" alt="grain effect" class="object-cover w-full h-full"> 2701 </div> 2702 2703 <!-- ? Rum glass image --> 2704 <div class="relative -top-4"> 2705 2706 2707 2708 <div class="flex items-end gap-x-4 w-fit mb-1 mx-auto md:justify-between md:gap-x-none md:w-full"> 2709 <div class="flex-1"> 2710 2711 <svg width="110" height="6" viewbox="0 0 110 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-full"> 2712 <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" /> 2713 </svg> 2714 2715 </div> 2716 2717 <div class="translate-y-[12px] w-10 min-w-[80px] max-w-[80px] h-12 min-h-[96px] max-h-[96px] md:w-12 md:max-w-[96px] md:h-12 md:max-h-[96px] 2718 overflow-hidden flex-1 2719 "> 2720 <img src="https://www.rum.nl/hs-fs/hubfs/EAS%20glass.png?width=96&height=96&name=EAS%20glass.png" alt="EAS glass" class="object-contain w-full h-full" width="96" height="96" srcset="https://www.rum.nl/hs-fs/hubfs/EAS%20glass.png?width=48&height=48&name=EAS%20glass.png 48w, https://www.rum.nl/hs-fs/hubfs/EAS%20glass.png?width=96&height=96&name=EAS%20glass.png 96w, https://www.rum.nl/hs-fs/hubfs/EAS%20glass.png?width=144&height=144&name=EAS%20glass.png 144w, https://www.rum.nl/hs-fs/hubfs/EAS%20glass.png?width=192&height=192&name=EAS%20glass.png 192w, https://www.rum.nl/hs-fs/hubfs/EAS%20glass.png?width=240&height=240&name=EAS%20glass.png 240w, https://www.rum.nl/hs-fs/hubfs/EAS%20glass.png?width=288&height=288&name=EAS%20glass.png 288w" sizes="(max-width: 96px) 100vw, 96px"> 2721 </div> 2722 2723 <div class="flex-1"> 2724 2725 <svg width="110" height="6" viewbox="0 0 110 6" fill="none" xmlns="http://www.w3.org/2000/svg" class="w-full"> 2726 <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" /> 2727 </svg> 2728 2729 </div> 2730 </div> 2731 2732 </div> 2733 2734 <!-- ? Title --> 2735 2736 <h3 class="text-xl leading-8 text-center mb-2 md:text-[32px] md:leading-10 md:text-start md:mb-3"> 2737 Looking for Rum in Bulk? 2738 </h3> 2739 2740 2741 <!-- ? Intro text --> 2742 2743 <div class="text-center mb-3 md:text-start"> 2744 <p>Contact the E&A Scheer team directly to discuss your bulk Rum requirements. We can arrange samples and provide detailed specifications for each expression.</p> 2745<p> </p> 2746<p>Alternatively, try our unique Rum Blending Tool to identify the kind of profile that matches your requirements. Our experts will then develop options tailored to your specifications.</p> 2747 </div> 2748 2749 2750 <!-- ? USP --> 2751 2752 <div class="flex flex-col gap-y-2"> 2753 2754 <div class="flex gap-x-2"> 2755 <svg width="28" height="28" viewbox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> 2756 <rect width="28" height="28" rx="14" fill="#FDF3E8" /> 2757 <path fill-rule="evenodd" clip-rule="evenodd" d="M19.9457 8.62193L11.5923 16.6836L9.37568 14.3153C8.96734 13.9303 8.32568 13.9069 7.85901 14.2336C7.40401 14.5719 7.27568 15.1669 7.55568 15.6453L10.1807 19.9153C10.4373 20.3119 10.8807 20.5569 11.3823 20.5569C11.8607 20.5569 12.3157 20.3119 12.5723 19.9153C12.9923 19.3669 21.0073 9.81193 21.0073 9.81193C22.0573 8.7386 20.7857 7.7936 19.9457 8.61027V8.62193Z" fill="#51251E" /> 2758 <path fill-rule="evenodd" clip-rule="evenodd" d="M19.9457 8.62193L11.5923 16.6836L9.37568 14.3153C8.96734 13.9303 8.32568 13.9069 7.85901 14.2336C7.40401 14.5719 7.27568 15.1669 7.55568 15.6453L10.1807 19.9153C10.4373 20.3119 10.8807 20.5569 11.3823 20.5569C11.8607 20.5569 12.3157 20.3119 12.5723 19.9153C12.9923 19.3669 21.0073 9.81193 21.0073 9.81193C22.0573 8.7386 20.7857 7.7936 19.9457 8.61027V8.62193Z" fill="black" fill-opacity="0.2" /> 2759 </svg> 2760 2761 <span class="text-sm leading-[22px] md:text-base md:leading-6 font-trebuchet"> 2762 Complete the short questionnaire 2763 </span> 2764 </div> 2765 2766 <div class="flex gap-x-2"> 2767 <svg width="28" height="28" viewbox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> 2768 <rect width="28" height="28" rx="14" fill="#FDF3E8" /> 2769 <path fill-rule="evenodd" clip-rule="evenodd" d="M19.9457 8.62193L11.5923 16.6836L9.37568 14.3153C8.96734 13.9303 8.32568 13.9069 7.85901 14.2336C7.40401 14.5719 7.27568 15.1669 7.55568 15.6453L10.1807 19.9153C10.4373 20.3119 10.8807 20.5569 11.3823 20.5569C11.8607 20.5569 12.3157 20.3119 12.5723 19.9153C12.9923 19.3669 21.0073 9.81193 21.0073 9.81193C22.0573 8.7386 20.7857 7.7936 19.9457 8.61027V8.62193Z" fill="#51251E" /> 2770 <path fill-rule="evenodd" clip-rule="evenodd" d="M19.9457 8.62193L11.5923 16.6836L9.37568 14.3153C8.96734 13.9303 8.32568 13.9069 7.85901 14.2336C7.40401 14.5719 7.27568 15.1669 7.55568 15.6453L10.1807 19.9153C10.4373 20.3119 10.8807 20.5569 11.3823 20.5569C11.8607 20.5569 12.3157 20.3119 12.5723 19.9153C12.9923 19.3669 21.0073 9.81193 21.0073 9.81193C22.0573 8.7386 20.7857 7.7936 19.9457 8.61027V8.62193Z" fill="black" fill-opacity="0.2" /> 2771 </svg> 2772 2773 <span class="text-sm leading-[22px] md:text-base md:leading-6 font-trebuchet">
2774 The team will get in touch to discuss 2775 </span> 2776 </div> 2777 2778 <div class="flex gap-x-2"> 2779 <svg width="28" height="28" viewbox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"> 2780 <rect width="28" height="28" rx="14" fill="#FDF3E8" /> 2781 <path fill-rule="evenodd" clip-rule="evenodd" d="M19.9457 8.62193L11.5923 16.6836L9.37568 14.3153C8.96734 13.9303 8.32568 13.9069 7.85901 14.2336C7.40401 14.5719 7.27568 15.1669 7.55568 15.6453L10.1807 19.9153C10.4373 20.3119 10.8807 20.5569 11.3823 20.5569C11.8607 20.5569 12.3157 20.3119 12.5723 19.9153C12.9923 19.3669 21.0073 9.81193 21.0073 9.81193C22.0573 8.7386 20.7857 7.7936 19.9457 8.61027V8.62193Z" fill="#51251E" /> 2782 <path fill-rule="evenodd" clip-rule="evenodd" d="M19.9457 8.62193L11.5923 16.6836L9.37568 14.3153C8.96734 13.9303 8.32568 13.9069 7.85901 14.2336C7.40401 14.5719 7.27568 15.1669 7.55568 15.6453L10.1807 19.9153C10.4373 20.3119 10.8807 20.5569 11.3823 20.5569C11.8607 20.5569 12.3157 20.3119 12.5723 19.9153C12.9923 19.3669 21.0073 9.81193 21.0073 9.81193C22.0573 8.7386 20.7857 7.7936 19.9457 8.61027V8.62193Z" fill="black" fill-opacity="0.2" /> 2783 </svg> 2784 2785 <span class="text-sm leading-[22px] md:text-base md:leading-6 font-trebuchet"> 2786 Receive personalised samples 2787 </span> 2788 </div> 2789 2790 </div> 2791 2792 2793 <!-- ? CTA --> 2794 <div class="flex flex-col items-center gap-y-[12px] w-fit mx-auto md:col-span-full mt-4"> 2795 2796 <div class="btn btn-primary w-full"> 2797 <!--HubSpot Call-to-Action Code --><span class="hs-cta-wrapper" id="hs-cta-wrapper-925b20db-d4f0-4dab-bee6-cf8537ac9e96"><span class="hs-cta-node hs-cta-925b20db-d4f0-4dab-bee6-cf8537ac9e96" id="hs-cta-925b20db-d4f0-4dab-bee6-cf8537ac9e96"><!--[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/925b20db-d4f0-4dab-bee6-cf8537ac9e96"><img class="hs-cta-img" id="hs-cta-img-925b20db-d4f0-4dab-bee6-cf8537ac9e96" style="border-width:0px;" src="https://hubspot-no-cache-eu1-prod.s3.amazonaws.com/cta/default/25607130/925b20db-d4f0-4dab-bee6-cf8537ac9e96.png" alt="Contact us"></a></span>
2797<script charset="utf-8" src="/hs/cta/cta/current.js"></script>
2797<script type="text/javascript"> hbspt.cta._relativeUrls=true;hbspt.cta.load(25607130, '925b20db-d4f0-4dab-bee6-cf8537ac9e96', {"useNewLoader":"true","region":"eu1"}); </script>
2797</span><!-- end HubSpot Call-to-Action Code --> 2798 </div> 2799 2800 2801 <div class="btn btn-primary w-full"> 2802 <!--HubSpot Call-to-Action Code --><span class="hs-cta-wrapper" id="hs-cta-wrapper-4d1aca97-a1bf-4847-a4bc-ea8d15c14dc2"><span class="hs-cta-node hs-cta-4d1aca97-a1bf-4847-a4bc-ea8d15c14dc2" id="hs-cta-4d1aca97-a1bf-4847-a4bc-ea8d15c14dc2"><!--[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/4d1aca97-a1bf-4847-a4bc-ea8d15c14dc2" target="_blank" rel="noopener"><img class="hs-cta-img" id="hs-cta-img-4d1aca97-a1bf-4847-a4bc-ea8d15c14dc2" style="border-width:0px;" src="https://hubspot-no-cache-eu1-prod.s3.amazonaws.com/cta/default/25607130/4d1aca97-a1bf-4847-a4bc-ea8d15c14dc2.png" alt="Try our Blending Tool"></a></span>
2802<script charset="utf-8" src="/hs/cta/cta/current.js"></script>
2802<script type="text/javascript"> hbspt.cta._relativeUrls=true;hbspt.cta.load(25607130, '4d1aca97-a1bf-4847-a4bc-ea8d15c14dc2', {"useNewLoader":"true","region":"eu1"}); </script>
2802</span><!-- end HubSpot Call-to-Action Code --> 2803 </div> 2804 2805 </div> 2806 </div> 2807 </div> 2808</section> 2809 2810 2811 2812</div> 2813 2814</div><!--end widget-span --> 2815</div><!--end row--> 2816</div><!--end row-wrapper --> 2817 2818</div><!--end widget-span --> 2819</div><!--end row--> 2820</div><!--end row-wrapper --> 2821 2822<div class="row-fluid-wrapper row-depth-1 row-number-18 dnd-section"> 2823<div class="row-fluid "> 2824<div class="span12 widget-span widget-type-cell dnd-column" style="" data-widget-type="cell" data-x="0" data-w="12"> 2825 2826<div class="row-fluid-wrapper row-depth-1 row-number-19 dnd-row"> 2827<div class="row-fluid "> 2828<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 2829<div id="hs_cos_wrapper_widget_1745510703457" 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"> 2830 2831<section id="widget_1745510703457" class="rum-types-module relative bg-white py-7 md:pb-8 md:pt-[120px]"> 2832 <div class="absolute inset-0 z-0 rotate-180"> 2833 <img src="https://www.rum.nl/hubfs/raw_assets/public/rum/assets/images/bg-paper.png" alt="bg paper" class="absolute h-full w-full object-cover"> 2834 </div> 2835 2836 <div class="container relative z-10"> 2837 2838 <h2 class="mb-6 text-[32px] md:text-[56px]">FAQs on purchasing Rum from E&A Scheer</h2> 2839 2840 2841 <div class="flex flex-col gap-y-2"> 2842 2843 <button type="button" data-card-id="1" class="hover:pointer flex w-full flex-row gap-x-5 rounded-lg bg-parsnip-beige p-2" onclick="toggleAnswer(`1`)"> 2844 <div class="flex w-full flex-col gap-y-2"> 2845 <h3 class="text-start text-sm font-bold md:text-base">
2845How is Rum made?</h3> 2846 2847 <div class="group relative w-full"> 2848 <div class="absolute left-0 top-0 flex h-full items-center justify-center"> 2849 <svg width="6" height="6" viewbox="0 0 6 6" fill="#abb0af" xmlns="http://www.w3.org/2000/svg" class="transition-all group-hover:ml-2"> 2850 <path d="M0.113249 3.00098L3 5.88773L5.88675 3.00098L3 0.114225L0.113249 3.00098Z" fill="black" /> 2851 </svg> 2852 </div> 2853 2854 <div class="arrow--line"></div> 2855 2856 <div class="absolute right-0 top-0 flex h-full items-center justify-center"> 2857 <svg width="5" height="6" viewbox="0 0 5 6" fill="#abb0af" xmlns="http://www.w3.org/2000/svg" class="transition-all group-hover:mr-2"> 2858 <path d="M2 5.88773L5 3.00098L2 0.114225V5.88773Z" fill="black" /> 2859 </svg> 2860 </div> 2861 </div> 2862 2863 <p id="answer" class="hidden text-start">Rum is a distilled spirit produced from sugarcane distillates such as molasses, sugarcane juice, or sugarcane syrup. The base ingredient is fermented to create a wash, which is then distilled in a pot or column still. The resulting can be aged in oak barrels to develop a unique set flavours, colours, and characteristics.</p> 2864 </div> 2865 2866 <div id="faq-arrow" class="h-fit w-fit rotate-180 rounded-full bg-white p-1"> 2867 <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 2868 <g id="arrow-up-right"> 2869 <path id="Icon" d="M12.0008 19.0711V4.92893M12.0008 4.92893L4.92969 12M12.0008 4.92893L19.0718 12" stroke="#271500" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> 2870 </g> 2871 </svg> 2872 </div> 2873 </button> 2874 2875 <button type="button" data-card-id="2" class="hover:pointer flex w-full flex-row gap-x-5 rounded-lg bg-parsnip-beige p-2" onclick="toggleAnswer(`2`)"> 2876 <div class="flex w-full flex-col gap-y-2"> 2877 <h3 class="text-start text-sm font-bold md:text-base">Iâve just submitted a contact form. When can I expect to hear back from you? </h3> 2878 2879 <div class="group relative w-full"> 2880 <div class="absolute left-0 top-0 flex h-full items-center justify-center"> 2881 <svg width="6" height="6" viewbox="0 0 6 6" fill="#abb0af" xmlns="http://www.w3.org/2000/svg" class="transition-all group-hover:ml-2"> 2882 <path d="M0.113249 3.00098L3 5.88773L5.88675 3.00098L3 0.114225L0.113249 3.00098Z" fill="black" /> 2883 </svg> 2884 </div> 2885 2886 <div class="arrow--line"></div> 2887 2888 <div class="absolute right-0 top-0 flex h-full items-center justify-center"> 2889 <svg width="5" height="6" viewbox="0 0 5 6" fill="#abb0af" xmlns="http://www.w3.org/2000/svg" class="transition-all group-hover:mr-2"> 2890 <path d="M2 5.88773L5 3.00098L2 0.114225V5.88773Z" fill="black" /> 2891 </svg> 2892 </div> 2893 </div> 2894 2895 <p id="answer" class="hidden text-start">If you have any questions about creating your own Rum blend, we are here to help and aim to respond within 1 business day. Alternatively, you can try out our unique online Rum Blender and take the first steps to identifying your perfect flavour profile. Again, once youâve finished, we will aim to contact you within 1 business day. </p> 2896 </div> 2897 2898 <div id="faq-arrow" class="h-fit w-fit rotate-180 rounded-full bg-white p-1"> 2899 <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 2900 <g id="arrow-up-right"> 2901 <path id="Icon" d="M12.0008 19.0711V4.92893M12.0008 4.92893L4.92969 12M12.0008 4.92893L19.0718 12" stroke="#271500" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> 2902 </g> 2903 </svg> 2904 </div> 2905 </button> 2906 2907 <button type="button" data-card-id="3" class="hover:pointer flex w-full flex-row gap-x-5 rounded-lg bg-parsnip-beige p-2" onclick="toggleAnswer(`3`)"> 2908 <div class="flex w-full flex-col gap-y-2"> 2909 <h3 class="text-start text-sm font-bold md:text-base">Will you provide samples of my Rum blend? </h3> 2910 2911 <div class="group relative w-full"> 2912 <div class="absolute left-0 top-0 flex h-full items-center justify-center"> 2913 <svg width="6" height="6" viewbox="0 0 6 6" fill="#abb0af" xmlns="http://www.w3.org/2000/svg" class="transition-all group-hover:ml-2"> 2914 <path d="M0.113249 3.00098L3 5.88773L5.88675 3.00098L3 0.114225L0.113249 3.00098Z" fill="black" /> 2915 </svg> 2916 </div> 2917 2918 <div class="arrow--line"></div> 2919 2920 <div class="absolute right-0 top-0 flex h-full items-center justify-center"> 2921 <svg width="5" height="6" viewbox="0 0 5 6" fill="#abb0af" xmlns="http://www.w3.org/2000/svg" class="transition-all group-hover:mr-2"> 2922 <path d="M2 5.88773L5 3.00098L2 0.114225V5.88773Z" fill="black" /> 2923 </svg> 2924 </div> 2925 </div> 2926 2927 <p id="answer" class="hidden text-start">
2927We will first contact you to discuss the project details, after which we can provide samples. Customs restrictions restrict sample bottles to 100ml. These are sent free of charge during the process and within 7 business days. Once agreed, your unique blend will be reproducible in any volume with consistent quality and stable, competitive pricing. </p> 2928 </div> 2929 2930 <div id="faq-arrow" class="h-fit w-fit rotate-180 rounded-full bg-white p-1"> 2931 <svg width="24" height="24" viewbox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> 2932 <g id="arrow-up-right"> 2933 <path id="Icon" d="M12.0008 19.0711V4.92893M12.0008 4.92893L4.92969 12M12.0008 4.92893L19.0718 12" stroke="#271500" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> 2934 </g> 2935 </svg> 2936 </div> 2937 </button> 2938 2939 </div> 2940 </div> 2941</section> 2942 2943</div> 2944 2945</div><!--end widget-span --> 2946</div><!--end row--> 2947</div><!--end row-wrapper --> 2948 2949</div><!--end widget-span --> 2950</div><!--end row--> 2951</div><!--end row-wrapper --> 2952 2953<div class="row-fluid-wrapper row-depth-1 row-number-20 dnd-section"> 2954<div class="row-fluid "> 2955<div class="span12 widget-span widget-type-custom_widget dnd-module" style="" data-widget-type="custom_widget" data-x="0" data-w="12"> 2956<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"> 2957 <!-- ? BG Image --> 2958 2959 <div class="absolute z-0 inset-0"> 2960 <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"> 2961 </div> 2962 2963 2964 <div class="container relative z-10"> 2965 <!-- ? Main links wrapper --> 2966 <div id="Homepage_default-module-8__main-links" class="rounded-2xl bg-light-beige flex flex-col p-5 translate-y-[-60px] 2967 md:flex-row md:justify-between md:py-8 md:pl-14 md:pr-[151px] md:-translate-y-10 2968 "> 2969 <div class="flex flex-col justify-center gap-y-2 2970 max-w-[200px] mx-auto mb-5 2971 md:relative md:-left-3 md:mx-0 md:mb-0 2972 "> 2973 <!-- ? Logo --> 2974 <div class="flex justify-center items-center"> 2975 <span id="hs_cos_wrapper_Homepage_default-module-8_" class="hs_cos_wrapper hs_cos_wrapper_widget hs_cos_wrapper_type_logo" style="" data-hs-cos-general-type="widget" data-hs-cos-type="logo"><a href="https://www.rum.nl/en/home/eascheer?hsLang=en" id="hs-link-Homepage_default-module-8_" style="border-width:0px;border:0px;"><img src="https://www.rum.nl/hubfs/Logo-1.svg" class="hs-image-widget " height="96" style="height: auto;width:96px;border-width:0px;border:0px;" width="96" alt="E&A Scheer - Making Rum sourcing easy" title="E&A Scheer - Making Rum sourcing easy" loading="lazy"></a></span> 2976 </div> 2977 2978 <!-- ? Social media links --> 2979 2980 <!-- ? Links --> 2981 <div class="flex flex-col gap-y-1 items-center"> 2982 2983 2984 2985 <!-- ? Text link --> 2986 2987 2988 2989 2990 <a href="mailto:[email protected]" class="font-bold text-bear-brown hover:text-bobby-brown duration-200"> 2991 E: [email protected] 2992 </a> 2993 2994 2995 2996 <!-- ? Phone number --> 2997 <a href="" class="font-bold text-bear-brown hover:text-bobby-brown duration-200 Homepage_default-module-8__phone-link-1"> 2998 T: +31 20 6243412 2999 </a> 3000 3001
3001<script defer> 3002 (() => { 3003 insertPhoneNumberToHref('tel:0031206243412'); 3004 3005 function insertPhoneNumberToHref(phoneNumber) { 3006 try { 3007 if (!phoneNumber) throw new Error(`phoneNumber not found\n${phoneNumber} `); 3008 const phoneLinkElement = document.querySelector('.Homepage_default-module-8__phone-link-1'); 3009 if (!phoneLinkElement) throw new Error(`phoneLinkElement not found\n${phoneLinkElement}`); 3010 phoneLinkElement.href = phoneNumber; 3011 } catch (e) { console.warn(`%c!!! insertPhoneNumberToHref()\n${e}`, 'background: #faf'); } 3012 } 3013 })(); 3014 </script>
3014 3015 3016 3017 </div> 3018 3019 3020 <!-- ? Social media logo links --> 3021 3022 <div class="flex justify-center items-center gap-x-2 mt-1"> 3023 3024 3025 <a href="https://www.facebook.com/eascheer1712"> 3026 <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"> 3027 </a> 3028 3029 3030 3031 <a href="https://www.linkedin.com/company/e%26a-scheer-bv/?viewAsMember=true"> 3032 <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"> 3033 </a> 3034 3035 3036 3037 <a href="https://www.instagram.com/eascheeramsterdam/"> 3038 <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"> 3039 </a> 3040 3041 3042 </div> 3043 3044 </div> 3045 3046 3047 3048 3049 <!-- ? Column 1 --> 3050 <div class="mb-3 md:mb-0"> 3051 <span class="block font-bold font-trebuchet text-darker-beige text-sm leading-5 mb-2 md:mb-[22px]"> 3052 Offerings 3053 </span> 3054 3055 <div class="font-trebuchet"> 3056 <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"> 3057 <ul role="menu" class="active-branch"> 3058 <li class="hs-menu-item hs-menu-depth-1 active active-branch" role="none"><a href="https://www.rum.nl/en/collection/rum" role="menuitem">Rum</a></li> 3059 <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> 3060 <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> 3061 <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> 3062 </ul> 3063</div> 3064 </div> 3065 </div> 3066 3067 <!-- ? Column 2 --> 3068 <div class="mb-3 md:mb-0"> 3069 <span class="block font-bold font-trebuchet text-darker-beige text-sm leading-5 mb-2 md:mb-[22px]"> 3070 Markets 3071 </span> 3072 3073 <div class="font-trebuchet"> 3074 <div id="hs_menu_wrapper_Homepage_default-module-8_" class="hs-menu-wrapper active-branch flyout
3074s hs-menu-flow-horizontal" role="navigation" data-sitemap-name="default" data-menu-id="53968707816" aria-label="Navigation Menu"> 3075 <ul role="menu"> 3076 <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> 3077 <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> 3078 <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> 3079 </ul> 3080</div> 3081 </div> 3082 </div> 3083 3084 <!-- ? Column 3 --> 3085 <div class="mb-3 md:mb-0"> 3086 <span class="block font-bold font-trebuchet text-darker-beige text-sm leading-5 mb-2 md:mb-[22px]"> 3087 Tools 3088 </span> 3089 3090 <div class="font-trebuchet"> 3091 <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"> 3092 <ul role="menu"> 3093 <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> 3094 <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> 3095 </ul> 3096</div> 3097 </div> 3098 </div> 3099 3100 <!-- ? Column 4 --> 3101 <div class="flex flex-col justify-between"> 3102 <!-- ? Top row --> 3103 <div class="mb-3 md:mb-0"> 3104 <span class="block font-bold font-trebuchet text-darker-beige text-sm leading-5 mb-2 md:mb-[22px]"> 3105 Company 3106 </span> 3107 3108 <div class="font-trebuchet"> 3109 <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"> 3110 <ul role="menu"> 3111 <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> 3112 <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> 3113 <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> 3114 <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> 3115 <li class="hs-menu-item hs-menu-depth-1" role="none"><a href="https://www.rum.nl/en/vacancies" role="menuitem">Vacancies</a></li> 3116 </ul> 3117</div> 3118 </div> 3119 </div> 3120 3121 <!-- ? Bottom row --> 3122 <div class=""> 3123 <span class="block font-bold font-trebuchet text-darker-beige text-sm leading-5 mb-2 md:mb-[22px]"> 3124 3125 </span> 3126 3127 <div class="font-trebuchet"> 3128 <ul></ul> 3129 </div> 3130 </div> 3131 </div> 3132 </div> 3133 </div> 3134 3135 <!-- ? Bottom links --> 3136 <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 3137 md:flex-row md:gap-x-[76px] 3138 "> 3139 <!-- ? Links --> 3140 <div id="#Homepage_default-module-8__bottom-links" class="flex justify-center gap-x-5"> 3141 3142 3143 3144 <a href="https://www.rum.nl/en/general-conditions/eascheer?hsLang=en" class="font-trebuchet text-xs leading-6 md:text-sm"> 3145 General conditions 3146 </a> 3147 3148 3149 3150 <a href="https://www.rum.nl/en/privacy/eascheer?hsLang=en" class="font-trebuchet text-xs leading-6 md:text-sm"> 3151 Privacy 3152 </a> 3153 3154 3155 3156 <a href="" class="font-trebuchet text-xs leading-6 md:text-sm"> 3157 3158 </a> 3159 3160 3161 3162 <a href="" class="font-trebuchet text-xs leading-6 md:text-sm"> 3163 3164 </a> 3165 </div> 3166 3167 <!-- ? Copyright text --> 3168 <span class="block text-sm leading-5 font-bold"> 3169 Copyright © E&A Scheer BV. 2026 3170 </span> 3171 </div> 3172</footer> 3173 3174 3175 3176 3177 3178 3179 3180 3181</div> 3182 3183</div><!--end widget-span --> 3184</div><!--end row--> 3185</div><!--end row-wrapper --> 3186 3187</div><!--end widget-span --> 3188</div> 3189</div> 3190</div> 3191 3192 </main> 3193 3194 3195 </div> 3196 3197 3198<!-- HubSpot performance collection script -->
3199<script defer src="/hs/hsstatic/content-cwv-embed/static-1.1293/embed.js"></script>
vendor: 1 bytes, line 3199
3199
3200<script src="https://www.rum.nl/hubfs/hub_generated/template_assets/1/53103084746/1789027501941/template_main.min.js"></script>
vendor: 1 bytes, line 3200
3200
3201<script> 3202var hsVars = hsVars || {}; hsVars['language'] = 'en'; 3203</script>
3203 3204
3205<script src="/hs/hsstatic/cos-i18n/static-1.53/bundles/project.js"></script>
vendor: 1 bytes, line 3205
3205
3206<script src="/hs/hsstatic/keyboard-accessible-menu-flyouts/static-1.17/bundles/project.js"></script>
3206 3207 3208
3208<script defer> 3209 (() => { 3210 // @ts-check 3211 3212 waitForElements('#Homepage_default-module-1 #menu-mobile li.hs-menu-depth-1 ul', () => { 3213 insertLogoIntoMenuDesktop(); 3214 addToggleEventToHamburgerButton(); 3215 mobileParentMenuItemsLogic(); 3216 }); 3217 3218 3219 function addToggleEventToHamburgerButton() { 3220 try { 3221 const hamburgerButton = document.querySelector('#Homepage_default-module-1__hamburger'); 3222 if (!hamburgerButton) 3223 throw new Error('hamburgerButton not found'); 3224 3225 const menuMobile = document.querySelector('#Homepage_default-module-1 #menu-mobile'); 3226 if (!menuMobile) 3227 throw new Error('menuMobile not found'); 3228 3229 hamburgerButton.addEventListener('click', () => { 3230 _toggleMenuMobile(); 3231 _toggleHamburgerSVG(); 3232 }); 3233 3234 function _toggleMenuMobile() { 3235 try { 3236 const menuMobileIsOpen = !menuMobile.classList.contains('hidden'); 3237 const body = document.querySelector('body'); 3238 3239 if (menuMobileIsOpen) { 3240 menuMobile.classList.add('hidden'); 3241 body.classList.remove('overflow-hidden'); 3242 } else { 3243 menuMobile.classList.remove('hidden'); 3244 body.classList.add('overflow-hidden'); 3245 } 3246 } catch (e) { console.warn(`%c!!! _toggleMenuMobile()\n${e}`, 'background: #faf'); } 3247 } 3248 3249 function _toggleHamburgerSVG() { 3250 try { 3251 const menuMobileIsOpen = !menuMobile.classList.contains('hidden'); 3252 3253 const hamburgerSVG = document.querySelector('#Homepage_default-module-1__hamburger__hamburger-svg'); 3254 if (!hamburgerSVG) 3255 throw new Error('hamburgerSVG not found'); 3256 3257 const xSVG = document.querySelector('#Homepage_default-module-1__hamburger__x-svg'); 3258 if (!xSVG) 3259 throw new Error('xSVG not found'); 3260 3261 if (menuMobileIsOpen) { 3262 hamburgerSVG.classList.add('hidden'); 3263 xSVG.classList.remove('hidden'); 3264 } else { 3265 hamburgerSVG.classList.remove('hidden'); 3266 xSVG.classList.add('hidden'); 3267 } 3268 3269 } catch (e) { console.warn(`%c!!! _toggleHamburgerSVG()\n${e}`, 'background: #faf'); } 3270 } 3271 } catch (e) { console.warn(`%c!!! addToggleEventToHamburgerButton()\n${e}`, 'background: #faf'); } 3272 } 3273 3274 3275 function insertLogoIntoMenuDesktop() { 3276 try { 3277 const menuDesktop = document.querySelector('#Homepage_default-module-1__menu-desktop .hs-menu-wrapper > ul'); 3278 if (!menuDesktop) throw new Error('menuDesktop not found'); 3279 3280 const correctMenuLength = 4; 3281 if (menuDesktop.children.length !== correctMenuLength) 3282 throw new Error(`menuDesktop length is not ${correctMenuLength}`); 3283 3284 const secondChildItem = menuDesktop.querySelector('li.hs-menu-depth-1:nth-child(2)'); 3285 secondChildItem.insertAdjacentHTML('afterend', ` 3286 3287 <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> 3288`); 3289 } catch (e) { console.warn(`%c!!! insertLogoIntoMenuDesktop()\n${e}`, 'background: #faf'); } 3290 } 3291 3292 3293 function mobileParentMenuItemsLogic() { 3294 // try { 3295 /* Guard clauses and variable declarations - start */ 3296 const parentMenuItems = [...document.querySelectorAll('#Homepage_default-module-1 #menu-mobile ul li.hs-item-has-children.hs-menu-depth-1')]; 3297 if (parentMenuItems.length < 1) throw new Error(`parentMenuItems n
3297ot found:\n${parentMenuItems}`); 3298 3299 const customSubMenuWrapper = document.querySelector('#Homepage_default-module-1 .menu-mobile__sub-menu'); 3300 if (!customSubMenuWrapper) throw new Error(`customSubMenuWrapper not found:\n${customSubMenuWrapper}`); 3301 3302 const subMenuUlElements = [...document.querySelectorAll('#menu-mobile li.hs-menu-depth-1 ul.hs-menu-children-wrapper')]; 3303 if (subMenuUlElements.length < 1) throw new Error(`subMenuUlElements not found:\n${subMenuUlElements}`); 3304 3305 const mobileMainMenu = document.querySelector('#menu-mobile .menu-mobile__main-menu'); 3306 if (!mobileMainMenu) throw new Error(`mobileMainMenu not found:\n${mobileMainMenu}`); 3307 3308 const closeSubMenuSvg = document.querySelector('.menu-mobile__sub-menu__arrow-svg'); 3309 if (!closeSubMenuSvg) throw new Error(`closeSubMenuSvg not found:\n${closeSubMenuSvg}`); 3310 3311 const closeMobileMenuSvg = document.querySelector('#Homepage_default-module-1__hamburger__x-svg'); 3312 if (!closeMobileMenuSvg) throw new Error(`closeMobileMenuSvg not found:\n${closeMobileMenuSvg}`); 3313 /* Guard clauses and variable declarations - end */ 3314 3315 _moveSubMenuItemsToSubMenuWrapper(parentMenuItems); 3316 _insertArrowsToMobileParentMenuItems(parentMenuItems); 3317 _addCustomClickEventToParentMenuItems(parentMenuItems); 3318 3319 closeSubMenuSvg.addEventListener('click', closeSubMenu); 3320 closeMobileMenuSvg.addEventListener('click', closeSubMenu); 3321 3322 3323 function closeSubMenu() { 3324 // try { 3325 mobileMainMenu.style.display = 'flex'; 3326 3327 for (let i = 0; i < subMenuUlElements.length; i++) { 3328 subMenuUlElements[i].style.display = 'none'; 3329 customSubMenuWrapper.style.display = 'none'; 3330 } 3331 // } catch (e) { console.warn(`%c!!! closeSubMenu()\n${e}`, 'background: #faf'); } 3332 } 3333 3334 function _insertArrowsToMobileParentMenuItems(parentMenuItems) { 3335 // try { 3336 if (!parentMenuItems || parentMenuItems.length < 1) 3337 throw new Error(`parentMenuItems not found:\n${parentMenuItems}`); 3338 3339 const arrowSvg = ` 3340 <svg width="40" height="40" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg" 3341 style="pointer-events:none;" 3342 > 3343 <rect width="40" height="40" rx="20" fill="#FDF3E8"/> 3344 <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"/> 3345 </svg> 3346 `; 3347 3348 parentMenuItems.forEach(menuItem => { 3349 menuItem.insertAdjacentHTML('beforeend', arrowSvg); 3350 }); 3351 // } catch (e) { console.warn(`%c!!! _insertArrowsToMobileParentMenuItems()\n${e}`, 'background: #faf'); } 3352 } 3353 3354 function _addCustomClickEventToParentMenuItems(parentMenuItems) { 3355 // try { 3356 if (!parentMenuItems || parentMenuItems.length < 1) 3357 throw new Error(`parentMenuItems not found:\n${parentMenuItems}`); 3358 3359 parentMenuItems.forEach(menuItem => { 3360 menuItem.addEventListener('click', event => { 3361 event.preventDefault(); 3362 _openSubMenu(); 3363 }); 3364 }); 3365 3366 function _openSubMenu() { 3367 // try { 3368 mobileMainMenu.style.display = 'none'; 3369 3370 const currentMenuItem_name = event.target.textContent.trim().toLowerCase(); 3371 for (let i = 0; i < subMenuUlElements.length; i++) { 3372 const subMenuUlElement = subMenuUlElements[i]; 3373 const subMenuUlElement_name = subMenuUlElement.dataset.name; 3374 if (subMenuUlElement_name === currentMenuItem_name) { 3375 subMenuUlElement.style.display = 'block'; 3376 customSubMenuWrapper.style.display = 'block'; 3377 break; 3378 } 3379 } 3380 // } catch (e) { console.warn(`%c!!! _openSubMenu()\n${e}`, 'background: #faf'); } 3381 } 3382 // } catch (e) { console.warn(`%c!!! _addCustomClickEventToParentMenuItems()\n${e}`, 'background: #faf'); } 3383 } 3384 3385 /** 3386 * - Moves all sub menu items (ul elements) to the sub menu wrapper. 3387 * - Gives sub menu items (ul elements) a data-name attribute. 3388 * - Gives sub menu items (ul elements) style.display = 'none'. 3389 */ 3390 function _moveSubMenuItemsToSubMenuWrapper(parentMenuItems) { 3391 // try { 3392 if (!parentMenuItems || parentMenuItems.length < 1)
3393 throw new Error(`parentMenuItems not found:\n${parentMenuItems}`); 3394 3395 parentMenuItems.forEach((parentMenuItem, index) => { 3396 /* Guard clauses and variable declarations - start */ 3397 const parentMenuItem_aTag = parentMenuItem.querySelector('a'); 3398 if (!parentMenuItem_aTag) throw new Error(`parentMenuItem_aTag not found:\n${parentMenuItem_aTag}`); 3399 3400 const parentMenuItem_name = parentMenuItem_aTag.textContent.trim().toLowerCase(); 3401 if (!parentMenuItem_name) throw new Error(`parentMenuItem_name not found:\n${parentMenuItem_name}`); 3402 3403 const subMenuUlElement = parentMenuItem.querySelector('ul.hs-menu-children-wrapper'); 3404 if (!subMenuUlElement) throw new Error(`subMenuUlElement not found:\n${subMenuUlElement}`); 3405 /* Guard clauses and variable declarations - end */ 3406 3407 customSubMenuWrapper.insertAdjacentElement('beforeend', subMenuUlElement); 3408 subMenuUlElement.style.display = 'none'; 3409 subMenuUlElement.dataset.name = parentMenuItem_name; 3410 }); 3411 // } catch (e) { console.warn(`%c!!! _moveSubMenuItemsToSubMenuWrapper()\n${e}`, 'background: #faf'); } 3412 } 3413 // } catch (e) { console.warn(`%c!!! mobileParentMenuItemsLogic()\n${e}`, 'background: #faf'); } 3414 } 3415 3416 /** 3417 * Keeps searching for elements with the given queries until all are found or iteration limit has been exceeded. 3418 * If all elements are found, invoke given callback. Otherwise log warning. 3419 * 3420 * @param {string | string[]} elementQueries 3421 * @callback callback 3422 * @param {number} iterationLimit - How many iterations can this function do before aborting? 3423 * @param {number} intervalMs - In miliseconds. 3424 */ 3425 function waitForElements(elementQueries, callback, iterationLimit = 50, intervalMs = 100) { 3426 try { 3427 /* Guard clauses - start */ 3428 if (!elementQueries 3429 || !Array.isArray(elementQueries) && typeof elementQueries !== 'string' 3430 || elementQueries.length < 1 3431 ) 3432 throw new Error(`elementQueries is invalid or empty.\nelementQueries:\n` + Array); 3433 3434 if (!callback 3435 || typeof callback !== 'function' 3436 ) 3437 throw new Error(`callback is invalid.\ncallback:\n` + callback); 3438 /* Guard clauses - end */ 3439 3440 let intervalIterations = 0; 3441 if (typeof elementQueries === 'string') elementQueries = [elementQueries]; 3442 const numberOfGivenQueries = elementQueries.length; 3443 3444 const waitForElement = setInterval(() => { 3445 intervalIterations++; 3446 3447 let numberOfElementsFound = 0; 3448 for (let i = 0; i < elementQueries.length; i++) { 3449 const element = document.querySelector(elementQueries[i]); 3450 if (element) numberOfElementsFound++; 3451 3452 const allElementsAreFound = numberOfElementsFound === numberOfGivenQueries; 3453 if (allElementsAreFound) { 3454 callback(element, waitForElement); 3455 clearInterval(waitForElement); 3456 } 3457 3458 if (intervalIterations > iterationLimit) { 3459 console.warn(`%c!!! waitForElement() intervalIterations has exceeded its limit.`, 'background: #faf'); 3460 clearInterval(waitForElement); 3461 } 3462 } 3463 }, intervalMs); 3464 } catch (e) { console.warn(`%c!!! waitForElement()\ne`, 'background: #faf'); } 3465 } 3466 })(); 3467 </script>
3467 3468 3469 3470
3470<script> 3471 function toggleAnswer(cardId) { 3472 const card = document.querySelector(`[data-card-id="${cardId}"]`); 3473 const answer = card.querySelector('#answer'); 3474 const button = card.querySelector('#faq-arrow'); 3475 3476 answer.classList.toggle('hidden'); 3477 button.classList.toggle('rotate-180'); 3478 } 3479 </script>
3479 3480 3481 3482
3482<script defer> 3483 // @ts-check 3484 (function changePaddingBottomOfPreviousSection(customClass = 'footer-section') { 3485 // dnd stands for drag 'n drop, a HubSpot feature 3486 const thisSection = document.querySelector('#Homepage_default-module-8'); 3487 const thisDndModule = thisSection.closest('.dnd-module'); 3488 if (!thisDndModule) 3489 return console.warn(`thisDndModule not found:\n${thisDndModule}`); 3490 thisDndModule.classList.add(customClass); 3491 3492 const allDndModules = [...document.querySelectorAll('.dnd-module')]; 3493 let thisDndModuleIndex = 0; 3494 for (let i = 0; i < allDndModules.length; i++) { 3495 const dndModuleContainsCustomClass = allDndModules[i].classList.contains(customClass); 3496 if (dndModuleContainsCustomClass) { 3497 thisDndModuleIndex = i; 3498 break; 3499 } 3500 } 3501 3502 const previousDndModuleIndex = thisDndModuleIndex - 1; 3503 allDndModules.forEach((dndModule, index) => { 3504 if (index === previousDndModuleIndex) { 3505 dndModule.querySelector('section').classList.add('extra-padding-bottom'); 3506 } 3507 }); 3508 })(); 3509 </script>
3509 3510 3511 3512<!-- Start of HubSpot Analytics Code -->
3513<script type="text/javascript"> 3514var _hsq = _hsq || []; 3515_hsq.push(["setContentType", "standard-page"]); 3516_hsq.push(["setCanonicalUrl", "https:\/\/www.rum.nl\/en\/collection\/rum"]); 3517_hsq.push(["setPageId", "62286484466"]); 3518_hsq.push(["setContentMetadata", { 3519 "contentPageId": 62286484466, 3520 "legacyPageId": "62286484466", 3521 "contentFolderId": null, 3522 "contentGroupId": null, 3523 "abTestId": null, 3524 "languageVariantId": 62286484466, 3525 "languageCode": "en", 3526 3527 3528}]); 3529</script>
3529 3530
3531<script type="text/javascript" id="hs-script-loader" async defer src="/hs/scriptloader/25607130.js"></script>
3531 3532<!-- End of HubSpot Analytics Code --> 3533 3534
3535<script type="text/javascript"> 3536var hsVars = { 3537 render_id: "dce8cbed-6726-45d0-92e2-1362c0be63c0", 3538 ticks: 1789027553393, 3539 page_id: 62286484466, 3540 3541 content_group_id: 0, 3542 portal_id: 25607130, 3543 app_hs_base_url: "https://app-eu1.hubspot.com", 3544 cp_hs_base_url: "https://cp-eu1.hubspot.com", 3545 language: "en", 3546 analytics_page_type: "standard-page", 3547 scp_content_type: "", 3548 3549 analytics_page_id: "62286484466", 3550 category_id: 1, 3551 folder_id: 0, 3552 is_hubspot_user: false 3553} 3554</script>
3554 3555 3556
3557<script defer src="/hs/hsstatic/HubspotToolsMenu/static-1.640/js/index.js"></script>
3557 3558
3559<script> 3560 const target = document.querySelector('nav ul > li.hs-menu-item.hs-menu-depth-1:last-of-type a'); 3561if (target) { 3562 const wrapper = document.createElement('div'); 3563 wrapper.className = 'btn btn-primary custom-nav-button'; 3564 target.parentNode.insertBefore(wrapper, target); 3565 wrapper.appendChild(target); 3566} 3567</script>
3567 3568 3569<style> 3570 .custom-nav-button a { 3571 padding-top: 10px; 3572 padding-bottom: 10px; 3573 } 3574 .custom-nav-button a:after { 3575 content: ''; 3576 height: 12px; 3577 width: 12px; 3578 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'); 3579 background-size: contain; 3580 background-repeat: no-repeat; 3581 margin-left: 8px; 3582 display: inline-block; 3583 } 3584</style> 3585 3586 3587 3588</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.