1<!doctype html> 2<html lang="nl-NL"> 3 <head> 4
4<script type="text/javascript" src="//cdn-4.convertexperiments.com/v1/js/10041346-100417280.js?environment=production"></script>
4 5 <!-- Google Tag Manager --> 6
6<script>
vendor: 343 bytes, lines 6-10
6(function(w,d,s,l,i){w[l]=w[l]||[];w[l].push({'gtm.start': 7 new Date().getTime(),event:'gtm.js'});var f=d.getElementsByTagName(s)[0], 8 j=d.createElement(s),dl=l!='dataLayer'?'&l='+l:'';j.async=true;j.src= 9 'https://www.googletagmanager.com/gtm.js?id='+i+dl;f.parentNode.insertBefore(j,f); 10 })(window,document,'script','dataLayer','
10GTM-K9D5858
vendor: 3 bytes, line 10
10');
10</script>
10 11 <!-- End Google Tag Manager --> 12 <meta charset="utf-8"> 13 <meta name="viewport" content="width=device-width, initial-scale=1"> 14 <link rel="stylesheet" href="https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v5.0.0/mapbox-gl-geocoder.css" type="text/css"> 15
15<script src="https://api.mapbox.com/mapbox-gl-js/plugins/mapbox-gl-geocoder/v5.0.0/mapbox-gl-geocoder.min.js"></script>
15 16 <meta name='robots' content='index, follow, max-image-preview:large, max-snippet:-1, max-video-preview:-1' /> 17 18 <!-- This site is optimized with the Yoast SEO plugin v28.5 - https://yoast.com/product/yoast-seo-wordpress/ --> 19 <title>Opslagruimte huren door heel Nederland | 1BOX Self-Storage</title> 20 <meta name="description" content="Opslagruimte huren bij 1BOX? â Altijd de beste prijs! â 365 dagen per jaar, 7 dagen per week toegankelijk â Flexibel huren en opzegbaar â Goed beveiligd!" /> 21 <link rel="canonical" href="https://www.1box.nl/" /> 22 <meta property="og:locale" content="nl_NL" /> 23 <meta property="og:type" content="website" /> 24 <meta property="og:title" content="Opslagruimte huren door heel Nederland | 1BOX Self-Storage" /> 25 <meta property="og:description" content="Opslagruimte huren bij 1BOX? â Altijd de beste prijs! â 365 dagen per jaar, 7 dagen per week toegankelijk â Flexibel huren en opzegbaar â Goed beveiligd!" /> 26 <meta property="og:url" content="https://www.1box.nl/" /> 27 <meta property="og:site_name" content="1BOX Self Storage" /> 28 <meta property="article:modified_time" content="2026-07-13T12:17:43+00:00" /> 29 <meta name="twitter:card" content="summary_large_image" /> 30
30<script type="application/ld+json" class="yoast-schema-graph">{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebPage","@id":"https:\/\/www.1box.nl\/","url":"https:\/\/www.1box.nl\/","name":"Opslagruimte huren door heel Nederland | 1BOX Self-Storage","isPartOf":{"@id":"https:\/\/www.1box.nl\/#website"},"datePublished":"2024-01-30T22:31:29+00:00","dateModified":"2026-07-13T12:17:43+00:00","description":"Opslagruimte huren bij 1BOX? â
Altijd de beste prijs! â
365 dagen per jaar, 7 dagen per week toegankelijk â
Flexibel huren en opzegbaar â
Goed beveiligd!","breadcrumb":{"@id":"https:\/\/www.1box.nl\/#breadcrumb"},"inLanguage":"nl-NL","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.1box.nl\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.1box.nl\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home"}]},{"@type":"WebSite","@id":"https:\/\/www.1box.nl\/#website","url":"https:\/\/www.1box.nl\/","name":"1BOX Self Storage","description":"","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.1box.nl\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"nl-NL"}]}</script>
30 31 <!-- / Yoast SEO plugin. --> 32 33 34<link rel='dns-prefetch' href='//maps.googleapis.com' /> 35<link rel='dns-prefetch' href='//cdnjs.cloudflare.com' /> 36<link rel="alternate" title="oEmbed (JSON)" type="application/json+oembed" href="https://www.1box.nl/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.1box.nl%2F" /> 37<link rel="alternate" title="oEmbed (XML)" type="text/xml+oembed" href="https://www.1box.nl/wp-json/oembed/1.0/embed?url=https%3A%2F%2Fwww.1box.nl%2F&format=xml" /> 38<style id="wp-img-auto-sizes-contain-inline-css"> 39img:is([sizes=auto i],[sizes^="auto," i]){contain-intrinsic-size:3000px 1500px} 40/*# sourceURL=wp-img-auto-sizes-contain-inline-css */ 41</style> 42 43<style id="wp-emoji-styles-inline-css"> 44 45 img.wp-smiley, img.emoji { 46 display: inline !important; 47 border: none !important; 48 box-shadow: none !important; 49 height: 1em !important; 50 width: 1em !important; 51 margin: 0 0.07em !important; 52 vertical-align: -0.1em !important; 53 background: none !important; 54 padding: 0 !important; 55 } 56/*# sourceURL=wp-emoji-styles-inline-css */ 57</style> 58<style id="wp-block-library-inline-css"> 59:root{--wp-block-synced-color:#7a00df;--wp-block-synced-color--rgb:122,0,223;--wp-bound-block-color:var(--wp-block-synced-color);--wp-editor-canvas-background:#ddd;--wp-admin-theme-color:#007cba;--wp-admin-theme-color--rgb:0,124,186;--wp-admin-theme-color-darker-10:#006ba1;--wp-admin-theme-color-darker-10--rgb:0,107,160.5;--wp-admin-theme-color-darker-20:#005a87;--wp-admin-theme-color-darker-20--rgb:0,90,135;--wp-admin-border-width-focus:2px}@media (min-resolution:192dpi){:root{--wp-admin-border-width-focus:1.5px}}.wp-element-button{cursor:pointer}:root .has-very-light-gray-background-color{background-color:#eee}:root .has-very-dark-gray-background-color{background-color:#313131}:root .has-very-light-gray-color{color:#eee}:root .has-very-dark-gray-color{color:#313131}:root .has-vivid-green-cyan-to-vivid-cyan-blue-gradient-background{background:linear-gradient(135deg,#00d084,#0693e3)}:root .has-purple-crush-gradient-background{background:linear-gradient(135deg,#34e2e4,#4721fb 50%,#ab1dfe)}:root .has-hazy-dawn-gradient-background{background:linear-gradient(135deg,#faaca8,#dad0ec)}:root .has-subdued-olive-gradient-background{background:linear-gradient(135deg,#fafae1,#67a671)}:root .has-atomic-cream-gradient-background{background:linear-gradient(135deg,#fdd79a,#004a59)}:root .has-nightshade-gradient-background{background:linear-gradient(135deg,#330968,#31cdcf)}:root .has-midnight-gradient-background{background:linear-gradient(135deg,#020381,#2874fc)}:root{--wp--preset--font-size--normal:16px;
59--wp--preset--font-size--huge:42px}.has-regular-font-size{font-size:1em}.has-larger-font-size{font-size:2.625em}.has-normal-font-size{font-size:var(--wp--preset--font-size--normal)}.has-huge-font-size{font-size:var(--wp--preset--font-size--huge)}:root .has-text-align-center{text-align:center}:root .has-text-align-left{text-align:left}:root .has-text-align-right{text-align:right}.has-fit-text{white-space:nowrap!important}#end-resizable-editor-section{display:none}.aligncenter{clear:both}.items-justified-left{justify-content:flex-start}.items-justified-center{justify-content:center}.items-justified-right{justify-content:flex-end}.items-justified-space-between{justify-content:space-between}.screen-reader-text{word-wrap:normal!important;border:0;clip-path:inset(50%);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;word-break:normal!important}.screen-reader-text:focus{background-color:#ddd;clip-path:none;color:#444;display:block;font-size:1em;height:auto;left:5px;line-height:normal;padding:15px 23px 14px;text-decoration:none;top:5px;width:auto;z-index:100000}html :where(.has-border-color){border-style:solid}html :where([style^=border-color],[style*=";border-color"],[style*="; border-color"]){border-style:solid}html :where([style^=border-top-color],[style*=";border-top-color"],[style*="; border-top-color"]){border-top-style:solid}html :where([style^=border-right-color],[style*=";border-right-color"],[style*="; border-right-color"]){border-right-style:solid}html :where([style^=border-bottom-color],[style*=";border-bottom-color"],[style*="; border-bottom-color"]){border-bottom-style:solid}html :where([style^=border-left-color],[style*=";border-left-color"],[style*="; border-left-color"]){border-left-style:solid}html :where([style^=border-width],[style*=";border-width"],[style*="; border-width"]){border-style:solid}html :where([style^=border-top-width],[style*=";border-top-width"],[style*="; border-top-width"]){border-top-style:solid}html :where([style^=border-right-width],[style*=";border-right-width"],[style*="; border-right-width"]){border-right-style:solid}html :where([style^=border-bottom-width],[style*=";border-bottom-width"],[style*="; border-bottom-width"]){border-bottom-style:solid}html :where([style^=border-left-width],[style*=";border-left-width"],[style*="; border-left-width"]){border-left-style:solid}html :where(img[class*=wp-image-]){height:auto;max-width:100%}:where(figure){margin:0 0 1em}html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:var(--wp-admin--admin-bar--height,0px)}@media screen and (max-width:600px){html :where(.is-position-sticky){--wp-admin--admin-bar--position-offset:0px}} 60 61/*# sourceURL=/wp-includes/css/dist/block-library/common.min.css */ 62</style> 63 64<style id="global-styles-inline-css"> 65:root{--wp--preset--aspect-ratio--square: 1;--wp--preset--aspect-ratio--4-3: 4/3;--wp--preset--aspect-ratio--3-4: 3/4;--wp--preset--aspect-ratio--3-2: 3/2;--wp--preset--aspect-ratio--2-3: 2/3;--wp--preset--aspect-ratio--16-9: 16/9;--wp--preset--aspect-ratio--9-16: 9/16;--wp--preset--color--black: #000;--wp--preset--color--cyan-bluish-gray: #abb8c3;--wp--preset--color--white: #fff;--wp--preset--color--pale-pink: #f78da7;--wp--preset--color--vivid-red: #cf2e2e;--wp--preset--color--luminous-vivid-orange: #ff6900;--wp--preset--color--luminous-vivid-amber: #fcb900;--wp--preset--color--light-green-cyan: #7bdcb5;--wp--preset--color--vivid-green-cyan: #00d084;--wp--preset--color--pale-cyan-blue: #8ed1fc;--wp--preset--color--vivid-cyan-blue: #0693e3;--wp--preset--color--vivid-purple: #9b51e0;--wp--preset--color--inherit: inherit;--wp--preset--color--current: currentcolor;--wp--preset--color--transparent: transparent;--wp--preset--color--slate-50: #f8fafc;--wp--preset--color--slate-100: #f1f5f9;--wp--preset--color--slate-200: #e2e8f0;--wp--preset--color--slate-300: #cbd5e1;--wp--preset--color--slate-400: #94a3b8;--wp--preset--color--slate-500: #64748b;--wp--preset--color--slate-600: #475569;--wp--preset--color--slate-700: #334155;--wp--preset--color--slate-800: #1e293b;--wp--preset--color--slate-900: #0f172a;--wp--preset--color--slate-950: #020617;--wp--preset--color--gray-50: #f9fafb;--wp--preset--color--gray-100: #f3f4f6;--wp--preset--color--gray-200: #e5e7eb;--wp--preset--color--gray-300: #d1d5db;--wp--preset--color--gray-400: #9ca3af;--wp--preset--color--gray-500: #6b7280;--wp--preset--color--gray-600: #4b5563;--wp--preset--color--gray-700: #374151;--wp--preset--color--gray-800: #1f2937;--wp--preset--color--gray-900: #111827;--wp--preset--color--gray-950: #030712;--wp--preset--color--zinc-50: #fafafa;--wp--preset--color--zinc-100: #f4f4f5;--wp--preset--color--zinc-200: #e4e4e7;--wp--preset--color--zinc-300: #d4d4d8;--wp--preset--color--zinc-400: #a1a1aa;--wp--preset--color--zinc-500: #71717a;--wp--preset--color--zinc-600: #52525b;--wp--preset--color--zinc-700: #3f3f46;--wp--preset--color--zinc-800: #27272a;--wp--preset--color--zinc-900: #18181b;--wp--preset--color--zinc-950: #09090b;--wp--preset--color--neutral-50: #fafafa;--wp--preset--color--neutral-100: #f5f5f5;--wp--preset--color--neutral-200: #e5e5e5;--wp--preset--color--neutral-300: #d4d4d4;--wp--preset--color--neutral-400: #a3a3a3;--wp--preset--color--neutral-500: #737373;--wp--preset--color--neutral-600: #525252;--wp--preset--color--neutral-700: #404040;--wp--preset--color--neutral-800: #262626;--wp--preset--color--neutral-900: #171717;--wp--preset--color--neutral-950: #0a0a0a;--wp--preset--color--stone-50: #fafaf9;--wp--preset--color--stone-100: #f5f5f4;--wp--preset--color--stone-200: #e7e5e4;--wp--preset--color--stone-300: #d6d3d1;--wp--preset--color--stone-400: #a8a29e;--wp--preset--color--stone-500: #78716c;--wp--preset--color--stone-600: #57534e;--wp--preset--color--stone-700: #44403c;--wp--preset--color--stone-800: #292524;--wp--preset--color--stone-900: #1c1917;--wp--preset--color--stone-950: #0c0a09;--wp--preset--color--red-50: #fef2f2;--wp--preset--color--red-100: #fee2e2;--wp--preset--color--red-200: #fecaca;--wp--preset--color--red-300: #fca5a5;--wp--preset--color--red-400: #f87171;--wp--preset--color--red-500: #ef4444;--wp--preset--color--red-600: #dc2626;--wp--preset--color--red-700: #b91c1c;--wp--preset--color--red-800: #991b1b;--wp--preset--color--red-900: #7f1d1d;--wp--preset--color--red-950: #450a0a;--wp--preset--color--orange-50: #fff7ed;--wp--preset--color--orange-100: #ffedd5;--wp--preset--color--orange-200: #fed7aa;--wp--preset--color--orange-300: #fdba74;--wp--preset--color--orange-400: #fb923c;--wp--preset--color--orange-500: #f97316;--wp--preset--color--orange-600: #ea580c;--wp--preset--color--orange-700: #c2410c;--wp--preset--color--orange-800: #9a3412;--wp--preset--color--orange-900: #7c2d12;--wp--preset--color--orange-950: #431407;--wp--preset--color--amber-50: #fffbeb;--wp--preset--color--amber-100: #fef3c7;--wp--preset--color--amber-200: #fde68a;--wp--preset--color--amber-300: #fcd34d;--wp--preset--color--amber-400: #fbbf24;--wp--preset--color--amber-500: #f59e0b;--wp--preset--color--amber-600: #d97706;--wp--preset--color--amber-700: #b45309;--wp--preset--color--amber-800: #92400e;--wp--preset--color--amber-900: #78350f;--wp--preset--color--amber-950: #451a03;--wp--preset--color--yellow-50: #fefce8;--wp--preset--color--yellow-100: #fef9c3;--wp--preset--color--yellow-200: #fef08a;--wp--preset--color--yellow-300: #fde047;--wp--preset--color--yellow-400: #facc15;--wp--preset--color--yellow-500: #eab308;--wp--preset--color--yellow-600: #ca8a04;--wp--preset--color--yellow-700: #a16207;--wp--preset--color--yellow-800: #854d0e;--wp--preset--color--yellow-900: #713f12;--wp--preset--color--yellow-950: #422006;--wp--preset--color--lime-50: #f7fee7;--wp--preset--color--lime-100: #ecfccb;--wp--preset--color--lime-200: #d9f99d;--wp--preset--color--lime-300: #bef264;--wp--preset--color--lime-400: #a3e635;--wp--preset--color--lime-500: #84cc16;--wp--preset--color--lime-600: #65a30d;--wp--preset--color--lime-700: #4d7c0f;--wp--preset--color--lime-800: #3f6212;--wp--preset--color--lime-900: #365314;--wp--preset--color--lime-950: #1a2e05;--wp--preset--color--green-50: #f0fdf4;--wp--preset--color--green-100: #dcfce7;--wp--preset--color--green-200: #bbf7d0;--wp--preset--color--green-300: #86efac;--wp--preset--color--green-400: #4ade80;--wp--preset--color--green-500: #22c55e;--wp--preset--color--green-600: #16a34a;--wp--preset--color--green-700: #15803d;--wp--preset--color--green-800: #166534;--wp--preset--color--green-900: #14532d;--wp--preset--color--green-950: #052e16;
65--wp--preset--color--emerald-50: #ecfdf5;--wp--preset--color--emerald-100: #d1fae5;--wp--preset--color--emerald-200: #a7f3d0;--wp--preset--color--emerald-300: #6ee7b7;--wp--preset--color--emerald-400: #34d399;--wp--preset--color--emerald-500: #10b981;--wp--preset--color--emerald-600: #059669;--wp--preset--color--emerald-700: #047857;--wp--preset--color--emerald-800: #065f46;--wp--preset--color--emerald-900: #064e3b;--wp--preset--color--emerald-950: #022c22;--wp--preset--color--teal-50: #f0fdfa;--wp--preset--color--teal-100: #ccfbf1;--wp--preset--color--teal-200: #99f6e4;--wp--preset--color--teal-300: #5eead4;--wp--preset--color--teal-400: #2dd4bf;--wp--preset--color--teal-500: #14b8a6;--wp--preset--color--teal-600: #0d9488;--wp--preset--color--teal-700: #0f766e;--wp--preset--color--teal-800: #115e59;--wp--preset--color--teal-900: #134e4a;--wp--preset--color--teal-950: #042f2e;--wp--preset--color--cyan-50: #ecfeff;--wp--preset--color--cyan-100: #cffafe;--wp--preset--color--cyan-200: #a5f3fc;--wp--preset--color--cyan-300: #67e8f9;--wp--preset--color--cyan-400: #22d3ee;--wp--preset--color--cyan-500: #06b6d4;--wp--preset--color--cyan-600: #0891b2;--wp--preset--color--cyan-700: #0e7490;--wp--preset--color--cyan-800: #155e75;--wp--preset--color--cyan-900: #164e63;--wp--preset--color--cyan-950: #083344;--wp--preset--color--sky-50: #f0f9ff;--wp--preset--color--sky-100: #e0f2fe;--wp--preset--color--sky-200: #bae6fd;--wp--preset--color--sky-300: #7dd3fc;--wp--preset--color--sky-400: #38bdf8;--wp--preset--color--sky-500: #0ea5e9;--wp--preset--color--sky-600: #0284c7;--wp--preset--color--sky-700: #0369a1;--wp--preset--color--sky-800: #075985;--wp--preset--color--sky-900: #0c4a6e;--wp--preset--color--sky-950: #082f49;--wp--preset--color--blue-50: #eff6ff;--wp--preset--color--blue-100: #dbeafe;--wp--preset--color--blue-200: #bfdbfe;--wp--preset--color--blue-300: #93c5fd;--wp--preset--color--blue-400: #60a5fa;--wp--preset--color--blue-500: #3b82f6;--wp--preset--color--blue-600: #2563eb;--wp--preset--color--blue-700: #1d4ed8;--wp--preset--color--blue-800: #1e40af;--wp--preset--color--blue-900: #1e3a8a;--wp--preset--color--blue-950: #172554;--wp--preset--color--indigo-50: #eef2ff;--wp--preset--color--indigo-100: #e0e7ff;--wp--preset--color--indigo-200: #c7d2fe;--wp--preset--color--indigo-300: #a5b4fc;--wp--preset--color--indigo-400: #818cf8;--wp--preset--color--indigo-500: #6366f1;--wp--preset--color--indigo-600: #4f46e5;--wp--preset--color--indigo-700: #4338ca;--wp--preset--color--indigo-800: #3730a3;--wp--preset--color--indigo-900: #312e81;--wp--preset--color--indigo-950: #1e1b4b;--wp--preset--color--violet-50: #f5f3ff;--wp--preset--color--violet-100: #ede9fe;--wp--preset--color--violet-200: #ddd6fe;--wp--preset--color--violet-300: #c4b5fd;--wp--preset--color--violet-400: #a78bfa;--wp--preset--color--violet-500: #8b5cf6;--wp--preset--color--violet-600: #7c3aed;--wp--preset--color--violet-700: #6d28d9;--wp--preset--color--violet-800: #5b21b6;--wp--preset--color--violet-900: #4c1d95;--wp--preset--color--violet-950: #2e1065;--wp--preset--color--purple-50: #faf5ff;--wp--preset--color--purple-100: #f3e8ff;--wp--preset--color--purple-200: #e9d5ff;--wp--preset--color--purple-300: #d8b4fe;--wp--preset--color--purple-400: #c084fc;--wp--preset--color--purple-500: #a855f7;--wp--preset--color--purple-600: #9333ea;--wp--preset--color--purple-700: #7e22ce;--wp--preset--color--purple-800: #6b21a8;--wp--preset--color--purple-900: #581c87;--wp--preset--color--purple-950: #3b0764;--wp--preset--color--fuchsia-50: #fdf4ff;--wp--preset--color--fuchsia-100: #fae8ff;--wp--preset--color--fuchsia-200: #f5d0fe;--wp--preset--color--fuchsia-300: #f0abfc;--wp--preset--color--fuchsia-400: #e879f9;--wp--preset--color--fuchsia-500: #d946ef;--wp--preset--color--fuchsia-600: #c026d3;--wp--preset--color--fuchsia-700: #a21caf;--wp--preset--color--fuchsia-800: #86198f;--wp--preset--color--fuchsia-900: #701a75;--wp--preset--color--fuchsia-950: #4a044e;--wp--preset--color--pink-50: #fdf2f8;--wp--preset--color--pink-100: #fce7f3;--wp--preset--color--pink-200: #fbcfe8;--wp--preset--color--pink-300: #f9a8d4;--wp--preset--color--pink-400: #f472b6;--wp--preset--color--pink-500: #ec4899;--wp--preset--color--pink-600: #db2777;--wp--preset--color--pink-700: #be185d;--wp--preset--color--pink-800: #9d174d;--wp--preset--color--pink-900: #831843;--wp--preset--color--pink-950: #500724;--wp--preset--color--rose-50: #fff1f2;--wp--preset--color--rose-100: #ffe4e6;
65--wp--preset--color--rose-200: #fecdd3;--wp--preset--color--rose-300: #fda4af;--wp--preset--color--rose-400: #fb7185;--wp--preset--color--rose-500: #f43f5e;--wp--preset--color--rose-600: #e11d48;--wp--preset--color--rose-700: #be123c;--wp--preset--color--rose-800: #9f1239;--wp--preset--color--rose-900: #881337;--wp--preset--color--rose-950: #4c0519;--wp--preset--color--box-gray: #efefef;--wp--preset--color--box-medium-gray: #cbcbcb;--wp--preset--color--box-dark-gray: #707070;--wp--preset--color--box-green: #66b142;--wp--preset--color--box-orange: #e17222;--wp--preset--color--box-purple: #1e0b38;--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple: linear-gradient(135deg,rgb(6,147,227) 0%,rgb(155,81,224) 100%);--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan: linear-gradient(135deg,rgb(122,220,180) 0%,rgb(0,208,130) 100%);--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange: linear-gradient(135deg,rgb(252,185,0) 0%,rgb(255,105,0) 100%);--wp--preset--gradient--luminous-vivid-orange-to-vivid-red: linear-gradient(135deg,rgb(255,105,0) 0%,rgb(207,46,46) 100%);--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray: linear-gradient(135deg,rgb(238,238,238) 0%,rgb(169,184,195) 100%);
65--wp--preset--gradient--cool-to-warm-spectrum: linear-gradient(135deg,rgb(74,234,220) 0%,rgb(151,120,209) 20%,rgb(207,42,186) 40%,rgb(238,44,130) 60%,rgb(251,105,98) 80%,rgb(254,248,76) 100%);--wp--preset--gradient--blush-light-purple: linear-gradient(135deg,rgb(255,206,236) 0%,rgb(152,150,240) 100%);--wp--preset--gradient--blush-bordeaux: linear-gradient(135deg,rgb(254,205,165) 0%,rgb(254,45,45) 50%,rgb(107,0,62) 100%);--wp--preset--gradient--luminous-dusk: linear-gradient(135deg,rgb(255,203,112) 0%,rgb(199,81,192) 50%,rgb(65,88,208) 100%);--wp--preset--gradient--pale-ocean: linear-gradient(135deg,rgb(255,245,203) 0%,rgb(182,227,212) 50%,rgb(51,167,181) 100%);--wp--preset--gradient--electric-grass: linear-gradient(135deg,rgb(202,248,128) 0%,rgb(113,206,126) 100%);--wp--preset--gradient--midnight: linear-gradient(135deg,rgb(2,3,129) 0%,rgb(40,116,252) 100%);--wp--preset--font-size--small: 13px;--wp--preset--font-size--medium: 20px;--wp--preset--font-size--large: 36px;--wp--preset--font-size--x-large: 42px;--wp--preset--font-size--xs: 0.75rem;--wp--preset--font-size--sm: 0.875rem;--wp--preset--font-size--base: 1rem;--wp--preset--font-size--lg: 1.125rem;--wp--preset--font-size--xl: 1.25rem;--wp--preset--font-size--2-xl: 1.5rem;--wp--preset--font-size--3-xl: 1.875rem;--wp--preset--font-size--4-xl: 2.25rem;--wp--preset--font-size--5-xl: 3rem;--wp--preset--font-size--6-xl: 3.75rem;--wp--preset--font-size--7-xl: 4.5rem;--wp--preset--font-size--8-xl: 6rem;--wp--preset--font-size--9-xl: 8rem;--wp--preset--font-family--sans: Mulish, sans-serif;--wp--preset--font-family--serif: ui-serif,Georgia,Cambria,"Times New Roman",Times,serif;--wp--preset--font-family--mono: ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--wp--preset--spacing--20: 0.44rem;--wp--preset--spacing--30: 0.67rem;--wp--preset--spacing--40: 1rem;--wp--preset--spacing--50: 1.5rem;--wp--preset--spacing--60: 2.25rem;--wp--preset--spacing--70: 3.38rem;--wp--preset--spacing--80: 5.06rem;--wp--preset--shadow--natural: 6px 6px 9px rgba(0, 0, 0, 0.2);--wp--preset--shadow--deep: 12px 12px 50px rgba(0, 0, 0, 0.4);--wp--preset--shadow--sharp: 6px 6px 0px rgba(0, 0, 0, 0.2);--wp--preset--shadow--outlined: 6px 6px 0px -3px rgb(255, 255, 255), 6px 6px rgb(0, 0, 0);--wp--preset--shadow--crisp: 6px 6px 0px rgb(0, 0, 0);}.wp-block-button{--wp--preset--dimension--25: 25%;--wp--preset--dimension--50: 50%;--wp--preset--dimension--75: 75%;--wp--preset--dimension--100: 100%;}:where(body) { margin: 0; }.wp-site-blocks > .alignleft { float: left; margin-right: 2em; }.wp-site-blocks > .alignright { float: right; margin-left: 2em; }.wp-site-blocks > .aligncenter { justify-content: center; margin-left: auto; margin-right: auto; }:where(.is-layout-flex){gap: 0.5em;}:where(.is-layout-grid){gap: 0.5em;}.is-layout-flow > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-flow > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-flow > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > .alignleft{float: left;margin-inline-start: 0;margin-inline-end: 2em;}.is-layout-constrained > .alignright{float: right;margin-inline-start: 2em;margin-inline-end: 0;}.is-layout-constrained > .aligncenter{margin-left: auto !important;margin-right: auto !important;}.is-layout-constrained > :where(:not(.alignleft):not(.alignright):not(.alignfull)){margin-left: auto !important;margin-right: auto !important;}body .is-layout-flex{display: flex;}.is-layout-flex{flex-wrap: wrap;align-items: center;}.is-layout-flex > :is(*, div){margin: 0;}body .is-layout-grid{display: grid;}.is-layout-grid > :is(*, div){margin: 0;}body{padding-top: 0px;padding-right: 0px;padding-bottom: 0px;padding-left: 0px;}:root :where(.wp-element-button, .wp-block-button__link){background-color: #32373c;border-width: 0;color: #fff;font-family: inherit;font-size: inherit;font-style: inherit;font-weight: inherit;letter-spacing: inherit;line-height: inherit;padding-top: calc(0.667em + 2px);padding-right: calc(1.333em + 2px);padding-bottom: calc(0.667em + 2px);padding-left: calc(1.333em + 2px);text-decoration: none;text-transform: inherit;}.has-black-color{color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-color{color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-color{color: var(--wp--preset--color--white) !important;}.has-pale-pink-color{color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-color{color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-color{color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-color{color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-color{color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-color{color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-color{color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-color{color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-color{color: var(--wp--preset--color--vivid-purple) !important;}.has-inherit-color{color: var(--wp--preset--color--inherit) !important;}.has-current-color{color: var(--wp--preset--color--current) !important;}.has-transparent-color{color: var(--wp--preset--color--transparent) !important;}.has-slate-50-color{color: var(--wp--preset--color--slate-50) !important;}.has-slate-100-color{color: var(--wp--preset--color--slate-100) !important;}.has-slate-200-color{color: var(--wp--preset--color--slate-200) !important;}.has-slate-300-color{color: var(--wp--preset--color--slate-300) !important;}.has-slate-400-color{color: var(--wp--preset--color--slate-400) !important;}.has-slate-500-color{color: var(--wp--preset--color--slate-500) !important;}.has-slate-600-color{color: var(--wp--preset--color--slate-600) !important;}.has-slate-700-color{color: var(--wp--preset--color--slate-700) !important;}.has-slate-800-color{color: var(--wp--preset--color--slate-800) !important;}.has-slate-900-color{color: var(--wp--preset--color--slate-900) !important;}.has-slate-950-color{color: var(--wp--preset--color--slate-950) !important;}.has-gray-50-color{color: var(--wp--preset--color--gray-50) !important;}.has-gray-100-color{color: var(--wp--preset--color--gray-100) !important;}.has-gray-200-color{color: var(--wp--preset--color--gray-200) !important;}.has-gray-300-color{color: var(--wp--preset--color--gray-300) !important;}.has-gray-400-color{color: var(--wp--preset--color--gray-400) !important;}.has-gray-500-color{color: var(--wp--preset--color--gray-500) !important;}.has-gray-600-color{color: var(--wp--preset--color--gray-600) !important;}.has-gray-700-color{color: var(--wp--preset--color--gray-700) !important;}.has-gray-800-color{color: var(--wp--preset--color--gray-800) !important;}.has-gray-900-color{color: var(--wp--preset--color--gray-900) !important;}.has-gray-950-color{color: var(--wp--preset--color--gray-950) !important;}.has-zinc-50-color{color: var(--wp--preset--color--zinc-50) !important;}.has-zinc-100-color{color: var(--wp--preset--color--zinc-100) !important;}.has-zinc-200-color{color: var(--wp--preset--color--zinc-200) !important;}.has-zinc-300-color{color: var(--wp--preset--color--zinc-300) !important;}.has-zinc-400-color{color: var(--wp--preset--color--zinc-400) !important;}.has-zinc-500-color{color: var(--wp--preset--color--zinc-500) !important;}.has-zinc-600-color{color: var(--wp--preset--color--zinc-600) !important;}.has-zinc-700-color{color: var(--wp--preset--color--zinc-700) !important;}.has-zinc-800-color{color: var(--wp--preset--color--zinc-800) !important;}.has-zinc-900-color{color: var(--wp--preset--color--zinc-900) !important;}.has-zinc-950-color{color: var(--wp--preset--color--zinc-950) !important;}.has-neutral-50-color{color: var(--wp--preset--color--neutral-50) !important;}.has-neutral-100-color{color: var(--wp--preset--color--neutral-100) !important;}.has-neutral-200-color{color: var(--wp--preset--color--neutral-200) !important;}.has-neutral-300-color{color: var(--wp--preset--color--neutral-300) !important;}.has-neutral-400-color{color: var(--wp--preset--color--neutral-400) !important;}.has-neutral-500-color{color: var(--wp--preset--color--neutral-500) !important;}.has-neutral-600-color{color: var(--wp--preset--color--neutral-600) !important;}.has-neutral-700-color{color: var(--wp--preset--color--neutral-700) !important;}.has-neutral-800-color{color: var(--wp--preset--color--neutral-800) !important;}.has-neutral-900-color{color: var(--wp--preset--color--neutral-900) !important;}.has-neutral-950-color{color: var(--wp--preset--color--neutral-950) !important;}.has-stone-50-color{color: var(--wp--preset--color--stone-50) !important;}.has-stone-100-color{color: var(--wp--preset--color--stone-100) !important;}.has-stone-200-color{color: var(--wp--preset--color--stone-200) !important;}.has-stone-300-color{color: var(--wp--preset--color--stone-300) !important;}.has-stone-400-color{color: var(--wp--preset--color--stone-400) !important;}.has-stone-500-color{color: var(--wp--preset--color--stone-500) !important;}.has-stone-600-color{color: var(--wp--preset--color--stone-600) !important;}.has-stone-700-color{color: var(--wp--preset--color--stone-700) !important;}.has-stone-800-color{color: var(--wp--preset--color--stone-800) !important;}.has-stone-900-color{color: var(--wp--preset--color--stone-900) !important;}.has-stone-950-color{color: var(--wp--preset--color--stone-950) !important;}.has-red-50-color{color: var(--wp--preset--color--red-50) !important;}.has-red-100-color{color: var(--wp--preset--color--red-100) !important;}.has-red-200-color{color: var(--wp--preset--color--red-200) !important;}.has-red-300-color{color: var(--wp--preset--color--red-300) !important;}.has-red-400-color{color: var(--wp--preset--color--red-400) !important;}.has-red-500-color{color: var(--wp--preset--color--red-500) !important;}.has-red-600-color{color: var(--wp--preset--color--red-600) !important;}.has-red-700-color{color: var(--wp--preset--color--red-700) !important;}.has-red-800-color{color: var(--wp--preset--color--red-800) !important;}.has-red-900-color{color: var(--wp--preset--color--red-900) !important;}.has-red-950-color{color: var(--wp--preset--color--red-950) !important;}.has-orange-50-color{color: var(--wp--preset--color--orange-50) !important;}.has-orange-100-color{color: var(--wp--preset--color--orange-100) !important;}.has-orange-200-color{color: var(--wp--preset--color--orange-200) !important;}.has-orange-300-color{color: var(--wp--preset--color--orange-300) !important;}.has-orange-400-color{color: var(--wp--preset--color--orange-400) !important;}.has-orange-500-color{color: var(--wp--preset--color--orange-500) !important;}.has-orange-600-color{color: var(--wp--preset--color--orange-600) !important;}.has-orange-700-color{color: var(--wp--preset--color--orange-700) !important;}.has-orange-800-color{color: var(--wp--preset--color--orange-800) !important;}.has-orange-900-color{color: var(--wp--preset--color--orange-900) !important;}.has-orange-950-color{color: var(--wp--preset--color--orange-950) !important;}.has-amber-50-color{color: var(--wp--preset--color--amber-50) !important;}.has-amber-100-color{color: var(--wp--preset--color--amber-100) !important;}.has-amber-200-color{color: var(--wp--preset--color--amber-200) !important;}.has-amber-300-color{color: var(--wp--preset--color--amber-300) !important;}.has-amber-400-color{color: var(--wp--preset--color--amber-400) !important;}.has-amber-500-color{color: var(--wp--preset--color--amber-500) !important;}.has-amber-600-color{color: var(--wp--preset--color--amber-600) !important;}.has-amber-700-color{color: var(--wp--preset--color--amber-700) !important;}.has-amber-800-color{color: var(--wp--preset--color--amber-800) !important;}.has-amber-900-color{color: var(--wp--preset--color--amber-900) !important;}.has-amber-950-color{color: var(--wp--preset--color--amber-950) !important;}.has-yellow-50-color{color: var(--wp--preset--color--yellow-50) !important;}.has-yellow-100-color{color: var(--wp--preset--color--yellow-100) !important;}.has-yellow-200-color{color: var(--wp--preset--color--yellow-200) !important;}.has-yellow-300-color{color: var(--wp--preset--color--yellow-300) !important;}.has-yellow-400-color{color: var(--wp--preset--color--yellow-400) !important;}.has-yellow-500-color{color: var(--wp--preset--color--yellow-500) !important;}.has-yellow-600-color{color: var(--wp--preset--color--yellow-600) !important;}.has-yellow-700-color{color: var(--wp--preset--color--yellow-700) !important;}.has-yellow-800-color{color: var(--wp--preset--color--yellow-800) !important;}.has-yellow-900-color{color: var(--wp--preset--color--yellow-900) !important;}.has-yellow-950-color{color: var(--wp--preset--color--yellow-950) !important;}.has-lime-50-color{color: var(--wp--preset--color--lime-50) !important;}.has-lime-100-color{color: var(--wp--preset--color--lime-100) !important;}.has-lime-200-color{color: var(--wp--preset--color--lime-200) !important;}.has-lime-300-color{color: var(--wp--preset--color--lime-300) !important;}.has-lime-400-color{color: var(--wp--preset--color--lime-400) !important;}.has-lime-500-color{color: var(--wp--preset--color--lime-500) !important;}.has-lime-600-color{color: var(--wp--preset--color--lime-600) !important;}.has-lime-700-color{color: var(--wp--preset--color--lime-700) !important;}.has-lime-800-color{color: var(--wp--preset--color--lime-800) !important;}.has-lime-900-color{color: var(--wp--preset--color--lime-900) !important;}.has-lime-950-color{color: var(--wp--preset--color--lime-950) !important;}.has-green-50-color{color: var(--wp--preset--color--green-50) !important;}.has-green-100-color{color: var(--wp--preset--color--green-100) !important;}.has-green-200-color{color: var(--wp--preset--color--green-200) !important;}.has-green-300-color{color: var(--wp--preset--color--green-300) !important;}.has-green-400-color{color: var(--wp--preset--color--green-400) !important;}.has-green-500-color{color: var(--wp--preset--color--green-500) !important;}.has-green-600-color{color: var(--wp--preset--color--green-600) !important;}.has-green-700-color{color: var(--wp--preset--color--green-700) !important;}.has-green-800-color{color: var(--wp--preset--color--green-800) !important;}.has-green-900-color{color: var(--wp--preset--color--green-900) !important;}.has-green-950-color{color: var(--wp--preset--color--green-950) !important;}.has-emerald-50-color{color: var(--wp--preset--color--emerald-50) !important;}.has-emerald-100-color{color: var(--wp--preset--color--emerald-100) !important;}.has-emerald-200-color{color: var(--wp--preset--color--emerald-200) !important;}.has-emerald-300-color{color: var(--wp--preset--color--emerald-300) !important;}.has-emerald-400-color{color: var(--wp--preset--color--emerald-400) !important;}.has-emerald-500-color{color: var(--wp--preset--color--emerald-500) !important;}.has-emerald-600-color{color: var(--wp--preset--color--emerald-600) !important;}.has-emerald-700-color{color: var(--wp--preset--color--emerald-700) !important;}.has-emerald-800-color{color: var(--wp--preset--color--emerald-800) !important;}.has-emerald-900-color{color: var(--wp--preset--color--emerald-900) !important;}.has-emerald-950-color{color: var(--wp--preset--color--emerald-950) !important;}.has-teal-50-color{color: var(--wp--preset--color--teal-50) !important;}.has-teal-100-color{color: var(--wp--preset--color--teal-100) !important;}.has-teal-200-color{color: var(--wp--preset--color--teal-200) !important;}.has-teal-300-color{color: var(--wp--preset--color--teal-300) !important;}.has-teal-400-color{color: var(--wp--preset--color--teal-400) !important;}.has-teal-500-color{color: var(--wp--preset--color--teal-500) !important;}.has-teal-600-color{color: var(--wp--preset--color--teal-600) !important;}.has-teal-700-color{color: var(--wp--preset--color--teal-700) !important;}.has-teal-800-color{color: var(--wp--preset--color--teal-800) !important;}.has-teal-900-color{color: var(--wp--preset--color--teal-900) !important;}.has-teal-950-color{color: var(--wp--preset--color--teal-950) !important;}.has-cyan-50-color{color: var(--wp--preset--color--cyan-50) !important;}
65.has-cyan-100-color{color: var(--wp--preset--color--cyan-100) !important;}.has-cyan-200-color{color: var(--wp--preset--color--cyan-200) !important;}.has-cyan-300-color{color: var(--wp--preset--color--cyan-300) !important;}.has-cyan-400-color{color: var(--wp--preset--color--cyan-400) !important;}.has-cyan-500-color{color: var(--wp--preset--color--cyan-500) !important;}.has-cyan-600-color{color: var(--wp--preset--color--cyan-600) !important;}.has-cyan-700-color{color: var(--wp--preset--color--cyan-700) !important;}.has-cyan-800-color{color: var(--wp--preset--color--cyan-800) !important;}.has-cyan-900-color{color: var(--wp--preset--color--cyan-900) !important;}.has-cyan-950-color{color: var(--wp--preset--color--cyan-950) !important;}.has-sky-50-color{color: var(--wp--preset--color--sky-50) !important;}.has-sky-100-color{color: var(--wp--preset--color--sky-100) !important;}.has-sky-200-color{color: var(--wp--preset--color--sky-200) !important;}.has-sky-300-color{color: var(--wp--preset--color--sky-300) !important;}.has-sky-400-color{color: var(--wp--preset--color--sky-400) !important;}.has-sky-500-color{color: var(--wp--preset--color--sky-500) !important;}.has-sky-600-color{color: var(--wp--preset--color--sky-600) !important;}.has-sky-700-color{color: var(--wp--preset--color--sky-700) !important;}.has-sky-800-color{color: var(--wp--preset--color--sky-800) !important;}.has-sky-900-color{color: var(--wp--preset--color--sky-900) !important;}.has-sky-950-color{color: var(--wp--preset--color--sky-950) !important;}.has-blue-50-color{color: var(--wp--preset--color--blue-50) !important;}.has-blue-100-color{color: var(--wp--preset--color--blue-100) !important;}.has-blue-200-color{color: var(--wp--preset--color--blue-200) !important;}.has-blue-300-color{color: var(--wp--preset--color--blue-300) !important;}.has-blue-400-color{color: var(--wp--preset--color--blue-400) !important;}.has-blue-500-color{color: var(--wp--preset--color--blue-500) !important;}.has-blue-600-color{color: var(--wp--preset--color--blue-600) !important;}.has-blue-700-color{color: var(--wp--preset--color--blue-700) !important;}.has-blue-800-color{color: var(--wp--preset--color--blue-800) !important;}.has-blue-900-color{color: var(--wp--preset--color--blue-900) !important;}.has-blue-950-color{color: var(--wp--preset--color--blue-950) !important;}.has-indigo-50-color{color: var(--wp--preset--color--indigo-50) !important;}.has-indigo-100-color{color: var(--wp--preset--color--indigo-100) !important;}.has-indigo-200-color{color: var(--wp--preset--color--indigo-200) !important;}.has-indigo-300-color{color: var(--wp--preset--color--indigo-300) !important;}.has-indigo-400-color{color: var(--wp--preset--color--indigo-400) !important;}.has-indigo-500-color{color: var(--wp--preset--color--indigo-500) !important;}.has-indigo-600-color{color: var(--wp--preset--color--indigo-600) !important;}.has-indigo-700-color{color: var(--wp--preset--color--indigo-700) !important;}.has-indigo-800-color{color: var(--wp--preset--color--indigo-800) !important;}.has-indigo-900-color{color: var(--wp--preset--color--indigo-900) !important;}.has-indigo-950-color{color: var(--wp--preset--color--indigo-950) !important;}.has-violet-50-color{color: var(--wp--preset--color--violet-50) !important;}.has-violet-100-color{color: var(--wp--preset--color--violet-100) !important;}.has-violet-200-color{color: var(--wp--preset--color--violet-200) !important;}.has-violet-300-color{color: var(--wp--preset--color--violet-300) !important;}.has-violet-400-color{color: var(--wp--preset--color--violet-400) !important;}.has-violet-500-color{color: var(--wp--preset--color--violet-500) !important;}.has-violet-600-color{color: var(--wp--preset--color--violet-600) !important;}.has-violet-700-color{color: var(--wp--preset--color--violet-700) !important;}.has-violet-800-color{color: var(--wp--preset--color--violet-800) !important;}.has-violet-900-color{color: var(--wp--preset--color--violet-900) !important;}.has-violet-950-color{color: var(--wp--preset--color--violet-950) !important;}.has-purple-50-color{color: var(--wp--preset--color--purple-50) !important;}.has-purple-100-color{color: var(--wp--preset--color--purple-100) !important;}.has-purple-200-color{color: var(--wp--preset--color--purple-200) !important;}.has-purple-300-color{color: var(--wp--preset--color--purple-300) !important;}.has-purple-400-color{color: var(--wp--preset--color--purple-400) !important;}.has-purple-500-color{color: var(--wp--preset--color--purple-500) !important;}.has-purple-600-color{color: var(--wp--preset--color--purple-600) !important;}.has-purple-700-color{color: var(--wp--preset--color--purple-700) !important;}.has-purple-800-color{color: var(--wp--preset--color--purple-800) !important;}.has-purple-900-color{color: var(--wp--preset--color--purple-900) !important;}.has-purple-950-color{color: var(--wp--preset--color--purple-950) !important;}.has-fuchsia-50-color{color: var(--wp--preset--color--fuchsia-50) !important;}.has-fuchsia-100-color{color: var(--wp--preset--color--fuchsia-100) !important;}.has-fuchsia-200-color{color: var(--wp--preset--color--fuchsia-200) !important;}.has-fuchsia-300-color{color: var(--wp--preset--color--fuchsia-300) !important;}.has-fuchsia-400-color{color: var(--wp--preset--color--fuchsia-400) !important;}.has-fuchsia-500-color{color: var(--wp--preset--color--fuchsia-500) !important;}.has-fuchsia-600-color{color: var(--wp--preset--color--fuchsia-600) !important;}.has-fuchsia-700-color{color: var(--wp--preset--color--fuchsia-700) !important;}.has-fuchsia-800-color{color: var(--wp--preset--color--fuchsia-800) !important;}.has-fuchsia-900-color{color: var(--wp--preset--color--fuchsia-900) !important;}.has-fuchsia-950-color{color: var(--wp--preset--color--fuchsia-950) !important;}.has-pink-50-color{color: var(--wp--preset--color--pink-50) !important;}.has-pink-100-color{color: var(--wp--preset--color--pink-100) !important;}.has-pink-200-color{color: var(--wp--preset--color--pink-200) !important;}.has-pink-300-color{color: var(--wp--preset--color--pink-300) !important;}.has-pink-400-color{color: var(--wp--preset--color--pink-400) !important;}.has-pink-500-color{color: var(--wp--preset--color--pink-500) !important;}.has-pink-600-color{color: var(--wp--preset--color--pink-600) !important;}.has-pink-700-color{color: var(--wp--preset--color--pink-700) !important;}.has-pink-800-color{color: var(--wp--preset--color--pink-800) !important;}.has-pink-900-color{color: var(--wp--preset--color--pink-900) !important;}.has-pink-950-color{color: var(--wp--preset--color--pink-950) !important;}.has-rose-50-color{color: var(--wp--preset--color--rose-50) !important;}.has-rose-100-color{color: var(--wp--preset--color--rose-100) !important;}.has-rose-200-color{color: var(--wp--preset--color--rose-200) !important;}.has-rose-300-color{color: var(--wp--preset--color--rose-300) !important;}.has-rose-400-color{color: var(--wp--preset--color--rose-400) !important;}.has-rose-500-color{color: var(--wp--preset--color--rose-500) !important;}.has-rose-600-color{color: var(--wp--preset--color--rose-600) !important;}.has-rose-700-color{color: var(--wp--preset--color--rose-700) !important;}.has-rose-800-color{color: var(--wp--preset--color--rose-800) !important;}.has-rose-900-color{color: var(--wp--preset--color--rose-900) !important;}.has-rose-950-color{color: var(--wp--preset--color--rose-950) !important;}.has-box-gray-color{color: var(--wp--preset--color--box-gray) !important;}.has-box-medium-gray-color{color: var(--wp--preset--color--box-medium-gray) !important;}.has-box-dark-gray-color{color: var(--wp--preset--color--box-dark-gray) !important;}.has-box-green-color{color: var(--wp--preset--color--box-green) !important;}.has-box-orange-color{color: var(--wp--preset--color--box-orange) !important;}.has-box-purple-color{color: var(--wp--preset--color--box-purple) !important;}.has-black-background-color{background-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-background-color{background-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-background-color{background-color: var(--wp--preset--color--white) !important;}.has-pale-pink-background-color{background-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-background-color{background-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-background-color{background-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-background-color{background-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-background-color{background-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-background-color{background-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-background-color{background-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-background-color{background-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-background-color{background-color: var(--wp--preset--color--vivid-purple) !important;}.has-inherit-background-color{background-color: var(--wp--preset--color--inherit) !important;}.has-current-background-color{background-color: var(--wp--preset--color--current) !important;}.has-transparent-background-color{background-color: var(--wp--preset--color--transparent) !important;}.has-slate-50-background-color{background-color: var(--wp--preset--color--slate-50) !important;}.has-slate-100-background-color{background-color: var(--wp--preset--color--slate-100) !important;}.has-slate-200-background-color{background-color: var(--wp--preset--color--slate-200) !important;}.has-slate-300-background-color{background-color: var(--wp--preset--color--slate-300) !important;}.has-slate-400-background-color{background-color: var(--wp--preset--color--slate-400) !important;}.has-slate-500-background-color{background-color: var(--wp--preset--color--slate-500) !important;}.has-slate-600-background-color{background-color: var(--wp--preset--color--slate-600) !important;}.has-slate-700-background-color{background-color: var(--wp--preset--color--slate-700) !important;}.has-slate-800-background-color{background-color: var(--wp--preset--color--slate-800) !important;}.has-slate-900-background-color{background-color: var(--wp--preset--color--slate-900) !important;}.has-slate-950-background-color{background-color: var(--wp--preset--color--slate-950) !important;}.has-gray-50-background-color{background-color: var(--wp--preset--color--gray-50) !important;}.has-gray-100-background-color{background-color: var(--wp--preset--color--gray-100) !important;}.has-gray-200-background-color{background-color: var(--wp--preset--color--gray-200) !important;}.has-gray-300-background-color{background-color: var(--wp--preset--color--gray-300) !important;}.has-gray-400-background-color{background-color: var(--wp--preset--color--gray-400) !important;}.has-gray-500-background-color{background-color: var(--wp--preset--color--gray-500) !important;}.has-gray-600-background-color{background-color: var(--wp--preset--color--gray-600) !important;}.has-gray-700-background-color{background-color: var(--wp--preset--color--gray-700) !important;}.has-gray-800-background-color{background-color: var(--wp--preset--color--gray-800) !important;}.has-gray-900-background-color{background-color: var(--wp--preset--color--gray-900) !important;}.has-gray-950-background-color{background-color: var(--wp--preset--color--gray-950) !important;}.has-zinc-50-background-color{background-color: var(--wp--preset--color--zinc-50) !important;}.has-zinc-100-background-color{background-color: var(--wp--preset--color--zinc-100) !important;}.has-zinc-200-background-color{background-color: var(--wp--preset--color--zinc-200) !important;}.has-zinc-300-background-color{background-color: var(--wp--preset--color--zinc-300) !important;}.has-zinc-400-background-color{background-color: var(--wp--preset--color--zinc-400) !important;}.has-zinc-500-background-color{background-color: var(--wp--preset--color--zinc-500) !important;}.has-zinc-600-background-color{background-color: var(--wp--preset--color--zinc-600) !important;}.has-zinc-700-background-color{background-color: var(--wp--preset--color--zinc-700) !important;}.has-zinc-800-background-color{background-color: var(--wp--preset--color--zinc-800) !important;}.has-zinc-900-background-color{background-color: var(--wp--preset--color--zinc-900) !important;}.has-zinc-950-background-color{background-color: var(--wp--preset--color--zinc-950) !important;}.has-neutral-50-background-color{background-color: var(--wp--preset--color--neutral-50) !important;}.has-neutral-100-background-color{background-color: var(--wp--preset--color--neutral-100) !important;}.has-neutral-200-background-color{background-color: var(--wp--preset--color--neutral-200) !important;}.has-neutral-300-background-color{background-color: var(--wp--preset--color--neutral-300) !important;}.has-neutral-400-background-color{background-color: var(--wp--preset--color--neutral-400) !important;}.has-neutral-500-background-color{background-color: var(--wp--preset--color--neutral-500) !important;}.has-neutral-600-background-color{background-color: var(--wp--preset--color--neutral-600) !important;}.has-neutral-700-background-color{background-color: var(--wp--preset--color--neutral-700) !important;}.has-neutral-800-background-color{background-color: var(--wp--preset--color--neutral-800) !important;}.has-neutral-900-background-color{background-color: var(--wp--preset--color--neutral-900) !important;}.has-neutral-950-background-color{background-color: var(--wp--preset--color--neutral-950) !important;}.has-stone-50-background-color{background-color: var(--wp--preset--color--stone-50) !important;}.has-stone-100-background-color{background-color: var(--wp--preset--color--stone-100) !important;}.has-stone-200-background-color{background-color: var(--wp--preset--color--stone-200) !important;}.has-stone-300-background-color{background-color: var(--wp--preset--color--stone-300) !important;}.has-stone-400-background-color{background-color: var(--wp--preset--color--stone-400) !important;}.has-stone-500-background-color{background-color: var(--wp--preset--color--stone-500) !important;}.has-stone-600-background-color{background-color: var(--wp--preset--color--stone-600) !important;}.has-stone-700-background-color{background-color: var(--wp--preset--color--stone-700) !important;}.has-stone-800-background-color{background-color: var(--wp--preset--color--stone-800) !important;}.has-stone-900-background-color{background-color: var(--wp--preset--color--stone-900) !important;}.has-stone-950-background-color{background-color: var(--wp--preset--color--stone-950) !important;}.has-red-50-background-color{background-color: var(--wp--preset--color--red-50) !important;}.has-red-100-background-color{background-color: var(--wp--preset--color--red-100) !important;}.has-red-200-background-color{background-color: var(--wp--preset--color--red-200) !important;}.has-red-300-background-color{background-color: var(--wp--preset--color--red-300) !important;}.has-red-400-background-color{background-color: var(--wp--preset--color--red-400) !important;}.has-red-500-background-color{background-color: var(--wp--preset--color--red-500) !important;}.has-red-600-background-color{background-color: var(--wp--preset--color--red-600) !important;}.has-red-700-background-color{background-color: var(--wp--preset--color--red-700) !important;}.has-red-800-background-color{background-color: var(--wp--preset--color--red-800) !important;}.has-red-900-background-color{background-color: var(--wp--preset--color--red-900) !important;}.has-red-950-background-color{background-color: var(--wp--preset--color--red-950) !important;}.has-orange-50-background-color{background-color: var(--wp--preset--color--orange-50) !important;}.has-orange-100-background-color{background-color: var(--wp--preset--color--orange-100) !important;}.has-orange-200-background-color{background-color: var(--wp--preset--color--orange-200) !important;}.has-orange-300-background-color{background-color: var(--wp--preset--color--orange-300) !important;}.has-orange-400-background-color{background-color: var(--wp--preset--color--orange-400) !important;}.has-orange-500-ba
65ckground-color{background-color: var(--wp--preset--color--orange-500) !important;}.has-orange-600-background-color{background-color: var(--wp--preset--color--orange-600) !important;}.has-orange-700-background-color{background-color: var(--wp--preset--color--orange-700) !important;}.has-orange-800-background-color{background-color: var(--wp--preset--color--orange-800) !important;}.has-orange-900-background-color{background-color: var(--wp--preset--color--orange-900) !important;}.has-orange-950-background-color{background-color: var(--wp--preset--color--orange-950) !important;}.has-amber-50-background-color{background-color: var(--wp--preset--color--amber-50) !important;}.has-amber-100-background-color{background-color: var(--wp--preset--color--amber-100) !important;}.has-amber-200-background-color{background-color: var(--wp--preset--color--amber-200) !important;}.has-amber-300-background-color{background-color: var(--wp--preset--color--amber-300) !important;}.has-amber-400-background-color{background-color: var(--wp--preset--color--amber-400) !important;}.has-amber-500-background-color{background-color: var(--wp--preset--color--amber-500) !important;}.has-amber-600-background-color{background-color: var(--wp--preset--color--amber-600) !important;}.has-amber-700-background-color{background-color: var(--wp--preset--color--amber-700) !important;}.has-amber-800-background-color{background-color: var(--wp--preset--color--amber-800) !important;}.has-amber-900-background-color{background-color: var(--wp--preset--color--amber-900) !important;}.has-amber-950-background-color{background-color: var(--wp--preset--color--amber-950) !important;}.has-yellow-50-background-color{background-color: var(--wp--preset--color--yellow-50) !important;}.has-yellow-100-background-color{background-color: var(--wp--preset--color--yellow-100) !important;}.has-yellow-200-background-color{background-color: var(--wp--preset--color--yellow-200) !important;}.has-yellow-300-background-color{background-color: var(--wp--preset--color--yellow-300) !important;}.has-yellow-400-background-color{background-color: var(--wp--preset--color--yellow-400) !important;}.has-yellow-500-background-color{background-color: var(--wp--preset--color--yellow-500) !important;}.has-yellow-600-background-color{background-color: var(--wp--preset--color--yellow-600) !important;}.has-yellow-700-background-color{background-color: var(--wp--preset--color--yellow-700) !important;}.has-yellow-800-background-color{background-color: var(--wp--preset--color--yellow-800) !important;}.has-yellow-900-background-color{background-color: var(--wp--preset--color--yellow-900) !important;}.has-yellow-950-background-color{background-color: var(--wp--preset--color--yellow-950) !important;}.has-lime-50-background-color{background-color: var(--wp--preset--color--lime-50) !important;}.has-lime-100-background-color{background-color: var(--wp--preset--color--lime-100) !important;}.has-lime-200-background-color{background-color: var(--wp--preset--color--lime-200) !important;}.has-lime-300-background-color{background-color: var(--wp--preset--color--lime-300) !important;}.has-lime-400-background-color{background-color: var(--wp--preset--color--lime-400) !important;}.has-lime-500-background-color{background-color: var(--wp--preset--color--lime-500) !important;}.has-lime-600-background-color{background-color: var(--wp--preset--color--lime-600) !important;}.has-lime-700-background-color{background-color: var(--wp--preset--color--lime-700) !important;}.has-lime-800-background-color{background-color: var(--wp--preset--color--lime-800) !important;}.has-lime-900-background-color{background-color: var(--wp--preset--color--lime-900) !important;}.has-lime-950-background-color{background-color: var(--wp--preset--color--lime-950) !important;}.has-green-50-background-color{background-color: var(--wp--preset--color--green-50) !important;}.has-green-100-background-color{background-color: var(--wp--preset--color--green-100) !important;}.has-green-200-background-color{background-color: var(--wp--preset--color--green-200) !important;}.has-green-300-background-color{background-color: var(--wp--preset--color--green-300) !important;}.has-green-400-background-color{background-color: var(--wp--preset--color--green-400) !important;}.has-green-500-background-color{background-color: var(--wp--preset--color--green-500) !important;}.has-green-600-background-color{background-color: var(--wp--preset--color--green-600) !important;}.has-green-700-background-color{background-color: var(--wp--preset--color--green-700) !important;}.has-green-800-background-color{background-color: var(--wp--preset--color--green-800) !important;}.has-green-900-background-color{background-color: var(--wp--preset--color--green-900) !important;}.has-green-950-background-color{background-color: var(--wp--preset--color--green-950) !important;}.has-emerald-50-background-color{background-color: var(--wp--preset--color--emerald-50) !important;}.has-emerald-100-background-color{background-color: var(--wp--preset--color--emerald-100) !important;}.has-emerald-200-background-color{background-color: var(--wp--preset--color--emerald-200) !important;}.has-emerald-300-background-color{background-color: var(--wp--preset--color--emerald-300) !important;}.has-emerald-400-background-color{background-color: var(--wp--preset--color--emerald-400) !important;}.has-emerald-500-background-color{background-color: var(--wp--preset--color--emerald-500) !important;}.has-emerald-600-background-color{background-color: var(--wp--preset--color--emerald-600) !important;}.has-emerald-700-background-color{background-color: var(--wp--preset--color--emerald-700) !important;}.has-emerald-800-background-color{background-color: var(--wp--preset--color--emerald-800) !important;}.has-emerald-900-background-color{background-color: var(--wp--preset--color--emerald-900) !important;}.has-emerald-950-background-color{background-color: var(--wp--preset--color--emerald-950) !important;}.has-teal-50-background-color{background-color: var(--wp--preset--color--teal-50) !important;}.has-teal-100-background-color{background-color: var(--wp--preset--color--teal-100) !important;}.has-teal-200-background-color{background-color: var(--wp--preset--color--teal-200) !important;}.has-teal-300-background-color{background-color: var(--wp--preset--color--teal-300) !important;}.has-teal-400-background-color{background-color: var(--wp--preset--color--teal-400) !important;}.has-teal-500-background-color{background-color: var(--wp--preset--color--teal-500) !important;}.has-teal-600-background-color{background-color: var(--wp--preset--color--teal-600) !important;}.has-teal-700-background-color{background-color: var(--wp--preset--color--teal-700) !important;}.has-teal-800-background-color{background-color: var(--wp--preset--color--teal-800) !important;}.has-teal-900-background-color{background-color: var(--wp--preset--color--teal-900) !important;}.has-teal-950-background-color{background-color: var(--wp--preset--color--teal-950) !important;}.has-cyan-50-background-color{background-color: var(--wp--preset--color--cyan-50) !important;}.has-cyan-100-background-color{background-color: var(--wp--preset--color--cyan-100) !important;}.has-cyan-200-background-color{background-color: var(--wp--preset--color--cyan-200) !important;}.has-cyan-300-background-color{background-color: var(--wp--preset--color--cyan-300) !important;}.has-cyan-400-background-color{background-color: var(--wp--preset--color--cyan-400) !important;}.has-cyan-500-background-color{background-color: var(--wp--preset--color--cyan-500) !important;}.has-cyan-600-background-color{background-color: var(--wp--preset--color--cyan-600) !important;}.has-cyan-700-background-color{background-color: var(--wp--preset--color--cyan-700) !important;}.has-cyan-800-background-color{background-color: var(--wp--preset--color--cyan-800) !important;}.has-cyan-900-background-color{background-color: var(--wp--preset--color--cyan-900) !important;}.has-cyan-950-background-color{background-color: var(--wp--preset--color--cyan-950) !important;}.has-sky-50-background-color{background-color: var(--wp--preset--color--sky-50) !important;}.has-sky-100-background-color{background-color: var(--wp--preset--color--sky-100) !important;}.has-sky-200-background-color{background-color: var(--wp--preset--color--sky-200) !important;}.has-sky-300-background-color{background-color: var(--wp--preset--color--sky-300) !important;}.has-sky-400-background-color{background-color: var(--wp--preset--color--sky-400) !important;}.has-sky-500-background-color{background-color: var(--wp--preset--color--sky-500) !important;}.has-sky-600-background-color{background-color: var(--wp--preset--color--sky-600) !important;}.has-sky-700-background-color{background-color: var(--wp--preset--color--sky-700) !important;}.has-sky-800-background-color{background-color: var(--wp--preset--color--sky-800) !important;}.has-sky-900-background-color{background-color: var(--wp--preset--color--sky-900) !important;}.has-sky-950-background-color{background-color: var(--wp--preset--color--sky-950) !important;}.has-blue-50-background-color{background-color: var(--wp--preset--color--blue-50) !important;}.has-blue-100-background-color{background-color: var(--wp--preset--color--blue-100) !important;}.has-blue-200-background-color{background-color: var(--wp--preset--color--blue-200) !important;}.has-blue-300-background-color{background-color: var(--wp--preset--color--blue-300) !important;}.has-blue-400-background-color{background-color: var(--wp--preset--color--blue-400) !important;}.has-blue-500-background-color{background-color: var(--wp--preset--color--blue-500) !important;}.has-blue-600-background-color{background-color: var(--wp--preset--color--blue-600) !important;}.has-blue-700-background-color{background-color: var(--wp--preset--color--blue-700) !important;}.has-blue-800-background-color{background-color: var(--wp--preset--color--blue-800) !important;}.has-blue-900-background-color{background-color: var(--wp--preset--color--blue-900) !important;}.has-blue-950-background-color{background-color: var(--wp--preset--color--blue-950) !important;}.has-indigo-50-background-color{background-color: var(--wp--preset--color--indigo-50) !important;}.has-indigo-100-background-color{background-color: var(--wp--preset--color--indigo-100) !important;}.has-indigo-200-background-color{background-color: var(--wp--preset--color--indigo-200) !important;}.has-indigo-300-background-color{background-color: var(--wp--preset--color--indigo-300) !important;}.has-indigo-400-background-color{background-color: var(--wp--preset--color--indigo-400) !important;}.has-indigo-500-background-color{background-color: var(--wp--preset--color--indigo-500) !important;}.has-indigo-600-background-color{background-color: var(--wp--preset--color--indigo-600) !important;}.has-indigo-700-background-color{background-color: var(--wp--preset--color--indigo-700) !important;}.has-indigo-800-background-color{background-color: var(--wp--preset--color--indigo-800) !important;}.has-indigo-900-background-color{background-color: var(--wp--preset--color--indigo-900) !important;}.has-indigo-950-background-color{background-color: var(--wp--preset--color--indigo-950) !important;}.has-violet-50-background-color{background-color: var(--wp--preset--color--violet-50) !important;}.has-violet-100-background-color{background-color: var(--wp--preset--color--violet-100) !important;}.has-violet-200-background-color{background-color: var(--wp--preset--color--violet-200) !important;}.has-violet-300-background-color{background-color: var(--wp--preset--color--violet-300) !important;}.has-violet-400-background-color{background-color: var(--wp--preset--color--violet-400) !important;}.has-violet-500-background-color{background-color: var(--wp--preset--color--violet-500) !important;}.has-violet-600-background-color{background-color: var(--wp--preset--color--violet-600) !important;}.has-violet-700-background-color{background-color: var(--wp--preset--color--violet-700) !important;}.has-violet-800-background-color{background-color: var(--wp--preset--color--violet-800) !important;}.has-violet-900-background-color{background-color: var(--wp--preset--color--violet-900) !important;}.has-violet-950-background-color{background-color: var(--wp--preset--color--violet-950) !important;}.has-purple-50-background-color{background-color: var(--wp--preset--color--purple-50) !important;}.has-purple-100-background-color{background-color: var(--wp--preset--color--purple-100) !important;}.has-purple-200-background-color{background-color: var(--wp--preset--color--purple-200) !important;}.has-purple-300-background-color{background-color: var(--wp--preset--color--purple-300) !important;}.has-purple-400-background-color{background-color: var(--wp--preset--color--purple-400) !important;}.has-purple-500-background-color{background-color: var(--wp--preset--color--purple-500) !important;}.has-purple-600-background-color{background-color: var(--wp--preset--color--purple-600) !important;}.has-purple-700-background-color{background-color: var(--wp--preset--color--purple-700) !important;}.has-purple-800-background-color{background-color: var(--wp--preset--color--purple-800) !important;}.has-purple-900-background-color{background-color: var(--wp--preset--color--purple-900) !important;}.has-purple-950-background-color{background-color: var(--wp--preset--color--purple-950) !important;}.has-fuchsia-50-background-color{background-color: var(--wp--preset--color--fuchsia-50) !important;}.has-fuchsia-100-background-color{background-color: var(--wp--preset--color--fuchsia-100) !important;}.has-fuchsia-200-background-color{background-color: var(--wp--preset--color--fuchsia-200) !important;}.has-fuchsia-300-background-color{background-color: var(--wp--preset--color--fuchsia-300) !important;}.has-fuchsia-400-background-color{background-color: var(--wp--preset--color--fuchsia-400) !important;}.has-fuchsia-500-background-color{background-color: var(--wp--preset--color--fuchsia-500) !important;}.has-fuchsia-600-background-color{background-color: var(--wp--preset--color--fuchsia-600) !important;}.has-fuchsia-700-background-color{background-color: var(--wp--preset--color--fuchsia-700) !important;}.has-fuchsia-800-background-color{background-color: var(--wp--preset--color--fuchsia-800) !important;}.has-fuchsia-900-background-color{background-color: var(--wp--preset--color--fuchsia-900) !important;}.has-fuchsia-950-background-color{background-color: var(--wp--preset--color--fuchsia-950) !important;}.has-pink-50-background-color{background-color: var(--wp--preset--color--pink-50) !important;}.has-pink-100-background-color{background-color: var(--wp--preset--color--pink-100) !important;}.has-pink-200-background-color{background-color: var(--wp--preset--color--pink-200) !important;}.has-pink-300-background-color{background-color: var(--wp--preset--color--pink-300) !important;}.has-pink-400-background-color{background-color: var(--wp--preset--color--pink-400) !important;}.has-pink-500-background-color{background-color: var(--wp--preset--color--pink-500) !important;}.has-pink-600-background-color{background-color: var(--wp--preset--color--pink-600) !important;}.has-pink-700-background-color{background-color: var(--wp--preset--color--pink-700) !important;}.has-pink-800-background-color{background-color: var(--wp--preset--color--pink-800) !important;}.has-pink-900-background-color{background-color: var(--wp--preset--color--pink-900) !important;}.has-pink-950-background-color{background-color: var(--wp--preset--color--pink-950) !important;}.has-rose-50-background-color{background-color: var(--wp--preset--color--rose-50) !important;}.has-rose-100-background-color{background-color: var(--wp--preset--color--rose-100) !important;}.has-rose-200-background-color{background-color: var(--wp--preset--color--rose-200) !important;}.has-rose-300-background-color{background-color: var(--wp--preset--color--rose-300) !important;}.has-rose-400-background-color{background-color: var(--wp--preset--color--rose-400) !important;}.has-rose-500-background-color{background-color: var(--wp--preset--color--rose-500) !important;}.has-rose-600-background-color{background-color: var(--wp--preset--color--rose-600) !important;}.has-rose-700-background-color{background-colo
65r: var(--wp--preset--color--rose-700) !important;}.has-rose-800-background-color{background-color: var(--wp--preset--color--rose-800) !important;}.has-rose-900-background-color{background-color: var(--wp--preset--color--rose-900) !important;}.has-rose-950-background-color{background-color: var(--wp--preset--color--rose-950) !important;}.has-box-gray-background-color{background-color: var(--wp--preset--color--box-gray) !important;}.has-box-medium-gray-background-color{background-color: var(--wp--preset--color--box-medium-gray) !important;}.has-box-dark-gray-background-color{background-color: var(--wp--preset--color--box-dark-gray) !important;}.has-box-green-background-color{background-color: var(--wp--preset--color--box-green) !important;}.has-box-orange-background-color{background-color: var(--wp--preset--color--box-orange) !important;}.has-box-purple-background-color{background-color: var(--wp--preset--color--box-purple) !important;}.has-black-border-color{border-color: var(--wp--preset--color--black) !important;}.has-cyan-bluish-gray-border-color{border-color: var(--wp--preset--color--cyan-bluish-gray) !important;}.has-white-border-color{border-color: var(--wp--preset--color--white) !important;}.has-pale-pink-border-color{border-color: var(--wp--preset--color--pale-pink) !important;}.has-vivid-red-border-color{border-color: var(--wp--preset--color--vivid-red) !important;}.has-luminous-vivid-orange-border-color{border-color: var(--wp--preset--color--luminous-vivid-orange) !important;}.has-luminous-vivid-amber-border-color{border-color: var(--wp--preset--color--luminous-vivid-amber) !important;}.has-light-green-cyan-border-color{border-color: var(--wp--preset--color--light-green-cyan) !important;}.has-vivid-green-cyan-border-color{border-color: var(--wp--preset--color--vivid-green-cyan) !important;}.has-pale-cyan-blue-border-color{border-color: var(--wp--preset--color--pale-cyan-blue) !important;}.has-vivid-cyan-blue-border-color{border-color: var(--wp--preset--color--vivid-cyan-blue) !important;}.has-vivid-purple-border-color{border-color: var(--wp--preset--color--vivid-purple) !important;}.has-inherit-border-color{border-color: var(--wp--preset--color--inherit) !important;}.has-current-border-color{border-color: var(--wp--preset--color--current) !important;}.has-transparent-border-color{border-color: var(--wp--preset--color--transparent) !important;}.has-slate-50-border-color{border-color: var(--wp--preset--color--slate-50) !important;}.has-slate-100-border-color{border-color: var(--wp--preset--color--slate-100) !important;}.has-slate-200-border-color{border-color: var(--wp--preset--color--slate-200) !important;}.has-slate-300-border-color{border-color: var(--wp--preset--color--slate-300) !important;}.has-slate-400-border-color{border-color: var(--wp--preset--color--slate-400) !important;}.has-slate-500-border-color{border-color: var(--wp--preset--color--slate-500) !important;}.has-slate-600-border-color{border-color: var(--wp--preset--color--slate-600) !important;}.has-slate-700-border-color{border-color: var(--wp--preset--color--slate-700) !important;}.has-slate-800-border-color{border-color: var(--wp--preset--color--slate-800) !important;}.has-slate-900-border-color{border-color: var(--wp--preset--color--slate-900) !important;}.has-slate-950-border-color{border-color: var(--wp--preset--color--slate-950) !important;}.has-gray-50-border-color{border-color: var(--wp--preset--color--gray-50) !important;}.has-gray-100-border-color{border-color: var(--wp--preset--color--gray-100) !important;}.has-gray-200-border-color{border-color: var(--wp--preset--color--gray-200) !important;}.has-gray-300-border-color{border-color: var(--wp--preset--color--gray-300) !important;}.has-gray-400-border-color{border-color: var(--wp--preset--color--gray-400) !important;}.has-gray-500-border-color{border-color: var(--wp--preset--color--gray-500) !important;}.has-gray-600-border-color{border-color: var(--wp--preset--color--gray-600) !important;}.has-gray-700-border-color{border-color: var(--wp--preset--color--gray-700) !important;}.has-gray-800-border-color{border-color: var(--wp--preset--color--gray-800) !important;}.has-gray-900-border-color{border-color: var(--wp--preset--color--gray-900) !important;}.has-gray-950-border-color{border-color: var(--wp--preset--color--gray-950) !important;}.has-zinc-50-border-color{border-color: var(--wp--preset--color--zinc-50) !important;}.has-zinc-100-border-color{border-color: var(--wp--preset--color--zinc-100) !important;}.has-zinc-200-border-color{border-color: var(--wp--preset--color--zinc-200) !important;}.has-zinc-300-border-color{border-color: var(--wp--preset--color--zinc-300) !important;}.has-zinc-400-border-color{border-color: var(--wp--preset--color--zinc-400) !important;}.has-zinc-500-border-color{border-color: var(--wp--preset--color--zinc-500) !important;}.has-zinc-600-border-color{border-color: var(--wp--preset--color--zinc-600) !important;}.has-zinc-700-border-color{border-color: var(--wp--preset--color--zinc-700) !important;}.has-zinc-800-border-color{border-color: var(--wp--preset--color--zinc-800) !important;}.has-zinc-900-border-color{border-color: var(--wp--preset--color--zinc-900) !important;}.has-zinc-950-border-color{border-color: var(--wp--preset--color--zinc-950) !important;}.has-neutral-50-border-color{border-color: var(--wp--preset--color--neutral-50) !important;}.has-neutral-100-border-color{border-color: var(--wp--preset--color--neutral-100) !important;}.has-neutral-200-border-color{border-color: var(--wp--preset--color--neutral-200) !important;}.has-neutral-300-border-color{border-color: var(--wp--preset--color--neutral-300) !important;}.has-neutral-400-border-color{border-color: var(--wp--preset--color--neutral-400) !important;}.has-neutral-500-border-color{border-color: var(--wp--preset--color--neutral-500) !important;}.has-neutral-600-border-color{border-color: var(--wp--preset--color--neutral-600) !important;}.has-neutral-700-border-color{border-color: var(--wp--preset--color--neutral-700) !important;}.has-neutral-800-border-color{border-color: var(--wp--preset--color--neutral-800) !important;}.has-neutral-900-border-color{border-color: var(--wp--preset--color--neutral-900) !important;}.has-neutral-950-border-color{border-color: var(--wp--preset--color--neutral-950) !important;}.has-stone-50-border-color{border-color: var(--wp--preset--color--stone-50) !important;}.has-stone-100-border-color{border-color: var(--wp--preset--color--stone-100) !important;}.has-stone-200-border-color{border-color: var(--wp--preset--color--stone-200) !important;}.has-stone-300-border-color{border-color: var(--wp--preset--color--stone-300) !important;}.has-stone-400-border-color{border-color: var(--wp--preset--color--stone-400) !important;}.has-stone-500-border-color{border-color: var(--wp--preset--color--stone-500) !important;}.has-stone-600-border-color{border-color: var(--wp--preset--color--stone-600) !important;}.has-stone-700-border-color{border-color: var(--wp--preset--color--stone-700) !important;}.has-stone-800-border-color{border-color: var(--wp--preset--color--stone-800) !important;}.has-stone-900-border-color{border-color: var(--wp--preset--color--stone-900) !important;}.has-stone-950-border-color{border-color: var(--wp--preset--color--stone-950) !important;}.has-red-50-border-color{border-color: var(--wp--preset--color--red-50) !important;}.has-red-100-border-color{border-color: var(--wp--preset--color--red-100) !important;}.has-red-200-border-color{border-color: var(--wp--preset--color--red-200) !important;}.has-red-300-border-color{border-color: var(--wp--preset--color--red-300) !important;}.has-red-400-border-color{border-color: var(--wp--preset--color--red-400) !important;}.has-red-500-border-color{border-color: var(--wp--preset--color--red-500) !important;}.has-red-600-border-color{border-color: var(--wp--preset--color--red-600) !important;}.has-red-700-border-color{border-color: var(--wp--preset--color--red-700) !important;}.has-red-800-border-color{border-color: var(--wp--preset--color--red-800) !important;}.has-red-900-border-color{border-color: var(--wp--preset--color--red-900) !important;}.has-red-950-border-color{border-color: var(--wp--preset--color--red-950) !important;}.has-orange-50-border-color{border-color: var(--wp--preset--color--orange-50) !important;}.has-orange-100-border-color{border-color: var(--wp--preset--color--orange-100) !important;}.has-orange-200-border-color{border-color: var(--wp--preset--color--orange-200) !important;}.has-orange-300-border-color{border-color: var(--wp--preset--color--orange-300) !important;}.has-orange-400-border-color{border-color: var(--wp--preset--color--orange-400) !important;}.has-orange-500-border-color{border-color: var(--wp--preset--color--orange-500) !important;}.has-orange-600-border-color{border-color: var(--wp--preset--color--orange-600) !important;}.has-orange-700-border-color{border-color: var(--wp--preset--color--orange-700) !important;}.has-orange-800-border-color{border-color: var(--wp--preset--color--orange-800) !important;}.has-orange-900-border-color{border-color: var(--wp--preset--color--orange-900) !important;}.has-orange-950-border-color{border-color: var(--wp--preset--color--orange-950) !important;}.has-amber-50-border-color{border-color: var(--wp--preset--color--amber-50) !important;}.has-amber-100-border-color{border-color: var(--wp--preset--color--amber-100) !important;}.has-amber-200-border-color{border-color: var(--wp--preset--color--amber-200) !important;}.has-amber-300-border-color{border-color: var(--wp--preset--color--amber-300) !important;}.has-amber-400-border-color{border-color: var(--wp--preset--color--amber-400) !important;}.has-amber-500-border-color{border-color: var(--wp--preset--color--amber-500) !important;}.has-amber-600-border-color{border-color: var(--wp--preset--color--amber-600) !important;}.has-amber-700-border-color{border-color: var(--wp--preset--color--amber-700) !important;}.has-amber-800-border-color{border-color: var(--wp--preset--color--amber-800) !important;}.has-amber-900-border-color{border-color: var(--wp--preset--color--amber-900) !important;}.has-amber-950-border-color{border-color: var(--wp--preset--color--amber-950) !important;}.has-yellow-50-border-color{border-color: var(--wp--preset--color--yellow-50) !important;}.has-yellow-100-border-color{border-color: var(--wp--preset--color--yellow-100) !important;}.has-yellow-200-border-color{border-color: var(--wp--preset--color--yellow-200) !important;}.has-yellow-300-border-color{border-color: var(--wp--preset--color--yellow-300) !important;}.has-yellow-400-border-color{border-color: var(--wp--preset--color--yellow-400) !important;}.has-yellow-500-border-color{border-color: var(--wp--preset--color--yellow-500) !important;}.has-yellow-600-border-color{border-color: var(--wp--preset--color--yellow-600) !important;}.has-yellow-700-border-color{border-color: var(--wp--preset--color--yellow-700) !important;}.has-yellow-800-border-color{border-color: var(--wp--preset--color--yellow-800) !important;}.has-yellow-900-border-color{border-color: var(--wp--preset--color--yellow-900) !important;}.has-yellow-950-border-color{border-color: var(--wp--preset--color--yellow-950) !important;}.has-lime-50-border-color{border-color: var(--wp--preset--color--lime-50) !important;}.has-lime-100-border-color{border-color: var(--wp--preset--color--lime-100) !important;}.has-lime-200-border-color{border-color: var(--wp--preset--color--lime-200) !important;}.has-lime-300-border-color{border-color: var(--wp--preset--color--lime-300) !important;}.has-lime-400-border-color{border-color: var(--wp--preset--color--lime-400) !important;}.has-lime-500-border-color{border-color: var(--wp--preset--color--lime-500) !important;}.has-lime-600-border-color{border-color: var(--wp--preset--color--lime-600) !important;}.has-lime-700-border-color{border-color: var(--wp--preset--color--lime-700) !important;}.has-lime-800-border-color{border-color: var(--wp--preset--color--lime-800) !important;}.has-lime-900-border-color{border-color: var(--wp--preset--color--lime-900) !important;}.has-lime-950-border-color{border-color: var(--wp--preset--color--lime-950) !important;}.has-green-50-border-color{border-color: var(--wp--preset--color--green-50) !important;}.has-green-100-border-color{border-color: var(--wp--preset--color--green-100) !important;}.has-green-200-border-color{border-color: var(--wp--preset--color--green-200) !important;}.has-green-300-border-color{border-color: var(--wp--preset--color--green-300) !important;}.has-green-400-border-color{border-color: var(--wp--preset--color--green-400) !important;}.has-green-500-border-color{border-color: var(--wp--preset--color--green-500) !important;}.has-green-600-border-color{border-color: var(--wp--preset--color--green-600) !important;}.has-green-700-border-color{border-color: var(--wp--preset--color--green-700) !important;}.has-green-800-border-color{border-color: var(--wp--preset--color--green-800) !important;}.has-green-900-border-color{border-color: var(--wp--preset--color--green-900) !important;}.has-green-950-border-color{border-color: var(--wp--preset--color--green-950) !important;}.has-emerald-50-border-color{border-color: var(--wp--preset--color--emerald-50) !important;}.has-emerald-100-border-color{border-color: var(--wp--preset--color--emerald-100) !important;}.has-emerald-200-border-color{border-color: var(--wp--preset--color--emerald-200) !important;}.has-emerald-300-border-color{border-color: var(--wp--preset--color--emerald-300) !important;}.has-emerald-400-border-color{border-color: var(--wp--preset--color--emerald-400) !important;}.has-emerald-500-border-color{border-color: var(--wp--preset--color--emerald-500) !important;}.has-emerald-600-border-color{border-color: var(--wp--preset--color--emerald-600) !important;}.has-emerald-700-border-color{border-color: var(--wp--preset--color--emerald-700) !important;}.has-emerald-800-border-color{border-color: var(--wp--preset--color--emerald-800) !important;}.has-emerald-900-border-color{border-color: var(--wp--preset--color--emerald-900) !important;}.has-emerald-950-border-color{border-color: var(--wp--preset--color--emerald-950) !important;}.has-teal-50-border-color{border-color: var(--wp--preset--color--teal-50) !important;}.has-teal-100-border-color{border-color: var(--wp--preset--color--teal-100) !important;}.has-teal-200-border-color{border-color: var(--wp--preset--color--teal-200) !important;}.has-teal-300-border-color{border-color: var(--wp--preset--color--teal-300) !important;}.has-teal-400-border-color{border-color: var(--wp--preset--color--teal-400) !important;}.has-teal-500-border-color{border-color: var(--wp--preset--color--teal-500) !important;}.has-teal-600-border-color{border-color: var(--wp--preset--color--teal-600) !important;}.has-teal-700-border-color{border-color: var(--wp--preset--color--teal-700) !important;}.has-teal-800-border-color{border-color: var(--wp--preset--color--teal-800) !important;}.has-teal-900-border-color{border-color: var(--wp--preset--color--teal-900) !important;}.has-teal-950-border-color{border-color: var(--wp--preset--color--teal-950) !important;}.has-cyan-50-border-color{border-color: var(--wp--preset--color--cyan-50) !important;}.has-cyan-100-border-color{border-color: var(--wp--preset--color--cyan-100) !important;}.has-cyan-200-border-color{border-color: var(--wp--preset--color--cyan-200) !important;}.has-cyan-300-border-color{border-color: var(--wp--preset--color--cyan-300) !important;}.has-cyan-400-border-color{border-color: var(--wp--preset--color--cyan-400) !important;}.has-cyan-500-border-color{border-color: var(--wp--preset--color--cyan-500) !important;}.has-cyan-600-border-color{border-color: var(--wp--preset--color--cyan-600) !important;}.has-cyan-700-border-color{border-color: var(--wp--preset--color--cyan-700) !important;}.has-cyan-800-border-color{border-color: var(--wp--preset--color--cyan-800) !important;}.has-cyan-900-border-color{border-color: var(--wp--preset--color--cyan-900) !important;}.has-cyan-950-border-color{border-color: var(--wp--preset--color--cyan-950) !important;}.has-sky-50-border-color{border-color: var(--wp--preset--color--sky-50) !important;}.has-sky-100-border-color{border-color: var(--wp--preset--color--sky-100) !important;}.has-sky-2
6500-border-color{border-color: var(--wp--preset--color--sky-200) !important;}.has-sky-300-border-color{border-color: var(--wp--preset--color--sky-300) !important;}.has-sky-400-border-color{border-color: var(--wp--preset--color--sky-400) !important;}.has-sky-500-border-color{border-color: var(--wp--preset--color--sky-500) !important;}.has-sky-600-border-color{border-color: var(--wp--preset--color--sky-600) !important;}.has-sky-700-border-color{border-color: var(--wp--preset--color--sky-700) !important;}.has-sky-800-border-color{border-color: var(--wp--preset--color--sky-800) !important;}.has-sky-900-border-color{border-color: var(--wp--preset--color--sky-900) !important;}.has-sky-950-border-color{border-color: var(--wp--preset--color--sky-950) !important;}.has-blue-50-border-color{border-color: var(--wp--preset--color--blue-50) !important;}.has-blue-100-border-color{border-color: var(--wp--preset--color--blue-100) !important;}.has-blue-200-border-color{border-color: var(--wp--preset--color--blue-200) !important;}.has-blue-300-border-color{border-color: var(--wp--preset--color--blue-300) !important;}.has-blue-400-border-color{border-color: var(--wp--preset--color--blue-400) !important;}.has-blue-500-border-color{border-color: var(--wp--preset--color--blue-500) !important;}.has-blue-600-border-color{border-color: var(--wp--preset--color--blue-600) !important;}.has-blue-700-border-color{border-color: var(--wp--preset--color--blue-700) !important;}.has-blue-800-border-color{border-color: var(--wp--preset--color--blue-800) !important;}.has-blue-900-border-color{border-color: var(--wp--preset--color--blue-900) !important;}.has-blue-950-border-color{border-color: var(--wp--preset--color--blue-950) !important;}.has-indigo-50-border-color{border-color: var(--wp--preset--color--indigo-50) !important;}.has-indigo-100-border-color{border-color: var(--wp--preset--color--indigo-100) !important;}.has-indigo-200-border-color{border-color: var(--wp--preset--color--indigo-200) !important;}.has-indigo-300-border-color{border-color: var(--wp--preset--color--indigo-300) !important;}.has-indigo-400-border-color{border-color: var(--wp--preset--color--indigo-400) !important;}.has-indigo-500-border-color{border-color: var(--wp--preset--color--indigo-500) !important;}.has-indigo-600-border-color{border-color: var(--wp--preset--color--indigo-600) !important;}.has-indigo-700-border-color{border-color: var(--wp--preset--color--indigo-700) !important;}.has-indigo-800-border-color{border-color: var(--wp--preset--color--indigo-800) !important;}.has-indigo-900-border-color{border-color: var(--wp--preset--color--indigo-900) !important;}.has-indigo-950-border-color{border-color: var(--wp--preset--color--indigo-950) !important;}.has-violet-50-border-color{border-color: var(--wp--preset--color--violet-50) !important;}.has-violet-100-border-color{border-color: var(--wp--preset--color--violet-100) !important;}.has-violet-200-border-color{border-color: var(--wp--preset--color--violet-200) !important;}.has-violet-300-border-color{border-color: var(--wp--preset--color--violet-300) !important;}.has-violet-400-border-color{border-color: var(--wp--preset--color--violet-400) !important;}.has-violet-500-border-color{border-color: var(--wp--preset--color--violet-500) !important;}.has-violet-600-border-color{border-color: var(--wp--preset--color--violet-600) !important;}.has-violet-700-border-color{border-color: var(--wp--preset--color--violet-700) !important;}.has-violet-800-border-color{border-color: var(--wp--preset--color--violet-800) !important;}.has-violet-900-border-color{border-color: var(--wp--preset--color--violet-900) !important;}.has-violet-950-border-color{border-color: var(--wp--preset--color--violet-950) !important;}.has-purple-50-border-color{border-color: var(--wp--preset--color--purple-50) !important;}.has-purple-100-border-color{border-color: var(--wp--preset--color--purple-100) !important;}.has-purple-200-border-color{border-color: var(--wp--preset--color--purple-200) !important;}.has-purple-300-border-color{border-color: var(--wp--preset--color--purple-300) !important;}.has-purple-400-border-color{border-color: var(--wp--preset--color--purple-400) !important;}.has-purple-500-border-color{border-color: var(--wp--preset--color--purple-500) !important;}.has-purple-600-border-color{border-color: var(--wp--preset--color--purple-600) !important;}.has-purple-700-border-color{border-color: var(--wp--preset--color--purple-700) !important;}.has-purple-800-border-color{border-color: var(--wp--preset--color--purple-800) !important;}.has-purple-900-border-color{border-color: var(--wp--preset--color--purple-900) !important;}.has-purple-950-border-color{border-color: var(--wp--preset--color--purple-950) !important;}.has-fuchsia-50-border-color{border-color: var(--wp--preset--color--fuchsia-50) !important;}.has-fuchsia-100-border-color{border-color: var(--wp--preset--color--fuchsia-100) !important;}.has-fuchsia-200-border-color{border-color: var(--wp--preset--color--fuchsia-200) !important;}.has-fuchsia-300-border-color{border-color: var(--wp--preset--color--fuchsia-300) !important;}.has-fuchsia-400-border-color{border-color: var(--wp--preset--color--fuchsia-400) !important;}.has-fuchsia-500-border-color{border-color: var(--wp--preset--color--fuchsia-500) !important;}.has-fuchsia-600-border-color{border-color: var(--wp--preset--color--fuchsia-600) !important;}.has-fuchsia-700-border-color{border-color: var(--wp--preset--color--fuchsia-700) !important;}.has-fuchsia-800-border-color{border-color: var(--wp--preset--color--fuchsia-800) !important;}.has-fuchsia-900-border-color{border-color: var(--wp--preset--color--fuchsia-900) !important;}.has-fuchsia-950-border-color{border-color: var(--wp--preset--color--fuchsia-950) !important;}.has-pink-50-border-color{border-color: var(--wp--preset--color--pink-50) !important;}.has-pink-100-border-color{border-color: var(--wp--preset--color--pink-100) !important;}.has-pink-200-border-color{border-color: var(--wp--preset--color--pink-200) !important;}.has-pink-300-border-color{border-color: var(--wp--preset--color--pink-300) !important;}.has-pink-400-border-color{border-color: var(--wp--preset--color--pink-400) !important;}.has-pink-500-border-color{border-color: var(--wp--preset--color--pink-500) !important;}.has-pink-600-border-color{border-color: var(--wp--preset--color--pink-600) !important;}.has-pink-700-border-color{border-color: var(--wp--preset--color--pink-700) !important;}.has-pink-800-border-color{border-color: var(--wp--preset--color--pink-800) !important;}.has-pink-900-border-color{border-color: var(--wp--preset--color--pink-900) !important;}.has-pink-950-border-color{border-color: var(--wp--preset--color--pink-950) !important;}.has-rose-50-border-color{border-color: var(--wp--preset--color--rose-50) !important;}.has-rose-100-border-color{border-color: var(--wp--preset--color--rose-100) !important;}.has-rose-200-border-color{border-color: var(--wp--preset--color--rose-200) !important;}.has-rose-300-border-color{border-color: var(--wp--preset--color--rose-300) !important;}.has-rose-400-border-color{border-color: var(--wp--preset--color--rose-400) !important;}.has-rose-500-border-color{border-color: var(--wp--preset--color--rose-500) !important;}.has-rose-600-border-color{border-color: var(--wp--preset--color--rose-600) !important;}.has-rose-700-border-color{border-color: var(--wp--preset--color--rose-700) !important;}.has-rose-800-border-color{border-color: var(--wp--preset--color--rose-800) !important;}.has-rose-900-border-color{border-color: var(--wp--preset--color--rose-900) !important;}.has-rose-950-border-color{border-color: var(--wp--preset--color--rose-950) !important;}.has-box-gray-border-color{border-color: var(--wp--preset--color--box-gray) !important;}.has-box-medium-gray-border-color{border-color: var(--wp--preset--color--box-medium-gray) !important;}.has-box-dark-gray-border-color{border-color: var(--wp--preset--color--box-dark-gray) !important;}.has-box-green-border-color{border-color: var(--wp--preset--color--box-green) !important;}.has-box-orange-border-color{border-color: var(--wp--preset--color--box-orange) !important;}.has-box-purple-border-color{border-color: var(--wp--preset--color--box-purple) !important;}.has-vivid-cyan-blue-to-vivid-purple-gradient-background{background: var(--wp--preset--gradient--vivid-cyan-blue-to-vivid-purple) !important;}.has-light-green-cyan-to-vivid-green-cyan-gradient-background{background: var(--wp--preset--gradient--light-green-cyan-to-vivid-green-cyan) !important;}.has-luminous-vivid-amber-to-luminous-vivid-orange-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-amber-to-luminous-vivid-orange) !important;}.has-luminous-vivid-orange-to-vivid-red-gradient-background{background: var(--wp--preset--gradient--luminous-vivid-orange-to-vivid-red) !important;}
65.has-very-light-gray-to-cyan-bluish-gray-gradient-background{background: var(--wp--preset--gradient--very-light-gray-to-cyan-bluish-gray) !important;}.has-cool-to-warm-spectrum-gradient-background{background: var(--wp--preset--gradient--cool-to-warm-spectrum) !important;}.has-blush-light-purple-gradient-background{background: var(--wp--preset--gradient--blush-light-purple) !important;}.has-blush-bordeaux-gradient-background{background: var(--wp--preset--gradient--blush-bordeaux) !important;}.has-luminous-dusk-gradient-background{background: var(--wp--preset--gradient--luminous-dusk) !important;}.has-pale-ocean-gradient-background{background: var(--wp--preset--gradient--pale-ocean) !important;}.has-electric-grass-gradient-background{background: var(--wp--preset--gradient--electric-grass) !important;}.has-midnight-gradient-background{background: var(--wp--preset--gradient--midnight) !important;}.has-small-font-size{font-size: var(--wp--preset--font-size--small) !important;}.has-medium-font-size{font-size: var(--wp--preset--font-size--medium) !important;}.has-large-font-size{font-size: var(--wp--preset--font-size--large) !important;}.has-x-large-font-size{font-size: var(--wp--preset--font-size--x-large) !important;}.has-xs-font-size{font-size: var(--wp--preset--font-size--xs) !important;}.has-sm-font-size{font-size: var(--wp--preset--font-size--sm) !important;}.has-base-font-size{font-size: var(--wp--preset--font-size--base) !important;}.has-lg-font-size{font-size: var(--wp--preset--font-size--lg) !important;}.has-xl-font-size{font-size: var(--wp--preset--font-size--xl) !important;}.has-2-xl-font-size{font-size: var(--wp--preset--font-size--2-xl) !important;}.has-3-xl-font-size{font-size: var(--wp--preset--font-size--3-xl) !important;}.has-4-xl-font-size{font-size: var(--wp--preset--font-size--4-xl) !important;}.has-5-xl-font-size{font-size: var(--wp--preset--font-size--5-xl) !important;}.has-6-xl-font-size{font-size: var(--wp--preset--font-size--6-xl) !important;}.has-7-xl-font-size{font-size: var(--wp--preset--font-size--7-xl) !important;}.has-8-xl-font-size{font-size: var(--wp--preset--font-size--8-xl) !important;}.has-9-xl-font-size{font-size: var(--wp--preset--font-size--9-xl) !important;}.has-sans-font-family{font-family: var(--wp--preset--font-family--sans) !important;}.has-serif-font-family{font-family: var(--wp--preset--font-family--serif) !important;}.has-mono-font-family{font-family: var(--wp--preset--font-family--mono) !important;} 66/*# sourceURL=global-styles-inline-css */ 67</style> 68 69<link rel='stylesheet' id='wpml-legacy-horizontal-list-0-css' href='https://www.1box.nl/wp-content/plugins/sitepress-multilingual-cms/templates/language-switchers/legacy-list-horizontal/style.min.css?ver=1' media='all' /> 70<link rel='stylesheet' id='app/0-css' href='https://www.1box.nl/wp-content/themes/1box/public/css/app.85faf6.css' media='all' /> 71<link rel='stylesheet' id='font-awesome-css' href='https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css?ver=6.4.0' media='all' />
72<script id="wpml-cookie-js-extra"> 73var wpml_cookies = {"wp-wpml_current_language":{"value":"nl","expires":"Wed, 07 Oct 2026 12:29:47 GMT","path":"/"}}; 74//# sourceURL=wpml-cookie-js-extra 75</script>
vendor: 1 bytes, line 75
75
76<script data-wp-strategy="defer" defer id="wpml-cookie-js" src="https://www.1box.nl/wp-content/plugins/sitepress-multilingual-cms/res/js/cookies/language-cookie.js?ver=502000"></script>
76 77<link rel="https://api.w.org/" href="https://www.1box.nl/wp-json/" /><link rel="alternate" title="JSON" type="application/json" href="https://www.1box.nl/wp-json/wp/v2/pages/21" /><link rel="EditURI" type="application/rsd+xml" title="RSD" href="https://www.1box.nl/xmlrpc.php?rsd" /> 78<meta name="generator" content="WordPress 7.1.2" /> 79<link rel='shortlink' href='https://www.1box.nl/' /> 80<meta name="generator" content="WPML ver:5.0.2 stt:37,1;" /> 81<link rel="icon" href="https://www.1box.nl/wp-content/uploads/2024/02/cropped-1Box-Favicon-32x32.png" sizes="32x32" /> 82<link rel="icon" href="https://www.1box.nl/wp-content/uploads/2024/02/cropped-1Box-Favicon-192x192.png" sizes="192x192" /> 83<link rel="apple-touch-icon" href="https://www.1box.nl/wp-content/uploads/2024/02/cropped-1Box-Favicon-180x180.png" /> 84<meta name="msapplication-TileImage" content="https://www.1box.nl/wp-content/uploads/2024/02/cropped-1Box-Favicon-270x270.png" /> 85<style id="wp-custom-css"> 86#CybotCookiebotDialog { 87max-width: 600px; /* Pas de breedte aan naar jouw wens */ 88font-size: 14px; /* Pas de tekstgrootte aan */ 89padding: 10px; /* Pas de padding aan om de ruimte rond de inhoud te wijzigen */ 90} 91 92#CybotCookiebotDialogBodyButton { 93font-size: 12px; /* Pas de knopgrootte aan */ 94padding: 5px 10px; /* Pas de knop-afmetingen aan */ 95} 96 97.single-facilities .text-asset.py-6 { 98 display:none; 99} 100</style> 101 <!-- Hotjar Tracking Code for --> 102
102<script>
vendor: 125 bytes, lines 102-105
102 103 (function(h,o,t,j,a,r){ 104 h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)}; 105 h._hjSettings={hjid:
1055204433
vendor: 262 bytes, lines 105-111
105,hjsv:6}; 106 a=o.getElementsByTagName('head')[0]; 107 r=o.createElement('script');r.async=1; 108 r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv; 109 a.appendChild(r); 110 })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv='); 111
111</script>
111 112 113 114 </head> 115 116 <body class="home wp-singular page-template page-template-template-components page page-id-21 wp-embed-responsive wp-theme-1box"> 117 <!-- Google Tag Manager (noscript) -->
vendor: 72 bytes, lines 117-118
117 118 <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=
118GTM-K9D5858
vendor: 91 bytes, lines 118-120
118" 119 height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> 120
120<!-- End Google Tag Manager (noscript) --> 121 122 <div id="app"> 123 <a class="sr-only focus:not-sr-only" href="#main"> 124 Ga naar de inhoud 125</a> 126 127 128 129 130 <header id="mainHeaderNew" class="header header-new" data-cy="header-new"> 131 <div class="header-new__topbar"> 132 <div class="header-new__inner header-new__inner--top"> 133 <ul class="header-new__usp-list" aria-label="Header advantages"> 134 <li class="header-new__usp-item"> 135 <i class="fa-solid fa-check header-new__usp-icon" aria-hidden="true"></i> 136 <span>Altijd de beste prijs</span> 137 </li> 138 <li class="header-new__usp-item"> 139 <i class="fa-solid fa-check header-new__usp-icon" aria-hidden="true"></i> 140 <span>24/7 beveiligde opslag</span> 141 </li> 142 <li class="header-new__usp-item"> 143 <i class="fa-solid fa-check header-new__usp-icon" aria-hidden="true"></i> 144 <span>Flexibel opzeggen</span> 145 </li> 146 </ul> 147 148 <div class="header-new__top-actions"> 149 <nav class="header-new__utility-nav" aria-label="Utility navigation"> 150 <a href="https://www.1box.nl/hoe-werkt-het/" target="_self"> 151 Hoe werkt het? 152 </a> 153 <a href="https://www.1box.nl/hoe-werkt-het/veel-gestelde-vragen/" target="_self"> 154 Veel gestelde vragen 155 </a> 156 <a href="https://www.1box.nl/contact/" target="_self"> 157 Contact 158 </a> 159 <a href="https://www.1box.nl/vacatures/" target="_self"> 160 Vacatures 161 </a> 162 <a href="https://1box.web-booking.eu/login" target="_blank"> 163 Klantportaal 164 </a> 165 </nav> 166 167 <a href="tel:0031850161611" class="header-new__phone-link"> 168 <i class="fa-solid fa-phone header-new__phone-icon" aria-hidden="true"></i> 169 <span>085 - 0161611</span> 170 </a> 171 172 <div class="header-new__language-switch"> 173 <select 174 aria-label="Select language" 175 onchange="if (this.value) window.location.href = this.value;" 176 > 177 <option value="https://www.1box.nl/en/" >EN</option> 178 <option value="https://www.1box.nl/" selected >NL</option> 179 </select> 180 <i class="fa-solid fa-angle-down header-new__language-arrow" aria-hidden="true"></i> 181 </div> 182 </div> 183 </div> 184 </div> 185 186 <div class="header-new__mainbar"> 187 <div class="header-new__inner header-new__inner--main"> 188 <a href="https://www.1box.nl/" aria-label="Home" class="header-new__logo-link"> 189 <img 190 src="https://www.1box.nl/wp-content/uploads/2024/03/1box-logo.png.webp" 191 alt="" 192 width="96" 193 height="65" 194 class="header-new__logo-image" 195 > 196 </a> 197 198 <nav class="header-new__primary-nav" aria-label="Primary navigation"> 199 <div class="desktop-menu-item has-drop-drown"> 200 <a href="https://www.1box.nl/alle-opslaglocaties/"> 201 <span>Opslaglocaties</span> 202 <i class="fa-solid fa-angle-down" aria-hidden="true"></i> 203 </a> 204 205 <div class="dropdown-content multiple-columns rounded pt-8"> 206 <div class="bg-white shadow rounded py-4 px-8"> 207 <ul class="bg-white"> 208 <li> 209 <a href="https://www.1box.nl/opslaglocaties/alkmaar/" class="block py-1 hover:text-box-green">Alkmaar</a> 210 </li> 211 <li> 212 <a href="https://www.1box.nl/opslaglocaties/almere/" class="block py-1 hover:text-box-green">Almere</a> 213 </li> 214 <li> 215 <a href="https://www.1box.nl/opslaglocaties/alphen-aan-den-rijn/" class="block py-1 hover:text-box-green">Alphen aan den Rijn</a> 216 </li> 217 <li> 218 <a href="https://www.1box.nl/opslaglocaties/amsterdam-schepenbergweg/" class="block py-1 hover:text-box-green">Amsterdam</a> 219 </li> 220 <li> 221 <a href="https://www.1box.nl/opslaglocaties/barendrecht/" class="block py-1 hover:text-box-green">Barendrecht</a> 222 </li> 223 <li> 224 <a href="https://www.1box.nl/opslaglocaties/bergen-op-zoom/" class="block py-1 hover:text-box-green">Bergen op Zoom</a> 225 </li> 226 <li> 227 <a href="https://www.1box.nl/opslaglocaties/boxtel/" class="block py-1 hover:text-box-green">Boxtel</a> 228 </li> 229 <li> 230 <a href="https://www.1box.nl/opslaglocaties/breda/" class="block py-1 hover:text-box-green">Breda</a> 231 </li> 232 <li> 233 <a href="https://www.1box.nl/opslaglocaties/den-bosch/" class="block py-1 hover:text-box-green">Den Bosch</a> 234 </li> 235 <li> 236 <a href="https://www.1box.nl/opslaglocaties/den-haag/" class="block py-1 hover:text-box-green">Den Haag</a> 237 </li> 238 <li> 239 <a href="https://www.1box.nl/opslaglocaties/eindhoven-best/" class="block py-1 hover:text-box-green">Eindhoven Best</a> 240 </li> 241 <li> 242 <a href="https://www.1box.nl/opslaglocaties/goes/" class="block py-1 hover:text-box-green">Goes</a> 243 </li> 244 <li> 245 <a href="https://www.1box.nl/opslaglocaties/groningen/" class="block py-1 hover:text-box-green">Groningen</a> 246 </li> 247 <li> 248 <a href="https://www.1box.nl/opslaglocaties/heerlen/" class="block py-1 hover:text-box-green">Heerlen</a> 249 </li> 250 <li> 251 <a href="https://www.1box.nl/opslaglocaties/heerlen-heerlerbaan/" class="block py-1 hover:text-box-green">Heerlen-Heerlerbaan</a> 252 </li> 253 <li> 254 <a href="https://www.1box.nl/opslaglocaties/hellevoetsluis/" class="block py-1 hover:text-box-green">Hellevoetsluis</a> 255 </li> 256 <li> 257 <a href="https://www.1box.nl/opslaglocaties/helmond/" class="block py-1 hover:text-box-green">Helmond</a> 258 </li> 259 <li> 260 <a href="https://www.1box.nl/opslaglocaties/helmond-kanaaldijk/" class="block py-1 hover:text-box-green">Helmond Kanaaldijk</a> 261 </li> 262 <li> 263 <a href="https://www.1box.nl/opslaglocaties/lelystad/" class="block py-1 hover:text-box-green">Lelystad</a> 264 </li> 265 <li> 266 <a href="https://www.1box.nl/opslaglocaties/nijmegen-wijchen/" class="block py-1 hover:text-box-green">Nijmegen-Wijchen</a> 267 </li> 268 <li> 269 <a href="https://www.1box.nl/opslaglocaties/rijswijk/" class="block py-1 hover:text-box-green">Rijswijk</a> 270 </li> 271 <li> 272 <a href="https://www.1box.nl/opslaglocaties/roermond/" class="block py-1 hover:text-box-green">Roermond</a> 273 </li> 274 <li> 275 <a href="https://www.1box.nl/opslaglocaties/rotterdam-centrum/" class="block py-1 hover:text-box-green">Rotterdam Centrum</a> 276 </li> 277 <li> 278 <a href="https://www.1box.nl/opslaglocaties/rotterdam-zuid/" class="block py-1 hover:text-box-green">Rotterdam Zuid</a> 279 </li> 280 <li> 281 <a href="https://www.1box.nl/opslaglocaties/schiedam/" class="block py-1 hover:text-box-green">Schiedam</a> 282 </li> 283 <li> 284 <a href="https://www.1box.nl/opslaglocaties/sittard/" class="block py-1 hover:text-box-green">Sittard</a> 285 </li> 286 <li> 287 <a href="https://www.1box.nl/opslaglocaties/tilburg/" class="block py-1 hover:text-box-green">Tilburg</a> 288 </li> 289 <li> 290 <a href="https://www.1box.nl/opslaglocaties/utrecht/" class="block py-1 hover:text-box-green">Utrecht</a> 291 </li> 292 <li> 293 <a href="https://www.1box.nl/opslaglocaties/venlo/" class="block py-1 hover:text-box-green">Venlo</a> 294 </li> 295 </ul> 296 </div> 297 </div> 298 </div> 299 <div class="desktop-menu-item has-drop-drown"> 300 <a href="https://www.1box.nl/hoe-werkt-het/particulieren/">
301 <span>Particuliere opslag</span> 302 <i class="fa-solid fa-angle-down" aria-hidden="true"></i> 303 </a> 304 305 <div class="dropdown-content rounded pt-8"> 306 <div class="bg-white shadow rounded py-4 px-8"> 307 <ul class="bg-white"> 308 <li> 309 <a href="https://www.1box.nl/opslagmogelijkheden/aanhanger-opslag/" class="block py-1 hover:text-box-green">Aanhanger opslag</a> 310 </li> 311 <li> 312 <a href="https://www.1box.nl/opslagmogelijkheden/bandenopslag/" class="block py-1 hover:text-box-green">Bandenopslag</a> 313 </li> 314 <li> 315 <a href="https://www.1box.nl/opslagmogelijkheden/dakkoffer-opslag/" class="block py-1 hover:text-box-green">Dakkoffer opslag</a> 316 </li> 317 <li> 318 <a href="https://www.1box.nl/opslagmogelijkheden/garagebox-huren/" class="block py-1 hover:text-box-green">Garagebox huren</a> 319 </li> 320 <li> 321 <a href="https://www.1box.nl/opslagmogelijkheden/inboedelopslag/" class="block py-1 hover:text-box-green">Inboedelopslag</a> 322 </li> 323 <li> 324 <a href="https://www.1box.nl/opslagmogelijkheden/kluis-huren/" class="block py-1 hover:text-box-green">Locker huren</a> 325 </li> 326 <li> 327 <a href="https://www.1box.nl/opslagmogelijkheden/motorstalling-en-scooterstalling/" class="block py-1 hover:text-box-green">Motor- en scooterstalling</a> 328 </li> 329 <li> 330 <a href="https://www.1box.nl/opslagmogelijkheden/opslag-na-overlijden-dierbare/" class="block py-1 hover:text-box-green">Opslag na overlijden dierbare</a> 331 </li> 332 <li> 333 <a href="https://www.1box.nl/opslagmogelijkheden/parkeerplaats-huren/" class="block py-1 hover:text-box-green">Parkeerplaats huren</a> 334 </li> 335 <li> 336 <a href="https://www.1box.nl/opslagmogelijkheden/postbus-aanvragen/" class="block py-1 hover:text-box-green">Postbus aanvragen</a> 337 </li> 338 </ul> 339 </div> 340 </div> 341 </div> 342 <div class="desktop-menu-item has-drop-drown"> 343 <a href="https://www.1box.nl/hoe-werkt-het/zakelijk/"> 344 <span>Zakelijke opslag</span> 345 <i class="fa-solid fa-angle-down" aria-hidden="true"></i> 346 </a> 347 348 <div class="dropdown-content rounded pt-8"> 349 <div class="bg-white shadow rounded py-4 px-8"> 350 <ul class="bg-white"> 351 <li> 352 <a href="https://www.1box.nl/opslagmogelijkheden/archiefopslag/" class="block py-1 hover:text-box-green">Archiefopslag</a> 353 </li> 354 <li> 355 <a href="https://www.1box.nl/opslagmogelijkheden/goederenopslag/" class="block py-1 hover:text-box-green">Goederenopslag</a> 356 </li> 357 <li> 358 <a href="https://www.1box.nl/opslagmogelijkheden/opslag-schilderijen/" class="block py-1 hover:text-box-green">Kunstopslag</a> 359 </li> 360 <li> 361 <a href="https://www.1box.nl/opslagmogelijkheden/magazijnopslag/" class="block py-1 hover:text-box-green">Magazijnopslag</a> 362 </li> 363 <li> 364 <a href="https://www.1box.nl/opslagmogelijkheden/voorraadopslag/" class="block py-1 hover:text-box-green">Voorraad opslag </a> 365 </li> 366 <li> 367 <a href="https://www.1box.nl/opslagmogelijkheden/webshop-opslag/" class="block py-1 hover:text-box-green">Webshop opslag</a> 368 </li> 369 <li> 370 <a href="https://www.1box.nl/opslagmogelijkheden/parkeerplaats-huren/" class="block py-1 hover:text-box-green">Parkeerplaats huren</a> 371 </li> 372 <li> 373 <a href="https://www.1box.nl/opslagmogelijkheden/postbus-aanvragen/" class="block py-1 hover:text-box-green">Postbus aanvragen</a> 374 </li> 375 </ul> 376 </div> 377 </div> 378 </div> 379 <div class="desktop-menu-item has-drop-drown"> 380 <a href="https://www.1box.nl/vervoer-en-verpakking/">
381 <span>Vervoer en verpakking</span> 382 <i class="fa-solid fa-angle-down" aria-hidden="true"></i> 383 </a> 384 385 <div class="dropdown-content rounded pt-8"> 386 <div class="bg-white shadow rounded py-4 px-8"> 387 <ul class="bg-white"> 388 <li> 389 <a href="https://www.1box.nl/vervoer-en-verpakking/aanhanger-huren/" class="block py-1 hover:text-box-green">Aanhanger huren</a> 390 </li> 391 <li> 392 <a href="https://www.1box.nl/vervoer-en-verpakking/verpakkingsmateriaal/" class="block py-1 hover:text-box-green">Verpakkingsmateriaal</a> 393 </li> 394 </ul> 395 </div> 396 </div> 397 </div> 398 </nav> 399 400 <a 401 href="tel:0031850161611" 402 class="header-new__main-phone" 403 aria-label="Bel ons op 085 - 0161611" 404 title="Bel ons op 085 - 0161611" 405 > 406 <i class="fa-solid fa-phone" aria-hidden="true"></i> 407 <span class="header-new__action-label">Bel ons</span> 408 </a> 409 410 <div class="header-new__main-actions"> 411 <a 412 href="https://www.1box.nl/alle-opslaglocaties/" 413 class="header-new__locations-cta" 414 data-ga4-cta="header-locations" 415 data-cy="header-locations-cta" 416 > 417 <span>Naar locatieoverzicht</span> 418 <i class="fa-solid fa-arrow-right" aria-hidden="true"></i> 419 </a> 420 421 <button 422 id="mobileMenuButtonNew" 423 class="header-new__mobile-toggle" 424 aria-label="Open menu" 425 aria-expanded="false" 426 aria-controls="mobileMenuNew" 427 > 428 <svg id="hamburgerIconNew" width="28" height="22" viewBox="0 0 36 28" fill="none" xmlns="http://www.w3.org/2000/svg"> 429 <path fill-rule="evenodd" clip-rule="evenodd" d="M0 1.5C0 .671573.671573 0 1.5 0h33C35.3284 0 36 .671573 36 1.5S35.3284 3 34.5 3H1.5C.671573 3 0 2.32843 0 1.5Z" fill="currentColor"/> 430 <path fill-rule="evenodd" clip-rule="evenodd" d="M0 13.5c0-.8284.671573-1.5 1.5-1.5h33c.8284 0 1.5.6716 1.5 1.5S35.3284 15 34.5 15H1.5C.671573 15 0 14.3284 0 13.5Z" fill="currentColor"/> 431 <path fill-rule="evenodd" clip-rule="evenodd" d="M0 25.5c0-.8284.671573-1.5 1.5-1.5h33c.8284 0 1.5.6716 1.5 1.5S35.3284 27 34.5 27H1.5C.671573 27 0 26.3284 0 25.5Z" fill="currentColor"/> 432 </svg> 433 <svg id="closeIconNew" class="hidden" width="20" height="20" viewBox="0 0 21 21" fill="none" xmlns="http://www.w3.org/2000/svg"> 434 <path d="M20.0313 16.2594L14.3735 10.6017L20.0313 4.94404C20.7255 4.24979 20.7255 3.12375 20.0313 2.42951L18.774 1.17224C18.0797.477992 16.9537.477991 16.2594 1.17224L10.6017 6.82994 4.94404 1.17224C4.24979.477991 3.12375.477992 2.42951 1.17224L1.17224 2.42951C.477992 3.12375.477991 4.24979 1.17224 4.94404L6.82994 10.6017 1.17224 16.2594C.477991 16.9537.477992 18.0797 1.17224 18.774L2.42951 20.0313C3.12375 20.7255 4.24979 20.7255 4.94404 20.0313L10.6017 14.3735l5.6577 5.6578c.6943.6942 1.8203.6942 2.5146 0l1.2573-1.2573c.6942-.6943.6942-1.8203 0-2.5146Z" fill="currentColor"/> 435 </svg> 436 <span class="header-new__action-label">Menu</span> 437 </button> 438 </div> 439 </div> 440 </div> 441 442 <div 443 id="mobileMenuNew" 444 class="header-new__mobile-menu hidden" 445 aria-hidden="true" 446 > 447 <div class="container py-4 px-4"> 448 <nav> 449 <ul> 450 <li class="mobile-menu-item toggleable mt-2"> 451 <a href="https://www.1box.nl/alle-opslaglocaties/" class="font-bold flex justify-between items-center border-b border-white py-3"> 452 Opslaglocaties 453 <svg class="mobile-dropdown-icon mr-4" width="16" height="11" viewB
453ox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg"> 454 <path d="M6.98486 9.74365L.344238 3.10303C-.114746 2.64404-.114746 1.90186.344238 1.44775L1.44775.344238C1.90674-.114746 2.64893-.114746 3.10303.344238L7.81006 5.05127l5.20704-4.707032c.459-.458984 1.2012-.458984 1.6553 0L15.2759 1.44775c.459.459.459 1.20118 0 1.65528L8.63525 9.74365c-.44921.45898-1.19141.45898-1.65039 0Z" fill="white"/> 455 </svg> 456 </a> 457 <div class="dropdown-content hidden pt-3"> 458 <ul class="multiple-columns"> 459 <li> 460 <a href="https://www.1box.nl/opslaglocaties/alkmaar/" class="block py-1 hover:text-box-green">Alkmaar</a> 461 </li> 462 <li> 463 <a href="https://www.1box.nl/opslaglocaties/almere/" class="block py-1 hover:text-box-green">Almere</a> 464 </li> 465 <li> 466 <a href="https://www.1box.nl/opslaglocaties/alphen-aan-den-rijn/" class="block py-1 hover:text-box-green">Alphen aan den Rijn</a> 467 </li> 468 <li> 469 <a href="https://www.1box.nl/opslaglocaties/amsterdam-schepenbergweg/" class="block py-1 hover:text-box-green">Amsterdam</a> 470 </li> 471 <li> 472 <a href="https://www.1box.nl/opslaglocaties/barendrecht/" class="block py-1 hover:text-box-green">Barendrecht</a> 473 </li> 474 <li> 475 <a href="https://www.1box.nl/opslaglocaties/bergen-op-zoom/" class="block py-1 hover:text-box-green">Bergen op Zoom</a> 476 </li> 477 <li> 478 <a href="https://www.1box.nl/opslaglocaties/boxtel/" class="block py-1 hover:text-box-green">Boxtel</a> 479 </li> 480 <li> 481 <a href="https://www.1box.nl/opslaglocaties/breda/" class="block py-1 hover:text-box-green">Breda</a> 482 </li> 483 <li> 484 <a href="https://www.1box.nl/opslaglocaties/den-bosch/" class="block py-1 hover:text-box-green">Den Bosch</a> 485 </li> 486 <li> 487 <a href="https://www.1box.nl/opslaglocaties/den-haag/" class="block py-1 hover:text-box-green">Den Haag</a> 488 </li> 489 <li> 490 <a href="https://www.1box.nl/opslaglocaties/eindhoven-best/" class="block py-1 hover:text-box-green">Eindhoven Best</a> 491 </li> 492 <li> 493 <a href="https://www.1box.nl/opslaglocaties/goes/" class="block py-1 hover:text-box-green">Goes</a> 494 </li> 495 <li> 496 <a href="https://www.1box.nl/opslaglocaties/groningen/" class="block py-1 hover:text-box-green">Groningen</a> 497 </li> 498 <li> 499 <a href="https://www.1box.nl/opslaglocaties/heerlen/" class="block py-1 hover:text-box-green">Heerlen</a> 500 </li> 501 <li> 502 <a href="https://www.1box.nl/opslaglocaties/heerlen-heerlerbaan/" class="block py-1 hover:text-box-green">Heerlen-Heerlerbaan</a> 503 </li> 504 <li> 505 <a href="https://www.1box.nl/opslaglocaties/hellevoetsluis/" class="block py-1 hover:text-box-green">Hellevoetsluis</a> 506 </li> 507 <li> 508 <a href="https://www.1box.nl/opslaglocaties/helmond/" class="block py-1 hover:text-box-green">Helmond</a> 509 </li> 510 <li> 511 <a href="https://www.1box.nl/opslaglocaties/helmond-kanaaldijk/" class="block py-1 hover:text-box-green">Helmond Kanaaldijk</a> 512 </li> 513 <li> 514 <a href="https://www.1box.nl/opslaglocaties/lelystad/" class="block py-1 hover:text-box-green">Lelystad</a> 515 </li> 516 <li> 517 <a href="https://www.1box.nl/opslaglocaties/nijmegen-wijchen/" class="block py-1 hover:text-box-green">Nijmegen-Wijchen</a> 518 </li> 519 <li> 520 <a href="https://www.1box.nl/opslaglocaties/rijswijk/" class="block py-1 hover:text-box-green">Rijswijk</a> 521 </li> 522 <li> 523 <a href="https://www.1box.nl/opslaglocaties/roermond/" class="block py-1 hover:text-box-green">Roermond</a> 524 </li> 525 <li> 526 <a href="https://www.1box.nl/opslaglocaties/rotterdam-centrum/" class="block py-1 hover:text-box-green">Rotterdam Centrum</a> 527 </li> 528 <li> 529 <a href="https://www.1box.nl/opslaglocaties/rotterdam-zuid/" class="block py-1 hover:text-box-green">Rotterdam Zuid</a> 530 </li> 531 <li> 532 <a href="https://www.1box.nl/opslaglocaties/schiedam/" class="block py-1 hover:text-box-green">Schiedam</a> 533 </li> 534 <li> 535 <a href="https://www.1box.nl/opslaglocaties/sittard/" class="block py-1 hover:text-box-green">Sittard</a> 536 </li> 537 <li> 538 <a href="https://www.1box.nl/opslaglocaties/tilburg/" class="block py-1 hover:text-box-green">Tilburg</a> 539 </li> 540 <li> 541 <a href="https://www.1box.nl/opslaglocaties/utrecht/" class="block py-1 hover:text-box-green">Utrecht</a> 542 </li> 543 <li> 544 <a href="https://www.1box.nl/opslaglocaties/venlo/" class="block py-1 hover:text-box-green">Venlo</a> 545 </li> 546 </ul> 547 </div> 548 </li> 549 <li class="mobile-menu-item toggleable mt-2"> 550 <a href="https://www.1box.nl/hoe-werkt-het/particulieren/" class="font-bold flex justify-between items-center border-b border-white py-3"> 551 Particuliere opslag 552 <svg class="mobile-dropdown-icon mr-4" width="16" height="11" viewB
552ox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg"> 553 <path d="M6.98486 9.74365L.344238 3.10303C-.114746 2.64404-.114746 1.90186.344238 1.44775L1.44775.344238C1.90674-.114746 2.64893-.114746 3.10303.344238L7.81006 5.05127l5.20704-4.707032c.459-.458984 1.2012-.458984 1.6553 0L15.2759 1.44775c.459.459.459 1.20118 0 1.65528L8.63525 9.74365c-.44921.45898-1.19141.45898-1.65039 0Z" fill="white"/> 554 </svg> 555 </a> 556 <div class="dropdown-content hidden pt-3"> 557 <ul class=""> 558 <li> 559 <a href="https://www.1box.nl/opslagmogelijkheden/aanhanger-opslag/" class="block py-1 hover:text-box-green">Aanhangeropslag</a> 560 </li> 561 <li> 562 <a href="https://www.1box.nl/opslagmogelijkheden/bandenopslag/" class="block py-1 hover:text-box-green">Bandenopslag</a> 563 </li> 564 <li> 565 <a href="https://www.1box.nl/opslagmogelijkheden/dakkoffer-opslag/" class="block py-1 hover:text-box-green">Dakkoffer opslag </a> 566 </li> 567 <li> 568 <a href="https://www.1box.nl/opslagmogelijkheden/garagebox-huren/" class="block py-1 hover:text-box-green">Garagebox huren</a> 569 </li> 570 <li> 571 <a href="https://www.1box.nl/opslagmogelijkheden/inboedelopslag/" class="block py-1 hover:text-box-green">Inboedelopslag</a> 572 </li> 573 <li> 574 <a href="https://www.1box.nl/opslagmogelijkheden/kluis-huren/" class="block py-1 hover:text-box-green">Locker huren</a> 575 </li> 576 <li> 577 <a href="https://www.1box.nl/opslagmogelijkheden/motorstalling-en-scooterstalling/" class="block py-1 hover:text-box-green">Motor- en scooterstalling</a> 578 </li> 579 <li> 580 <a href="https://www.1box.nl/opslagmogelijkheden/opslag-na-overlijden-dierbare/" class="block py-1 hover:text-box-green">Opslag na overlijden dierbare</a> 581 </li> 582 <li> 583 <a href="https://www.1box.nl/opslagmogelijkheden/parkeerplaats-huren/" class="block py-1 hover:text-box-green">Parkeerplaats huren</a> 584 </li> 585 <li> 586 <a href="https://www.1box.nl/opslagmogelijkheden/postbus-aanvragen/" class="block py-1 hover:text-box-green">Postbus huren</a> 587 </li> 588 </ul> 589 </div> 590 </li> 591 <li class="mobile-menu-item toggleable mt-2"> 592 <a href="https://www.1box.nl/hoe-werkt-het/zakelijk/" class="font-bold flex justify-between items-center border-b border-white py-3"> 593 Zakelijke opslag 594 <svg class="mobile-dropdown-icon mr-4" width="16" height="11" viewB
594ox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg"> 595 <path d="M6.98486 9.74365L.344238 3.10303C-.114746 2.64404-.114746 1.90186.344238 1.44775L1.44775.344238C1.90674-.114746 2.64893-.114746 3.10303.344238L7.81006 5.05127l5.20704-4.707032c.459-.458984 1.2012-.458984 1.6553 0L15.2759 1.44775c.459.459.459 1.20118 0 1.65528L8.63525 9.74365c-.44921.45898-1.19141.45898-1.65039 0Z" fill="white"/> 596 </svg> 597 </a> 598 <div class="dropdown-content hidden pt-3"> 599 <ul class=""> 600 <li> 601 <a href="https://www.1box.nl/opslagmogelijkheden/archiefopslag/" class="block py-1 hover:text-box-green">Archiefopslag</a> 602 </li> 603 <li> 604 <a href="https://www.1box.nl/opslagmogelijkheden/goederenopslag/" class="block py-1 hover:text-box-green">Goederenopslag</a> 605 </li> 606 <li> 607 <a href="https://www.1box.nl/opslagmogelijkheden/opslag-schilderijen/" class="block py-1 hover:text-box-green">Kunstopslag</a> 608 </li> 609 <li> 610 <a href="https://www.1box.nl/opslagmogelijkheden/magazijnopslag/" class="block py-1 hover:text-box-green">Magazijnopslag</a> 611 </li> 612 <li> 613 <a href="https://www.1box.nl/opslagmogelijkheden/webshop-opslag/" class="block py-1 hover:text-box-green">Webshop opslag</a> 614 </li> 615 <li> 616 <a href="https://www.1box.nl/opslagmogelijkheden/voorraadopslag/" class="block py-1 hover:text-box-green">Voorraad opslag </a> 617 </li> 618 <li> 619 <a href="https://www.1box.nl/opslagmogelijkheden/parkeerplaats-huren/" class="block py-1 hover:text-box-green">Parkeerplaats huren</a> 620 </li> 621 <li> 622 <a href="https://www.1box.nl/opslagmogelijkheden/postbus-aanvragen/" class="block py-1 hover:text-box-green">Postbus huren</a> 623 </li> 624 </ul> 625 </div> 626 </li> 627 <li class="mobile-menu-item toggleable mt-2"> 628 <a href="https://www.1box.nl/vervoer-en-verpakking/" class="font-bold flex justify-between items-center border-b border-white py-3"> 629 Vervoer en verpakking 630 <svg class="mobile-dropdown-icon mr-4" width="16" height="11" viewB
630ox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg"> 631 <path d="M6.98486 9.74365L.344238 3.10303C-.114746 2.64404-.114746 1.90186.344238 1.44775L1.44775.344238C1.90674-.114746 2.64893-.114746 3.10303.344238L7.81006 5.05127l5.20704-4.707032c.459-.458984 1.2012-.458984 1.6553 0L15.2759 1.44775c.459.459.459 1.20118 0 1.65528L8.63525 9.74365c-.44921.45898-1.19141.45898-1.65039 0Z" fill="white"/> 632 </svg> 633 </a> 634 <div class="dropdown-content hidden pt-3"> 635 <ul class=""> 636 <li> 637 <a href="https://www.1box.nl/vervoer-en-verpakking/aanhanger-huren/" class="block py-1 hover:text-box-green">Vervoer</a> 638 </li> 639 <li> 640 <a href="https://www.1box.nl/vervoer-en-verpakking/verpakkingsmateriaal/" class="block py-1 hover:text-box-green">Verpakkingsmateriaal</a> 641 </li> 642 </ul> 643 </div> 644 </li> 645 <li class="mobile-menu-item toggleable mt-2"> 646 <a href="https://www.1box.nl/hoe-werkt-het/" class="font-bold flex justify-between items-center border-b border-white py-3"> 647 Hoe werkt het? 648 <svg class="mobile-dropdown-icon mr-4" width="16" height="11" viewB
648ox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg"> 649 <path d="M6.98486 9.74365L.344238 3.10303C-.114746 2.64404-.114746 1.90186.344238 1.44775L1.44775.344238C1.90674-.114746 2.64893-.114746 3.10303.344238L7.81006 5.05127l5.20704-4.707032c.459-.458984 1.2012-.458984 1.6553 0L15.2759 1.44775c.459.459.459 1.20118 0 1.65528L8.63525 9.74365c-.44921.45898-1.19141.45898-1.65039 0Z" fill="white"/> 650 </svg> 651 </a> 652 <div class="dropdown-content hidden pt-3"> 653 <ul class=""> 654 <li> 655 <a href="https://www.1box.nl/hoe-werkt-het/particulieren/" class="block py-1 hover:text-box-green">Particulier</a> 656 </li> 657 <li> 658 <a href="https://www.1box.nl/hoe-werkt-het/zakelijk/" class="block py-1 hover:text-box-green">Zakelijk</a> 659 </li> 660 <li> 661 <a href="https://www.1box.nl/hoe-werkt-het/self-storage/" class="block py-1 hover:text-box-green">Self storage</a> 662 </li> 663 <li> 664 <a href="https://www.1box.nl/hoe-werkt-het/veel-gestelde-vragen/" class="block py-1 hover:text-box-green">Veel gestelde vragen</a> 665 </li> 666 </ul> 667 </div> 668 </li> 669 <li class="mobile-menu-item toggleable mt-2"> 670 <a href="https://www.1box.nl/contact/" class="font-bold flex justify-between items-center border-b border-white py-3"> 671 Contact 672 <svg class="mobile-dropdown-icon mr-4" width="16" height="11" viewB
672ox="0 0 16 11" fill="none" xmlns="http://www.w3.org/2000/svg"> 673 <path d="M6.98486 9.74365L.344238 3.10303C-.114746 2.64404-.114746 1.90186.344238 1.44775L1.44775.344238C1.90674-.114746 2.64893-.114746 3.10303.344238L7.81006 5.05127l5.20704-4.707032c.459-.458984 1.2012-.458984 1.6553 0L15.2759 1.44775c.459.459.459 1.20118 0 1.65528L8.63525 9.74365c-.44921.45898-1.19141.45898-1.65039 0Z" fill="white"/> 674 </svg> 675 </a> 676 <div class="dropdown-content hidden pt-3"> 677 <ul class=""> 678 <li> 679 <a href="https://www.1box.nl/over-ons/" class="block py-1 hover:text-box-green">Over 1BOX</a> 680 </li> 681 <li> 682 <a href="https://www.1box.nl/contact/klantenservice/" class="block py-1 hover:text-box-green">Klantenservice</a> 683 </li> 684 <li> 685 <a href="https://www.1box.nl/contact/duurzaamheid/" class="block py-1 hover:text-box-green">Duurzaamheid</a> 686 </li> 687 <li> 688 <a href="https://www.1box.nl/blog/" class="block py-1 hover:text-box-green">Blog</a> 689 </li> 690 <li> 691 <a href="https://1box.web-booking.eu/login" class="block py-1 hover:text-box-green">Klantportaal</a> 692 </li> 693 </ul> 694 </div> 695 </li> 696 </ul> 697 </nav> 698 699 <a 700 href="https://www.1box.nl/alle-opslaglocaties/" 701 class="header-new__locations-cta header-new__locations-cta--mobile" 702 data-ga4-cta="header-locations" 703 data-cy="header-locations-cta" 704 > 705 Naar locatieoverzicht 706 <i class="fa-solid fa-arrow-right text-sm"></i> 707 </a> 708 </div> 709 </div> 710 711</header> 712
713<script> 714(function () { 715 var btn = document.getElementById('mobileMenuButtonNew'); 716 var menu = document.getElementById('mobileMenuNew'); 717 var hamburger = document.getElementById('hamburgerIconNew'); 718 var close = document.getElementById('closeIconNew'); 719 if (!btn || !menu) return; 720 btn.addEventListener('click', function () { 721 var isOpen = !menu.classList.contains('hidden'); 722 menu.classList.toggle('hidden', isOpen); 723 menu.setAttribute('aria-hidden', isOpen ? 'true' : 'false'); 724 btn.setAttribute('aria-expanded', isOpen ? 'false' : 'true'); 725 if (hamburger) hamburger.classList.toggle('hidden', !isOpen); 726 if (close) close.classList.toggle('hidden', isOpen); 727 }); 728 menu.querySelectorAll('.mobile-menu-item.toggleable > a').forEach(function (link) { 729 link.addEventListener('click', function (e) { 730 var dropdown = link.parentElement.querySelector('.dropdown-content'); 731 if (!dropdown) return; 732 e.preventDefault(); 733 dropdown.classList.toggle('hidden'); 734 var icon = link.querySelector('.mobile-dropdown-icon'); 735 if (icon) icon.style.transform = dropdown.classList.contains('hidden') ? '' : 'rotate(180deg)'; 736 }); 737 }); 738})(); 739</script>
739 740 741<main id="main" class="main"> 742 743 744 <section class="hero"> 745 <div class="container"> 746 <div class="grid grid-cols-1 lg:grid-cols-12"> 747 <div class="hero__card text-white py-5 px-2 lg:col-span-5 lg:col-start-2 lg:my-5 lg:px-12"> 748 <h2 class="text-xl font-bold">Snel en voordelig een veilige opslagruimte huren?</h2> 749 750 751 752 <h2 class="text-xl font-normal">Ontdek de mogelijkheden!</h2> 753 754 755 756 <ul class="my-4"> 757 <li class="flex gap-x-3"> 758 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-green-round-white-check.a9d09f.svg" alt="iconCheck" class=""> 759 Altijd de beste prijs 760 </li> 761 <li class="flex gap-x-3"> 762 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-green-round-white-check.a9d09f.svg" alt="iconCheck" class=""> 763 Je spullen 24/7 beveiligd 764 </li> 765 <li class="flex gap-x-3"> 766 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-green-round-white-check.a9d09f.svg" alt="iconCheck" class=""> 767 365 dagen per jaar toegang van 6-23 uur 768 </li> 769 </ul> 770 <div class="flex items-center gap-3"> 771 <div class="flex"> 772 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star icon" class="w-4 h-4 lg:w-5 lg:h-5"> 773 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star icon" class="w-4 h-4 lg:w-5 lg:h-5"> 774 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star icon" class="w-4 h-4 lg:w-5 lg:h-5"> 775 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star icon" class="w-4 h-4 lg:w-5 lg:h-5"> 776 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star icon" class="w-4 h-4 lg:w-5 lg:h-5"> 777 </div> 778 <a href="/alle-reviews/"> 779 4.7/5 gebaseerd op 3087 reviews </a> 780 </div> 781 782 <section id="location-search-hero" class=" flex flex-col gap-4 my-4 "> 783 <div class="container"> 784 <div class="flex relative"> 785 <!-- GEOCODER --> 786 <div id="geocoder" class="geocoder"> 787 788 </div> 789 <button class="search-location-btn bg-box-green items-center font-bold sm:text-lg text-white py-3 px-4 rounded-tr rounded-br gap-4 flex"> 790 Ontdek jouw prijs 791 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-arrow-right.6326b0.svg" alt="iconRight" class=""> 792 </button> 793 794 <!-- SEARCH POP RESULTS --> 795 <div class="search--popup_results absolute top-16 bg-white text-box-purple shadow rounded p-4"> 796 <h2 class="search--popup_results__title text-lg font-bold lg:text-xl">De dichtstbijzijnde voorzieningen voor u.</h2> 797 <div class="search--popup_results--top my-2"> 798 <div class="flex"> 799 <div style="min-width: 100px"></div> 800 <div class="flex w-full justify-between ml-4 "> 801 <h3 class="font-bold"> 802 Locaties 803 </h3> 804 <!-- <h3 class="font-bold"> 805 Afstand 806 </h3> --> 807 </div> 808 </div> 809 </div> 810 811 <!-- Results replace? --> 812 <div class="search--popup_results-replace flex flex-col gap-4"> 813 814 </div> 815 </div> 816 </div> 817 818 </div> 819</section> 820
821<script> 822 function locationSearch (locationID, facilities) { 823 document.querySelectorAll('.search--popup_results').forEach(el => el.style.display = 'none'); 824 // For debugging 825 // console.log(locationID); 826 827 const locationIDElement = document.getElementById(locationID); 828 const searchButton = locationIDElement.querySelector('.search-location-btn'); 829 // declaring results here to access it 'globally' 830 let results = []; 831 832 function getDistanceFromLatLonInKm(lat1, lon1, lat2, lon2) { 833 const R = 6371; // Radius of Earth in km 834 const dLat = deg2rad(lat2 - lat1); 835 const dLon = deg2rad(lon2 - lon1); 836 const a = 837 Math.sin(dLat / 2) * Math.sin(dLat / 2) + 838 Math.cos(deg2rad(lat1)) * Math.cos(deg2rad(lat2)) * 839 Math.sin(dLon / 2) * Math.sin(dLon / 2); 840 const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a)); 841 return R * c; // Distance in km 842 } 843 844 function deg2rad(deg) { 845 return deg * (Math.PI / 180); 846 } 847 848 const geocoder = new MapboxGeocoder({ 849 accessToken: 'pk.eyJ1IjoiZGVubmlzcmlmZiIsImEiOiJja3pwa2Iyc2EwMDhzMnZub2w2YWZtbXhrIn0.H9_wHCwgGhgWvKYhehlnGw', 850 types: 'region,place,postcode', 851 placeholder: 'Voer postcode of stad in', 852 countries: 'nl,de,be', 853 language: 'nl', 854 }); 855 856 const geocoderElement = locationIDElement.querySelector('.geocoder'); 857 geocoder.addTo(geocoderElement); 858 859 document.querySelectorAll('.suggestions-wrapper').forEach(el => el.style.display = 'none'); 860 861 document.addEventListener('keyup', (event) => { 862 if (event.target.matches('.mapboxgl-ctrl-geocoder--input')) { 863 const inputVal = event.target.value; 864 const suggestionsWrapper = locationIDElement.querySelector('.suggestions-wrapper'); 865 866 if (inputVal === '' || inputVal.length <= 2) { 867 suggestionsWrapper.style.display = 'none'; 868 } else { 869 document.body.classList.add('search-open'); 870 suggestionsWrapper.style.display = ''; 871 } 872 873 setTimeout(() => { 874 const noResults = locationIDElement.querySelector('.mapbox-gl-geocoder--no-results'); 875 if (noResults && noResults.textContent === 'No results found') { 876 if(!window.location.pathname.includes('/en/')){ 877 noResults.textContent = 'Geen resultaten gevonden.'; 878 } 879 window.dataLayer = window.dataLayer || []; 880 dataLayer.push({ 881 event: "Search query no results", 882 searchQuery: locationIDElement.querySelector('.mapboxgl-ctrl-geocoder--input').value, 883 }); 884 } 885 }, 1000); 886 } 887 }); 888 889 document.addEventListener('click', (event) => { 890 const test = locationIDElement.querySelector('.search--popup_results') 891 if (test && !test.contains(event.target)) { 892 clearResults(); 893 } 894 }); 895 896 geocoder.on('result', (e) => { 897 document.activeElement.blur(); // Assuming the active element is the geocoder input, otherwise target specifically 898 899 let lat = e.result.center[1]; 900 let lng = e.result.center[0]; 901 let items = ''; 902 let distanceToSearch = 0; 903 results = [] 904 while (results.length === 0) { 905 distanceToSearch += 10; 906 for(const [key, value] of Object.entries(facilities)){ 907 if (value.lat && value.lng) { 908 // let distance = calcCrow(lat, lng, value.lat, value.lng); 909 let distance = getDistanceFromLatLonInKm(lat, lng, value.lat, value.lng); 910 if (distance <= distanceToSearch) { 911 value.distance = distance; 912 results.push(value); 913 } 914 } 915 } 916 } 917 918 results.sort((a, b) => a.distance - b.distance); 919 results = results.slice(0, 3); 920 window.dataLayer = window.dataLayer || []; 921 dataLayer.push({ 922 'event': "Search query", 923 'searchQuery': locationIDElement.querySelector('.mapboxgl-ctrl-geocoder--input').value, 924 'searchResult': results 925 }); 926 927 results.forEach((value) => { 928 items += `<a href="${value.url}" class="search--popup_results--result"> 929 <div class="flex items-center gap-4"> 930 ${value.image ? `<img src="${value.image}" width="100px" height="auto" alt="" />` : '<div style="min-width: 100px"></div>'} 931 <div class="search--popup_results--result_image flex flex-col gap-2"> 932 <div class="search--popup_results--result_location"> 933 <h3>${value.title}</h3> 934 <div>${value.location}</div> 935 </div> 936 </div> 937 <!-- <div class="search--popup_results--result_distance"> 938 ${Math.round(value.distance)}km 939 </div> --> 940 </div> 941 </a>`; 942 }); 943 944 searchButton.removeEventListener('click', redirectDefault); 945 searchButton.addEventListener('click', redirect); 946 947 locationIDElement.querySelector('.search--popup_results-replace').innerHTML = items; 948 locationIDElement.querySelector('.search--popup_results').style.display = 'block'; 949 locationIDElement.querySelector('.suggestions-wrapper').style.display = 'none'; 950 }); 951 952 // Hide results container when search is cleared. 953 geocoder.on('clear', () => { 954 clearResults(); 955 results = [] 956 searchButton.removeEventListener('click', redirect); 957 searchButton.addEventListener('click', redirectDefault); 958 }); 959 960 const redirect = () => { 961 window.location = results[0].url; 962 } 963 964 const redirectDefault = () => { 965 const currentLanguage = 'nl'; 966 if (currentLanguage === 'nl') { 967 window.location = '/alle-opslaglocaties'; 968 } else { 969 window.location = '/en/all-storage-locations'; 970 } 971 } 972 973 const clearResults = () => { 974 document.body.classList.remove('search-open'); 975 locationIDElement.querySelector('.search--popup_results-replace').innerHTML = ''; 976 locationIDElement.querySelector('.search--popup_results').style.display = 'none'; 977 locationIDElement.querySelector('.suggestions-wrapper').style.display = 'none'; 978 } 979 980 // Initial setup to handle the Book Now button if nothing has been filled in yet 981 if (results.length === 0) { 982 searchButton.addEventListener('click', redirectDefault); 983 } 984 } 985 986 locationSearch('location-search-hero', [{"id":61091,"title":"Lelystad","url":"https:\/\/www.1box.nl\/opslaglocaties\/lelystad\/","lat":"52.518536\u202f","lng":"5.471422\u202f","popup":null,"location":"Vaartweg 68","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/07\/2026_Lelystad_1Box_CalvinoProductions_-4-300x200.jpg","street":"Vaartweg 68","city":"Lelystad","postal":"8243 PP","label":null,"notification":null},{"id":61089,"title":"aan Huis","url":"https:\/\/www.1box.nl\/opslaglocaties\/aan-huis-2\/","lat":null,"lng":null,"popup":null,"location":".","image":false,"street":".","city":"Nieuw-vennep","postal":".","label":null,"notification":null},{"id":60131,"title":"aan Huis","url":"https:\/\/www.1box.nl\/opslaglocaties\/aan-huis\/","lat":"","lng":"","popup":null,"location":"Lucas Bolsstraat 7","image":false,"street":"Lucas Bolsstraat 7","city":"Nieuw-vennep","postal":"2152 CZ","label":null,"notification":null},{"id":60127,"title":"Almere","url":"https:\/\/www.1box.nl\/opslaglocaties\/almere\/","lat":"52.402446","lng":"5.266059","popup":null,"location":"Splijtbakweg 60","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/5.-Splijtbakweg-60-Almere-Photoshop-1-300x187.jpg","street":"Splijtbakweg 60","city":"Almere","postal":"1333 HJ","label":null,"notification":null},{"id":60119,"title":"Rotterdam Zuid","url":"https:\/\/www.1box.nl\/opslaglocaties\/rotterdam-zuid\/","lat":"51.89556","lng":"4.52093","popup":null,"location":"Olympiaweg 16-30","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/W88-300x225.png","street":"Olympiaweg 16-30","city":"Rotterdam","postal":"3077 AL","label":null,"notification":null},{"id":60129,"title":"Helmond Kanaaldijk","url":"https:\/\/www.1box.nl\/opslaglocaties\/helmond-kanaaldijk\/","lat":"","lng":"","popup":null,"location":"Kanaaldijk N.O. 100","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/1BOX-Self-Storage-Helmond-Opslagruimte-Opslagfaciliteit-300x200.webp","street":"Kanaaldijk N.O. 100","city":"Helmond","postal":"5702 NW","label":null,"notification":null},{"id":60125,"title":"Amsterdam-Zuidoost","url":"https:\/\/www.1box.nl\/opslaglocaties\/amsterdam-schepenbergweg\/","lat":"52.378","lng":"4.9","popup":null,"location":"Schepenbergweg 1","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Amsterdam-Outdoors_1Box_CalvinoProductions_-6-300x200.jpg","street":"Schepenbergweg 1","city":"Amsterdam","postal":"1105 AS","label":null,"notification":null},{"id":60121,"title":"Alphen aan den Rijn","url":"https:\/\/www.1box.nl\/opslaglocaties\/alphen-aan-den-rijn\/","lat":"52.135510","lng":"4.647200","popup":null,"location":"Prinses Margrietlaan 15","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Alpen-aan-De-Rijn_1Box_CalvinoProductions_-13-300x225.jpg","street":"Prinses Margrietlaan 15","city":"Alphen aan den rijn","postal":"2404 HA","label":null,"notification":null},{"id":60123,"title":"Alkmaar","url":"https:\/\/www.1box.nl\/opslaglocaties\/alkmaar\/","lat":"52.6429761","lng":"4.7790064","popup":null,"location":"Robbenkoog 1","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Alkmaar_1Box_CalvinoProductions_-5-300x216.jpg","street":"Robbenkoog 1","city":"Alkmaar","postal":"1822 BA","label":null,"notification":null},{"id":60109,"title":"Barendrecht","url":"https:\/\/www.1box.nl\/opslaglocaties\/barendrecht\/","lat":"51.854583740234375","lng":"4.510918617248535","popup":null,"location":"De Bergen 6","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Barrendrecht_1BOX-6-300x200.jpg","street":"De Bergen 6","city":"Barendrecht","postal":"2993 LR","label":null,"notification":null},{"id":60107,"title":"Utrecht","url":"https:\/\/www.1box.nl\/opslaglocaties\/utrecht\/","lat":"52.125995103417","lng":"5.0935861088476","popup":null,"location":"Franciscusdreef 74-76","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Utecht_1Box_CalvinoProductions_-nieuw-300x199.jpg","street":"Franciscusdreef 74-76","city":"Utrecht","postal":"3565 AD","label":null,"notification":null},{"id":60117,"title":"Schiedam","url":"https:\/\/www.1box.nl\/opslaglocaties\/schiedam\/","lat":"51.92699","lng":"4.41164","popup":null,"location":"Philippusweg 2","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Schiedam_1BOX_CalvinoProductions_-7new-300x195.jpg","street":"Philippusweg 2","city":"Schiedam","postal":"3125 AS","label":null,"notification":null},{"id":60115,"title":"Rotterdam Centrum","url":"https:\/\/www.1box.nl\/opslaglocaties\/rotterdam-centrum\/","lat":"51.94134","lng":"4.47100","popup":null,"location":"Ceintuurbaan 211-213A","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/W33-300x200.png","street":"Ceintuurbaan 211-213A","city":"Rotterdam","postal":"3051 KC","label":null,"notification":null},{"id":60111,"title":"Helmond","url":"https:\/\/www.1box.nl\/opslaglocaties\/helmond\/","lat":"51.4711685","lng":"5.6712143","popup":null,"location":"Marshallstraat 16","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Helmond_1BOX_CalvinoProductions_-1-nieuw-300x208.jpg","street":"Marshallstraat 16","city":"Helmond","postal":"5705 CN","label":null,"notification":null},{"id":60113,"title":"Heerlen-Heerlerbaan","url":"https:\/\/www.1box.nl\/opslaglocaties\/heerlen-heerlerbaan\/","lat":"50.8631226","lng":"6.0051791","popup":null,"location":"Heerlerbaan 243","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/1BOX_self_storage_opslagruimte_Heerlerbaan-1-300x200.jpg","street":"Heerlerbaan 243","city":"Heerlen","postal":"6418 CE","label":null,"notification":null},{"id":60105,"title":"Den Haag","url":"https:\/\/www.1box.nl\/opslaglocaties\/den-haag\/","lat":"52.07195","lng":"4.29204","popup":null,"location":"Loosduinsekade 92 A1","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/04\/den-haag-300x200.webp","street":"Loosduinsekade 92 A1","city":"Den haag","postal":"2571 BS","label":null,"notification":null},{"id":60103,"title":"Breda","url":"https:\/\/www.1box.nl\/opslaglocaties\/breda\/","lat":"51.597072","lng":"4.798191","popup":null,"location":"Koele Mei 52","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Breda_1Box_CalvinoProductions_-18-300x200.jpg","street":"Koele Mei 52","city":"Breda","postal":"4816 JD","label":null,"notification":null},{"id":60101,"title":"Tilburg","url":"https:\/\/www.1box.nl\/opslaglocaties\/tilburg\/","lat":"51.56292","lng":"5.102879","popup":null,"location":"Ringbaan-Oost 152","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Tilburg_1Box_CalvinoProductions_-6-300x225.jpg","street":"Ringbaan-Oost 152","city":"Tilburg","postal":"5013 CE","label":null,"notification":null},{"id":60099,"title":"Hellevoetsluis","url":"https:\/\/www.1box.nl\/opslaglocaties\/hellevoetsluis\/","lat":"51.841885","lng":"4.170352","popup":null,"location":"Kickers Bloem 5","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Hellevoetsluis_1Box_CalvinoProductions_-7-300x197.jpg","street":"Kickers Bloem 5","city":"Hellevoetsluis","postal":"3225 LM","label":null,"notification":null},{"id":60097,"title":"Goes","url":"https:\/\/www.1box.nl\/opslaglocaties\/goes\/","lat":"51.493552","lng":"3.877445","popup":null,"location":"Verrijn Stuartweg 4b","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Goes_1BOX_CalvinoProductions_-0-zonder-lantaarnpaal-300x200.jpg","street":"Verrijn Stuartweg 4b","city":"Goes","postal":"4462 GE","label":null,"notification":null},{"id":60095,"title":"Bergen op Zoom","url":"https:\/\/www.1box.nl\/opslaglocaties\/bergen-op-zoom\/","lat":"51.510068","lng":"4.302835","popup":null,"location":"Marconilaan-Noord 64","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Bergen-op-Zoom_1BOX_CalvinoProductions_-2-300x200.jpg","street":"Marconilaan-Noord 64","city":"Bergen op zoom","postal":"4614 HB","label":null,"notification":null},{"id":60093,"title":"Heerlen","url":"https:\/\/www.1box.nl\/opslaglocaties\/heerlen\/","lat":"50.90295","lng":"5.96099","popup":null,"location":"Beersdalweg 108","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/import-05\/1BOX-Heerlen-1-scaled.jpg-300x200.webp","street":"Beersdalweg 108","city":"Heerlen","postal":"6412PE","label":null,"notification":null},{"id":60091,"title":"Sittard","url":"https:\/\/www.1box.nl\/opslaglocaties\/sittard\/","lat":"51.015823","lng":"5.868151","popup":null,"location":"Nusterweg 65","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Sittard_1BOX_CalvinoProductions_-3-nieuw-300x200.jpg","street":"Nusterweg 65","city":"Sittard","postal":"6136 KT","label":null,"notification":null},{"id":60089,"title":"Roermond","url":"https:\/\/www.1box.nl\/opslaglocaties\/roermond\/","lat":"51.207341","lng":"5.998541","popup":null,"location":"Mijn
986heerkensweg 22","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Roermond_1Box_CalvinoProductions_-2-300x200.jpg","street":"Mijnheerkensweg 22","city":"Roermond","postal":"6041 TA","label":null,"notification":null},{"id":60087,"title":"Venlo","url":"https:\/\/www.1box.nl\/opslaglocaties\/venlo\/","lat":"51.384959","lng":"6.187992","popup":null,"location":"Winkelveldstraat 14","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/Venlo-11-nieuw-300x192.png","street":"Winkelveldstraat 14","city":"Venlo","postal":"5916 NX","label":null,"notification":null},{"id":60085,"title":"Groningen","url":"https:\/\/www.1box.nl\/opslaglocaties\/groningen\/","lat":"53.208753","lng":"6.616377","popup":null,"location":"De Hallen 6 ","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Groningen_1BOX_CalvinoProductions_-3-300x200.jpg","street":"De Hallen 6 ","city":"Groningen","postal":"9723 TW","label":null,"notification":null},{"id":60083,"title":"Rijswijk","url":"https:\/\/www.1box.nl\/opslaglocaties\/rijswijk\/","lat":"52.044665","lng":"4.34036","popup":null,"location":"Steenplaetsstraat 2C","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Rijswijk_1Box_CalvinoProductions_-3-300x200.jpg","street":"Steenplaetsstraat 2C","city":"Rijswijk","postal":"2288 AA","label":null,"notification":null},{"id":60081,"title":"Boxtel","url":"https:\/\/www.1box.nl\/opslaglocaties\/boxtel\/","lat":"51.562165","lng":"5.373731","popup":null,"location":"Boogershof 10 - 12","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/import-02\/1BOX-Boxtel-7-scaled.jpg-300x200.webp","street":"Boogershof 10 - 12","city":"Boxtel","postal":"5298 MN","label":null,"notification":null},{"id":60079,"title":"Nijmegen-Wijchen","url":"https:\/\/www.1box.nl\/opslaglocaties\/nijmegen-wijchen\/","lat":"51.816909","lng":"5.762124","popup":null,"location":"Nieuweweg 279b","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/Nijmegen-Wijchen-_1Box_CalvinoProductions_10-300x205.jpg","street":"Nieuweweg 279b","city":"Wijchen","postal":"6603 BN ","label":null,"notification":null},{"id":60077,"title":"Den Bosch","url":"https:\/\/www.1box.nl\/opslaglocaties\/den-bosch\/","lat":"51.726028","lng":"5.286324","popup":null,"location":"Larenweg 50a","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/import-03\/1BOX-DenBosch-2-scaled.jpg-300x200.webp","street":"Larenweg 50a","city":"Den Bosch","postal":"5234 KA ","label":null,"notification":null},{"id":60075,"title":"Eindhoven Best","url":"https:\/\/www.1box.nl\/opslaglocaties\/eindhoven-best\/","lat":"51.499059","lng":"5.40593","popup":null,"location":"Industrieweg 220","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Eindhoven-Best_1BOX_CalvinoProductions_-2-nieuw-300x180.jpg","street":"Industrieweg 220","city":"Best","postal":"5683 CH","label":null,"notification":null}]); 987</script>
987 988 </div> 989 </div> 990 </div> 991 992 <div class="bg-box-orange"> 993 <div class="container"> 994 <div class="flex justify-center items-center px-6"> 995 <a href="https://www.1box.nl/alle-opslaglocaties/" class="text-white font-bold flex items-center gap-4 py-2 text-balance lg:text-xl lg:py-3" target="_self"> 996 Kun je jouw regio niet vinden? Bekijk alle 29 locaties 997 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-arrow-right.6326b0.svg" alt="iconRight" class="right-4"> 998 </a> 999 </div> 1000 </div> 1001 </div> 1002 </section> 1003 1004 1005 1006 <section class="how-does-it-work py-6 lg:pb-12"> 1007 <div class="container"> 1008 <div class="flex justify-center"> 1009 <h2 class="text-lg lg:text-xl">Huur jouw opslagruimte in 3 simpele stappen</h2> 1010 1011 1012 1013 </div> 1014 1015 <div class="cards grid grid-cols-1 mb-8 md:grid-cols-3 lg:grid-cols-12 lg:gap-10 lg:px-20 lg:mb-12"> 1016 <div class="card relative px-4 lg:col-span-4" data-cy="workflow-step" data-has-link="true"> 1017 <div class="card__icon flex items-center justify-center my-6 h-[60px] lg:my-10 lg:h-[133px]"> 1018 <img src="https://www.1box.nl/wp-content/uploads/2026/02/Unitkeuze-1.png.webp" alt="" class="max-h-full w-auto object-contain lg:max-w-[133px]"> 1019 </div> 1020 <div class="flex items-stretch"> 1021 <div class="bg-box-purple text-white p-4 flex items-center">1</div> 1022 <div class="bg-box-gray flex-grow flex items-center p-4">Kies jouw opslagruimte</div> 1023 </div> 1024 <a href="https://www.1box.nl/alle-opslaglocaties/" class="absolute inset-0" target="_self" aria-label="Kies jouw opslaglocatie"></a> 1025 </div> 1026 <div class="card relative px-4 lg:col-span-4" data-cy="workflow-step" data-has-link="true"> 1027 <div class="card__icon flex items-center justify-center my-6 h-[60px] lg:my-10 lg:h-[133px]"> 1028 <img src="https://www.1box.nl/wp-content/uploads/2026/02/Boeken-2-1.png.webp" alt="" class="max-h-full w-auto object-contain lg:max-w-[133px]"> 1029 </div> 1030 <div class="flex items-stretch"> 1031 <div class="bg-box-purple text-white p-4 flex items-center">2</div> 1032 <div class="bg-box-gray flex-grow flex items-center p-4">Doe een aanvraag of boek online</div> 1033 </div> 1034 <a href="https://www.1box.nl/alle-opslaglocaties/" class="absolute inset-0" target="_self" aria-label="Reserveer jouw opslagbox"></a> 1035 </div> 1036 <div class="card relative px-4 lg:col-span-4" data-cy="workflow-step" data-has-link="true"> 1037 <div class="card__icon flex items-center justify-center my-6 h-[60px] lg:my-10 lg:h-[133px]"> 1038 <img src="https://www.1box.nl/wp-content/uploads/2026/02/Intrekken-1.png.webp" alt="" class="max-h-full w-auto object-contain lg:max-w-[133px]"> 1039 </div> 1040 <div class="flex items-stretch"> 1041 <div class="bg-box-purple text-white p-4 flex items-center">3</div> 1042 <div class="bg-box-gray flex-grow flex items-center p-4">Krijg toegang tot je opslagbox</div> 1043 </div> 1044 <a href="https://www.1box.nl/alle-opslaglocaties/" class="absolute inset-0" target="_self" aria-label="Verhuis je spullen"></a> 1045 </div> 1046 </div> 1047 </div> 1048</section> 1049 1050 1051 1052 <section id="location-search-component" class="bg-transparent flex flex-col gap-4 my-4 "> 1053 <div class="container"> 1054 <div class="flex justify-center relative"> 1055 <!-- GEOCODER --> 1056 <div id="geocoder" class="geocoder"> 1057 1058 </div> 1059 <button class="search-location-btn bg-box-green items-center justify-center font-bold sm:text-lg text-white py-3 px-4 rounded-tr rounded-br gap-4 flex"> 1060 Ontdek jouw prijs 1061 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-arrow-right.6326b0.svg" alt="iconRight" class=""> 1062 </button> 1063 1064 <!-- SEARCH POP RESULTS --> 1065 <div class="search--popup_results absolute top-16 bg-white text-box-purple shadow rounded p-4"> 1066 <h2 class="search--popup_results__title text-lg font-bold lg:text-xl">De dichtstbijzijnde voorzieningen voor u.</h2> 1067 <div class="search--popup_results--top my-2"> 1068 <div class="flex"> 1069 <div style="min-width: 100px"></div> 1070 <div class="flex w-full justify-between ml-4 "> 1071 <h3 class="font-bold"> 1072 Locaties 1073 </h3> 1074 <!-- <h3 class="font-bold"> 1075 Afstand 1076 </h3> --> 1077 </div> 1078 </div> 1079 </div> 1080 1081 <!-- Results replace? --> 1082 <div class="search--popup_results-replace flex flex-col gap-4"> 1083 1084 </div> 1085 </div> 1086 </div> 1087 1088 </div> 1089</section> 1090
1091<script> 1092 function locationSearch (locationID, facilities) { 1093 document.querySelectorAll('.search--popup_results').forEach(el => el.style.display = 'none'); 1094 // For debugging 1095 // console.log(locationID); 1096 1097 const locationIDElement = document.getElementById(locationID); 1098 const searchButton = locationIDElement.querySelector('.search-location-btn'); 1099 // declaring results here to access it 'globally' 1100 let results = []; 1101 1102 function getDistanceFromLatLonInKm(lat1, lon1, lat2, lon2) { 1103 const R = 6371; // Radius of Earth in km 1104 const dLat = deg2rad(lat2 - lat1); 1105 const dLon = deg2rad(lon2 - lon1); 1106 const a = 1107 Math.sin(dLat / 2) * Math.sin(dLat / 2) + 1108 Math.cos(deg2rad(lat1)) * Math.cos(deg2rad(lat2)) * 1109 Math.sin(dLon / 2) * Math.sin(dLon / 2); 1110 const c = 2 * Math.atan2(Math.sqrt(a), Math.sqrt(1 - a)); 1111 return R * c; // Distance in km 1112 } 1113 1114 function deg2rad(deg) { 1115 return deg * (Math.PI / 180); 1116 } 1117 1118 const geocoder = new MapboxGeocoder({ 1119 accessToken: 'pk.eyJ1IjoiZGVubmlzcmlmZiIsImEiOiJja3pwa2Iyc2EwMDhzMnZub2w2YWZtbXhrIn0.H9_wHCwgGhgWvKYhehlnGw', 1120 types: 'region,place,postcode', 1121 placeholder: 'Voer postcode of stad in', 1122 countries: 'nl,de,be', 1123 language: 'nl', 1124 }); 1125 1126 const geocoderElement = locationIDElement.querySelector('.geocoder'); 1127 geocoder.addTo(geocoderElement); 1128 1129 document.querySelectorAll('.suggestions-wrapper').forEach(el => el.style.display = 'none'); 1130 1131 document.addEventListener('keyup', (event) => { 1132 if (event.target.matches('.mapboxgl-ctrl-geocoder--input')) { 1133 const inputVal = event.target.value; 1134 const suggestionsWrapper = locationIDElement.querySelector('.suggestions-wrapper'); 1135 1136 if (inputVal === '' || inputVal.length <= 2) { 1137 suggestionsWrapper.style.display = 'none'; 1138 } else { 1139 document.body.classList.add('search-open'); 1140 suggestionsWrapper.style.display = ''; 1141 } 1142 1143 setTimeout(() => { 1144 const noResults = locationIDElement.querySelector('.mapbox-gl-geocoder--no-results'); 1145 if (noResults && noResults.textContent === 'No results found') { 1146 if(!window.location.pathname.includes('/en/')){ 1147 noResults.textContent = 'Geen resultaten gevonden.'; 1148 } 1149 window.dataLayer = window.dataLayer || []; 1150 dataLayer.push({ 1151 event: "Search query no results", 1152 searchQuery: locationIDElement.querySelector('.mapboxgl-ctrl-geocoder--input').value, 1153 }); 1154 } 1155 }, 1000); 1156 } 1157 }); 1158 1159 document.addEventListener('click', (event) => { 1160 const test = locationIDElement.querySelector('.search--popup_results') 1161 if (test && !test.contains(event.target)) { 1162 clearResults(); 1163 } 1164 }); 1165 1166 geocoder.on('result', (e) => { 1167 document.activeElement.blur(); // Assuming the active element is the geocoder input, otherwise target specifically 1168 1169 let lat = e.result.center[1]; 1170 let lng = e.result.center[0]; 1171 let items = ''; 1172 let distanceToSearch = 0; 1173 results = [] 1174 while (results.length === 0) { 1175 distanceToSearch += 10; 1176 for(const [key, value] of Object.entries(facilities)){ 1177 if (value.lat && value.lng) { 1178 // let distance = calcCrow(lat, lng, value.lat, value.lng); 1179 let distance = getDistanceFromLatLonInKm(lat, lng, value.lat, value.lng); 1180 if (distance <= distanceToSearch) { 1181 value.distance = distance; 1182 results.push(value); 1183 } 1184 } 1185 } 1186 } 1187 1188 results.sort((a, b) => a.distance - b.distance); 1189 results = results.slice(0, 3); 1190 window.dataLayer = window.dataLayer || []; 1191 dataLayer.push({ 1192 'event': "Search query", 1193 'searchQuery': locationIDElement.querySelector('.mapboxgl-ctrl-geocoder--input').value, 1194 'searchResult': results 1195 }); 1196 1197 results.forEach((value) => { 1198 items += `<a href="${value.url}" class="search--popup_results--result"> 1199 <div class="flex items-center gap-4"> 1200 ${value.image ? `<img src="${value.image}" width="100px" height="auto" alt="" />` : '<div style="min-width: 100px"></div>'} 1201 <div class="search--popup_results--result_image flex flex-col gap-2"> 1202 <div class="search--popup_results--result_location"> 1203 <h3>${value.title}</h3> 1204 <div>${value.location}</div> 1205 </div> 1206 </div> 1207 <!-- <div class="search--popup_results--result_distance"> 1208 ${Math.round(value.distance)}km 1209 </div> --> 1210 </div> 1211 </a>`; 1212 }); 1213 1214 searchButton.removeEventListener('click', redirectDefault); 1215 searchButton.addEventListener('click', redirect); 1216 1217 locationIDElement.querySelector('.search--popup_results-replace').innerHTML = items; 1218 locationIDElement.querySelector('.search--popup_results').style.display = 'block'; 1219 locationIDElement.querySelector('.suggestions-wrapper').style.display = 'none'; 1220 }); 1221 1222 // Hide results container when search is cleared. 1223 geocoder.on('clear', () => { 1224 clearResults(); 1225 results = [] 1226 searchButton.removeEventListener('click', redirect); 1227 searchButton.addEventListener('click', redirectDefault); 1228 }); 1229 1230 const redirect = () => { 1231 window.location = results[0].url; 1232 } 1233 1234 const redirectDefault = () => { 1235 const currentLanguage = 'nl'; 1236 if (currentLanguage === 'nl') { 1237 window.location = '/alle-opslaglocaties'; 1238 } else { 1239 window.location = '/en/all-storage-locations'; 1240 } 1241 } 1242 1243 const clearResults = () => { 1244 document.body.classList.remove('search-open'); 1245 locationIDElement.querySelector('.search--popup_results-replace').innerHTML = ''; 1246 locationIDElement.querySelector('.search--popup_results').style.display = 'none'; 1247 locationIDElement.querySelector('.suggestions-wrapper').style.display = 'none'; 1248 } 1249 1250 // Initial setup to handle the Book Now button if nothing has been filled in yet 1251 if (results.length === 0) { 1252 searchButton.addEventListener('click', redirectDefault); 1253 } 1254 } 1255 1256 locationSearch('location-search-component', [{"id":61091,"title":"Lelystad","url":"https:\/\/www.1box.nl\/opslaglocaties\/lelystad\/","lat":"52.518536\u202f","lng":"5.471422\u202f","popup":null,"location":"Vaartweg 68","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/07\/2026_Lelystad_1Box_CalvinoProductions_-4-300x200.jpg","street":"Vaartweg 68","city":"Lelystad","postal":"8243 PP","label":null,"notification":null},{"id":61089,"title":"aan Huis","url":"https:\/\/www.1box.nl\/opslaglocaties\/aan-huis-2\/","lat":null,"lng":null,"popup":null,"location":".","image":false,"street":".","city":"Nieuw-vennep","postal":".","label":null,"notification":null},{"id":60131,"title":"aan Huis","url":"https:\/\/www.1box.nl\/opslaglocaties\/aan-huis\/","lat":"","lng":"","popup":null,"location":"Lucas Bolsstraat 7","image":false,"street":"Lucas Bolsstraat 7","city":"Nieuw-vennep","postal":"2152 CZ","label":null,"notification":null},{"id":60127,"title":"Almere","url":"https:\/\/www.1box.nl\/opslaglocaties\/almere\/","lat":"52.402446","lng":"5.266059","popup":null,"location":"Splijtbakweg 60","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/5.-Splijtbakweg-60-Almere-Photoshop-1-300x187.jpg","street":"Splijtbakweg 60","city":"Almere","postal":"1333 HJ","label":null,"notification":null},{"id":60119,"title":"Rotterdam Zuid","url":"https:\/\/www.1box.nl\/opslaglocaties\/rotterdam-zuid\/","lat":"51.89556","lng":"4.52093","popup":null,"location":"Olympiaweg 16-30","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/W88-300x225.png","street":"Olympiaweg 16-30","city":"Rotterdam","postal":"3077 AL","label":null,"notification":null},{"id":60129,"title":"Helmond Kanaaldijk","url":"https:\/\/www.1box.nl\/opslaglocaties\/helmond-kanaaldijk\/","lat":"","lng":"","popup":null,"location":"Kanaaldijk N.O. 100","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/1BOX-Self-Storage-Helmond-Opslagruimte-Opslagfaciliteit-300x200.webp","street":"Kanaaldijk N.O. 100","city":"Helmond","postal":"5702 NW","label":null,"notification":null},{"id":60125,"title":"Amsterdam-Zuidoost","url":"https:\/\/www.1box.nl\/opslaglocaties\/amsterdam-schepenbergweg\/","lat":"52.378","lng":"4.9","popup":null,"location":"Schepenbergweg 1","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Amsterdam-Outdoors_1Box_CalvinoProductions_-6-300x200.jpg","street":"Schepenbergweg 1","city":"Amsterdam","postal":"1105 AS","label":null,"notification":null},{"id":60121,"title":"Alphen aan den Rijn","url":"https:\/\/www.1box.nl\/opslaglocaties\/alphen-aan-den-rijn\/","lat":"52.135510","lng":"4.647200","popup":null,"location":"Prinses Margrietlaan 15","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Alpen-aan-De-Rijn_1Box_CalvinoProductions_-13-300x225.jpg","street":"Prinses Margrietlaan 15","city":"Alphen aan den rijn","postal":"2404 HA","label":null,"notification":null},{"id":60123,"title":"Alkmaar","url":"https:\/\/www.1box.nl\/opslaglocaties\/alkmaar\/","lat":"52.6429761","lng":"4.7790064","popup":null,"location":"Robbenkoog 1","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Alkmaar_1Box_CalvinoProductions_-5-300x216.jpg","street":"Robbenkoog 1","city":"Alkmaar","postal":"1822 BA","label":null,"notification":null},{"id":60109,"title":"Barendrecht","url":"https:\/\/www.1box.nl\/opslaglocaties\/barendrecht\/","lat":"51.854583740234375","lng":"4.510918617248535","popup":null,"location":"De Bergen 6","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Barrendrecht_1BOX-6-300x200.jpg","street":"De Bergen 6","city":"Barendrecht","postal":"2993 LR","label":null,"notification":null},{"id":60107,"title":"Utrecht","url":"https:\/\/www.1box.nl\/opslaglocaties\/utrecht\/","lat":"52.125995103417","lng":"5.0935861088476","popup":null,"location":"Franciscusdreef 74-76","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Utecht_1Box_CalvinoProductions_-nieuw-300x199.jpg","street":"Franciscusdreef 74-76","city":"Utrecht","postal":"3565 AD","label":null,"notification":null},{"id":60117,"title":"Schiedam","url":"https:\/\/www.1box.nl\/opslaglocaties\/schiedam\/","lat":"51.92699","lng":"4.41164","popup":null,"location":"Philippusweg 2","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Schiedam_1BOX_CalvinoProductions_-7new-300x195.jpg","street":"Philippusweg 2","city":"Schiedam","postal":"3125 AS","label":null,"notification":null},{"id":60115,"title":"Rotterdam Centrum","url":"https:\/\/www.1box.nl\/opslaglocaties\/rotterdam-centrum\/","lat":"51.94134","lng":"4.47100","popup":null,"location":"Ceintuurbaan 211-213A","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/W33-300x200.png","street":"Ceintuurbaan 211-213A","city":"Rotterdam","postal":"3051 KC","label":null,"notification":null},{"id":60111,"title":"Helmond","url":"https:\/\/www.1box.nl\/opslaglocaties\/helmond\/","lat":"51.4711685","lng":"5.6712143","popup":null,"location":"Marshallstraat 16","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Helmond_1BOX_CalvinoProductions_-1-nieuw-300x208.jpg","street":"Marshallstraat 16","city":"Helmond","postal":"5705 CN","label":null,"notification":null},{"id":60113,"title":"Heerlen-Heerlerbaan","url":"https:\/\/www.1box.nl\/opslaglocaties\/heerlen-heerlerbaan\/","lat":"50.8631226","lng":"6.0051791","popup":null,"location":"Heerlerbaan 243","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/1BOX_self_storage_opslagruimte_Heerlerbaan-1-300x200.jpg","street":"Heerlerbaan 243","city":"Heerlen","postal":"6418 CE","label":null,"notification":null},{"id":60105,"title":"Den Haag","url":"https:\/\/www.1box.nl\/opslaglocaties\/den-haag\/","lat":"52.07195","lng":"4.29204","popup":null,"location":"Loosduinsekade 92 A1","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/04\/den-haag-300x200.webp","street":"Loosduinsekade 92 A1","city":"Den haag","postal":"2571 BS","label":null,"notification":null},{"id":60103,"title":"Breda","url":"https:\/\/www.1box.nl\/opslaglocaties\/breda\/","lat":"51.597072","lng":"4.798191","popup":null,"location":"Koele Mei 52","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Breda_1Box_CalvinoProductions_-18-300x200.jpg","street":"Koele Mei 52","city":"Breda","postal":"4816 JD","label":null,"notification":null},{"id":60101,"title":"Tilburg","url":"https:\/\/www.1box.nl\/opslaglocaties\/tilburg\/","lat":"51.56292","lng":"5.102879","popup":null,"location":"Ringbaan-Oost 152","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Tilburg_1Box_CalvinoProductions_-6-300x225.jpg","street":"Ringbaan-Oost 152","city":"Tilburg","postal":"5013 CE","label":null,"notification":null},{"id":60099,"title":"Hellevoetsluis","url":"https:\/\/www.1box.nl\/opslaglocaties\/hellevoetsluis\/","lat":"51.841885","lng":"4.170352","popup":null,"location":"Kickers Bloem 5","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Hellevoetsluis_1Box_CalvinoProductions_-7-300x197.jpg","street":"Kickers Bloem 5","city":"Hellevoetsluis","postal":"3225 LM","label":null,"notification":null},{"id":60097,"title":"Goes","url":"https:\/\/www.1box.nl\/opslaglocaties\/goes\/","lat":"51.493552","lng":"3.877445","popup":null,"location":"Verrijn Stuartweg 4b","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Goes_1BOX_CalvinoProductions_-0-zonder-lantaarnpaal-300x200.jpg","street":"Verrijn Stuartweg 4b","city":"Goes","postal":"4462 GE","label":null,"notification":null},{"id":60095,"title":"Bergen op Zoom","url":"https:\/\/www.1box.nl\/opslaglocaties\/bergen-op-zoom\/","lat":"51.510068","lng":"4.302835","popup":null,"location":"Marconilaan-Noord 64","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Bergen-op-Zoom_1BOX_CalvinoProductions_-2-300x200.jpg","street":"Marconilaan-Noord 64","city":"Bergen op zoom","postal":"4614 HB","label":null,"notification":null},{"id":60093,"title":"Heerlen","url":"https:\/\/www.1box.nl\/opslaglocaties\/heerlen\/","lat":"50.90295","lng":"5.96099","popup":null,"location":"Beersdalweg 108","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/import-05\/1BOX-Heerlen-1-scaled.jpg-300x200.webp","street":"Beersdalweg 108","city":"Heerlen","postal":"6412PE","label":null,"notification":null},{"id":60091,"title":"Sittard","url":"https:\/\/www.1box.nl\/opslaglocaties\/sittard\/","lat":"51.015823","lng":"5.868151","popup":null,"location":"Nusterweg 65","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Sittard_1BOX_CalvinoProductions_-3-nieuw-300x200.jpg","street":"Nusterweg 65","city":"Sittard","postal":"6136 KT","label":null,"notification":null},{"id":60089,"title":"Roermond","url":"https:\/\/www.1box.nl\/opslaglocaties\/roermond\/","lat":"51.207341","lng":"5.998541","popup":null,"location":"Mijn
1256heerkensweg 22","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Roermond_1Box_CalvinoProductions_-2-300x200.jpg","street":"Mijnheerkensweg 22","city":"Roermond","postal":"6041 TA","label":null,"notification":null},{"id":60087,"title":"Venlo","url":"https:\/\/www.1box.nl\/opslaglocaties\/venlo\/","lat":"51.384959","lng":"6.187992","popup":null,"location":"Winkelveldstraat 14","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/Venlo-11-nieuw-300x192.png","street":"Winkelveldstraat 14","city":"Venlo","postal":"5916 NX","label":null,"notification":null},{"id":60085,"title":"Groningen","url":"https:\/\/www.1box.nl\/opslaglocaties\/groningen\/","lat":"53.208753","lng":"6.616377","popup":null,"location":"De Hallen 6 ","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Groningen_1BOX_CalvinoProductions_-3-300x200.jpg","street":"De Hallen 6 ","city":"Groningen","postal":"9723 TW","label":null,"notification":null},{"id":60083,"title":"Rijswijk","url":"https:\/\/www.1box.nl\/opslaglocaties\/rijswijk\/","lat":"52.044665","lng":"4.34036","popup":null,"location":"Steenplaetsstraat 2C","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Rijswijk_1Box_CalvinoProductions_-3-300x200.jpg","street":"Steenplaetsstraat 2C","city":"Rijswijk","postal":"2288 AA","label":null,"notification":null},{"id":60081,"title":"Boxtel","url":"https:\/\/www.1box.nl\/opslaglocaties\/boxtel\/","lat":"51.562165","lng":"5.373731","popup":null,"location":"Boogershof 10 - 12","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/import-02\/1BOX-Boxtel-7-scaled.jpg-300x200.webp","street":"Boogershof 10 - 12","city":"Boxtel","postal":"5298 MN","label":null,"notification":null},{"id":60079,"title":"Nijmegen-Wijchen","url":"https:\/\/www.1box.nl\/opslaglocaties\/nijmegen-wijchen\/","lat":"51.816909","lng":"5.762124","popup":null,"location":"Nieuweweg 279b","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/Nijmegen-Wijchen-_1Box_CalvinoProductions_10-300x205.jpg","street":"Nieuweweg 279b","city":"Wijchen","postal":"6603 BN ","label":null,"notification":null},{"id":60077,"title":"Den Bosch","url":"https:\/\/www.1box.nl\/opslaglocaties\/den-bosch\/","lat":"51.726028","lng":"5.286324","popup":null,"location":"Larenweg 50a","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/import-03\/1BOX-DenBosch-2-scaled.jpg-300x200.webp","street":"Larenweg 50a","city":"Den Bosch","postal":"5234 KA ","label":null,"notification":null},{"id":60075,"title":"Eindhoven Best","url":"https:\/\/www.1box.nl\/opslaglocaties\/eindhoven-best\/","lat":"51.499059","lng":"5.40593","popup":null,"location":"Industrieweg 220","image":"https:\/\/www.1box.nl\/wp-content\/uploads\/2024\/05\/2026_Eindhoven-Best_1BOX_CalvinoProductions_-2-nieuw-300x180.jpg","street":"Industrieweg 220","city":"Best","postal":"5683 CH","label":null,"notification":null}]); 1257</script>
1257 1258 1259 1260 1261 <section id="reviews-rv_6ac4e9bbb277a" class="reviews "> 1262 1263 <div class="reviews-container container"> 1264 <div class="reviews-inner"> 1265 1266 <!-- Reviews Header --> 1267 <div class="reviews-header"> 1268 <h2 class="reviews-title">Wat onze klanten zeggen</h2> 1269 <div class="reviews-rating"> 1270 <div class="rating-stars"> 1271 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon filled"> 1272 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon filled"> 1273 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon filled"> 1274 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon filled"> 1275 <span class="star-half"> 1276 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star-empty.34f52f.svg" alt="Empty Star" class="star-icon empty"> 1277 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Half Star" class="star-icon half"> 1278 </span> 1279 </div> 1280 <span class="rating-text"><span class="rating-score">4.7/5</span> <span onclick="openReviewsModal('rv_6ac4e9bbb277a')" class="rating-reviews"> (3087 reviews) </span></span> 1281 </div> 1282 </div> 1283 1284 <!-- Mobile: Horizontal scrollable container --> 1285 <div class="reviews-mobile-scroll-wrapper"> 1286 <button class="scroll-arrow left" onclick="scrollMobileReviews('rv_6ac4e9bbb277a','left')" aria-label="Scroll left"><span>â¹</span></button> 1287 <div class="reviews-mobile-scroll" id="reviewsMobileScroll-rv_6ac4e9bbb277a"> 1288 <div class="review-card mobile-card"> 1289 <div class="review-card-header"> 1290 <div class="stars-container"> 1291 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1292 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1293 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1294 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1295 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1296 </div> 1297 </div> 1298 <div class="review-card-body"> 1299 <p class="review-text" data-full="Seamless subscription process. No need to interact with anyone. App for opening doors and the storage room works fine. Saved me a lot of trouble while moving out of previous place. Can&#039;t complain, 10/10" data-truncated="Seamless subscription process. No need to interact with anyone. App for opening doors and theâ¦">Seamless subscription process. No need to interact with anyone. App for opening doors and theâ¦</p> 1300 <button class="expand-btn" onclick="expand(this)"> 1301 <span class="expand-label">Lees verder</span> 1302 <img style="display: inline-block;" src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/angle-down.ea2e3f.svg" alt="arrow"> 1303 </button> 1304 </div> 1305 <div class="review-meta"> 1306 <div class="review-location"> 1307 <div><strong>1BOX Den Haag</strong></div>
1308 <span class="review-date">Viktor</span> 1309 <span class="divider">|</span> 1310 <span class="review-date">06-10-2026</span> 1311 </div> 1312 </div> 1313 </div> 1314 <div class="review-card mobile-card"> 1315 <div class="review-card-header"> 1316 <div class="stars-container"> 1317 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1318 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1319 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1320 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1321 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star-empty.34f52f.svg" alt="Empty Star" class="star-icon empty-star"> 1322 </div> 1323 </div> 1324 <div class="review-card-body"> 1325 <p class="review-text" data-full="Makkelijk online te bestellen en te regelen. Ook goed bereikbaar." data-truncated="Makkelijk online te bestellen en te regelen. Ook goed bereikbaar.">Makkelijk online te bestellen en te regelen. Ook goed bereikbaar.</p> 1326 </div> 1327 <div class="review-meta"> 1328 <div class="review-location"> 1329 <div><strong>1BOX Nijmegen-Wijchen</strong></div> 1330 <span class="review-date">Roger Lamee</span> 1331 <span class="divider">|</span> 1332 <span class="review-date">05-10-2026</span> 1333 </div> 1334 </div> 1335 </div> 1336 <div class="review-card mobile-card"> 1337 <div class="review-card-header"> 1338 <div class="stars-container"> 1339 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1340 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1341 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1342 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1343 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1344 </div> 1345 </div> 1346 <div class="review-card-body"> 1347 <p class="review-text" data-full="Makkelijke en veilige toegang. Snelle service bij telefonisch contact." data-truncated="Makkelijke en veilige toegang. Snelle service bij telefonisch contact.">Makkelijke en veilige toegang. Snelle service bij telefonisch contact.</p> 1348 </div> 1349 <div class="review-meta"> 1350 <div class="review-location"> 1351 <div><strong>1BOX Goes</strong></div> 1352 <span class="review-date">Bianca D.</span> 1353 <span class="divider">|</span>
1354 <span class="review-date">05-10-2026</span> 1355 </div> 1356 </div> 1357 </div> 1358 <div class="review-card mobile-card"> 1359 <div class="review-card-header"> 1360 <div class="stars-container"> 1361 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1362 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1363 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1364 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1365 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1366 </div> 1367 </div> 1368 <div class="review-card-body"> 1369 <p class="review-text" data-full="Snel, deskundig en vriendelijk geholpen." data-truncated="Snel, deskundig en vriendelijk geholpen.">Snel, deskundig en vriendelijk geholpen.</p> 1370 </div> 1371 <div class="review-meta"> 1372 <div class="review-location"> 1373 <div><strong>1BOX Tilburg</strong></div> 1374 <span class="review-date">Webwinkel van Nederland moet winnen! Je stem is erg</span> 1375 <span class="divider">|</span> 1376 <span class="review-date">04-10-2026</span> 1377 </div> 1378 </div> 1379 </div> 1380 <div class="review-card mobile-card"> 1381 <div class="review-card-header"> 1382 <div class="stars-container"> 1383 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1384 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1385 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1386 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1387 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1388 </div> 1389 </div> 1390 <div class="review-card-body"> 1391 <p class="review-text" data-full="Ik heb snel een box kunnen regelen De service is top geweest !!!!!" data-truncated="Ik heb snel een box kunnen regelen De service is top geweest !!!!!">Ik heb snel een box kunnen regelen De service is top geweest !!!!!</p> 1392 </div> 1393 <div class="review-meta"> 1394 <div class="review-location"> 1395 <div><strong>1BOX Rotterdam Centrum</strong></div> 1396 <span class="review-date">Maikel Powel</span> 1397 <span class="divider">|</span> 1398 <span class="review-date">03-10-2026</span> 1399 </div> 1400 </div> 1401 </div> 1402 <div class="review-card mobile-card"> 1403 <div class="review-card-header"> 1404 <div class="stars-container"> 1405 <img src="https://www.1box.nl/w
1405p-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1406 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1407 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1408 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1409 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1410 </div> 1411 </div> 1412 <div class="review-card-body"> 1413 <p class="review-text" data-full="Schoon, ruim en praktisch. Vriendelijke klantenservice!" data-truncated="Schoon, ruim en praktisch. Vriendelijke klantenservice!">Schoon, ruim en praktisch. Vriendelijke klantenservice!</p> 1414 </div> 1415 <div class="review-meta"> 1416 <div class="review-location"> 1417 <div><strong>1BOX Amsterdam</strong></div> 1418 <span class="review-date">Hester</span> 1419 <span class="divider">|</span> 1420 <span class="review-date">03-10-2026</span> 1421 </div> 1422 </div> 1423 </div> 1424 <div class="review-card mobile-card"> 1425 <div class="review-card-header"> 1426 <div class="stars-container"> 1427 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1428 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1429 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1430 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1431 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star-empty.34f52f.svg" alt="Empty Star" class="star-icon empty-star"> 1432 </div> 1433 </div> 1434 <div class="review-card-body"> 1435 <p class="review-text" data-full="Omdat het systeem op zich goed functioneert en men aan de telefoon zeer vriendelijk en behulpzaam is. Het is wel zaak om de informatie behorende bij het systeem goed te lezen en uit te voeren." data-truncated="Omdat het systeem op zich goed functioneert en men aan de telefoon zeer vriendelijk en behulpzaamâ¦">Omdat het systeem op zich goed functioneert en men aan de telefoon zeer vriendelijk en behulpzaamâ¦</p> 1436 <button class="expand-btn" onclick="expand(this)"> 1437 <span class="expand-label">Lees verder</span> 1438 <img style="display: inline-block;" src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/angle-down.ea2e3f.svg" alt="arrow"> 1439 </button> 1440 </div> 1441 <div class="review-meta"> 1442 <div class="review-location"> 1443 <div><strong>1BOX Helmond-Kanaaldijk</strong></div> 1444 <span class="review-date">Frans Tiggelman</span> 1445 <span class="divider">|</span>
1446 <span class="review-date">01-10-2026</span> 1447 </div> 1448 </div> 1449 </div> 1450 <div class="review-card mobile-card"> 1451 <div class="review-card-header"> 1452 <div class="stars-container"> 1453 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1454 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1455 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1456 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1457 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star-empty.34f52f.svg" alt="Empty Star" class="star-icon empty-star"> 1458 </div> 1459 </div> 1460 <div class="review-card-body"> 1461 <p class="review-text" data-full="Helemaal Prima, simpel werd gebeld voor een check of alles werkte! Super prettig!" data-truncated="Helemaal Prima, simpel werd gebeld voor een check of alles werkte! Super prettig!">Helemaal Prima, simpel werd gebeld voor een check of alles werkte! Super prettig!</p> 1462 </div> 1463 <div class="review-meta"> 1464 <div class="review-location"> 1465 <div><strong>1BOX Heerlen-Heerlerbaan</strong></div> 1466 <span class="review-date">Os</span> 1467 <span class="divider">|</span> 1468 <span class="review-date">29-09-2026</span> 1469 </div> 1470 </div> 1471 </div> 1472 <div class="review-card mobile-card"> 1473 <div class="review-card-header"> 1474 <div class="stars-container"> 1475 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1476 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1477 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1478 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1479 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1480 </div> 1481 </div> 1482 <div class="review-card-body"> 1483 <p class="review-text" data-full="Topp állás goed" data-truncated="Topp állás goed">Topp állás goed</p> 1484 </div> 1485 <div class="review-meta"> 1486 <div class="review-location"> 1487 <div><strong>1BOX Groningen</strong></div> 1488 <span class="review-date">Milan Miklos</span> 1489 <span class="divider">|</span> 1490 <span class="review-date">28-09-2026</span> 1491 </div> 1492 </div> 1493 </div> 1494 <div class="review-card mobile-card"> 1495 <div class="review-card-header"> 1496 <div class="stars-container"> 1497 <img src="https://www.1box.nl/w
1497p-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1498 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1499 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1500 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1501 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1502 </div> 1503 </div> 1504 <div class="review-card-body"> 1505 <p class="review-text" data-full="De snelheid en constructief" data-truncated="De snelheid en constructief">De snelheid en constructief</p> 1506 </div> 1507 <div class="review-meta"> 1508 <div class="review-location"> 1509 <div><strong>1BOX Rotterdam Centrum</strong></div> 1510 <span class="review-date">Maikel Powel</span> 1511 <span class="divider">|</span> 1512 <span class="review-date">28-09-2026</span> 1513 </div> 1514 </div> 1515 </div> 1516 </div> 1517 <button class="scroll-arrow right" onclick="scrollMobileReviews('rv_6ac4e9bbb277a','right')" aria-label="Scroll right"><span>âº</span></button> 1518 </div> 1519 1520 <!-- Desktop: Grid layout --> 1521 <div class="reviews-desktop-grid"> 1522 <div class="review-card desktop-card"> 1523 <div class="review-card-header"> 1524 <div class="stars-container"> 1525 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1526 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1527 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1528 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1529 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1530 </div> 1531 </div> 1532 <div class="review-card-body"> 1533 <p class="review-text" data-full="Seamless subscription process. No need to interact with anyone. App for opening doors and the storage room works fine. Saved me a lot of trouble while moving out of previous place. Can&#039;t complain, 10/10" data-truncated="Seamless subscription process. No need to interact with anyone. App for opening doors and theâ¦">Seamless subscription process. No need to interact with anyone. App for opening doors and theâ¦</p> 1534 <button class="expand-btn" style="display:flex; align-items:center; gap: 4px;" onclick="expand(this)"> 1535 <span class="expand-label">Lees verder</span> 1536 <span> 1537 <img style="display: inline-block;
1537" src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/angle-down.ea2e3f.svg" alt="arrow"> 1538 </span> 1539 </button> 1540 </div> 1541 1542 <div class="review-meta"> 1543 <div class="review-location"> 1544 <div><strong>1BOX Den Haag</strong></div> 1545 <span class="review-date">Viktor</span> 1546 <span class="divider">|</span> 1547 <span class="review-date">06-10-2026</span> 1548 </div> 1549 </div> 1550 </div> 1551 <div class="review-card desktop-card"> 1552 <div class="review-card-header"> 1553 <div class="stars-container"> 1554 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1555 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1556 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1557 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1558 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star-empty.34f52f.svg" alt="Empty Star" class="star-icon empty-star"> 1559 </div> 1560 </div> 1561 <div class="review-card-body"> 1562 <p class="review-text" data-full="Makkelijk online te bestellen en te regelen. Ook goed bereikbaar." data-truncated="Makkelijk online te bestellen en te regelen. Ook goed bereikbaar.">Makkelijk online te bestellen en te regelen. Ook goed bereikbaar.</p> 1563 </div> 1564 1565 <div class="review-meta"> 1566 <div class="review-location"> 1567 <div><strong>1BOX Nijmegen-Wijchen</strong></div> 1568 <span class="review-date">Roger Lamee</span> 1569 <span class="divider">|</span> 1570 <span class="review-date">05-10-2026</span> 1571 </div> 1572 </div> 1573 </div> 1574 <div class="review-card desktop-card"> 1575 <div class="review-card-header"> 1576 <div class="stars-container"> 1577 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1578 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1579 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1580 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1581 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1582 </div> 1583 </div> 1584 <div class="review-card-body"> 1585 <p class="review-text" data-full="Makkelijke en veilige toegang. Snelle service bij telefonisch contact." data-truncated="Makkelijke en veilige toegang. Snelle service bij telefonisch contact.">Makkelijke en veilige toegang. Snelle service bij telefonisch contact.</p> 1586 </div> 1587 1588 <div class="review-meta"> 1589 <div class="review-location"> 1590 <div><strong>1BOX Goes</strong></div>
1591 <span class="review-date">Bianca D.</span> 1592 <span class="divider">|</span> 1593 <span class="review-date">05-10-2026</span> 1594 </div> 1595 </div> 1596 </div> 1597 </div> 1598 1599 <!-- Removed legacy view-more-container in favor of review-button below --> 1600 <div class="button-container"> 1601 <div class="review-button" onclick="openReviewsModal('rv_6ac4e9bbb277a')"> 1602 Meer reviews 1603 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-arrow-right.6326b0.svg" alt=""> 1604 </div> 1605 </div> 1606 </div> 1607 </div> 1608 1609 <!-- Reviews Modal --> 1610 <div id="reviewsModal-rv_6ac4e9bbb277a" class="reviews-modal"> 1611 <div class="modal-overlay" onclick="closeReviewsModal('rv_6ac4e9bbb277a')"></div> 1612 1613 <div id="reviewsPanel-rv_6ac4e9bbb277a" class="modal-panel" 1614 data-facility-id="" 1615 data-location-name="" 1616 data-location-id="" 1617 data-high-rating-only="true" 1618 data-nonce="bc944520be" 1619 data-ajax-url="https://www.1box.nl/wp-admin/admin-ajax.php" 1620 data-instance-id="rv_6ac4e9bbb277a"> 1621 <div class="modal-header"> 1622 <h2 class="modal-title">Wat onze klanten zeggen</h2> 1623 <button class="modal-close-btn" onclick="closeReviewsModal('rv_6ac4e9bbb277a')"> 1624 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/x-symbol.355470.svg" alt="x" class="x-icon" style="width: 10px; height: 10px;"> 1625 </button> 1626 </div> 1627 1628 <div class="modal-content-scrollable"> 1629 <div class="modal-reviews-rating"> 1630 <span class="modal-rating-text">4.7 </span> 1631 <div class="modal-review-container"> 1632 <div class="modal-rating-stars"> 1633 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1634 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1635 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1636 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1637 <span class="star-half"> 1638 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star-empty.34f52f.svg" alt="Empty Star" class="star-icon empty-star"> 1639 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Half Star" class="star-icon half"> 1640 </span> 1641 </div> 1642 <span class="modal-rating-reviews"> 3087 reviews </span> 1643 </div> 1644 </div> 1645 1646 <div class="reviews-distribution"> 1647 <div class="distribution-row"> 1648 <div class="stars-column"> 1649 <span>5</span> 1650 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1651 </div> 1652 <div class="progress-column"> 1653 <div class="progress-bar"> 1654 <div class="progress-fill" style="width: 84%;"></div> 1655 </div> 1656 </div> 1657 <div class="percentage-column">84%</div> 1658 </div> 1659 <div class="distribution-row"> 1660 <div class="stars-column">
1661 <span>4</span> 1662 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1663 </div> 1664 <div class="progress-column"> 1665 <div class="progress-bar"> 1666 <div class="progress-fill" style="width: 11%;"></div> 1667 </div> 1668 </div> 1669 <div class="percentage-column">11%</div> 1670 </div> 1671 <div class="distribution-row"> 1672 <div class="stars-column"> 1673 <span>3</span> 1674 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1675 </div> 1676 <div class="progress-column"> 1677 <div class="progress-bar"> 1678 <div class="progress-fill" style="width: 2%;"></div> 1679 </div> 1680 </div> 1681 <div class="percentage-column">2%</div> 1682 </div> 1683 <div class="distribution-row"> 1684 <div class="stars-column"> 1685 <span>2</span> 1686 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1687 </div> 1688 <div class="progress-column"> 1689 <div class="progress-bar"> 1690 <div class="progress-fill" style="width: 1%;"></div> 1691 </div> 1692 </div> 1693 <div class="percentage-column">1%</div> 1694 </div> 1695 <div class="distribution-row"> 1696 <div class="stars-column"> 1697 <span>1</span> 1698 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/star.2fcb9a.svg" alt="Star" class="star-icon"> 1699 </div> 1700 <div class="progress-column"> 1701 <div class="progress-bar"> 1702 <div class="progress-fill" style="width: 3%;"></div> 1703 </div> 1704 </div> 1705 <div class="percentage-column">3%</div> 1706 </div> 1707 </div> 1708 1709 <!-- AJAX Reviews Container --> 1710 <div id="ajax-reviews-container-rv_6ac4e9bbb277a"> 1711 <!-- Initial reviews load will be here --> 1712 </div> 1713 1714 <!-- Loading indicator --> 1715 <div id="reviews-loading-rv_6ac4e9bbb277a" class="reviews-loading" style="display: none;"> 1716 <div class="loading-spinner"></div> 1717 <p>Loading reviews...</p> 1718 </div> 1719 1720 <!-- AJAX Pagination --> 1721 <div class="modal-pagination ajax-pagination" id="ajaxPagination-rv_6ac4e9bbb277a" style="display: none;"> 1722 <button class="modal-page-btn modal-page-arrow" id="ajaxPrevBtn-rv_6ac4e9bbb277a" aria-label="Previous page" title="Previous">â¹</button> 1723 <div class="modal-page-numbers" id="ajaxPageNumbers-rv_6ac4e9bbb277a"></div> 1724 <button class="modal-page-btn modal-page-arrow" id="ajaxNextBtn-rv_6ac4e9bbb277a" aria-label="Next page" title="Next">âº</button> 1725 </div> 1726 </div> 1727 </div> 1728 </div> 1729</section> 1730 1731<style> 1732 /* Base styles */ 1733 .reviews { 1734 position: relative; 1735 width: 100%; 1736 padding: 3rem 0; 1737 } 1738 1739 .reviews-container { 1740 width: 100%; 1741 } 1742 1743 .reviews-inner { 1744 max-width: 1253px; 1745 margin: 0 auto; 1746 } 1747 1748 @media (max-width: 768px) { 1749 .reviews-inner { 1750 padding: 0 20px; 1751 } 1752 } 1753 1754 /* Reviews Header */ 1755 .reviews-header { 1756 display: flex; 1757 flex-direction: column; 1758 align-content: flex-start; 1759 align-items: flex-start; 1760 text-align: center; 1761 margin-bottom: 20px; 1762 } 1763 1764 .reviews-title { 1765 font-size: 20px; 1766 font-weight: 700; 1767 color: #1f2937; 1768 margin: 0 0 8px 0; 1769 } 1770 1771 .reviews-rating { 1772 display: flex; 1773 align-items: center; 1774 justify-content: center; 1775 gap: 8px; 1776 } 1777 1778 .rating-stars { 1779 display: flex; 1780 gap: 0.125rem; 1781 } 1782 1783 .review-button { 1784 display: flex; 1785 align-items: center; 1786 justify-content: space-between; 1787 padding: 12px 16px; 1788 width: 100%; 1789 background-color: #1E0B38; 1790 color: white; 1791 font-size: 16px; 1792 font-weight: 500; 1793 text-align: center; 1794 text-decoration: none; 1795 border-radius: 4px; 1796 border: none; 1797 cursor: pointer; 1798 box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2); 1799 transition: background-color 0.3s, box-shadow 0.3s; 1800 } 1801 1802 @media (min-width: 768px) { 1803 .review-button { 1804 max-width: 23%; 1805 } 1806 1807 .button-container { 1808 justify-content: flex-start !important; 1809 } 1810 } 1811 1812 .review-button:hover { 1813 box-shadow: 0 3px 6px 0 rgba(0,0,0,0.2); 1814 } 1815 1816 .review-button:active { 1817 box-shadow: 0 1px 2px 0 rgba(0,0,0,0.2); 1818 } 1819 1820 .rating-stars .star-icon { 1821 width: 18px; 1822 height: 18px; 1823 } 1824 1825 .rating-text { 1826 font-size: 1rem; 1827 color: #1E0B38; 1828 font-weight: 500; 1829 } 1830 1831 .rating-score { 1832 font-weight: 700; 1833 } 1834 1835 .rating-reviews { 1836 text-decoration: underline; 1837 cursor: pointer; 1838 } 1839 1840 .button-container { 1841 display: flex; 1842 justify-content: center; 1843 } 1844 1845 .button-arr {
1846 align-items: center; 1847 padding: 0 5px; 1848 border-radius: 50%; 1849 border: solid 2px; 1850 text-align: center; 1851 color: black; 1852 background: white; 1853 } 1854 1855 /* Mobile horizontal scroll container */ 1856 .reviews-mobile-scroll { 1857 display: flex; 1858 gap: 1rem; 1859 overflow-x: auto; 1860 scroll-behavior: smooth; 1861 -webkit-overflow-scrolling: touch; 1862 scrollbar-width: none; 1863 -ms-overflow-style: none; 1864 padding: 0 16px 20px 16px; 1865 margin: 0 -15px; 1866 } 1867 1868 .reviews-mobile-scroll-wrapper { 1869 position: relative; 1870 } 1871 1872 .scroll-arrow { 1873 position: absolute; 1874 top: 50%; 1875 transform: translateY(-50%); 1876 width: 24px; 1877 height: 24px; 1878 border-radius: 50%; 1879 background: white; 1880 color: #66B142; 1881 border: none; 1882 display: none; /* Hidden by default; toggled via JS */ 1883 align-items: center; 1884 justify-content: center; 1885 z-index: 2; 1886 box-shadow: 0px 2px 9px 0px #00000040; 1887 } 1888 1889 .scroll-arrow span { 1890 font-size: 22px; 1891 line-height: 1; 1892 display: block; 1893 margin-top: -2px; 1894 } 1895 1896 .scroll-arrow.left { left: 6px; } 1897 .scroll-arrow.right { right: 6px; } 1898 1899 .reviews-mobile-scroll::-webkit-scrollbar {
1900 display: none; 1901 } 1902 1903 .reviews-mobile-scroll .mobile-card { 1904 flex: 0 0 280px; 1905 min-height: 235px; 1906 } 1907 1908 .modal-reviews-rating { 1909 display: flex; 1910 /*padding: 0 20px;*/ 1911 gap: 12px; 1912 align-items: center; 1913 } 1914 1915 .modal-rating-text { 1916 font-size: 42px; 1917 font-weight: 700; 1918 color: #1E0B38; 1919 } 1920 1921 .modal-review-container{ 1922 display: flex; 1923 flex-direction: column; 1924 } 1925 1926 .modal-rating-stars { 1927 display: flex; 1928 } 1929 1930 .modal-rating-reviews { 1931 font-weight: 400; 1932 font-size: 17px; 1933 line-height: 20px; 1934 letter-spacing: 0; 1935 } 1936 1937 .reviews-distribution { 1938 width: 100%; 1939 margin: 20px 0; 1940 /*padding: 0 20px;*/ 1941 } 1942 1943 .distribution-row { 1944 display: flex; 1945 align-items: center; 1946 margin-bottom: 4px; 1947 } 1948 1949 .stars-column { 1950 display: flex; 1951 align-items: center; 1952 width: 40px; 1953 } 1954 1955 .stars-column span { 1956 margin-right: 5px; 1957 font-weight: bold; 1958 } 1959 1960 .star-icon { 1961 width: 18px; 1962 height: 18px; 1963 } 1964 /* Optional: visual half star support if needed via masking could be added here */ 1965 1966 .progress-column { 1967 flex-grow: 1; 1968 padding: 0 10px; 1969 } 1970 1971 .progress-bar { 1972 width: 100%; 1973 height: 6px; 1974 background-color: #e0e0e0; 1975 border-radius: 4px; 1976 overflow: hidden; 1977 } 1978 1979 .progress-fill { 1980 height: 100%; 1981 background-color: #1E0B38; 1982 border-radius: 4px; 1983 } 1984 1985 .percentage-column { 1986 width: 40px; 1987 text-align: right; 1988 font-size: 14px; 1989 color: #1E0B38; 1990 } 1991 1992 /* Desktop grid (hidden on mobile) */ 1993 .reviews-desktop-grid { 1994 display: none; 1995 } 1996 1997 @media (min-width: 768px) { 1998 .reviews-title { 1999 font-size: 20px; 2000 } 2001 2002 .reviews-mobile-scroll { 2003 display: none; 2004 } 2005 2006 .reviews-desktop-grid { 2007 display: grid; 2008 grid-template-columns: repeat(2, 1fr); 2009 gap: 20px; 2010 } 2011 } 2012 2013 @media (min-width: 1024px) { 2014 .reviews-desktop-grid { 2015 grid-template-columns: repeat(3, 1fr); 2016 } 2017 } 2018 2019 /* Review card styles */ 2020 .review-card { 2021 background: white; 2022 border-radius: 4px; 2023 padding: 24px; 2024 box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1); 2025 border: 1px solid; 2026 display: flex; 2027 flex-direction: column; 2028 } 2029 2030 .review-card-header { 2031 margin-bottom: 1rem; 2032 } 2033 2034 .stars-container { 2035 display: flex; 2036 gap: 0.125rem; 2037 margin-bottom: 16px; 2038 } 2039 .star-half { 2040 position: relative; 2041 display: inline-block; 2042 line-height: 0; 2043 } 2044 .star-half .half { 2045 position: absolute; 2046 top: 0; 2047 left: 0; 2048 width: 100%; 2049 overflow: hidden; 2050 clip-path: inset(0 50% 0 0); 2051 } 2052 2053 .star-icon { 2054 width: 1.125rem; 2055 height: 1.125rem; 2056 } 2057 2058 .review-meta { 2059 line-height: 1.4; 2060 } 2061 2062 .review-title { 2063 font-weight: 700; 2064 font-size: 1.125rem; 2065 color: #1f2937; 2066 margin-bottom: 0.25rem; 2067 } 2068 2069 .review-location { 2070 font-size: 0.875rem; 2071 color: #1E0B38; 2072 margin-bottom: 0.125rem; 2073 } 2074 2075 .review-date { 2076 font-size: 0.875rem; 2077 color: #1E0B38; 2078 } 2079 2080 .review-card-body { 2081 flex: 1; 2082 display: flex; 2083 flex-direction: column; 2084 margin-bottom: 15px; 2085 overflow: visible; 2086 max-height: none; 2087 } 2088 2089 .review-text { 2090 color: #1E0B38; 2091 } 2092 2093 .expand-btn { 2094 background: none; 2095 border: none; 2096 cursor: pointer; 2097 text-align: left; 2098 padding: 0; 2099 text-decoration: underline; 2100 font-size: 16px; 2101 font-weight: 600; 2102 align-self: flex-start; 2103 } 2104 2105 .expand-btn:hover { 2106 color: #6d28d9; 2107 } 2108 2109 /* Rotate arrow on expand/collapse */ 2110 .expand-btn img { 2111 transition: transform 0.2s ease; 2112 } 2113 .review-card.expanded .expand-btn img { 2114 transform: rotate(180deg); 2115 } 2116 2117 /* View All Button */ 2118 .view-more-container { 2119 display: flex; 2120 justify-content: center; 2121 margin-top: 2.5rem; 2122 } 2123 2124 .view-all-btn { 2125 display: flex; 2126 align-items: center; 2127 gap: 0.5rem; 2128 background-color: #2d1b69; 2129 color: white; 2130 font-size: 1rem; 2131 font-weight: 600; 2132 padding: 0.875rem 1.5rem; 2133 border-radius: 0.5rem; 2134 border: none; 2135 cursor: pointer; 2136 transition: all 0.2s; 2137 } 2138 2139 .view-all-btn:hover { 2140 background-color: #1e1348; 2141 transform: translateY(-1px); 2142 } 2143 2144 .btn-arrow { 2145 width: 1rem; 2146 height: 1rem; 2147 filter: invert(1); 2148 } 2149 2150 /* Modal styles */ 2151 .reviews-modal { 2152 position: fixed; 2153 top: 0; 2154 left: 0; 2155 width: 100%; 2156 height: 100%; 2157 z-index: 9999; 2158 display: none; 2159 } 2160 2161 .modal-overlay { 2162 position: absolute; 2163 top: 0; 2164 left: 0; 2165 width: 100%; 2166 height: 100%; 2167 background-color: rgba(0, 0, 0, 0.5); 2168 } 2169 2170 .modal-panel { 2171 position: fixed; 2172 top: 0; 2173 width: 88%; 2174 height: 100%; 2175 background-color: white; 2176 transition: transform 0.3s ease-in-out; 2177 /*overflow: hidden;*/ 2178 } 2179 2180 /* Mobile modal - slide from right */ 2181 @media (max-width: 767px) {
2182 .modal-panel { 2183 right: 0; 2184 width: 88%; 2185 transform: translateX(100%); 2186 } 2187 2188 .review-card-header { 2189 margin-bottom: 16px; 2190 width: 99px; 2191 height: 19px; 2192 } 2193 2194 .review-text {} 2195 2196 .review-location { 2197 margin-top: 0px; 2198 } 2199 2200 .reviews-rating { 2201 gap: 8px; 2202 } 2203 } 2204 2205 /* Desktop modal - slide from right */ 2206 @media (min-width: 768px) { 2207 .modal-panel { 2208 right: 0; 2209 width: 546px; 2210 max-width: 90vw; 2211 transform: translateX(100%); 2212 } 2213 .review-card-header { 2214 margin-bottom: 0; 2215 } 2216 .review-card { 2217 height: fit-content; 2218 max-width: 404.33px; 2219 margin-bottom: 20px 2220 } 2221 } 2222 2223 .review-card.expanded { 2224 height: fit-content; 2225 } 2226 2227 /* Modal header */ 2228 .modal-header { 2229 display: flex; 2230 justify-content: space-between; 2231 align-items: center; 2232 padding: 20px 16px 9px; 2233 background-color: white; 2234 position: sticky; 2235 top: 0; 2236 z-index: 10; 2237 padding-bottom: 8px; 2238 } 2239 2240 .modal-title { 2241 margin: 0; 2242 font-size: 1.25rem; 2243 font-weight: 700; 2244 color: #1f2937; 2245 line-height: 28px 2246 } 2247 2248 .modal-close-btn { 2249 flex-shrink: 0; 2250 background: none; 2251 cursor: pointer; 2252 color: #fff; 2253 width: 30px; 2254 height: 30px; 2255 display: flex; 2256 align-items: center; 2257 justify-content: center; 2258 padding: 0; 2259 line-height: 2; 2260 border: 1px solid #1E0B38; 2261 background-color: #1E0B38; 2262 border-radius: 50%; 2263 font-size: 20px; 2264 font-weight: 900; 2265 } 2266 2267 .modal-close-btn:hover { 2268 color: #1f2937; 2269 background-color: black; 2270 } 2271 2272 /* Modal content */ 2273 .modal-content-scrollable { 2274 height: calc(100% - 100px); 2275 overflow-y: auto; 2276 padding: 0 16px; 2277 } 2278 2279 .modal-pagination { 2280 display: flex; 2281 align-items: center; 2282 justify-content: space-between; 2283 gap: 12px; 2284 padding: 8px 0 20px 0; 2285 } 2286 2287 .modal-page-btn { 2288 width: 42px; 2289 height: 42px; 2290 background-color: #1E0B38; 2291 color: #fff; 2292 border: none; 2293 border-radius: 4px; 2294 padding: 8px 12px; 2295 cursor: pointer; 2296 } 2297 2298 .modal-page-btn:disabled { 2299 opacity: 0.5; 2300 cursor: default; 2301 } 2302 .modal-page-numbers { 2303 display: flex; 2304 align-items: center; 2305 gap: 6px; 2306 } 2307 2308 .modal-page-number { 2309 min-width: 42px; 2310 height: 42px; 2311 padding: 0 10px; 2312 border: 1px solid #1E0B38; 2313 border-radius: 4px; 2314 background: #fff; 2315 color: #1E0B38; 2316 cursor: pointer; 2317 display: inline-flex; 2318 align-items: center; 2319 justify-content: center; 2320 font-weight: 600; 2321 } 2322 2323 .modal-page-number.active { 2324 background: #1E0B38; 2325 color: #fff; 2326 } 2327 2328 .modal-page-ellipsis { 2329 padding: 0 6px; 2330 color: #1E0B38; 2331 } 2332 2333 /* AJAX Pagination Styles */ 2334 .ajax-pagination { 2335 display: flex; 2336 justify-content: center; 2337 align-items: center; 2338 gap: 8px; 2339 margin-top: 30px; 2340 padding: 20px 0; 2341 } 2342 2343 .reviews-loading { 2344 display: flex; 2345 flex-direction: column; 2346 align-items: center; 2347 justify-content: center; 2348 padding: 40px 20px; 2349 text-align: center; 2350 } 2351 2352 .loading-spinner { 2353 width: 40px; 2354 height: 40px; 2355 border: 4px solid #f3f3f3;
2356 border-top: 4px solid #333; 2357 border-radius: 50%; 2358 animation: spin 1s linear infinite; 2359 margin-bottom: 15px; 2360 } 2361 2362 @keyframes spin { 2363 0% { transform: rotate(0deg); } 2364 100% { transform: rotate(360deg); } 2365 } 2366 2367 .reviews-loading p { 2368 color: #666; 2369 font-size: 16px; 2370 margin: 0; 2371 } 2372 2373 /* Page ellipsis for AJAX pagination */ 2374 .page-ellipsis { 2375 padding: 0 6px; 2376 color: #1E0B38; 2377 } 2378 2379 .modal-page-indicator { 2380 color: #1E0B38; 2381 font-weight: 600; 2382 } 2383 2384 .modal-review-item { 2385 padding: 24px; 2386 border: 1px solid; 2387 border-radius: 4px; 2388 margin-bottom: 20px; 2389 } 2390 2391 .modal-stars-container { 2392 display: flex; 2393 gap: 0.125rem; 2394 margin-bottom: 1rem; 2395 } 2396 2397 .modal-star-icon { 2398 width: 1rem; 2399 height: 1rem; 2400 } 2401 2402 .modal-review-title { 2403 font-size: 1.125rem; 2404 font-weight: 700; 2405 color: #1f2937; 2406 margin: 0 0 0.25rem 0; 2407 } 2408 2409 .modal-review-location { 2410 font-size: 0.875rem; 2411 color: #6b7280; 2412 margin-bottom: 0.125rem; 2413 } 2414 2415 .modal-review-date { 2416 font-size: 0.875rem; 2417 color: #9ca3af; 2418 margin-bottom: 0.75rem; 2419 } 2420 2421 .modal-review-text { 2422 color: #1E0B38; 2423 margin-bottom: 16px; 2424 line-height: 20px; 2425 } 2426 2427 /* Mobile responsive adjustments */ 2428 @media (max-width: 767px) { 2429 .reviews { 2430 padding: 0 0 40px 0; 2431 } 2432 2433 .reviews-title { 2434 text-align: left; 2435 } 2436 2437 .review-card { 2438 padding: 1.25rem; 2439 } 2440 2441 .modal-content-scrollable { 2442 padding: 0 1.25rem 20px 1.25rem; 2443 } 2444 2445 .modal-header { 2446 padding: 1.25rem 1.25rem 8px 1.25rem; 2447 } 2448 } 2449 2450 /* Figma-aligned variant for location detail page (854:37654) */ 2451 .reviews--location-new { 2452 background-color: #F3F5F5; 2453 padding: 56px 0; 2454 } 2455 2456 .reviews--location-new .reviews-inner { 2457 max-width: 1253px; 2458 } 2459 2460 .reviews--location-new .reviews-header { 2461 margin-bottom: 24px; 2462 } 2463 2464 .reviews--location-new .reviews-title { 2465 color: #1E0B38; 2466 font-size: 33.178px; 2467 font-weight: 800; 2468 line-height: 1; 2469 margin: 0; 2470 } 2471 2472 .reviews--location-new .reviews-rating { 2473 gap: 4px; 2474 } 2475 2476 .reviews--location-new .rating-stars { 2477 gap: 4px; 2478 } 2479 2480 .reviews--location-new .rating-stars .star-icon { 2481 height: 16px; 2482 width: 16px; 2483 } 2484 2485 .reviews--location-new .rating-text { 2486 color: #041E32; 2487 font-size: 16px; 2488 font-weight: 400; 2489 line-height: 24px; 2490 } 2491 2492 .reviews--location-new .rating-score { 2493 font-weight: 400; 2494 } 2495 2496 .reviews--location-new .rating-reviews { 2497 color: #006CFA; 2498 text-decoration: none; 2499 } 2500 2501 .reviews--location-new .reviews-desktop-grid { 2502 display: grid; 2503 gap: 24px; 2504 grid-template-columns: repeat(3, minmax(0, 1fr)); 2505 } 2506 2507 .reviews--location-new .review-card { 2508 border: 0; 2509 border-radius: 16px; 2510 box-shadow: none; 2511 min-height: 240px; 2512 padding: 24px; 2513 } 2514 2515 .reviews--location-new .stars-container { 2516 margin-bottom: 16px; 2517 } 2518 2519 .reviews--location-new .review-text { 2520 color: #1E0B38; 2521 font-size: 16px; 2522 font-weight: 400; 2523 line-height: 24px; 2524 } 2525 2526 .reviews--location-new .expand-btn { 2527 align-items: center; 2528 color: #006CFA; 2529 display: inline-flex; 2530 font-size: 16px; 2531 font-weight: 400; 2532 gap: 4px; 2533 line-height: 24px; 2534 text-decoration: none; 2535 } 2536 2537 .reviews--location-new .expand-btn:hover { 2538 color: #006CFA; 2539 text-decoration: underline; 2540 } 2541 2542 .reviews--location-new .review-location { 2543 color: #1E0B38; 2544 font-size: 16px; 2545 line-height: 24px; 2546 } 2547 2548 .reviews--location-new .review-location strong { 2549 color: #1E0B38; 2550 font-weight: 800; 2551 } 2552 2553 .reviews--location-new .review-date, 2554 .reviews--location-new .divider { 2555 color: #1E0B38; 2556 font-size: 16px; 2557 line-height: 24px; 2558 } 2559 2560 .reviews--location-new .button-container { 2561 justify-content: flex-start !important; 2562 margin-top: 24px; 2563 } 2564 2565 .reviews--location-new .review-button { 2566 background-color: #1E0B38; 2567 border-radius: 8px; 2568 box-shadow: none; 2569 color: #fff; 2570 font-size: 16px; 2571 font-weight: 800; 2572 line-height: 24px; 2573 min-height: 56px; 2574 padding: 16px 24px; 2575 width: auto; 2576 } 2577 2578 .reviews--location-new .modal-panel { 2579 background-color: #F3F5F5; 2580 } 2581 2582 @media (min-width: 640px) { 2583 .reviews--location-new .reviews-mobile-scroll { 2584 display: none; 2585 } 2586 } 2587 2588 @media (min-width: 768px) { 2589 .reviews--location-new .modal-panel { 2590 max-width: 560px; 2591 width: 100%; 2592 } 2593 } 2594 2595 .reviews--location-new .modal-header { 2596 background-color: #F3F5F5; 2597 padding: 40px 40px 0; 2598 } 2599 2600 .reviews--location-new .modal-title { 2601 color: #1E0B38; 2602 font-size: 33.178px; 2603 font-weight: 800; 2604 line-height: 1; 2605 } 2606 2607 .reviews--location-new .modal-close-btn { 2608 background: #fff; 2609 border: 1px solid #CCD5D7; 2610 border-radius: 8px; 2611 height: 40px; 2612 width: 40px; 2613 } 2614 2615 .reviews--location-new .modal-close-btn:hover { 2616 background: #fff; 2617 } 2618 2619 .reviews--location-new .x-icon { 2620 filter: brightness(0) saturate(100%) invert(10%) sepia(17%) saturate(3419%) hue-rotate(227deg) brightness(93%) contrast(95%); 2621 height: 12px !important; 2622 width: 12px !important; 2623 } 2624 2625 .reviews--location-new .modal-content-scrollable { 2626 background-color: #F3F5F5; 2627 height: calc(100% - 80px); 2628 padding: 24px 40px 40px; 2629 } 2630 2631 .reviews--location-new .modal-reviews-rating {
2632 align-items: flex-end; 2633 gap: 8px; 2634 margin-bottom: 16px; 2635 } 2636 2637 .reviews--location-new .modal-rating-text { 2638 color: #041E32; 2639 font-size: 39.813px; 2640 font-weight: 800; 2641 line-height: 1; 2642 } 2643 2644 .reviews--location-new .modal-review-container { 2645 gap: 0; 2646 } 2647 2648 .reviews--location-new .modal-rating-stars { 2649 gap: 4px; 2650 } 2651 2652 .reviews--location-new .modal-rating-stars .star-icon { 2653 height: 16px; 2654 width: 16px; 2655 } 2656 2657 .reviews--location-new .modal-rating-reviews { 2658 color: #041E32; 2659 font-size: 16px; 2660 line-height: 24px; 2661 } 2662 2663 .reviews--location-new .reviews-distribution { 2664 margin: 0 0 24px; 2665 } 2666 2667 .reviews--location-new .distribution-row { 2668 gap: 16px; 2669 margin-bottom: 0; 2670 } 2671 2672 .reviews--location-new .stars-column { 2673 gap: 4px; 2674 width: auto; 2675 } 2676 2677 .reviews--location-new .stars-column span { 2678 color: #041E32; 2679 font-size: 16px; 2680 font-weight: 800; 2681 margin-right: 0; 2682 } 2683 2684 .reviews--location-new .progress-column { 2685 padding: 0; 2686 } 2687 2688 .reviews--location-new .progress-bar { 2689 background-color: #E6EAEA; 2690 border-radius: 40px; 2691 height: 6px; 2692 } 2693 2694 .reviews--location-new .progress-fill { 2695 background-color: #1E0B38; 2696 border-radius: 40px; 2697 } 2698 2699 .reviews--location-new .percentage-column { 2700 color: #041E32; 2701 font-size: 16px; 2702 line-height: 24px; 2703 width: 31px; 2704 } 2705 2706 .reviews--location-new .modal-review-item { 2707 background: #fff; 2708 border: 1px solid #E6EAEA; 2709 border-radius: 16px; 2710 margin-bottom: 24px; 2711 padding: 24px; 2712 } 2713 2714 .reviews--location-new .modal-stars-container { 2715 gap: 4px; 2716 margin-bottom: 16px; 2717 } 2718 2719 .reviews--location-new .modal-stars-container .star-icon { 2720 height: 16px; 2721 width: 16px; 2722 } 2723 2724 .reviews--location-new .modal-review-text { 2725 color: #1E0B38; 2726 font-size: 16px; 2727 line-height: 24px; 2728 margin-bottom: 8px; 2729 } 2730 2731 .reviews--location-new .modal-review-item .review-location, 2732 .reviews--location-new .modal-review-item .review-date, 2733 .reviews--location-new .modal-review-item .divider { 2734 color: #1E0B38; 2735 font-size: 16px; 2736 line-height: 24px; 2737 } 2738 2739 .reviews--location-new .modal-review-item .review-location strong { 2740 font-weight: 800; 2741 } 2742 2743 @media (max-width: 639px) { 2744 .reviews--location-new .modal-panel { 2745 width: 100%; 2746 } 2747 2748 .reviews--location-new .modal-header { 2749 padding: 24px 20px 0; 2750 } 2751 2752 .reviews--location-new .modal-title { 2753 font-size: 28px; 2754 } 2755 2756 .reviews--location-new .modal-content-scrollable { 2757 padding: 20px; 2758 } 2759 } 2760 2761 @media (max-width: 1023px) { 2762 .reviews--location-new { 2763 padding: 40px 0; 2764 } 2765 2766 .reviews--location-new .reviews-title { 2767 font-size: 25.629px; 2768 line-height: 1; 2769 } 2770 2771 .reviews--location-new .reviews-desktop-grid { 2772 grid-template-columns: repeat(2, minmax(0, 1fr)); 2773 } 2774 2775 .reviews--location-new .review-button { 2776 width: 100%; 2777 } 2778 } 2779 2780 @media (max-width: 639px) { 2781 .reviews--location-new .reviews-desktop-grid { 2782 display: none; 2783 } 2784 2785 .reviews--location-new { 2786 padding: 32px 0 32px; 2787 } 2788 2789 .reviews--location-new .reviews-inner { 2790 padding: 0; 2791 } 2792 2793 .reviews--location-new .reviews-title { 2794 font-size: 23.04px; 2795 line-height: 1.1; 2796 } 2797 2798 .reviews--location-new .reviews-mobile-scroll { 2799 margin: 0; 2800 padding: 0; 2801 } 2802 2803 .reviews--location-new .reviews-mobile-scroll .mobile-card { 2804 border-radius: 16px; 2805 flex-basis: 298px; 2806 min-height: 288px; 2807 } 2808 2809 .reviews--location-new .review-button { 2810 width: 100%; 2811 } 2812 } 2813</style> 2814
2815<script> 2816 function expand(element) { 2817 const card = element.closest('.review-card'); 2818 const text = card.querySelector('.review-text'); 2819 2820 const label = element.querySelector('.expand-label'); 2821 const isExpanded = card.classList.contains('expanded'); 2822 const full = text.getAttribute('data-full'); 2823 const truncated = text.getAttribute('data-truncated'); 2824 2825 if (isExpanded) { 2826 card.classList.remove('expanded'); 2827 if (truncated) text.textContent = truncated; 2828 if (label) label.textContent = 'Lees verder'; 2829 } else { 2830 card.classList.add('expanded'); 2831 if (full) text.textContent = full; 2832 if (label) label.textContent = 'Read less'; 2833 } 2834 2835 // Re-equalize heights after toggling content 2836 // setTimeout(equalizeReviewsHeights, 0); 2837 } 2838 2839 2840 function openReviewsModal(instanceId) { 2841 const modal = document.getElementById('reviewsModal-' + instanceId); 2842 const panel = document.getElementById('reviewsPanel-' + instanceId); 2843 2844 modal.style.display = 'block'; 2845 document.body.style.overflow = 'hidden'; 2846 2847 // Start animation after display block 2848 setTimeout(() => { 2849 panel.style.transform = 'translateX(0)'; 2850 }, 10); 2851 2852 // Initialize AJAX pagination after modal opens 2853 setTimeout(() => { 2854 if (!panel.dataset.paginationInitialized) { 2855 initializeAjaxPagination(instanceId); 2856 panel.dataset.paginationInitialized = 'true'; 2857 } 2858 }, 100); 2859 } 2860 2861 function updateMobileScrollArrows(instanceId) { 2862 const scroller = document.getElementById('reviewsMobileScroll-' + instanceId); 2863 if (!scroller) return; 2864 const left = scroller.previousElementSibling; 2865 const right = scroller.nextElementSibling; 2866 const canScrollLeft = scroller.scrollLeft > 0; 2867 const canScrollRight = scroller.scrollLeft + scroller.clientWidth < scroller.scrollWidth - 1; 2868 left.style.display = canScrollLeft ? 'flex' : 'none'; 2869 right.style.display = canScrollRight ? 'flex' : 'none'; 2870 } 2871 2872 function scrollMobileReviews(instanceId, direction) { 2873 const scroller = document.getElementById('reviewsMobileScroll-' + instanceId); 2874 if (!scroller) return; 2875 const amount = Math.max(240, scroller.clientWidth * 0.85); 2876 const delta = direction === 'left' ? -amount : amount; 2877 scroller.scrollBy({ left: delta, behavior: 'smooth' }); 2878 // After animation, update arrows; also update immediately 2879 updateMobileScrollArrows(instanceId); 2880 setTimeout(() => updateMobileScrollArrows(instanceId), 350); 2881 } 2882 2883 document.addEventListener('DOMContentLoaded', function() { 2884 const scroller = document.getElementById('reviewsMobileScroll-rv_6ac4e9bbb277a'); 2885 if (!scroller) return; 2886 updateMobileScrollArrows('rv_6ac4e9bbb277a'); 2887 scroller.addEventListener('scroll', () => updateMobileScrollArrows('rv_6ac4e9bbb277a'), { passive: true }); 2888 window.addEventListener('resize', () => updateMobileScrollArrows('rv_6ac4e9bbb277a')); 2889 }); 2890 2891 // Equal height utilities for review cards 2892 function equalizeReviewsHeights() { 2893 const groups = ['.reviews-desktop-grid', '.reviews-mobile-scroll']; 2894 groups.forEach((selector) => { 2895 const container = document.querySelector(selector); 2896 if (!container) return; 2897 const cards = Array.from(container.querySelectorAll('.review-card')); 2898 if (!cards.length) return; 2899 // Reset any previously set min-height before measuring 2900 cards.forEach((card) => { 2901 card.style.minHeight = ''; 2902 }); 2903 let maxHeight = 0; 2904 cards.forEach((card) => { 2905 const h = card.offsetHeight; 2906 if (h > maxHeight) maxHeight = h; 2907 }); 2908 if (maxHeight > 0) { 2909 cards.forEach((card) => { 2910 card.style.minHeight = maxHeight + 'px'; 2911 }); 2912 } 2913 }); 2914 } 2915 2916 function debounce(fn, wait) { 2917 let timeoutId; 2918 return function() { 2919 const context = this; 2920 const args = arguments; 2921 clearTimeout(timeoutId); 2922 timeoutId = setTimeout(function() { fn.apply(context, args); }, wait); 2923 }; 2924 } 2925 2926 // Run equalization on load and on resize 2927 document.addEventListener('DOMContentLoaded', function() { 2928 setTimeout(equalizeReviewsHeights, 0); 2929 window.addEventListener('load', equalizeReviewsHeights); 2930 window.addEventListener('resize', debounce(equalizeReviewsHeights, 150)); 2931 }); 2932 2933 // Modal pagination logic
2934 const MODAL_PAGE_SIZE = 10; 2935 let modalCurrentPage = 1; 2936 2937 function getModalItems(instanceId) { 2938 return Array.from(document.querySelectorAll('#reviewsPanel-' + instanceId + ' .modal-review-item')); 2939 } 2940 2941 function buildPageButtons(instanceId, totalPages) { 2942 const container = document.getElementById('modalPageNumbers'); 2943 if (!container) return; 2944 container.innerHTML = ''; 2945 2946 const createNumberBtn = (page) => { 2947 const btn = document.createElement('button'); 2948 btn.className = 'modal-page-number' + (page === modalCurrentPage ? ' active' : ''); 2949 btn.textContent = page; 2950 btn.setAttribute('aria-label', `Page ${page}`); 2951 btn.addEventListener('click', () => renderModalPage(instanceId, page)); 2952 return btn; 2953 }; 2954 2955 const addEllipsis = () => { 2956 const span = document.createElement('span'); 2957 span.className = 'modal-page-ellipsis'; 2958 span.textContent = '...'; 2959 container.appendChild(span); 2960 }; 2961 2962 // Always show first page 2963 container.appendChild(createNumberBtn(1)); 2964 2965 if (totalPages <= 6) { 2966 for (let i = 2; i <= totalPages; i++) { 2967 container.appendChild(createNumberBtn(i)); 2968 } 2969 return; 2970 } 2971 2972 const left = Math.max(2, modalCurrentPage - 1); 2973 const right = Math.min(totalPages - 1, modalCurrentPage + 1); 2974 2975 if (left > 2) addEllipsis(); 2976 2977 for (let i = left; i <= right; i++) { 2978 container.appendChild(createNumberBtn(i)); 2979 } 2980 2981 if (right < totalPages - 1) addEllipsis(); 2982 2983 // Always show last page 2984 container.appendChild(createNumberBtn(totalPages)); 2985 } 2986 2987 function renderModalPage(instanceId, page) { 2988 const items = getModalItems(instanceId); 2989 if (!items.length) return; 2990 const totalPages = Math.ceil(items.length / MODAL_PAGE_SIZE); 2991 modalCurrentPage = Math.min(Math.max(1, page), totalPages); 2992 2993 const start = (modalCurrentPage - 1) * MODAL_PAGE_SIZE; 2994 const end = start + MODAL_PAGE_SIZE; 2995 2996 items.forEach((el, idx) => { 2997 el.style.display = (idx >= start && idx < end) ? 'block' : 'none'; 2998 }); 2999 3000 const prevBtn = document.getElementById('modalPrevBtn'); 3001 const nextBtn = document.getElementById('modalNextBtn'); 3002 buildPageButtons(instanceId, totalPages); 3003 if (prevBtn) prevBtn.disabled = modalCurrentPage === 1; 3004 if (nextBtn) nextBtn.disabled = modalCurrentPage === totalPages; 3005 } 3006 3007 function initModalPagination(instanceId) { 3008 const items = getModalItems(instanceId); 3009 const pagination = document.getElementById('modalPagination'); 3010 if (!pagination || items.length <= MODAL_PAGE_SIZE) { 3011 // Nothing to paginate; ensure all items visible 3012 items.forEach(el => el.style.display = 'block'); 3013 return; 3014 } 3015 3016 const prevBtn = document.getElementById('modalPrevBtn'); 3017 const nextBtn = document.getElementById('modalNextBtn'); 3018 3019 if (prevBtn && !prevBtn.dataset.bound) { 3020 prevBtn.addEventListener('click', () => renderModalPage(instanceId, modalCurrentPage - 1)); 3021 prevBtn.dataset.bound = '1'; 3022 } 3023 3024 if (nextBtn && !nextBtn.dataset.bound) { 3025 nextBtn.addEventListener('click', () => renderModalPage(instanceId, modalCurrentPage + 1)); 3026 nextBtn.dataset.bound = '1'; 3027 } 3028 3029 modalCurrentPage = 1; 3030 renderModalPage(instanceId, modalCurrentPage); 3031 } 3032 3033 // AJAX Pagination Logic 3034 const PER_PAGE = 10; 3035 3036 class ReviewsPagination { 3037 constructor(instanceId) { 3038 this.instanceId = instanceId; 3039 this.currentPage = 1; 3040 this.totalPages = 1; 3041 this.loading = false; 3042 this.panel = document.getElementById('reviewsPanel-' + instanceId); 3043 this.container = document.getElementById('ajax-reviews-container-' + instanceId); 3044 this.loadingEl = document.getElementById('reviews-loading-' + instanceId); 3045 this.paginationEl = document.getElementById('ajaxPagination-' + instanceId); 3046 3047 this.initializeEventListeners(); 3048 } 3049 3050 initializeEventListeners() { 3051 // Previous button 3052 const prevBtn = document.getElementById('ajaxPrevBtn-' + this.instanceId); 3053 if (prevBtn) { 3054 prevBtn.addEventListener('click', () => this.goToPage(this.currentPage - 1)); 3055 } 3056 3057 // Next button 3058 const nextBtn = document.getElementById('ajaxNextBtn-' + this.instanceId); 3059 if (nextBtn) { 3060 nextBtn.addEventListener('click', () => this.goToPage(this.currentPage + 1)); 3061 } 3062 } 3063 3064 showLoading() { 3065 this.loading = true; 3066 this.loadingEl.style.display = 'block'; 3067 this.container.style.opacity = '0.5'; 3068 } 3069 3070 hideLoading() { 3071 this.loading = false;
3072 this.loadingEl.style.display = 'none'; 3073 this.container.style.opacity = '1'; 3074 } 3075 3076 updatePagination(data) { 3077 this.currentPage = data.current_page; 3078 this.totalPages = data.total_pages; 3079 3080 // Update pagination buttons 3081 const prevBtn = document.getElementById('ajaxPrevBtn-' + this.instanceId); 3082 const nextBtn = document.getElementById('ajaxNextBtn-' + this.instanceId); 3083 3084 if (prevBtn) prevBtn.disabled = !data.has_prev; 3085 if (nextBtn) nextBtn.disabled = !data.has_next; 3086 3087 // Update page numbers 3088 this.buildPageNumbers(); 3089 3090 // Show/hide pagination 3091 this.paginationEl.style.display = this.totalPages > 1 ? 'flex' : 'none'; 3092 } 3093 3094 buildPageNumbers() { 3095 const container = document.getElementById('ajaxPageNumbers-' + this.instanceId); 3096 if (!container) return; 3097 3098 container.innerHTML = ''; 3099 3100 const createNumberBtn = (page) => { 3101 const btn = document.createElement('button'); 3102 btn.className = 'modal-page-number' + (page === this.currentPage ? ' active' : ''); 3103 btn.textContent = page; 3104 btn.addEventListener('click', () => this.goToPage(page)); 3105 return btn; 3106 }; 3107 3108 const MAX_VISIBLE_PAGES = 5; 3109 const start = Math.max(1, this.currentPage - Math.floor(MAX_VISIBLE_PAGES / 2)); 3110 const end = Math.min(this.totalPages, start + MAX_VISIBLE_PAGES - 1); 3111 3112 if (start > 1) { 3113 container.appendChild(createNumberBtn(1)); 3114 if (start > 2) { 3115 const ellipsis = document.createElement('span'); 3116 ellipsis.className = 'page-ellipsis'; 3117 ellipsis.textContent = '...'; 3118 container.appendChild(ellipsis); 3119 } 3120 } 3121 3122 for (let i = start; i <= end; i++) { 3123 container.appendChild(createNumberBtn(i)); 3124 } 3125 3126 if (end < this.totalPages) { 3127 if (end < this.totalPages - 1) { 3128 const ellipsis = document.createElement('span'); 3129 ellipsis.className = 'page-ellipsis'; 3130 ellipsis.textContent = '...'; 3131 container.appendChild(ellipsis); 3132 } 3133 container.appendChild(createNumberBtn(this.totalPages)); 3134 } 3135 } 3136 3137 goToPage(page) { 3138 if (this.loading || page < 1 || page > this.totalPages || page === this.currentPage) { 3139 return; 3140 } 3141 3142 this.loadPage(page); 3143 } 3144 3145 loadPage(page) { 3146 this.showLoading(); 3147 3148 const formData = new FormData(); 3149 formData.append('action', 'load_reviews_page'); 3150 formData.append('page', page); 3151 formData.append('per_page', PER_PAGE); 3152 formData.append('nonce', this.panel.dataset.nonce); 3153 3154 if (this.panel.dataset.facilityId) { 3155 formData.append('facility_id', this.panel.dataset.facilityId); 3156 } 3157 if (this.panel.dataset.locationName) { 3158 formData.append('location_name', this.panel.dataset.locationName); 3159 } 3160 if (this.panel.dataset.locationId) { 3161 formData.append('location_id', this.panel.dataset.locationId); 3162 } 3163 formData.append('high_rating_only', this.panel.dataset.highRatingOnly); 3164 3165 fetch(this.panel.dataset.ajaxUrl, { 3166 method: 'POST', 3167 body: formData 3168 }) 3169 .then(response => response.json()) 3170 .then(data => { 3171 this.hideLoading(); 3172 3173 if (data.success) { 3174 this.container.innerHTML = data.data.html; 3175 this.updatePagination(data.data); 3176 3177 // Scroll to top of reviews 3178 this.container.scrollIntoView({ behavior: 'smooth', block: 'start' }); 3179 } else { 3180 console.error('Failed to load reviews:', data.data); 3181 alert('Failed to load reviews. Please try again.'); 3182 } 3183 }) 3184 .catch(error => { 3185 this.hideLoading(); 3186 console.error('AJAX error:', error); 3187 alert('Failed to load reviews. Please try again.'); 3188 }); 3189 } 3190 3191 initialize() { 3192 // Load first page 3193 this.loadPage(1); 3194 } 3195 } 3196 3197 // Initialize pagination when modal opens 3198 function initializeAjaxPagination(instanceId) { 3199 const pagination = new ReviewsPagination(instanceId); 3200 pagination.initialize(); 3201 return pagination; 3202 } 3203 3204 function closeReviewsModal(instanceId) { 3205 const modal = document.getElementById('reviewsModal-' + instanceId); 3206 const panel = document.getElementById('reviewsPanel-' + instanceId); 3207 3208 if (!modal || !panel) { 3209 console.warn('closeReviewsModal: modal or panel not found for instanceId=', instanceId); 3210 return; 3211 } 3212 3213 panel.style.transform = 'translateX(100%)'; 3214 3215 setTimeout(() => { 3216 modal.style.display = 'none'; 3217 document.body.style.overflow = ''; 3218 }, 300); 3219 } 3220 3221 // Close on ESC 3222 document.addEventListener('keydown', function(e) { 3223 const modal = document.getElementById('reviewsModal-rv_6ac4e9bbb277a'); 3224 if (e.key === 'Escape' && modal && modal.style.display === 'block') {
3225 closeReviewsModal('rv_6ac4e9bbb277a'); 3226 } 3227 }); 3228 3229 // Handle window resize 3230 window.addEventListener('resize', function() { 3231 const modal = document.getElementById('reviewsModal-rv_6ac4e9bbb277a'); 3232 if (modal && modal.style.display === 'block') { 3233 closeReviewsModal('rv_6ac4e9bbb277a'); 3234 setTimeout(() => openReviewsModal('rv_6ac4e9bbb277a'), 50); 3235 } 3236 }); 3237 3238 // Smooth scroll function for top widget 3239 function scrollToReviews() { 3240 const reviewsSection = document.getElementById('reviews-rv_6ac4e9bbb277a'); 3241 if (reviewsSection) { 3242 reviewsSection.scrollIntoView({ 3243 behavior: 'smooth', 3244 block: 'start' 3245 }); 3246 } 3247 } 3248 3249 // function expand(button) { 3250 // const card = button.closest('.review-card'); 3251 // card.classList.toggle('expanded'); 3252 // } 3253</script>
3253 3254 3255 3256 3257 <section class="storage-options bg-box-gray py-5 md:py-8"> 3258 <div class="container"> 3259 <div class="grid grid-cols-1 lg:grid-cols-12"> 3260 <div class="col-span-10 col-start-2"> 3261 <h2 class="text-lg text-center mb-4 md:text-xl">Onze opslagmogelijkheden</h2> 3262 3263 3264 3265 <p class="text-center mb-4 md:px-16">Bij 1BOX Self-Storage bieden we diverse soorten opslagruimtes voor zowel je persoonlijke spullen als voor je bedrijf. 3266 3267Van het opslaan van een paar dozen tot het onderbrengen van je gehele inboedel, jouw spullen staan bij ons veilig en schoon opgeslagen en zijn elke dag van de week bereikbaar. Wij bieden de flexibiliteit om een opslagruimte te kiezen die aan jouw specifieke eisen voldoet en zorgen dat je bijna op elk moment toegang hebt.</p> 3268 3269 <div class="grid grid-cols-1 gap-4 my-4 md:grid-cols-12 md:gap-10 md:mt-8"> 3270 <div class="card bg-white border border-box-dark-gray rounded mx-8 md:col-span-5 md:col-start-2 md:mx-0"> 3271 <div class="inner-card p-3"> 3272 <img src="https://www.1box.nl/wp-content/uploads/2024/03/card-1.jpg.webp" alt="" class="img-fluid object-cover object-center w-full mb-3"> 3273 <div class="px-2 pb-2 lg:px-4"> 3274 <h2 class="text-lg mb-4 lg:text-xl">Persoonlijke opslag</h2> 3275 <ul class=""> 3276 <li class="flex gap-x-3"> 3277 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-green-round-white-check.a9d09f.svg" alt="iconCheck" class=""> 3278 Je spullen schoon, droog en veilig opslaan 3279 </li> 3280 <li class="flex gap-x-3"> 3281 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-green-round-white-check.a9d09f.svg" alt="iconCheck" class=""> 3282 Flexibele huurcontracten 3283 </li> 3284 <li class="flex gap-x-3"> 3285 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-green-round-white-check.a9d09f.svg" alt="iconCheck" class=""> 3286 24/7 camerabewaking en toegangscontrole 3287 </li> 3288 <li class="flex gap-x-3"> 3289 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-green-round-white-check.a9d09f.svg" alt="iconCheck" class=""> 3290 Het hele jaar door, 7 dagen per week toegankelijk 3291 </li> 3292 <li class="flex gap-x-3"> 3293 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-green-round-white-check.a9d09f.svg" alt="iconCheck" class=""> 3294 <a href="https://www.1box.nl/opslagmogelijkheden/parkeerplaats-huren/" target="" > 3295 Parkeerplaats huren 3296 </a> 3297 </li> 3298 <li class="flex gap-x-3"> 3299 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-green-round-white-check.a9d09f.svg" alt="iconCheck" class=""> 3300 <a href="https://www.1box.nl/opslagmogelijkheden/kluis-huren/" target="" > 3301 Locker Huren 3302 </a> 3303 </li> 3304 </ul> 3305 </div> 3306 </div> 3307 </div> 3308 <div class="card bg-white border border-box-dark-gray rounded mx-8 md:col-span-5 md:mx-0"> 3309 <div class="inner-card p-3"> 3310 <img src="https://www.1box.nl/w
3310p-content/uploads/2024/03/card-2.png.webp" alt="" class="img-fluid object-cover object-center w-full mb-3"> 3311 <div class="px-2 pb-2 lg:px-4"> 3312 <h2 class="text-lg mb-4 lg:text-xl">Zakelijke opslag</h2> 3313 <ul class=""> 3314 <li class="flex gap-x-3"> 3315 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-green-round-white-check.a9d09f.svg" alt="iconCheck" class=""> 3316 Gratis overstappen naar een andere unit 3317 </li> 3318 <li class="flex gap-x-3"> 3319 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-green-round-white-check.a9d09f.svg" alt="iconCheck" class=""> 3320 Flexibele huurcontracten 3321 </li> 3322 <li class="flex gap-x-3"> 3323 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-green-round-white-check.a9d09f.svg" alt="iconCheck" class=""> 3324 365 dagen per jaar, 7 dagen per week toegangelijk 3325 </li> 3326 <li class="flex gap-x-3"> 3327 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-green-round-white-check.a9d09f.svg" alt="iconCheck" class=""> 3328 Altijd in de buurt 3329 </li> 3330 <li class="flex gap-x-3"> 3331 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-green-round-white-check.a9d09f.svg" alt="iconCheck" class=""> 3332 <a href="https://www.1box.nl/opslagmogelijkheden/parkeerplaats-huren/" target="" > 3333 Parkeerplaats huren 3334 </a> 3335 </li> 3336 </ul> 3337 </div> 3338 </div> 3339 </div> 3340 </div> 3341 </div> 3342 </div> 3343 </div> 3344</section> 3345 3346 3347 3348 <section class="asset-text py-6 lg:py-10"> 3349 <div class="container"> 3350 <div class="grid grid-cols-1 lg:grid-cols-12 lg:items-center lg:gap-x-14 "> 3351 <div class=" lg:col-span-6 lg:order-last"> 3352 <h2 class="text-lg text-center mb-3 lg:text-xl lg:text-left">Vind een vestiging bij jou in de buurt</h2> 3353 3354 3355 3356 <div class="wysiwyg text-center mb-4 lg:text-left"> 3357 <p>Dankzij onze 29 vestigingen door heel Nederland, vind je altijd een opslagruimte bij jou in de buurt. Je vindt ons in Noord-Holland, Zuid-Holland, Zeeland, Groningen, Noord-Brabant, Utrecht, Flevoland, Limburg en Gelderland. Waar je ook bent, er is altijd wel een 1BOX vestiging bij jou in de buurt.</p> 3358 3359 </div> 3360 <div class="hidden lg:flex lg:justify-normal"> 3361 <a href="https://www.1box.nl/alle-opslaglocaties/" class="relative flex bg-box-green text-white font-xl font-bold py-3 pr-20 pl-16 mt-5 rounded" target="_self"> 3362 Zie alle locaties 3363 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-arrow-right.6326b0.svg" alt="iconRight" class="absolute top-1/2 -translate-y-1/2 right-4"> 3364 </a> 3365 </div> 3366 </div> 3367 3368 <div class="flex justify-center lg:col-span-5 "> 3369 <img src="https://www.1box.nl/wp-content/uploads/import-13/Breda005-2048x1366.jpg.webp" alt="" class="w-full object-contain object-center"> 3370 </div> 3371 3372 <div class="flex justify-center lg:hidden"> 3373 <a href="https://www.1box.nl/alle-opslaglocaties/" class="relative flex bg-box-green text-white font-xl font-bold py-3 pr-20 pl-16 mt-5 rounded" target="_self"> 3374 Zie alle locaties
3375 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-arrow-right.6326b0.svg" alt="iconRight" class="absolute top-1/2 -translate-y-1/2 right-4"> 3376 </a> 3377 </div> 3378 </div> 3379 </div> 3380</section> 3381 3382 3383 3384 <section class="title-text-img-cta"> 3385 <div class="container"> 3386 <div class="flex justify-center"> 3387 <hr class="h-px bg-box-dark-gray border-0 w-2/3 lg:w-full"> 3388 </div> 3389 <div class="grid grid-cols-1 py-5 lg:grid-cols-12 lg:py-10"> 3390 <div class="lg:col-span-8 lg:col-start-3"> 3391 <h2 class="text-lg text-center mb-4 lg:text-xl">Verpakkingsmateriaal </h2> 3392 3393 3394 3395 <div class="wysiwyg text-center mb-4"><p>Heb je verpakkingsmaterialen nodig om je waardevolle spullen te verhuizen en op te slaan? We hebben een breed assortiment aan materialen die ervoor zorgen dat je spullen in perfecte staat aankomen en opgeslagen blijven, precies zoals je ze hebt ingepakt. Je kunt deze materialen eenvoudig ophalen bij één van onze vestigingen.</p> 3396</div> 3397 <img src="https://www.1box.nl/wp-content/uploads/2026/07/Verpakkingsmateriaal-1BOX-scaled.jpg" alt="Verpakkingsmateriaal 1BOX" class="img-mobile-full-width img-fluid -mx-4 lg:mx-0 mx-auto"> 3398 <div class="flex justify-center"> 3399 <a href="https://www.1box.nl/vervoer-en-verpakking/verpakkingsmateriaal/" class="relative flex bg-box-purple text-white font-xl font-bold py-3 pr-12 pl-6 mt-5 rounded"> 3400 Bekijk verpakkingen 3401 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-arrow-right.6326b0.svg" alt="iconRight" class="absolute top-1/2 -translate-y-1/2 right-4"> 3402 </a> 3403 </div> 3404 </div> 3405 </div> 3406 <div class="flex justify-center"> 3407 <hr class="h-px bg-box-dark-gray border-0 w-2/3 lg:w-full"> 3408 </div> 3409 </div> 3410</section> 3411 3412 3413 3414 <section class="news-blog bg-box-gray pt-5 pb-10 md:pt-8"> 3415 <div class="container"> 3416 <h2 class="text-lg text-center mb-6 md:text-xl">Nieuws en blogs</h2> 3417 3418 3419 3420 <div class="grid grid-cols-1 md:grid-cols-2 md:gap-8 lg:grid-cols-3"> 3421 <div class="relative "> 3422 <a href="https://www.1box.nl/storage/wat-kost-opslagruimte/" class="block"> 3423 <img src="https://www.1box.nl/wp-content/uploads/2023/11/kind-verstopt-in-verhuisdoos-1024x625.jpg.webp" alt="Wat kost een opslagruimte" class="w-full h-48 object-cover object-center rounded md:h-60"> 3424 3425 <div class="font-bold text-balance pt-2 md:text-xl md:pt-4"> 3426 Wat kost een opslagruimte? Uitgebreid blog met prijzen 3427 </div> 3428 </a> 3429 </div> 3430 <div class="relative hidden md:block "> 3431 <a href="https://www.1box.nl/blog/meubels-inpakken-voor-verhuizing-doe-je-zo/" class="block"> 3432 <img src="https://www.1box.nl/wp-content/uploads/2025/10/pexels-cottonbro-4554373-1024x683.jpg.webp" alt="Hoe pak je meubels in voor een verhuizing?" class="w-full h-48 object-cover object-center rounded md:h-60"> 3433 3434 <div class="font-bold text-balance pt-2 md:text-xl md:pt-4"> 3435 Hoe pak je meubels in voor een verhuizing? 3436 </div> 3437 </a> 3438 </div> 3439 <div class="relative hidden lg:block"> 3440 <a href="https://www.1box.nl/blog/waardevolle-spullen-opbergen-tips/" class="block"> 3441 <img src="https://www.1box.nl/wp-content/uploads/2023/09/Verhuisdozen-categoriseren-1024x682.jpg.webp" alt="" class="w-full h-48 object-cover object-center rounded md:h-60"> 3442 3443 <div class="font-bold text-balance pt-2 md:text-xl md:pt-4"> 3444 5 tips om je spullen veilig te bewaren in een opslagruimte 3445 </div> 3446 </a> 3447 </div> 3448 </div> 3449 <div class="flex justify-center mt-5"> 3450 <a href="https://www.1box.nl/blog/" class="relative flex bg-box-purple text-white font-xl font-bold py-3 pr-20 pl-16 rounded" target="_self"> 3451 Lees meer
3452 <img src="https://www.1box.nl/wp-content/themes/1box/public/images/icons/icon-arrow-right.6326b0.svg" alt="iconRight" class="absolute top-1/2 -translate-y-1/2 right-4"> 3453 </a> 3454 </div> 3455 </div> 3456 </section> 3457 3458 3459 3460 </main> 3461 3462 3463<footer data-cy="footer-new"> 3464 3465 3466 <div class="bg-box-purple text-white py-10 lg:py-14"> 3467 <div class="max-w-[1253px] mx-auto px-4"> 3468 <div class="grid grid-cols-1 gap-4 lg:grid-cols-[200px_1fr_200px_200px] lg:gap-6"> 3469 3470 3471 <div class="mb-4 flex flex-col gap-8 lg:mb-0"> 3472 <a href="https://www.1box.nl/" aria-label="Go to the home page"> 3473 <img src="https://www.1box.nl/wp-content/uploads/2024/03/1box-logo-green.svg" alt="" width="120" height="81" class="w-28 h-auto"> 3474 </a> 3475 3476 <div class="flex flex-col gap-2 text-base"> 3477 <a href="tel:0031850161611" class="flex items-center gap-2 text-white hover:text-box-green transition-colors"> 3478 <i class="fa-solid fa-phone text-white w-4 shrink-0"></i> 3479 <span>Bel ons op 085 - 0161611</span> 3480 </a> 3481 <a href="mailto:[email protected]" class="flex items-center gap-2 text-white hover:text-box-green transition-colors"> 3482 <i class="fa-solid fa-envelope text-white w-4 shrink-0"></i> 3483 <span>[email protected]</span> 3484 </a> 3485 </div> 3486 3487 <div class="flex flex-col gap-3"> 3488 <p class="font-extrabold text-[19.2px] leading-normal">Volg ons</p> 3489 <div class="flex items-center gap-3"> 3490 <a href="https://nl.pinterest.com/1boxselfstorage/" aria-label="Pinterest logo" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center w-7 h-7"> 3491 <img src="https://www.1box.nl/wp-content/uploads/2024/08/pinterst-logo-1BOX-klein-1.png.webp" alt="Pinterest logo" class="w-6 h-6 object-contain"> 3492 </a> 3493 <a href="https://www.facebook.com/1BOXSelfStorage" aria-label="Facebook logo" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center w-7 h-7"> 3494 <img src="https://www.1box.nl/wp-content/uploads/2024/03/facebook.svg" alt="Facebook logo" class="w-6 h-6 object-contain"> 3495 </a> 3496 <a href="https://www.instagram.com/1boxselfstorage/" aria-label="Instagram logo" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center w-7 h-7"> 3497 <img src="https://www.1box.nl/wp-content/uploads/2024/03/instagram.svg" alt="Instagram logo" class="w-6 h-6 object-contain"> 3498 </a> 3499 <a href="https://www.linkedin.com/company/1box-self-storage/posts/?feedView=all" aria-label="LinkedIn logo" target="_blank" rel="noopener noreferrer" class="inline-flex items-center justify-center w-7 h-7"> 3500 <img src="https://www.1box.nl/wp-content/uploads/2024/03/linkedin.svg" alt="LinkedIn logo" class="w-6 h-6 object-contain"> 3501 </a> 3502 </div> 3503 </div> 3504 </div> 3505 3506 3507 <div class="footer-new__menu flex flex-col gap-4" data-footer-menu> 3508 <button 3509 type="button" 3510 class="footer-new__menu-toggle" 3511 data-footer-menu-toggle 3512 aria-expanded="false" 3513 aria-controls="footer-new-menu-locations" 3514 > 3515 <span class="font-extrabold text-[19.2px] leading-normal">Onze opslaglocaties</span> 3516 <i class="fa-solid fa-angle-down footer-new__menu-icon" aria-hidden="true"></i> 3517 </button> 3518 <div id="footer-new-menu-locations" class="footer-new__menu-content" data-footer-menu-content> 3519 <div class="grid grid-cols-2 lg:grid-cols-3 gap-x-6 gap-y-2 text-base"> 3520 <a href="https://www.1box.nl/opslaglocaties/alkmaar/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words"> 3521 Alkmaar 3522 </a> 3523 <a href="https://www.1box.nl/opslaglocaties/almere/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words"> 3524 Almere 3525 </a> 3526 <a href="https://www.1box.nl/opslaglocaties/alphen-aan-den-rijn/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words"> 3527 Alphen aan den Rijn 3528 </a> 3529 <a href="https://www.1box.nl/opslaglocaties/amsterdam-schepenbergweg/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words"> 3530 Amsterdam 3531 </a> 3532 <a href="https://www.1box.nl/opslaglocaties/barendrecht/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words"> 3533 Barendrecht 3534 </a> 3535 <a href="https://www.1box.nl/opslaglocaties/bergen-op-zoom/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words"> 3536 Bergen op Zoom 3537 </a> 3538 <a href="https://www.1box.nl/opslaglocaties/boxtel/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words"> 3539 Boxtel 3540 </a> 3541 <a href="https://www.1box.nl/opslaglocaties/breda/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words"> 3542 Breda 3543 </a> 3544 <a href="https://www.1box.nl/opslaglocaties/den-bosch/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words"> 3545 Den Bosch 3546 </a> 3547 <a href="https://www.1box.nl/opslaglocaties/den-haag/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words"> 3548 Den Haag 3549 </a> 3550 <a href="https://www.1box.nl/opslaglocaties/eindhoven-best/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words"> 3551 Eindhoven Best 3552 </a> 3553 <a href="https://www.1box.nl/opslaglocaties/goes/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words"> 3554 Goes 3555 </a> 3556 <a href="https://www.1box.nl/opslaglocaties/groningen/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words"> 3557 Groningen 3558 </a> 3559 <a href="https://www.1box.nl/opslaglocaties/heerlen/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words"> 3560 Heerlen 3561 </a> 3562 <a href="https://www.1box.nl/opslaglocaties/heerlen-heerlerbaan/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words"> 3563 Heerlen-Heerlerbaan 3564 </a> 3565 <a href="https://www.1box.nl/opslaglocaties/hellevoetsluis/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words"> 3566 Hellevoetsluis 3567 </a> 3568 <a href="https://www.1box.nl/opslaglocaties/helmond/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words"> 3569 Helmond 3570 </a> 3571 <a href="https://www.1box.nl/opslaglocaties/helmond-kanaaldijk/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words"> 3572 Helmond Kanaaldijk 3573 </a> 3574 <a href="https://www.1box.nl/opslaglocaties/lelystad/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words"> 3575 Lelystad 3576 </a> 3577 <a href="https://www.1box.nl/opslaglocaties/nijmegen-wijchen/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words"> 3578 Nijmegen-Wijchen 3579 </a> 3580 <a href="https://www.1box.nl/opslaglocaties/rijswijk/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words"> 3581 Rijswijk 3582 </a> 3583 <a href="https://www.1box.nl/opslaglocaties/roermond/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words"> 3584 Roermond 3585 </a> 3586 <a href="https://www.1box.nl/opslaglocaties/rotterdam-centrum/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words"> 3587 Rotterdam Centrum 3588 </a> 3589 <a href="https://www.1box.nl/opslaglocaties/rotterdam-zuid/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words"> 3590 Rotterdam Zuid 3591 </a> 3592 <a href="https://www.1box.nl/opslaglocaties/schiedam/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words"> 3593 Schiedam 3594 </a> 3595 <a href="https://www.1box.nl/opslaglocaties/sittard/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words"> 3596 Sittard 3597 </a> 3598 <a href="https://www.1box.nl/opslaglocaties/tilburg/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words"> 3599 Tilburg 3600 </a> 3601 <a href="https://www.1box.nl/opslaglocaties/utrecht/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words"> 3602 Utrecht 3603 </a> 3604 <a href="https://www.1box.nl/opslaglocaties/venlo/" target="_self" class="footer-new__location-link text-white hover:text-box-green transition-colors whitespace-normal break-words"> 3605 Venlo 3606 </a> 3607 </div> 3608 </div> 3609 </div> 3610 3611 3612 <div class="footer-new__menu flex flex-col gap-4" data-footer-menu> 3613 <button 3614 type="button" 3615 class="footer-new__menu-toggle" 3616 data-footer-menu-toggle 3617 aria-expanded="false" 3618 aria-controls="footer-new-menu-how" 3619 >
3620 <span class="font-extrabold text-[19.2px] leading-normal">Hoe werkt het?</span> 3621 <i class="fa-solid fa-angle-down footer-new__menu-icon" aria-hidden="true"></i> 3622 </button> 3623 <div id="footer-new-menu-how" class="footer-new__menu-content" data-footer-menu-content> 3624 <ul class="flex flex-col gap-2 text-base"> 3625 <li> 3626 <a href="https://www.1box.nl/hoe-werkt-het/veilige-opslag/" target="_self" class="text-white hover:text-box-green transition-colors"> 3627 Veilige opslag 3628 </a> 3629 </li> 3630 <li> 3631 <a href="https://www.1box.nl/hoe-werkt-het/self-storage/" target="_self" class="text-white hover:text-box-green transition-colors"> 3632 Self storage 3633 </a> 3634 </li> 3635 <li> 3636 <a href="https://www.1box.nl/hoe-werkt-het/particulieren/" target="_self" class="text-white hover:text-box-green transition-colors"> 3637 Particulieren 3638 </a> 3639 </li> 3640 <li> 3641 <a href="https://www.1box.nl/hoe-werkt-het/zakelijk/" target="_self" class="text-white hover:text-box-green transition-colors"> 3642 Zakelijk 3643 </a> 3644 </li> 3645 <li> 3646 <a href="https://www.1box.nl/hoe-werkt-het/veel-gestelde-vragen/" target="_self" class="text-white hover:text-box-green transition-colors"> 3647 Veelgestelde vragen 3648 </a> 3649 </li> 3650 <li> 3651 <a href="https://www.1box.nl/alles-over-opslag/" target="_self" class="text-white hover:text-box-green transition-colors"> 3652 Alles over opslag 3653 </a> 3654 </li> 3655 <li> 3656 <a href="https://www.1box.nl/vestigingen-in-de-buurt/" target="_self" class="text-white hover:text-box-green transition-colors"> 3657 Vestigingen in de buurt 3658 </a> 3659 </li> 3660 </ul> 3661 </div> 3662 </div> 3663 3664 3665 <div class="footer-new__menu flex flex-col gap-4" data-footer-menu> 3666 <button 3667 type="button" 3668 class="footer-new__menu-toggle" 3669 data-footer-menu-toggle 3670 aria-expanded="false" 3671 aria-controls="footer-new-menu-contact" 3672 > 3673 <span class="font-extrabold text-[19.2px] leading-normal">Contact</span> 3674 <i class="fa-solid fa-angle-down footer-new__menu-icon" aria-hidden="true"></i> 3675 </button> 3676 <div id="footer-new-menu-contact" class="footer-new__menu-content" data-footer-menu-content> 3677 <ul class="flex flex-col gap-2 text-base"> 3678 <li> 3679 <a href="https://www.1box.nl/contact/over-ons/" target="_self" class="text-white hover:text-box-green transition-colors"> 3680 Over 1BOX 3681 </a> 3682 </li> 3683 <li> 3684 <a href="https://www.1box.nl/contact/klantenservice/" target="_self" class="text-white hover:text-box-green transition-colors"> 3685 Klantenservice 3686 </a> 3687 </li> 3688 <li> 3689 <a href="https://www.1box.nl/contact/duurzaamheid/" target="_self" class="text-white hover:text-box-green transition-colors"> 3690 Duurzaamheid 3691 </a> 3692 </li> 3693 <li> 3694 <a href="https://www.1box.nl/blog/" target="_self" class="text-white hover:text-box-green transition-colors"> 3695 Blog 3696 </a> 3697 </li> 3698 </ul> 3699 </div> 3700 </div> 3701 3702 </div> 3703 </div> 3704 </div> 3705 3706 3707 <div class="bg-[#f3f5f5] py-6"> 3708 <div class="max-w-[1253px] mx-auto px-4 flex flex-col items-center gap-3"> 3709 3710 3711 <div class="flex items-center gap-1.5"> 3712 <i class="fa-solid fa-star text-[#ffb700]"></i> 3713 <i class="fa-solid fa-star text-[#ffb700]"></i> 3714 <i class="fa-solid fa-star text-[#ffb700]"></i> 3715 <i class="fa-solid fa-star text-[#ffb700]"></i> 3716 <i class="fa-solid fa-star text-[#ffb700]"></i>
3717 <span class="ml-1 font-bold text-box-purple text-base">4.9/5</span> 3718 </div> 3719 3720 3721 <div class="flex flex-col items-center gap-2 text-[#547480] text-base lg:flex-row lg:flex-wrap lg:justify-center"> 3722 <a href="https://www.1box.nl/wp-content/uploads/2026/02/1BOX-Dutch-general-terms-1.pdf" target="" class="hover:underline">Algemene Voorwaarden </a> 3723 <span class="hidden text-[#a5b6b9] lg:inline">â¢</span> 3724 <a href="https://www.1box.nl/wp-content/uploads/2026/04/1BOX-Privacy-Statement-external-NL-March-2026.pdf" target="" class="hover:underline">Privacy verklaring</a> 3725 <span class="hidden text-[#a5b6b9] lg:inline">â¢</span> 3726 <a href="https://www.1box.nl/wp-content/uploads/2025/07/20250526_1box_cookiestatement_NL.pdf" target="" class="hover:underline">Cookiebeleid</a> 3727 <span class="hidden text-[#a5b6b9] lg:inline">â¢</span> 3728 <a href="https://www.1box.nl/sitemap.xml" target="" class="hover:underline">Sitemap</a> 3729 </div> 3730 3731 </div> 3732 </div> 3733 3734</footer> 3735
3736<script> 3737 const emailValidationText = 'Voer een geldig e-mailadres in.'; 3738 const phoneValidationText = "Dit lijkt geen geldig telefoonnummer. Controleer het alsjeblieft en probeer het opnieuw."; 3739 const sundayDisallowedText = "Startdatum niet beschikbaar. Kies een andere datum of neem contact met ons op voor latere data"; 3740 const insuranceText = "Voor jouw veiligheid en volgens de wet is een verzekering van minimaal ⬠500 vereist."; 3741 const insuranceTextHigher = "Zijn jouw spullen meer waard dan ⬠15.000? Vul dan ⬠15.000 in en neem na je boeking contact op, zodat we je verzekering kunnen aanpassen."; 3742 const birthDateValidationText = "Je moet 18+ zijn om een box te huren"; 3743 const holidayValidationText = "Het is niet mogelijk om te starten op een feestdag"; 3744 3745 const getYourPrice = "Ontdek jouw prijs"; 3746 const secureYourPrice = "Pak jouw prijs"; 3747 3748 const unitTypeImages = { 3749 "extra-small": "https://www.1box.nl/wp-content/themes/1box/public/images/unit-types/unit-type-size-xs.c4d841.svg", 3750 "small": "https://www.1box.nl/wp-content/themes/1box/public/images/unit-types/unit-type-size-s.dbe20b.svg", 3751 "medium": "https://www.1box.nl/wp-content/themes/1box/public/images/unit-types/unit-type-size-m.f02914.svg", 3752 "large": "https://www.1box.nl/wp-content/themes/1box/public/images/unit-types/unit-type-size-l.5d02f8.svg", 3753 "extra-large": "https://www.1box.nl/wp-content/themes/1box/public/images/unit-types/unit-type-size-xl.9bfe22.svg", 3754 }; 3755 3756 const containerUnitImages = { 3757 "small": "https://www.1box.nl/wp-content/themes/1box/public/images/unit-types/container.59da84.png", 3758 "medium": "https://www.1box.nl/wp-content/themes/1box/public/images/unit-types/container.59da84.png", 3759 "large": "https://www.1box.nl/wp-content/themes/1box/public/images/unit-types/container.59da84.png", 3760 }; 3761 3762 const languageCode = "nl"; 3763 3764 window.unitTypeAcfImages = []; 3765 3766 document.querySelectorAll('a[href^="tel:"]').forEach(function (link) { 3767 link.addEventListener('click', function () { 3768 if (window.dataLayer) { 3769 window.dataLayer.push({ event: 'phone_click_general' }); 3770 } 3771 }); 3772 }); 3773 3774 (function () { 3775 const footer = document.querySelector('footer[data-cy="footer-new"]'); 3776 if (!footer) return; 3777 3778 const menus = Array.from(footer.querySelectorAll('[data-footer-menu]')); 3779 if (!menus.length) return; 3780 3781 const mobileQuery = window.matchMedia('(max-width: 1023px)'); 3782 3783 const setMenuState = function (menu, expanded) { 3784 const toggle = menu.querySelector('[data-footer-menu-toggle]'); 3785 const content = menu.querySelector('[data-footer-menu-content]'); 3786 if (!toggle || !content) return; 3787 toggle.setAttribute('aria-expanded', expanded ? 'true' : 'false'); 3788 menu.classList.toggle('footer-new__menu--expanded', expanded); 3789 content.hidden = !expanded; 3790 }; 3791 3792 const syncByViewport = function () { 3793 if (mobileQuery.matches) { 3794 menus.forEach((menu) => setMenuState(menu, false)); 3795 } else { 3796 menus.forEach((menu) => setMenuState(menu, true)); 3797 } 3798 }; 3799 3800 menus.forEach((menu) => { 3801 const toggle = menu.querySelector('[data-footer-menu-toggle]'); 3802 if (!toggle) return; 3803 toggle.addEventListener('click', function () { 3804 if (!mobileQuery.matches) return; 3805 const isExpanded = toggle.getAttribute('aria-expanded') === 'true'; 3806 setMenuState(menu, !isExpanded); 3807 }); 3808 }); 3809 3810 syncByViewport(); 3811 mobileQuery.addEventListener('change', syncByViewport); 3812 })(); 3813</script>
3813 3814 </div> 3815 3816
3816<script type="speculationrules"> 3817{"prefetch":[{"source":"document","where":{"and":[{"href_matches":"/*"},{"not":{"href_matches":["/wp-*.php","/wp-admin/*","/wp-content/uploads/*","/wp-content/*","/wp-content/plugins/*","/wp-content/themes/1box/*","/*\\?(.+)"]}},{"not":{"selector_matches":"a[rel~=\"nofollow\"]"}},{"not":{"selector_matches":".no-prefetch, .no-prefetch a"}}]},"eagerness":"conservative"}]} 3818</script>
vendor: 1 bytes, line 3818
3818
3819<script id="app/0-js-extra"> 3820var store365FunnelEventsConfig = {"ajax_url":"https://www.1box.nl/wp-admin/admin-ajax.php","nonce":"25d6aee8be"}; 3821//# sourceURL=app%2F0-js-extra 3822</script>
vendor: 1 bytes, line 3822
3822
3823<script id="app/0-js-before"> 3824(()=>{"use strict";var e,r={},o={};function t(e){var n=o[e];if(void 0!==n)return n.exports;var a=o[e]={exports:{}};return r[e].call(a.exports,a,a.exports,t),a.exports}t.m=r,e=[],t.O=(r,o,n,a)=>{if(!o){var l=1/0;for(u=0;u<e.length;u++){o=e[u][0],n=e[u][1],a=e[u][2];for(var s=!0,i=0;i<o.length;i++)(!1&a||l>=a)&&Object.keys(t.O).every((e=>t.O[e](o[i])))?o.splice(i--,1):(s=!1,a<l&&(l=a));if(s){e.splice(u--,1);var f=n();void 0!==f&&(r=f)}}return r}a=a||0;for(var u=e.length;u>0&&e[u-1][2]>a;u--)e[u]=e[u-1];e[u]=[o,n,a]},t.d=(e,r)=>{for(var o in r)t.o(r,o)&&!t.o(e,o)&&Object.defineProperty(e,o,{enumerable:!0,get:r[o]})},t.o=(e,r)=>Object.prototype.hasOwnProperty.call(e,r),t.r=e=>{"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},(()=>{var e={666:0};t.O.j=r=>0===e[r];var r=(r,o)=>{var n,a,l=o[0],s=o[1],i=o[2],f=0;if(l.some((r=>0!==e[r]))){for(n in s)t.o(s,n)&&(t.m[n]=s[n]);if(i)var u=i(t)}for(r&&r(o);f<l.length;f++)a=l[f],t.o(e,a)&&e[a]&&e[a][0](),e[a]=0;return t.O(u)},o=self.webpackChunk_roots_bud_sage_sage=self.webpackChunk_roots_bud_sage_sage||[];o.forEach(r.bind(null,0)),o.push=r.bind(null,o.push.bind(o))})()})(); 3825//# sourceURL=app%2F0-js-before 3826</script>
vendor: 1 bytes, line 3826
3826
3827<script id="app/0-js" src="https://www.1box.nl/wp-content/themes/1box/public/js/app.c5eed0.js"></script>
vendor: 1 bytes, line 3827
3827
3828<script id="google-maps-api-js" src="https://maps.googleapis.com/maps/api/js?key=AIzaSyCwpYOyYDPKYhivWqjC9hpJx122bekadqM&libraries=places&loading=async"></script>
vendor: 1 bytes, line 3828
3828
3829<script id="wp-emoji-settings" type="application/json"> 3830{"baseUrl":"https://s.w.org/images/core/emoji/17.0.2/72x72/","ext":".png","svgUrl":"https://s.w.org/images/core/emoji/17.0.2/svg/","svgExt":".svg","source":{"concatemoji":"https://www.1box.nl/wp-includes/js/wp-emoji-release.min.js?ver=7.1.2"}} 3831</script>
vendor: 1 bytes, line 3831
3831
3832<script type="module"> 3833/*! This file is auto-generated */ 3834var e="script#wp-emoji-settings",t=document.querySelector(e);if(!(t instanceof HTMLScriptElement))throw new Error("Element missing: "+e);const r=JSON.parse(t.text),s=(window._wpemojiSettings=r,"wpEmojiSettingsSupports"),o=["flag","emoji"];function i(e){try{var t={supportTests:e,timestamp:(new Date).valueOf()};sessionStorage.setItem(s,JSON.stringify(t))}catch(e){}}function c(e,t,n){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);t=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(n,0,0);const r=new Uint32Array(e.getImageData(0,0,e.canvas.width,e.canvas.height).data);return t.every((e,t)=>e===r[t])}function p(e,t){e.clearRect(0,0,e.canvas.width,e.canvas.height),e.fillText(t,0,0);var n=e.getImageData(16,16,1,1);for(let e=0;e<n.data.length;e++)if(0!==n.data[e])return!1;return!0}function u(e,t,n,r){switch(t){case"flag":return n(e,"\ud83c\udff3\ufe0f\u200d\u26a7\ufe0f","\ud83c\udff3\ufe0f\u200b\u26a7\ufe0f")?!1:!n(e,"\ud83c\udde8\ud83c\uddf6","\ud83c\udde8\u200b\ud83c\uddf6")&&!n(e,"\ud83c\udff4\udb40\udc67\udb40\udc62\udb40\udc65\udb40\udc6e\udb40\udc67\udb40\udc7f","\ud83c\udff4\u200b\udb40\udc67\u200b\udb40\udc62\u200b\udb40\udc65\u200b\udb40\udc6e\u200b\udb40\udc67\u200b\udb40\udc7f");case"emoji":return!r(e,"\ud83e\u1fac8")}return!1}function f(e,t,n,r){let a;const s=(a="undefined"!=typeof WorkerGlobalScope&&self instanceof WorkerGlobalScope?new OffscreenCanvas(300,150):document.createElement("canvas")).getContext("2d",{willReadFrequently:!0}),o=(s.textBaseline="top",s.font="600 32px Arial",{});return e.forEach(e=>{o[e]=t(s,e,n,r)}),o}function a(e){var t=document.createElement("script");t.src=e,t.defer=!0,document.head.appendChild(t)}r.supports={everything:!0,everythingExceptFlag:!0},new Promise(t=>{let n=function(){try{var e=JSON.parse(sessionStorage.getItem(s));if("object"==typeof e&&"number"==typeof e.timestamp&&(new Date).valueOf()<e.timestamp+604800&&"object"==typeof e.supportTests)return e.supportTests}catch(e){}return null}();if(!n){if("undefined"!=typeof Worker&&"undefined"!=typeof OffscreenCanvas&&"undefined"!=typeof URL&&URL.createObjectURL&&"undefined"!=typeof Blob)try{var e="postMessage("+f.toString()+"("+[JSON.stringify(o),u.toString(),c.toString(),p.toString()].join(",")+"));",r=new Blob([e],{type:"text/javascript"});const a=new Worker(URL.createObjectURL(r),{name:"wpTestEmojiSupports"});return void(a.onmessage=e=>{i(n=e.data),a.terminate(),t(n)})}catch(e){}i(n=f(o,u,c,p))}t(n)}).then(e=>{for(const n in e)r.supports[n]=e[n],r.supports.everything=r.supports.everything&&r.supports[n],"flag"!==n&&(r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&r.supports[n]);var t;r.supports.everythingExceptFlag=r.supports.everythingExceptFlag&&!r.supports.flag,r.supports.everything||((t=r.source||{}).concatemoji?a(t.concatemoji):t.wpemoji&&t.twemoji&&(a(t.twemoji),a(t.wpemoji)))}); 3835//# sourceURL=https://www.1box.nl/wp-includes/js/wp-emoji-loader.min.js 3836</script>
3836 3837 </body> 3838</html> 3839 3840 3841<!-- Page cached by LiteSpeed Cache 7.9.1 on 2026-10-06 14:29:48 -->
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.