{"id":9433,"date":"2025-05-14T13:00:03","date_gmt":"2025-05-14T13:00:03","guid":{"rendered":"https:\/\/infinitemoes.nl\/?page_id=9433"},"modified":"2026-04-27T21:53:28","modified_gmt":"2026-04-27T21:53:28","slug":"9433-2","status":"publish","type":"page","link":"https:\/\/infinitemoes.nl\/","title":{"rendered":"Homepage Moes"},"content":{"rendered":"<figure class=\"wp-block-video\"><video height=\"360\" style=\"aspect-ratio: 640 \/ 360;\" width=\"640\" controls src=\"https:\/\/infinitemoes.nl\/wp-content\/uploads\/2025\/05\/Scarface-_The-World-Is-Yours_-Scene.mp4\"><\/video><\/figure><figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 1280 \/ 720;\" width=\"1280\" controls src=\"https:\/\/infinitemoes.nl\/wp-content\/uploads\/2023\/02\/cover.mp4\"><\/video><\/figure><figure class=\"wp-block-video\"><video height=\"240\" style=\"aspect-ratio: 454 \/ 240;\" width=\"454\" controls src=\"https:\/\/infinitemoes.nl\/wp-content\/uploads\/2025\/05\/small-5.mp4\"><\/video><\/figure><figure class=\"wp-block-video\"><video height=\"720\" style=\"aspect-ratio: 1280 \/ 720;\" width=\"1280\" controls src=\"https:\/\/infinitemoes.nl\/wp-content\/uploads\/2026\/04\/views-1.mp4\"><\/video><\/figure><figure class=\"wp-block-gallery has-nested-images columns-default is-cropped wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\"><figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"800\" height=\"502\" data-id=\"9566\" src=\"https:\/\/infinitemoes.nl\/wp-content\/uploads\/2026\/04\/moie-917.jpg\" alt=\"\" class=\"wp-image-9566\" srcset=\"https:\/\/infinitemoes.nl\/wp-content\/uploads\/2026\/04\/moie-917.jpg 800w, https:\/\/infinitemoes.nl\/wp-content\/uploads\/2026\/04\/moie-917-300x188.jpg 300w\" sizes=\"auto, (max-width: 800px) 100vw, 800px\" \/><\/figure>\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" data-id=\"9564\" src=\"https:\/\/infinitemoes.nl\/wp-content\/uploads\/2026\/04\/moie-1290-1024x576.jpg\" alt=\"\" class=\"wp-image-9564\" srcset=\"https:\/\/infinitemoes.nl\/wp-content\/uploads\/2026\/04\/moie-1290-1024x576.jpg 1024w, https:\/\/infinitemoes.nl\/wp-content\/uploads\/2026\/04\/moie-1290-300x169.jpg 300w, https:\/\/infinitemoes.nl\/wp-content\/uploads\/2026\/04\/moie-1290-2000x1125.jpg 2000w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><figcaption class=\"wp-element-caption\">OLYMPUS DIGITAL CAMERA<\/figcaption><\/figure>\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"320\" height=\"213\" data-id=\"9565\" src=\"https:\/\/infinitemoes.nl\/wp-content\/uploads\/2026\/04\/moie-1211.jpg\" alt=\"\" class=\"wp-image-9565\" srcset=\"https:\/\/infinitemoes.nl\/wp-content\/uploads\/2026\/04\/moie-1211.jpg 320w, https:\/\/infinitemoes.nl\/wp-content\/uploads\/2026\/04\/moie-1211-300x200.jpg 300w\" sizes=\"auto, (max-width: 320px) 100vw, 320px\" \/><\/figure>\n\n<figure class=\"wp-block-image size-full\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"576\" data-id=\"9568\" src=\"https:\/\/infinitemoes.nl\/wp-content\/uploads\/2026\/04\/moie-580.jpg\" alt=\"\" class=\"wp-image-9568\" srcset=\"https:\/\/infinitemoes.nl\/wp-content\/uploads\/2026\/04\/moie-580.jpg 1024w, https:\/\/infinitemoes.nl\/wp-content\/uploads\/2026\/04\/moie-580-300x169.jpg 300w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n\n<figure class=\"wp-block-image size-large\"><img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" data-id=\"9567\" src=\"https:\/\/infinitemoes.nl\/wp-content\/uploads\/2026\/04\/moie-632-1024x768.jpg\" alt=\"\" class=\"wp-image-9567\" srcset=\"https:\/\/infinitemoes.nl\/wp-content\/uploads\/2026\/04\/moie-632-1024x768.jpg 1024w, https:\/\/infinitemoes.nl\/wp-content\/uploads\/2026\/04\/moie-632-300x225.jpg 300w, https:\/\/infinitemoes.nl\/wp-content\/uploads\/2026\/04\/moie-632-2000x1500.jpg 2000w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/><\/figure><\/figure><!DOCTYPE html>\n<html lang=\"nl\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>infinitemoes \u2014 Hammam Wellness<\/title>\n<link href=\"https:\/\/googleapis.com\" rel=\"stylesheet\">\n<style>\n  :root {\n    --white: #FFFFFF;\n    --light-blue: #E7F0F8;\n    --accent-blue: #63B3ED;\n    --deep-blue-1: #050B18;\n    --deep-blue-2: #0D2545;\n    --mid-blue: #1A4080;\n    --steam-glow: rgba(99, 179, 237, 0.15);\n  }\n\n  * { margin: 0; padding: 0; box-sizing: border-box; }\n\n  html { scroll-behavior: smooth; }\n\n  body {\n    background: var(--deep-blue-1);\n    color: var(--white);\n    font-family: 'Jost', sans-serif;\n    font-weight: 300;\n    overflow-x: hidden;\n  }\n\n  \/* \u2500\u2500\u2500 INTRO OVERLAY \u2500\u2500\u2500 *\/\n  #intro-overlay {\n    position: fixed;\n    inset: 0;\n    z-index: 9999;\n    background: #000;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    flex-direction: column;\n  }\n\n  #intro-overlay video {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    position: absolute;\n    inset: 0;\n  }\n\n  #intro-overlay::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(to bottom, rgba(5, 11, 24, 0.4), rgba(13, 37, 69, 0.8));\n    pointer-events: none;\n  }\n\n  #skip-btn {\n    position: absolute;\n    bottom: 48px;\n    right: 48px;\n    z-index: 10;\n    background: transparent;\n    border: 1px solid rgba(255, 255, 255, 0.6);\n    color: var(--white);\n    font-family: 'Jost', sans-serif;\n    font-size: 13px;\n    letter-spacing: 2px;\n    text-transform: uppercase;\n    padding: 12px 28px;\n    cursor: pointer;\n    transition: all 0.3s ease;\n    opacity: 0;\n    pointer-events: none;\n    backdrop-filter: blur(4px);\n  }\n\n  #skip-btn.visible {\n    opacity: 1;\n    pointer-events: all;\n  }\n\n  #skip-btn:hover {\n    background: var(--white);\n    color: var(--deep-blue-1);\n    box-shadow: 0 0 20px rgba(99, 179, 237, 0.4);\n  }\n\n  #countdown-ring {\n    position: absolute;\n    bottom: 42px;\n    right: 160px;\n    z-index: 10;\n    width: 40px;\n    height: 40px;\n    opacity: 0;\n    transition: opacity 0.5s;\n  }\n\n  #countdown-ring.visible { opacity: 1; }\n\n  #countdown-ring svg { transform: rotate(-90deg); }\n\n  #countdown-ring circle {\n    fill: none;\n    stroke: var(--white);\n    stroke-width: 2;\n    stroke-dasharray: 100;\n    stroke-dashoffset: 100;\n    transition: stroke-dashoffset 1s linear;\n    filter: drop-shadow(0 0 5px var(--accent-blue));\n  }\n\n  #countdown-num {\n    position: absolute;\n    inset: 0;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 12px;\n    color: var(--white);\n  }\n\n  .intro-logo {\n    position: absolute;\n    top: 48px;\n    left: 56px;\n    z-index: 10;\n    font-family: 'Playfair Display', serif;\n    font-size: 22px;\n    letter-spacing: 3px;\n    color: var(--white);\n    text-shadow: 0 0 40px var(--accent-blue);\n  }\n\n  .overlay-fade { animation: fadeOut 0.8s ease forwards; }\n\n  @keyframes fadeOut { to { opacity: 0; pointer-events: none; } }\n\n  \/* \u2500\u2500\u2500 NAV \u2500\u2500\u2500 *\/\n  nav {\n    position: fixed;\n    top: 0; left: 0; right: 0;\n    z-index: 100;\n    padding: 28px 56px;\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    background: linear-gradient(to bottom, rgba(5, 11, 24, 0.95), transparent);\n    backdrop-filter: blur(2px);\n  }\n\n  .nav-logo {\n    font-family: 'Playfair Display', serif;\n    font-size: 20px;\n    letter-spacing: 4px;\n    color: var(--white);\n    text-decoration: none;\n  }\n\n  .nav-links { display: flex; gap: 40px; list-style: none; }\n\n  .nav-links a {\n    color: rgba(255, 255, 255, 0.7);\n    text-decoration: none;\n    font-size: 12px;\n    letter-spacing: 2.5px;\n    text-transform: uppercase;\n    transition: color 0.3s;\n  }\n\n  .nav-links a:hover { color: var(--white); }\n\n  \/* \u2500\u2500\u2500 HERO \u2500\u2500\u2500 *\/\n  #home {\n    height: 100vh;\n    position: relative;\n    display: flex;\n    align-items: flex-end;\n    padding: 0 56px 80px;\n    overflow: hidden;\n  }\n\n  .hero-bg {\n    position: absolute;\n    inset: 0;\n    background:\n      radial-gradient(ellipse at 20% 70%, rgba(27, 58, 107, 0.8) 0%, transparent 55%),\n      radial-gradient(ellipse at 80% 20%, rgba(99, 179, 237, 0.3) 0%, transparent 50%),\n      linear-gradient(160deg, var(--deep-blue-1) 0%, var(--deep-blue-2) 50%, var(--mid-blue) 100%);\n  }\n\n  .hero-steam {\n    position: absolute;\n    inset: 0;\n    background-image:\n      radial-gradient(ellipse 200px 400px at 20% 80%, rgba(255, 255, 255, 0.05) 0%, transparent 100%),\n      radial-gradient(ellipse 150px 300px at 70% 30%, rgba(99, 179, 237, 0.05) 0%, transparent 100%);\n    animation: steamDrift 8s ease-in-out infinite alternate;\n  }\n\n  @keyframes steamDrift {\n    from { transform: translateY(0) scaleX(1); }\n    to { transform: translateY(-20px) scaleX(1.05); }\n  }\n\n  .hero-content { position: relative; z-index: 2; max-width: 680px; }\n\n  .hero-tag {\n    font-size: 10px;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    color: var(--white);\n    background: rgba(99, 179, 237, 0.15);\n    border: 1px solid rgba(255, 255, 255, 0.2);\n    display: inline-block;\n    padding: 6px 16px;\n    margin-bottom: 28px;\n    border-radius: 2px;\n  }\n\n  .hero-title {\n    font-family: 'Playfair Display', serif;\n    font-size: clamp(52px, 7vw, 96px);\n    line-height: 1.0;\n    color: var(--white);\n    margin-bottom: 24px;\n  }\n\n  .hero-sub {\n    font-size: 15px;\n    letter-spacing: 0.5px;\n    color: rgba(255, 255, 255, 0.7);\n    line-height: 1.8;\n    margin-bottom: 48px;\n    max-width: 440px;\n  }\n\n  .hero-cta {\n    display: inline-block;\n    padding: 16px 40px;\n    background: linear-gradient(135deg, var(--deep-blue-2), var(--mid-blue));\n    color: var(--white);\n    text-decoration: none;\n    font-size: 12px;\n    letter-spacing: 2.5px;\n    text-transform: uppercase;\n    transition: all 0.3s ease;\n    position: relative;\n    overflow: hidden;\n    border: 1px solid rgba(255, 255, 255, 0.2);\n  }\n\n  .hero-cta:hover { color: var(--deep-blue-1); background: var(--white); }\n\n  \/* \u2500\u2500\u2500 SECTION \u2500\u2500\u2500 *\/\n  section { padding: 120px 56px; }\n\n  .section-label {\n    font-size: 10px;\n    letter-spacing: 4px;\n    text-transform: uppercase;\n    color: var(--accent-blue);\n    margin-bottom: 16px;\n  }\n\n  #hammam {\n    background: linear-gradient(180deg, var(--deep-blue-1) 0%, var(--deep-blue-2) 100%);\n  }\n\n  .products-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(260px, 1fr));\n    gap: 24px;\n  }\n\n  .product-card {\n    background: rgba(255, 255, 255, 0.03);\n    border: 1px solid rgba(255, 255, 255, 0.1);\n    padding: 48px 36px;\n    transition: all 0.4s ease;\n    cursor: pointer;\n  }\n\n  .product-card:hover {\n    background: rgba(255, 255, 255, 0.07);\n    border-color: var(--accent-blue);\n    transform: translateY(-5px);\n  }\n\n  .product-icon {\n    width: 48px; height: 48px;\n    background: rgba(255, 255, 255, 0.1);\n    border: 1px solid rgba(99, 179, 237, 0.5);\n    border-radius: 50%;\n    display: flex;\n    align-items: center; justify-content: center;\n    margin-bottom: 28px;\n    color: var(--white);\n    box-shadow: 0 0 15px rgba(99, 179, 237, 0.3);\n  }\n<\/style>\n<\/head>\n<body>\n\n  <div id=\"intro-overlay\">\n    <div class=\"intro-logo\">INFINITEMOES<\/div>\n    <video autoplay muted loop playsinline>\n      <source src=\"jouw-video-bestand.mp4\" type=\"video\/mp4\">\n    <\/video>\n    <div id=\"countdown-ring\" class=\"visible\">\n      <svg width=\"40\" height=\"40\"><circle cx=\"20\" cy=\"20\" r=\"18\"><\/circle><\/svg>\n      <div id=\"countdown-num\">5<\/div>\n    <\/div>\n    <button id=\"skip-btn\" class=\"visible\">Ontdek de Rust<\/button>\n  <\/div>\n\n  <nav>\n    <a href=\"#\" class=\"nav-logo\">INFINITEMOES<\/a>\n    <ul class=\"nav-links\">\n      <li><a href=\"#home\">Home<\/a><\/li>\n      <li><a href=\"#hammam\">Hammam<\/a><\/li>\n      <li><a href=\"#wellness\">Wellness<\/a><\/li>\n      <li><a href=\"#contact\">Contact<\/a><\/li>\n    <\/ul>\n  <\/nav>\n\n  <section id=\"home\">\n    <div class=\"hero-bg\"><\/div>\n    <div class=\"hero-steam\"><\/div>\n    <div class=\"hero-content\">\n      <div class=\"hero-tag\">Exclusieve Wellness<\/div>\n      <h1 class=\"hero-title\">Vind je innerlijke <em>sereniteit<\/em><\/h1>\n      <p class=\"hero-sub\">Ervaar de eeuwenoude tradities van de Hammam, vertaald naar een moderne oase van rust en blauwe dieptes.<\/p>\n      <a href=\"#hammam\" class=\"hero-cta\"><span>Bekijk Rituelen<\/span><\/a>\n    <\/div>\n  <\/section>\n\n  <section id=\"hammam\">\n    <div class=\"section-label\">Onze Rituelen<\/div>\n    <h2 class=\"hero-title\" style=\"font-size: 42px; margin-bottom: 40px;\">Hammam Ervaring<\/h2>\n    <div class=\"products-grid\">\n      <div class=\"product-card\">\n        <div class=\"product-icon\">\u2728<\/div>\n        <h3 class=\"hero-title\" style=\"font-size: 24px;\">Reiniging<\/h3>\n        <p class=\"hero-sub\" style=\"margin-bottom: 0;\">Een diepe scrub sessie met zwarte zeep en kessa.<\/p>\n      <\/div>\n      <div class=\"product-card\">\n        <div class=\"product-icon\">\ud83c\udf0a<\/div>\n        <h3 class=\"hero-title\" style=\"font-size: 24px;\">Hydratatie<\/h3>\n        <p class=\"hero-sub\" style=\"margin-bottom: 0;\">Verzorging met kostbare arganolie en rozenwater.<\/p>\n      <\/div>\n    <\/div>\n  <\/section>\n\n  <script>\n    \/\/ Simpele script voor het verwijderen van de overlay\n    const skipBtn = document.getElementById('skip-btn');\n    const overlay = document.getElementById('intro-overlay');\n    \n    skipBtn.addEventListener('click', () => {\n      overlay.classList.add('overlay-fade');\n      setTimeout(() => overlay.style.display = 'none', 800);\n    });\n\n    \/\/ Countdown effect\n    let count = 5;\n    const countNum = document.getElementById('countdown-num');\n    const timer = setInterval(() => {\n      count--;\n      if(count >= 0) countNum.innerText = count;\n      if(count === 0) {\n        clearInterval(timer);\n        \/\/ Optioneel: automatisch doorgaan na countdown\n      }\n    }, 1000);\n  <\/script>\n\n<\/body>\n<\/html>","protected":false},"excerpt":{"rendered":"<p>infinitemoes \u2014 Hammam Wellness INFINITEMOES 5 Ontdek de Rust INFINITEMOES Home Hammam Wellness Contact Exclusieve Wellness Vind je innerlijke sereniteit Ervaar de eeuwenoude tradities van de Hammam, vertaald naar een moderne oase van rust en blauwe dieptes. Bekijk Rituelen Onze Rituelen Hammam Ervaring \u2728 Reiniging Een diepe scrub sessie met zwarte zeep en kessa. \ud83c\udf0a &hellip; <\/p>\n<p class=\"link-more\"><a href=\"https:\/\/infinitemoes.nl\/\" class=\"more-link\">Lees meer<span class=\"screen-reader-text\"> &#8220;Homepage Moes&#8221;<\/span><\/a><\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-9433","page","type-page","status-publish","hentry"],"featured_media_urls":[],"_links":{"self":[{"href":"https:\/\/infinitemoes.nl\/index.php\/wp-json\/wp\/v2\/pages\/9433","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/infinitemoes.nl\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/infinitemoes.nl\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/infinitemoes.nl\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/infinitemoes.nl\/index.php\/wp-json\/wp\/v2\/comments?post=9433"}],"version-history":[{"count":13,"href":"https:\/\/infinitemoes.nl\/index.php\/wp-json\/wp\/v2\/pages\/9433\/revisions"}],"predecessor-version":[{"id":9570,"href":"https:\/\/infinitemoes.nl\/index.php\/wp-json\/wp\/v2\/pages\/9433\/revisions\/9570"}],"wp:attachment":[{"href":"https:\/\/infinitemoes.nl\/index.php\/wp-json\/wp\/v2\/media?parent=9433"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}