PageSourceSearch

https://www.rum.nl/en/collection/rum

html rum.nl collected 2026-10-02 18:57:05 UTC 179,432 bytes, 3,588 lines download raw bytes

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&amp;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&amp;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&amp;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&amp;A Scheer | Specialist Rum Supplier">
15    <meta name="twitter:description" content="Meet E&amp;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&amp;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&amp;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&amp;A Scheer - Making Rum sourcing easy" title="E&amp;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&amp;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.&nbsp;</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.&nbsp;</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&amp;height=1600&amp;name=A%26S_francesstefanie-12.jpeg" alt="A&amp;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&amp;height=800&amp;name=A%26S_francesstefanie-12.jpeg 890w, https://www.rum.nl/hs-fs/hubfs/EA%20Scheer%20pics/A%26S_francesstefanie-12.jpeg?width=1779&amp;height=1600&amp;name=A%26S_francesstefanie-12.jpeg 1779w, https://www.rum.nl/hs-fs/hubfs/EA%20Scheer%20pics/A%26S_francesstefanie-12.jpeg?width=2669&amp;height=2400&amp;name=A%26S_francesstefanie-12.jpeg 2669w, https://www.rum.nl/hs-fs/hubfs/EA%20Scheer%20pics/A%26S_francesstefanie-12.jpeg?width=3558&amp;height=3200&amp;name=A%26S_francesstefanie-12.jpeg 3558w, https://www.rum.nl/hs-fs/hubfs/EA%20Scheer%20pics/A%26S_francesstefanie-12.jpeg?width=4448&amp;height=4000&amp;name=A%26S_francesstefanie-12.jpeg 4448w, https://www.rum.nl/hs-fs/hubfs/EA%20Scheer%20pics/A%26S_francesstefanie-12.jpeg?width=5337&amp;height=4800&amp;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&amp;height=1600&amp;name=A%26S_francesstefanie-12.jpeg" alt="A&amp;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&amp;height=800&amp;name=A%26S_francesstefanie-12.jpeg 890w, https://www.rum.nl/hs-fs/hubfs/EA%20Scheer%20pics/A%26S_francesstefanie-12.jpeg?width=1779&amp;height=1600&amp;name=A%26S_francesstefanie-12.jpeg 1779w, https://www.rum.nl/hs-fs/hubfs/EA%20Scheer%20pics/A%26S_francesstefanie-12.jpeg?width=2669&amp;height=2400&amp;name=A%26S_francesstefanie-12.jpeg 2669w, https://www.rum.nl/hs-fs/hubfs/EA%20Scheer%20pics/A%26S_francesstefanie-12.jpeg?width=3558&amp;height=3200&amp;name=A%26S_francesstefanie-12.jpeg 3558w, https://www.rum.nl/hs-fs/hubfs/EA%20Scheer%20pics/A%26S_francesstefanie-12.jpeg?width=4448&amp;height=4000&amp;name=A%26S_francesstefanie-12.jpeg 4448w, https://www.rum.nl/hs-fs/hubfs/EA%20Scheer%20pics/A%26S_francesstefanie-12.jpeg?width=5337&amp;height=4800&amp;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&amp;height=1003&amp;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&amp;height=502&amp;name=Sugar%20cane%20field.jpg 750w, https://www.rum.nl/hs-fs/hubfs/Sugar%20cane%20field.jpg?width=1500&amp;height=1003&amp;name=Sugar%20cane%20field.jpg 1500w, https://www.rum.nl/hs-fs/hubfs/Sugar%20cane%20field.jpg?width=2250&amp;height=1505&amp;name=Sugar%20cane%20field.jpg 2250w, https://www.rum.nl/hs-fs/hubfs/Sugar%20cane%20field.jpg?width=3000&amp;height=2006&amp;name=Sugar%20cane%20field.jpg 3000w, https://www.rum.nl/hs-fs/hubfs/Sugar%20cane%20field.jpg?width=3750&amp;height=2508&amp;name=Sugar%20cane%20field.jpg 3750w, https://www.rum.nl/hs-fs/hubfs/Sugar%20cane%20field.jpg?width=4500&amp;height=3009&amp;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&amp;height=1003&amp;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&amp;height=502&amp;name=Sugar%20cane%20field.jpg 750w, https://www.rum.nl/hs-fs/hubfs/Sugar%20cane%20field.jpg?width=1500&amp;height=1003&amp;name=Sugar%20cane%20field.jpg 1500w, https://www.rum.nl/hs-fs/hubfs/Sugar%20cane%20field.jpg?width=2250&amp;height=1505&amp;name=Sugar%20cane%20field.jpg 2250w, https://www.rum.nl/hs-fs/hubfs/Sugar%20cane%20field.jpg?width=3000&amp;height=2006&amp;name=Sugar%20cane%20field.jpg 3000w, https://www.rum.nl/hs-fs/hubfs/Sugar%20cane%20field.jpg?width=3750&amp;height=2508&amp;name=Sugar%20cane%20field.jpg 3750w, https://www.rum.nl/hs-fs/hubfs/Sugar%20cane%20field.jpg?width=4500&amp;height=3009&amp;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&amp;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.&nbsp;</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&amp;height=1467&amp;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&amp;height=734&amp;name=Drink%20Industry.jpg 1100w, https://www.rum.nl/hs-fs/hubfs/Drink%20Industry.jpg?width=2200&amp;height=1467&amp;name=Drink%20Industry.jpg 2200w, https://www.rum.nl/hs-fs/hubfs/Drink%20Industry.jpg?width=3300&amp;height=2201&amp;name=Drink%20Industry.jpg 3300w, https://www.rum.nl/hs-fs/hubfs/Drink%20Industry.jpg?width=4400&amp;height=2934&amp;name=Drink%20Industry.jpg 4400w, https://www.rum.nl/hs-fs/hubfs/Drink%20Industry.jpg?width=5500&amp;height=3668&amp;name=Drink%20Industry.jpg 5500w, https://www.rum.nl/hs-fs/hubfs/Drink%20Industry.jpg?width=6600&amp;height=4401&amp;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&amp;height=2559&amp;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&amp;height=1280&amp;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&amp;height=2559&amp;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&amp;height=3839&amp;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&amp;height=5118&amp;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&amp;height=6398&amp;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&amp;height=7677&amp;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 &amp; 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&amp;height=1280&amp;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&amp;height=640&amp;name=Confectionery%20industry%20photo.jpg 960w, https://www.rum.nl/hs-fs/hubfs/Confectionery%20industry%20photo.jpg?width=1920&amp;height=1280&amp;name=Confectionery%20industry%20photo.jpg 1920w, https://www.rum.nl/hs-fs/hubfs/Confectionery%20industry%20photo.jpg?width=2880&amp;height=1920&amp;name=Confectionery%20industry%20photo.jpg 2880w, https://www.rum.nl/hs-fs/hubfs/Confectionery%20industry%20photo.jpg?width=3840&amp;height=2560&amp;name=Confectionery%20industry%20photo.jpg 3840w, https://www.rum.nl/hs-fs/hubfs/Confectionery%20industry%20photo.jpg?width=4800&amp;height=3200&amp;name=Confectionery%20industry%20photo.jpg 4800w, https://www.rum.nl/hs-fs/hubfs/Confectionery%20industry%20photo.jpg?width=5760&amp;height=3840&amp;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&amp;height=3001&amp;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&amp;height=1501&amp;name=20221202_AES_Francesstefanie.jpg 2250w, https://www.rum.nl/hs-fs/hubfs/High%20quality%20pics/20221202_AES_Francesstefanie.jpg?width=4500&amp;height=3001&amp;name=20221202_AES_Francesstefanie.jpg 4500w, https://www.rum.nl/hs-fs/hubfs/High%20quality%20pics/20221202_AES_Francesstefanie.jpg?width=6750&amp;height=4502&amp;name=20221202_AES_Francesstefanie.jpg 6750w, https://www.rum.nl/hs-fs/hubfs/High%20quality%20pics/20221202_AES_Francesstefanie.jpg?width=9000&amp;height=6002&amp;name=20221202_AES_Francesstefanie.jpg 9000w, https://www.rum.nl/hs-fs/hubfs/High%20quality%20pics/20221202_AES_Francesstefanie.jpg?width=11250&amp;height=7503&amp;name=20221202_AES_Francesstefanie.jpg 11250w, https://www.rum.nl/hs-fs/hubfs/High%20quality%20pics/20221202_AES_Francesstefanie.jpg?width=13500&amp;height=9003&amp;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&amp;height=3001&amp;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&amp;height=1501&amp;name=20221202_AES_Francesstefanie.jpg 2250w, https://www.rum.nl/hs-fs/hubfs/High%20quality%20pics/20221202_AES_Francesstefanie.jpg?width=4500&amp;height=3001&amp;name=20221202_AES_Francesstefanie.jpg 4500w, https://www.rum.nl/hs-fs/hubfs/High%20quality%20pics/20221202_AES_Francesstefanie.jpg?width=6750&amp;height=4502&amp;name=20221202_AES_Francesstefanie.jpg 6750w, https://www.rum.nl/hs-fs/hubfs/High%20quality%20pics/20221202_AES_Francesstefanie.jpg?width=9000&amp;height=6002&amp;name=20221202_AES_Francesstefanie.jpg 9000w, https://www.rum.nl/hs-fs/hubfs/High%20quality%20pics/20221202_AES_Francesstefanie.jpg?width=11250&amp;height=7503&amp;name=20221202_AES_Francesstefanie.jpg 11250w, https://www.rum.nl/hs-fs/hubfs/High%20quality%20pics/20221202_AES_Francesstefanie.jpg?width=13500&amp;height=9003&amp;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&amp;height=96&amp;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&amp;height=48&amp;name=EAS%20glass.png 48w, https://www.rum.nl/hs-fs/hubfs/EAS%20glass.png?width=96&amp;height=96&amp;name=EAS%20glass.png 96w, https://www.rum.nl/hs-fs/hubfs/EAS%20glass.png?width=144&amp;height=144&amp;name=EAS%20glass.png 144w, https://www.rum.nl/hs-fs/hubfs/EAS%20glass.png?width=192&amp;height=192&amp;name=EAS%20glass.png 192w, https://www.rum.nl/hs-fs/hubfs/EAS%20glass.png?width=240&amp;height=240&amp;name=EAS%20glass.png 240w, https://www.rum.nl/hs-fs/hubfs/EAS%20glass.png?width=288&amp;height=288&amp;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.&nbsp;
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&amp;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 [&amp;_*]: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&amp;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.&nbsp;</span></div>
1757<div><span>&nbsp;</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>&nbsp;</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&amp;height=300&amp;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&amp;height=150&amp;name=Light%20rum%202.png 150w, https://www.rum.nl/hs-fs/hubfs/Light%20rum%202.png?width=300&amp;height=300&amp;name=Light%20rum%202.png 300w, https://www.rum.nl/hs-fs/hubfs/Light%20rum%202.png?width=450&amp;height=450&amp;name=Light%20rum%202.png 450w, https://www.rum.nl/hs-fs/hubfs/Light%20rum%202.png?width=600&amp;height=600&amp;name=Light%20rum%202.png 600w, https://www.rum.nl/hs-fs/hubfs/Light%20rum%202.png?width=750&amp;height=750&amp;name=Light%20rum%202.png 750w, https://www.rum.nl/hs-fs/hubfs/Light%20rum%202.png?width=900&amp;height=900&amp;
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&amp;height=300&amp;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&amp;height=150&amp;name=Heavy%20Rum%202.png 150w, https://www.rum.nl/hs-fs/hubfs/Heavy%20Rum%202.png?width=300&amp;height=300&amp;name=Heavy%20Rum%202.png 300w, https://www.rum.nl/hs-fs/hubfs/Heavy%20Rum%202.png?width=450&amp;height=450&amp;name=Heavy%20Rum%202.png 450w, https://www.rum.nl/hs-fs/hubfs/Heavy%20Rum%202.png?width=600&amp;height=600&amp;name=Heavy%20Rum%202.png 600w, https://www.rum.nl/hs-fs/hubfs/Heavy%20Rum%202.png?width=750&amp;height=750&amp;name=Heavy%20Rum%202.png 750w, https://www.rum.nl/hs-fs/hubfs/Heavy%20Rum%202.png?width=900&amp;height=900&amp;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&amp;height=300&amp;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&amp;height=150&amp;name=Aged%20Rum%202.png 150w, https://www.rum.nl/hs-fs/hubfs/Aged%20Rum%202.png?width=300&amp;height=300&amp;name=Aged%20Rum%202.png 300w, https://www.rum.nl/hs-fs/hubfs/Aged%20Rum%202.png?width=450&amp;height=450&amp;name=Aged%20Rum%202.png 450w, https://www.rum.nl/hs-fs/hubfs/Aged%20Rum%202.png?width=600&amp;height=600&amp;name=Aged%20Rum%202.png 600w, https://www.rum.nl/hs-fs/hubfs/Aged%20Rum%202.png?width=750&amp;height=750&amp;name=Aged%20Rum%202.png 750w, https://www.rum.nl/hs-fs/hubfs/Aged%20Rum%202.png?width=900&amp;height=900&amp;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&amp;height=300&amp;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&amp;height=150&amp;name=Unaged%20rum%202.png 150w, https://www.rum.nl/hs-fs/hubfs/Unaged%20rum%202.png?width=300&amp;height=300&amp;name=Unaged%20rum%202.png 300w, https://www.rum.nl/hs-fs/hubfs/Unaged%20rum%202.png?width=450&amp;height=450&amp;name=Unaged%20rum%202.png 450w, https://www.rum.nl/hs-fs/hubfs/Unaged%20rum%202.png?width=600&amp;height=600&amp;name=Unaged%20rum%202.png 600w, https://www.rum.nl/hs-fs/hubfs/Unaged%20rum%202.png?width=750&amp;height=750&amp;name=Unaged%20rum%202.png 750w, https://www.rum.nl/hs-fs/hubfs/Unaged%20rum%202.png?width=900&amp;height=900&amp;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.&nbsp;<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&amp;height=814&amp;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&amp;height=407&amp;name=Packaging%20options%20new.png 540w, https://www.rum.nl/hs-fs/hubfs/Packaging%20options%20new.png?width=1080&amp;height=814&amp;name=Packaging%20options%20new.png 1080w, https://www.rum.nl/hs-fs/hubfs/Packaging%20options%20new.png?width=1620&amp;height=1221&amp;name=Packaging%20options%20new.png 1620w, https://www.rum.nl/hs-fs/hubfs/Packaging%20options%20new.png?width=2160&amp;height=1628&amp;name=Packaging%20options%20new.png 2160w, https://www.rum.nl/hs-fs/hubfs/Packaging%20options%20new.png?width=2700&amp;height=2035&amp;name=Packaging%20options%20new.png 2700w, https://www.rum.nl/hs-fs/hubfs/Packaging%20options%20new.png?width=3240&amp;height=2442&amp;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&amp;height=814&amp;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&amp;height=407&amp;name=Packaging%20options%20new.png 540w, https://www.rum.nl/hs-fs/hubfs/Packaging%20options%20new.png?width=1080&amp;height=814&amp;name=Packaging%20options%20new.png 1080w, https://www.rum.nl/hs-fs/hubfs/Packaging%20options%20new.png?width=1620&amp;height=1221&amp;name=Packaging%20options%20new.png 1620w, https://www.rum.nl/hs-fs/hubfs/Packaging%20options%20new.png?width=2160&amp;height=1628&amp;name=Packaging%20options%20new.png 2160w, https://www.rum.nl/hs-fs/hubfs/Packaging%20options%20new.png?width=2700&amp;height=2035&amp;name=Packaging%20options%20new.png 2700w, https://www.rum.nl/hs-fs/hubfs/Packaging%20options%20new.png?width=3240&amp;height=2442&amp;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 [&amp;_*]: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&amp;height=665&amp;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&amp;height=333&amp;name=Batavia%20Arak%20Scheer-jpg.jpeg 500w, https://www.rum.nl/hs-fs/hubfs/Batavia%20Arak%20Scheer-jpg.jpeg?width=1000&amp;height=665&amp;name=Batavia%20Arak%20Scheer-jpg.jpeg 1000w, https://www.rum.nl/hs-fs/hubfs/Batavia%20Arak%20Scheer-jpg.jpeg?width=1500&amp;height=998&amp;name=Batavia%20Arak%20Scheer-jpg.jpeg 1500w, https://www.rum.nl/hs-fs/hubfs/Batavia%20Arak%20Scheer-jpg.jpeg?width=2000&amp;height=1330&amp;name=Batavia%20Arak%20Scheer-jpg.jpeg 2000w, https://www.rum.nl/hs-fs/hubfs/Batavia%20Arak%20Scheer-jpg.jpeg?width=2500&amp;height=1663&amp;name=Batavia%20Arak%20Scheer-jpg.jpeg 2500w, https://www.rum.nl/hs-fs/hubfs/Batavia%20Arak%20Scheer-jpg.jpeg?width=3000&amp;height=1995&amp;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&amp;height=483&amp;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&amp;height=242&amp;name=Cachaca.jpg 362w, https://www.rum.nl/hs-fs/hubfs/Cachaca.jpg?width=724&amp;height=483&amp;name=Cachaca.jpg 724w, https://www.rum.nl/hs-fs/hubfs/Cachaca.jpg?width=1086&amp;height=725&amp;name=Cachaca.jpg 1086w, https://www.rum.nl/hs-fs/hubfs/Cachaca.jpg?width=1448&amp;height=966&amp;name=Cachaca.jpg 1448w, https://www.rum.nl/hs-fs/hubfs/Cachaca.jpg?width=1810&amp;height=1208&amp;name=Cachaca.jpg 1810w, https://www.rum.nl/hs-fs/hubfs/Cachaca.jpg?width=2172&amp;height=1449&amp;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&amp;height=1000&amp;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&amp;height=500&amp;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&amp;height=1000&amp;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&amp;height=1500&amp;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&amp;height=2000&amp;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&amp;height=2500&amp;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&amp;height=3000&amp;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&amp;height=748&amp;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&amp;height=374&amp;name=Rum%20Room%202-1.jpg 560w, https://www.rum.nl/hs-fs/hubfs/Rum%20Room%202-1.jpg?width=1120&amp;height=748&amp;name=Rum%20Room%202-1.jpg 1120w, https://www.rum.nl/hs-fs/hubfs/Rum%20Room%202-1.jpg?width=1680&amp;height=1122&amp;name=Rum%20Room%202-1.jpg 1680w, https://www.rum.nl/hs-fs/hubfs/Rum%20Room%202-1.jpg?width=2240&amp;height=1496&amp;name=Rum%20Room%202-1.jpg 2240w, https://www.rum.nl/hs-fs/hubfs/Rum%20Room%202-1.jpg?width=2800&amp;height=1870&amp;name=Rum%20Room%202-1.jpg 2800w, https://www.rum.nl/hs-fs/hubfs/Rum%20Room%202-1.jpg?width=3360&amp;height=2244&amp;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&amp;height=748&amp;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&amp;height=374&amp;name=Rum%20Room%202-1.jpg 560w, https://www.rum.nl/hs-fs/hubfs/Rum%20Room%202-1.jpg?width=1120&amp;height=748&amp;name=Rum%20Room%202-1.jpg 1120w, https://www.rum.nl/hs-fs/hubfs/Rum%20Room%202-1.jpg?width=1680&amp;height=1122&amp;name=Rum%20Room%202-1.jpg 1680w, https://www.rum.nl/hs-fs/hubfs/Rum%20Room%202-1.jpg?width=2240&amp;height=1496&amp;name=Rum%20Room%202-1.jpg 2240w, https://www.rum.nl/hs-fs/hubfs/Rum%20Room%202-1.jpg?width=2800&amp;height=1870&amp;name=Rum%20Room%202-1.jpg 2800w, https://www.rum.nl/hs-fs/hubfs/Rum%20Room%202-1.jpg?width=3360&amp;height=2244&amp;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&amp;height=96&amp;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&amp;height=48&amp;name=EAS%20glass.png 48w, https://www.rum.nl/hs-fs/hubfs/EAS%20glass.png?width=96&amp;height=96&amp;name=EAS%20glass.png 96w, https://www.rum.nl/hs-fs/hubfs/EAS%20glass.png?width=144&amp;height=144&amp;name=EAS%20glass.png 144w, https://www.rum.nl/hs-fs/hubfs/EAS%20glass.png?width=192&amp;height=192&amp;name=EAS%20glass.png 192w, https://www.rum.nl/hs-fs/hubfs/EAS%20glass.png?width=240&amp;height=240&amp;name=EAS%20glass.png 240w, https://www.rum.nl/hs-fs/hubfs/EAS%20glass.png?width=288&amp;height=288&amp;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&amp;A Scheer team directly to discuss your bulk Rum requirements. We can arrange samples and provide detailed specifications for each expression.</p>
2745<p>&nbsp;</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&amp;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&amp;height=2848&amp;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&amp;height=1424&amp;name=IMG_9599.jpg 2136w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/IMG_9599.jpg?width=4272&amp;height=2848&amp;name=IMG_9599.jpg 4272w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/IMG_9599.jpg?width=6408&amp;height=4272&amp;name=IMG_9599.jpg 6408w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/IMG_9599.jpg?width=8544&amp;height=5696&amp;name=IMG_9599.jpg 8544w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/IMG_9599.jpg?width=10680&amp;height=7120&amp;name=IMG_9599.jpg 10680w, https://www.rum.nl/hs-fs/hubfs/MRC%20pics/IMG_9599.jpg?width=12816&amp;height=8544&amp;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&amp;A Scheer - Making Rum sourcing easy" title="E&amp;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&amp;height=50&amp;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&amp;height=25&amp;name=facebook.png 25w, https://www.rum.nl/hs-fs/hubfs/facebook.png?width=50&amp;height=50&amp;name=facebook.png 50w, https://www.rum.nl/hs-fs/hubfs/facebook.png?width=75&amp;height=75&amp;name=facebook.png 75w, https://www.rum.nl/hs-fs/hubfs/facebook.png?width=100&amp;height=100&amp;name=facebook.png 100w, https://www.rum.nl/hs-fs/hubfs/facebook.png?width=125&amp;height=125&amp;name=facebook.png 125w, https://www.rum.nl/hs-fs/hubfs/facebook.png?width=150&amp;height=150&amp;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&amp;height=50&amp;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&amp;height=25&amp;name=linkedin.png 25w, https://www.rum.nl/hs-fs/hubfs/linkedin.png?width=50&amp;height=50&amp;name=linkedin.png 50w, https://www.rum.nl/hs-fs/hubfs/linkedin.png?width=75&amp;height=75&amp;name=linkedin.png 75w, https://www.rum.nl/hs-fs/hubfs/linkedin.png?width=100&amp;height=100&amp;name=linkedin.png 100w, https://www.rum.nl/hs-fs/hubfs/linkedin.png?width=125&amp;height=125&amp;name=linkedin.png 125w, https://www.rum.nl/hs-fs/hubfs/linkedin.png?width=150&amp;height=150&amp;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&amp;height=50&amp;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&amp;height=25&amp;name=instagram.png 25w, https://www.rum.nl/hs-fs/hubfs/instagram.png?width=50&amp;height=50&amp;name=instagram.png 50w, https://www.rum.nl/hs-fs/hubfs/instagram.png?width=75&amp;height=75&amp;name=instagram.png 75w, https://www.rum.nl/hs-fs/hubfs/instagram.png?width=100&amp;height=100&amp;name=instagram.png 100w, https://www.rum.nl/hs-fs/hubfs/instagram.png?width=125&amp;height=125&amp;name=instagram.png 125w, https://www.rum.nl/hs-fs/hubfs/instagram.png?width=150&amp;height=150&amp;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 &amp; 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 &amp; 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&amp;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&amp;A Scheer - Making Rum sourcing easy" title="E&amp;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.