{"id":17,"date":"2024-08-24T17:22:41","date_gmt":"2024-08-24T17:22:41","guid":{"rendered":"https:\/\/themenectar.com\/salient\/portfolio-flare\/?page_id=17"},"modified":"2026-04-10T21:21:27","modified_gmt":"2026-04-10T20:21:27","slug":"portfolio-flare-landing","status":"publish","type":"page","link":"https:\/\/la-nay.com\/fr\/","title":{"rendered":"Home"},"content":{"rendered":"\n\t\t<div id=\"fws_69e59019ae1b3\"  data-column-margin=\"default\" data-midnight=\"dark\"  class=\"wpb_row vc_row-fluid vc_row full-width-content vc_row-o-equal-height vc_row-flex vc_row-o-content-top\"  style=\"padding-top: 0px; padding-bottom: 0px; \"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-animation-delay=\"\" data-bg-overlay=\"false\"><div class=\"inner-wrap row-bg-layer\" ><div class=\"row-bg viewport-desktop\"  style=\"\"><\/div><\/div><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone \"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t\t\r\n<style>\r\n  \/* Load Outfit locally with your file paths *\/\r\n  @font-face {\r\n    font-family: 'Outfit';\r\n    src: url('https:\/\/la-nay.com\/wp-content\/themes\/salient-child\/fonts\/outfit-v14-latin-regular.woff2') format('woff2');\r\n    font-weight: 400;\r\n    font-style: normal;\r\n    font-display: swap;\r\n  }\r\n  @font-face {\r\n    font-family: 'Outfit';\r\n    src: url('https:\/\/la-nay.com\/wp-content\/themes\/salient-child\/fonts\/outfit-v14-latin-600.woff2') format('woff2');\r\n    font-weight: 600;\r\n    font-style: normal;\r\n    font-display: swap;\r\n  }\r\n\r\n  .lanay-hero {\r\n    position: relative;\r\n    width: 100%;\r\n    height: 100vh;\r\n    overflow: hidden;\r\n    display: flex;\r\n    align-items: flex-end;\r\n    justify-content: center;\r\n    text-align: center;\r\n    color: #fff;\r\n    font-family: 'Outfit', sans-serif;\r\n  }\r\n\r\n  \/* Grey overlay only on desktop video *\/\r\n  @media (min-width: 769px) {\r\n    .lanay-hero::before {\r\n      content: \"\";\r\n      position: absolute;\r\n      top: 0;\r\n      left: 0;\r\n      width: 100%;\r\n      height: 100%;\r\n      background: rgba(0,0,0,0.25);\r\n      z-index: 1;\r\n    }\r\n  }\r\n\r\n  \/* background video or mobile image *\/\r\n  .lanay-hero > video,\r\n  .lanay-hero > img.lanay-hero-bg {\r\n    position: absolute;\r\n    top: 0;\r\n    left: 0;\r\n    width: 100%;\r\n    height: 100vh;\r\n    object-fit: cover;\r\n    z-index: 0;\r\n  }\r\n\r\n  .lanay-hero-content {\r\n    position: relative; \/* content above overlay *\/\r\n    z-index: 2;\r\n    padding-bottom: 120px;\r\n  }\r\n\r\n  \/* base badge: hidden by default *\/\r\n  .lanay-badge {\r\n    display: none;\r\n  }\r\n\r\n  \/* desktop badge placement relative to the whole hero *\/\r\n  @media (min-width: 769px) {\r\n    .lanay-badge {\r\n      position: absolute;\r\n      top: 75%;\r\n      right: 75%;\r\n      width: 160px;\r\n      height: auto;\r\n      display: block;\r\n      z-index: 5; \/* above overlay and video *\/\r\n    }\r\n  }\r\n\r\n  .lanay-hero h1 {\r\n    font-size: 36px;\r\n    font-weight: 400;\r\n    margin-bottom: 20px;\r\n    line-height: 1.2;\r\n    color:#fff;\r\n  }\r\n\r\n  .lanay-hero h2 {\r\n    font-size: 24px;\r\n    margin-bottom: 30px;\r\n    font-weight: 400;\r\n    line-height: 1.2;\r\n    color:#fff;\r\n  }\r\n\r\n  .lanay-cta {\r\n    display: flex;\r\n    justify-content: center;\r\n    gap: 30px;\r\n    font-size: 24px;\r\n    margin-top: 30px;\r\n  }\r\n\r\n  .lanay-cta a {\r\n    color: #fff;\r\n    text-decoration: underline;\r\n  }\r\n\r\n  @media (max-width: 768px) {\r\n    .lanay-hero-content {\r\n      padding-bottom: 160px;\r\n    }\r\n    .lanay-hero h1 {\r\n      font-size: 20px;\r\n      margin-bottom: 15px;\r\n    }\r\n    .lanay-hero h2 {\r\n      font-size: 18px;\r\n      margin-bottom: 25px;\r\n    }\r\n    .lanay-cta {\r\n      font-size: 16px;\r\n      margin-top: 25px;\r\n      gap: 20px;\r\n    }\r\n    .lanay-hero img {\r\n      height: auto !important;\r\n      min-height: 100vh !important;\r\n    }\r\n  }\r\n<\/style>\r\n\r\n<div class=\"lanay-hero\">\r\n      <video autoplay muted loop playsinline>\r\n      <source src=\"https:\/\/la-nay.com\/wp-content\/uploads\/2025\/01\/Compressed-video-Background-Final.mp4\" type=\"video\/mp4\">\r\n    <\/video>\r\n  \r\n  <!-- badge as direct child of hero, positioned relative to hero -->\r\n  <img decoding=\"async\"\r\n    class=\"lanay-badge\"\r\n    src=\"https:\/\/la-nay.com\/wp-content\/uploads\/2025\/11\/25-OFF-Photoroom.png\"\r\n    alt=\"La N\u00e1y 25 procent korting\"\r\n  \/>\r\n\r\n  <div class=\"lanay-hero-content\">\r\n    <h1>Stap in een nieuwe wereld van babyverzorging<\/h1>\r\n    <h2>Ontdek<\/h2>\r\n    <div class=\"lanay-cta\">\r\n      <a href=\"https:\/\/la-nay.com\/about-us\/\">La N\u00e1y<\/a>\r\n      <a href=\"https:\/\/la-nay.com\/#Products\">Producten<\/a>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n\n\t\t<\/div>\n\t<\/div>\n\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>\n\t\t<div id=\"fws_69e59019aeacd\"  data-column-margin=\"default\" data-midnight=\"dark\"  class=\"wpb_row vc_row-fluid vc_row  bottom_margin_70px\"  style=\"padding-top: 0px; padding-bottom: 0px; \"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-animation-delay=\"\" data-bg-overlay=\"false\"><div class=\"inner-wrap row-bg-layer\" ><div class=\"row-bg viewport-desktop\"  style=\"\"><\/div><\/div><\/div><div class=\"row_col_wrap_12 col span_12 dark center\">\n\t<div style=\"margin-top: 50px; \" class=\"vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone \"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t<div class=\"nectar-split-heading \" data-align=\"default\" data-m-align=\"inherit\" data-text-effect=\"none\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"false\" ><h3 style=\" color: #000000;\">Ontdek een wereld vol wonderen<\/h3><\/div><div class=\"nectar-responsive-text Text-Homepage font_size_desktop_16px font_size_phone_14px nectar-link-underline-effect\"><p style=\"text-align: center\"><span style=\"color: #000000\">Een magische, zachte collectie waar elk product een verhaal vertelt. <\/span><\/p>\n<p style=\"text-align: center\"><span style=\"color: #000000\">Vier de kostbare band tussen ouder en kind door momenten van liefde en verbinding.<\/span><\/p>\n<\/div>\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>\n\t\t<div id=\"Products\"  data-column-margin=\"default\" data-midnight=\"dark\"  class=\"wpb_row vc_row-fluid vc_row full-width-content vc_row-o-equal-height vc_row-flex  top_margin_20px\"  style=\"padding-top: 0px; padding-bottom: 0px; \"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-animation-delay=\"\" data-bg-overlay=\"false\"><div class=\"inner-wrap row-bg-layer\" ><div class=\"row-bg viewport-desktop\"  style=\"\"><\/div><\/div><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div  class=\"vc_col-sm-6 vc_hidden-xs wpb_column column_container vc_column_container col has-animation no-extra-padding inherit_tablet inherit_phone \"  data-video-bg=\"true\" data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"fade-in-from-left\" data-delay=\"200\" >\n\t\t<div class=\"vc_column-inner\" >\n  <div class=\"nectar-video-wrap column-video column-bg-layer\"><video class=\"nectar-video-bg nectar-lazy-video\" width=\"1800\" height=\"700\" preload=\"auto\" loop autoplay muted playsinline><source data-nectar-video-src=\"https:\/\/la-nay.com\/wp-content\/uploads\/2025\/01\/Compressed-Oil.mp4\"  type=\"video\/mp4\"><\/video><\/div>\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t<div class=\"divider-wrap height_phone_400px \" data-alignment=\"default\"><div style=\"height: 550px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-cta  hover_color_9a3322 text_hover_color_ffffff border_radius_20px alignment_tablet_default alignment_phone_default display_tablet_inherit display_phone_inherit position_desktop_relative position_phone_relative bottom_position_desktop_30px bottom_position_phone_20px \" data-color=\"white\" data-using-bg=\"true\" data-style=\"basic\" data-display=\"block\" data-alignment=\"center\" data-text-color=\"custom\" style=\"margin-top: 10px; \"><h6 style=\"color: #000000;\"><span class=\"link_wrap\" style=\"padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px;\"><a  class=\"link_text\" role=\"button\" href=\"https:\/\/la-nay.com\/product\/natuurlijke-babyolie\/?v=1a13105b7e4e\"><span class=\"text\">Natuurlijke Babyolie<\/span><\/a><\/span><\/h6><\/div>\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-6 vc_hidden-xs wpb_column column_container vc_column_container col has-animation no-extra-padding left_margin_phone_0px inherit_tablet inherit_phone \"  data-video-bg=\"true\" data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"fade-in-from-right\" data-delay=\"200\" >\n\t\t<div class=\"vc_column-inner\" >\n  <div class=\"nectar-video-wrap column-video column-bg-layer\"><video class=\"nectar-video-bg nectar-lazy-video\" width=\"1800\" height=\"700\" preload=\"auto\" loop autoplay muted playsinline><source data-nectar-video-src=\"https:\/\/la-nay.com\/wp-content\/uploads\/2025\/01\/Compressed-Bath-oil-online-video-cutter.com-2.mp4\"  type=\"video\/mp4\"><\/video><\/div>\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t<div class=\"divider-wrap height_phone_400px \" data-alignment=\"default\"><div style=\"height: 550px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-cta  hover_color_9a3322 text_hover_color_ffffff border_radius_20px alignment_tablet_default alignment_phone_default display_tablet_inherit display_phone_inherit position_desktop_relative position_phone_relative bottom_position_desktop_30px bottom_position_phone_20px \" data-color=\"white\" data-using-bg=\"true\" data-style=\"basic\" data-display=\"block\" data-alignment=\"center\" data-text-color=\"custom\" ><h6 style=\"color: #000000;\"><span class=\"link_wrap\" style=\"padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px;\"><a  class=\"link_text\" role=\"button\" href=\"https:\/\/la-nay.com\/product\/haver-badolie\/\"><span class=\"text\">Haver Badolie<\/span><\/a><\/span><\/h6><\/div>\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>\n\t\t<div id=\"Products\"  data-column-margin=\"default\" data-midnight=\"dark\"  class=\"wpb_row vc_row-fluid vc_row full-width-content vc_row-o-equal-height vc_row-flex  top_margin_20px\"  style=\"padding-top: 0px; padding-bottom: 0px; \"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-animation-delay=\"\" data-bg-overlay=\"false\"><div class=\"inner-wrap row-bg-layer\" ><div class=\"row-bg viewport-desktop\"  style=\"\"><\/div><\/div><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div  class=\"vc_col-sm-6 vc_hidden-lg vc_hidden-md vc_hidden-sm wpb_column column_container vc_column_container col has-animation no-extra-padding inherit_tablet inherit_phone \"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"fade-in-from-left\" data-delay=\"200\" >\n\t\t<div class=\"vc_column-inner\" ><div class=\"column-image-bg-wrap column-bg-layer viewport-phone\" data-bg-pos=\"center center\" data-bg-animation=\"none\" data-bg-overlay=\"false\"><div class=\"inner-wrap\"><div class=\"column-image-bg\" style=\" background-image: url('https:\/\/la-nay.com\/wp-content\/uploads\/2025\/09\/nay_baby_kids-2-1.webp'); \"><\/div><\/div><\/div>\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t<div class=\"divider-wrap height_phone_400px \" data-alignment=\"default\"><div style=\"height: 550px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-cta  hover_color_9a3322 text_hover_color_ffffff border_radius_20px alignment_tablet_default alignment_phone_default display_tablet_inherit display_phone_inherit position_desktop_relative position_phone_relative bottom_position_desktop_30px bottom_position_phone_20px \" data-color=\"white\" data-using-bg=\"true\" data-style=\"basic\" data-display=\"block\" data-alignment=\"center\" data-text-color=\"custom\" style=\"margin-top: 10px; \"><h6 style=\"color: #000000;\"><span class=\"link_wrap\" style=\"padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px;\"><a  class=\"link_text\" role=\"button\" href=\"https:\/\/la-nay.com\/product\/natuurlijke-babyolie\/?v=1a13105b7e4e\"><span class=\"text\">Natuurlijke Babyolie<\/span><\/a><\/span><\/h6><\/div>\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-6 vc_hidden-lg vc_hidden-md vc_hidden-sm wpb_column column_container vc_column_container col has-animation no-extra-padding left_margin_phone_0px inherit_tablet inherit_phone \"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"fade-in-from-right\" data-delay=\"200\" >\n\t\t<div class=\"vc_column-inner\" ><div class=\"column-image-bg-wrap column-bg-layer viewport-phone\" data-bg-pos=\"center center\" data-bg-animation=\"none\" data-bg-overlay=\"false\"><div class=\"inner-wrap\"><div class=\"column-image-bg\" style=\" background-image: url('https:\/\/la-nay.com\/wp-content\/uploads\/2025\/09\/Asset-2-2.webp'); \"><\/div><\/div><\/div>\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t<div class=\"divider-wrap height_phone_400px \" data-alignment=\"default\"><div style=\"height: 550px;\" class=\"divider\"><\/div><\/div><div class=\"nectar-cta  hover_color_9a3322 text_hover_color_ffffff border_radius_20px alignment_tablet_default alignment_phone_default display_tablet_inherit display_phone_inherit position_desktop_relative position_phone_relative bottom_position_desktop_30px bottom_position_phone_20px \" data-color=\"white\" data-using-bg=\"true\" data-style=\"basic\" data-display=\"block\" data-alignment=\"center\" data-text-color=\"custom\" ><h6 style=\"color: #000000;\"><span class=\"link_wrap\" style=\"padding-top: 10px; padding-right: 20px; padding-bottom: 10px; padding-left: 20px;\"><a  class=\"link_text\" role=\"button\" href=\"https:\/\/la-nay.com\/product\/haver-badolie\/\"><span class=\"text\">Haver Badolie<\/span><\/a><\/span><\/h6><\/div>\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>\n\t\t<div id=\"fws_69e59019b0d67\"  data-column-margin=\"default\" data-midnight=\"dark\" data-top-percent=\"4%\"  class=\"wpb_row vc_row-fluid vc_row full-width-content vc_row-o-equal-height vc_row-flex vc_row-o-content-top  top_padding_phone_12pct bottom_padding_phone_8pct\"  style=\"padding-top: calc(100vw * 0.04); padding-bottom: 0px; \"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-animation-delay=\"\" data-bg-overlay=\"false\"><div class=\"inner-wrap row-bg-layer\" ><div class=\"row-bg viewport-desktop\"  style=\"\"><\/div><\/div><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone \"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t    <style>\r\n        .lanay_logo_carousel_container {\r\n            overflow: hidden;\r\n            width: 100vw;\r\n            margin: 0;\r\n            padding: 0;\r\n        }\r\n\r\n        .lanay_logo_carousel_track {\r\n            display: flex;\r\n            animation: lanayLogoScroll 60s linear infinite;\r\n            width: max-content;\r\n        }\r\n\r\n        .lanay_logo_item {\r\n            flex: 0 0 auto;\r\n            width: 240px;\r\n            height: 120px;\r\n            padding: 0 40px;\r\n            display: flex;\r\n            align-items: center;\r\n            justify-content: center;\r\n            box-sizing: border-box;\r\n        }\r\n\r\n        .lanay_logo_item img {\r\n            max-width: 100%;\r\n            max-height: 100%;\r\n            object-fit: contain;\r\n            filter: grayscale(100%);\r\n            transition: filter 0.3s ease;\r\n            display: block;\r\n            margin: auto;\r\n        }\r\n\r\n        .lanay_logo_item img:hover {\r\n            filter: grayscale(0%);\r\n        }\r\n\r\n        @keyframes lanayLogoScroll {\r\n            0% { transform: translateX(0); }\r\n            100% { transform: translateX(-50%); }\r\n        }\r\n\r\n        @media (max-width: 600px) {\r\n            .lanay_logo_carousel_track {\r\n                animation-duration: 25s;\r\n            }\r\n\r\n            .lanay_logo_item {\r\n                width: 33.33vw;\r\n                height: 90px;\r\n                padding: 0 5px;\r\n            }\r\n\r\n            .lanay_logo_item img {\r\n                max-height: 80px;\r\n            }\r\n\r\n            \/* MOBILE per logo positions *\/\r\n            .lanay_logo_item img.logo_grootmedia { transform: translate(0px, -8px) scale(1) !important; }\r\n            .lanay_logo_item img.logo_parentally { transform: translate(0px, -10px) scale(1) !important; }\r\n            .lanay_logo_item img.logo_makeawish { transform: translate(0px, -4px) scale(1) !important; }\r\n            .lanay_logo_item img.logo_second_home { transform: translate(0px, -2px) scale(1) !important; }\r\n            .lanay_logo_item img.logo_lavie_babyspa { transform: translate(0px, -2px) scale(1) !important; }\r\n            .lanay_logo_item img.logo_lanay { transform: translate(0px, 0px) scale(1) !important; }\r\n            .lanay_logo_item img.logo_marie_claire { transform: translate(0px, -6px) scale(1) !important; }\r\n        }\r\n\r\n        @media (max-width: 1024px) {\r\n            .lanay_logo_item {\r\n                width: 180px;\r\n                height: 90px;\r\n                padding: 0 15px;\r\n            }\r\n        }\r\n\r\n        \/* DESKTOP per logo positions *\/\r\n        .lanay_logo_item img.logo_grootmedia { transform: translate(0px, -18px) scale(1) !important; }\r\n        .lanay_logo_item img.logo_parentally { transform: translate(0px, -20px) scale(1) !important; }\r\n        .lanay_logo_item img.logo_makeawish { transform: translate(0px, -3px) scale(1) !important; }\r\n        .lanay_logo_item img.logo_second_home { transform: translate(0px, -3px) scale(1) !important; }\r\n        .lanay_logo_item img.logo_lavie_babyspa { transform: translate(0px, -3px) scale(1) !important; }\r\n        .lanay_logo_item img.logo_lanay { transform: translate(0px, 0px) scale(1) !important; }\r\n        .lanay_logo_item img.logo_marie_claire { transform: translate(0px, -27px) scale(1) !important; }\r\n    <\/style>\r\n\r\n    <div class=\"lanay_logo_carousel_container\">\r\n        <div class=\"lanay_logo_carousel_track\">\r\n\r\n            <!-- main sequence -->\r\n            <div class=\"lanay_logo_item\">\r\n                <img decoding=\"async\" class=\"logo_grootmedia\" src=\"https:\/\/la-nay.com\/wp-content\/uploads\/2025\/08\/GrootMedia.jpg\" alt=\"Groot Media\">\r\n            <\/div>\r\n            <div class=\"lanay_logo_item\">\r\n                <img decoding=\"async\" class=\"logo_parentally\" src=\"https:\/\/la-nay.com\/wp-content\/uploads\/2025\/06\/parentally-logo-large-300dpi.png\" alt=\"Parentally\">\r\n            <\/div>\r\n            <div class=\"lanay_logo_item\">\r\n                <img decoding=\"async\" class=\"logo_makeawish\" src=\"https:\/\/la-nay.com\/wp-content\/uploads\/2025\/06\/Make-A-Wish-Logo-scaled.jpg\" alt=\"Make A Wish\">\r\n            <\/div>\r\n            <div class=\"lanay_logo_item\">\r\n                <img decoding=\"async\" class=\"logo_second_home\" src=\"https:\/\/la-nay.com\/wp-content\/uploads\/2025\/06\/logo_second_home_kinderopvang.png\" alt=\"Second Home Kinderopvang\">\r\n            <\/div>\r\n            <div class=\"lanay_logo_item\">\r\n                <img decoding=\"async\" class=\"logo_lavie_babyspa\" src=\"https:\/\/la-nay.com\/wp-content\/uploads\/2025\/06\/logo-final-export_Tekengebied-1-2.png\" alt=\"La Vie Baby Spa\">\r\n            <\/div>\r\n            <div class=\"lanay_logo_item\">\r\n                <img decoding=\"async\" class=\"logo_lanay\" src=\"https:\/\/la-nay.com\/wp-content\/uploads\/2025\/06\/8aae2899-769c-41a1-8b98-c361c15c7d5a-e1756475404792.png\" alt=\"La Nay Logo\">\r\n            <\/div>\r\n            <!-- place Marie Claire last so it is the first to enter from the right -->\r\n            <div class=\"lanay_logo_item\">\r\n                <img decoding=\"async\" class=\"logo_marie_claire\" src=\"https:\/\/la-nay.com\/wp-content\/uploads\/2025\/09\/Marie_Claire_Magazine_logo.svg_.png\" alt=\"Marie Claire\">\r\n            <\/div>\r\n\r\n            <!-- duplicate for loop effect -->\r\n            <div class=\"lanay_logo_item\">\r\n                <img decoding=\"async\" class=\"logo_grootmedia\" src=\"https:\/\/la-nay.com\/wp-content\/uploads\/2025\/08\/GrootMedia.jpg\" alt=\"Groot Media\">\r\n            <\/div>\r\n            <div class=\"lanay_logo_item\">\r\n                <img decoding=\"async\" class=\"logo_parentally\" src=\"https:\/\/la-nay.com\/wp-content\/uploads\/2025\/06\/parentally-logo-large-300dpi.png\" alt=\"Parentally\">\r\n            <\/div>\r\n            <div class=\"lanay_logo_item\">\r\n                <img decoding=\"async\" class=\"logo_makeawish\" src=\"https:\/\/la-nay.com\/wp-content\/uploads\/2025\/06\/Make-A-Wish-Logo-scaled.jpg\" alt=\"Make A Wish\">\r\n            <\/div>\r\n            <div class=\"lanay_logo_item\">\r\n                <img decoding=\"async\" class=\"logo_second_home\" src=\"https:\/\/la-nay.com\/wp-content\/uploads\/2025\/06\/logo_second_home_kinderopvang.png\" alt=\"Second Home Kinderopvang\">\r\n            <\/div>\r\n            <div class=\"lanay_logo_item\">\r\n                <img decoding=\"async\" class=\"logo_lavie_babyspa\" src=\"https:\/\/la-nay.com\/wp-content\/uploads\/2025\/06\/logo-final-export_Tekengebied-1-2.png\" alt=\"La Vie Baby Spa\">\r\n            <\/div>\r\n            <div class=\"lanay_logo_item\">\r\n                <img decoding=\"async\" class=\"logo_lanay\" src=\"https:\/\/la-nay.com\/wp-content\/uploads\/2025\/06\/8aae2899-769c-41a1-8b98-c361c15c7d5a-e1756475404792.png\" alt=\"La Nay Logo\">\r\n            <\/div>\r\n            <!-- duplicate of Marie Claire at the end as well -->\r\n            <div class=\"lanay_logo_item\">\r\n                <img decoding=\"async\" class=\"logo_marie_claire\" src=\"https:\/\/la-nay.com\/wp-content\/uploads\/2025\/09\/png-transparent-marie-claire-advertising-fashion-business-magazine-marie-text-logo-media-thumbnail-e1756810398606.png\" alt=\"Marie Claire\">\r\n            <\/div>\r\n\r\n        <\/div>\r\n    <\/div>\r\n    \n\t\t<\/div>\n\t<\/div>\n\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>\n\t\t<div id=\"about\"  data-column-margin=\"90px\" data-midnight=\"dark\" data-top-percent=\"5%\"  class=\"wpb_row vc_row-fluid vc_row vc_row-o-equal-height vc_row-flex vc_row-o-content-middle  top_margin_2pct bottom_margin_6pct\"  style=\"padding-top: calc(100vw * 0.05); padding-bottom: 0px; \"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-animation-delay=\"\" data-bg-overlay=\"false\"><div class=\"inner-wrap row-bg-layer\" ><div class=\"row-bg viewport-desktop\"  style=\"\"><\/div><\/div><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div style=\"margin-bottom: -2px; \" class=\"vc_col-sm-4 wpb_column column_container vc_column_container col padding-5-percent inherit_tablet no-extra-padding_phone \" data-using-bg=\"true\" data-bg-cover=\"true\" data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" ><div class=\"column-image-bg-wrap column-bg-layer viewport-desktop\" data-bg-pos=\"center center\" data-bg-animation=\"zoom-out-reveal\" data-bg-overlay=\"false\"><div class=\"inner-wrap\"><div class=\"column-image-bg\" style=\" background-image: url('https:\/\/la-nay.com\/wp-content\/uploads\/2025\/08\/IMG_9801-scaled-e1756479052316.jpg'); \"><\/div><\/div><\/div>\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t<div class=\"divider-wrap\" data-alignment=\"default\"><div style=\"height: 300px;\" class=\"divider\"><\/div><\/div>\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n\n\t<div  class=\"vc_col-sm-8 wpb_column column_container vc_column_container col top_margin_phone_20px top_padding_phone_10px \"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t<div class=\"nectar-split-heading  font_size_22px font_size_phone_18px \" data-align=\"left\" data-m-align=\"inherit\" data-text-effect=\"default\" data-animation-type=\"line-reveal-by-space\" data-animation-delay=\"0\" data-animation-offset=\"\" data-m-rm-animation=\"\" data-stagger=\"\" data-custom-font-size=\"true\" style=\"font-size: 22px; line-height: 23.76px;\"><h2 style=\" color: #000000;\">Van jeugdverpleegkundige naar founder<\/h2><\/div><div id=\"fws_69e59019b1c53\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col child_column has-animation no-extra-padding top_margin_phone_-10px inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"fade-in-from-bottom\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t\n<div class=\"wpb_text_column wpb_content_element \" style=\" max-width: 800px; display: inline-block;\">\n\t<div class=\"wpb_wrapper\">\n\t\t<p style=\"text-align: justify;\" data-start=\"86\" data-end=\"325\"><span style=\"color: #555555;\">Als jeugdverpleegkundige zag ik talloze baby\u2019s met huidproblemen en ouders die vonden dat de babyverzorging te saai of ineffectief was. Als moeder van twee peuters herken ik die behoefte aan producten die zowel veilig als bijzonder zijn.<\/span><\/p>\n<p style=\"text-align: justify;\" data-start=\"327\" data-end=\"529\"><span style=\"color: #555555;\">Met mijn achtergrond in de zorg en een master in gezondheidswetenschappen cre\u00eberde ik La N\u00e1y: een merk dat wetenschap en schoonheid samenbrengt. Effectief, transparant en altijd met een vleugje magie.<\/span><\/p>\n<p style=\"text-align: justify;\" data-start=\"531\" data-end=\"640\"><span style=\"color: #555555;\">Ontdek La N\u00e1y en haar wereld door onze producten \u2014 elk product is een toegangspoort naar een nieuwe wereld.<\/span><\/p>\n\t<\/div>\n<\/div>\n\n\n\n<div class=\"nectar-cta  alignment_tablet_default alignment_phone_default display_tablet_inherit display_phone_inherit \" data-color=\"default\" data-using-bg=\"false\" data-style=\"arrow-animation\" data-display=\"block\" data-alignment=\"left\" data-text-color=\"custom\" ><h4 style=\"color: #9a3322;\"><span class=\"link_wrap\" ><a  class=\"link_text\" role=\"button\" href=\"https:\/\/la-nay.com\/about-us\/\"><span class=\"text\">Lees Meer<\/span><svg class=\"next-arrow\" aria-hidden=\"true\" width=\"20px\" height=\"25px\" viewBox=\"0 0 50 80\" xml:space=\"preserve\">\n  <polyline stroke=\"#ffffff\" stroke-width=\"9\" fill=\"none\" stroke-linecap=\"round\" stroke-linejoin=\"round\" points=\"0, 0 45, 40 0, 80\"\/>\n  <\/svg>  <span class=\"line\"  style=\"background-color: #9a3322;\"><\/span> <\/a><\/span><\/h4><\/div>\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div>\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>\n\t\t<div id=\"fws_69e59019b23ca\"  data-column-margin=\"default\" data-midnight=\"dark\"  class=\"wpb_row vc_row-fluid vc_row full-width-content vc_row-o-equal-height vc_row-flex vc_row-o-content-top  top_margin_40px\"  style=\"padding-top: 0px; padding-bottom: 0px; \"><div class=\"row-bg-wrap\" data-bg-animation=\"none\" data-bg-animation-delay=\"\" data-bg-overlay=\"false\"><div class=\"inner-wrap row-bg-layer\" ><div class=\"row-bg viewport-desktop\"  style=\"\"><\/div><\/div><\/div><div class=\"row_col_wrap_12 col span_12 dark left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col no-extra-padding inherit_tablet inherit_phone \"  data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t\t<div class=\"wpb_wrapper\">\n\t\t\t\t<div id=\"fws_69e59019b2766\" data-midnight=\"\" data-column-margin=\"default\" class=\"wpb_row vc_row-fluid vc_row inner_row\"  style=\"\"><div class=\"row-bg-wrap\"> <div class=\"row-bg\" ><\/div> <\/div><div class=\"row_col_wrap_12_inner col span_12  left\">\n\t<div  class=\"vc_col-sm-12 wpb_column column_container vc_column_container col child_column no-extra-padding inherit_tablet inherit_phone \"   data-padding-pos=\"all\" data-has-bg-color=\"false\" data-bg-color=\"\" data-bg-opacity=\"1\" data-animation=\"\" data-delay=\"0\" >\n\t\t<div class=\"vc_column-inner\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t\n\t<div class=\"wpb_raw_code wpb_raw_html wpb_content_element\" >\n\t\t<div class=\"wpb_wrapper\">\n\t\t\t    <div class=\"lanay-carousel-container\">\r\n        <div class=\"lanay-left-panel\">\r\n            <div class=\"lanay-text-panel\">\r\n                <h2 class=\"lanay-title\">Onze community<\/h2>\r\n                <p class=\"lanay-tagline\">Word deel van de La N\u00e1y community van power moms die samen de standaard van modern moederschap herschrijven.<\/p>\r\n                <p class=\"lanay-video-caption\" id=\"lanayVideoCaption\"><\/p>\r\n                <a href=\"https:\/\/la-nay.com\/my-account\/\" class=\"lanay-join-btn\">Doe mee<\/a>\r\n            <\/div>\r\n        <\/div>\r\n        <div class=\"lanay-carousel\">\r\n            <div class=\"lanay-carousel-track\"><\/div>\r\n            <div class=\"lanay-dots-container\">\r\n                <div class=\"lanay-dots\"><\/div>\r\n            <\/div>\r\n        <\/div>\r\n    <\/div>\r\n    <div class=\"lanay-cursor\">DRAG<\/div>\r\n    <style>\r\n        :root {\r\n            --header-height: 90px;\r\n            --lanay-red: #9a3322;\r\n            --lanay-red-soft: rgba(154,51,34,0.45);\r\n        }\r\n        \/* layout *\/\r\n        .lanay-carousel-container { display: flex; width: 100%; height: 70vh; min-height: 600px; position: relative; font-family: 'Outfit', sans-serif; }\r\n        .lanay-left-panel { display: flex; align-items: center; width: 30%; position: relative; z-index: 5; background: #fff; }\r\n        .lanay-text-panel { padding: 2em 2.5em; width: 100%; text-align: left; color: #333; }\r\n        .lanay-title { margin: 0 0 .4rem 0; font-size: 22px; font-weight: 700; color: var(--lanay-red); }\r\n        .lanay-tagline { margin: 0 0 .8rem 0; font-size: 16px; font-weight: 500; line-height: 1.4; }\r\n        .lanay-video-caption { margin: 0 0 1rem 0; font-size: 14px; line-height: 1.5; color: #222; }\r\n        .lanay-join-btn{ display: inline-flex; align-items: center; justify-content: center; text-align: center; padding: 10px 18px; border-radius: 8px; background: var(--lanay-red); color: #fff; font-weight: 700; font-size: .98rem; letter-spacing: .02em; border: 2px solid var(--lanay-red); transition: background .2s, color .2s; }\r\n        .lanay-join-btn:hover{ background: #fff; color: var(--lanay-red); }\r\n        .lanay-carousel { position: absolute; bottom: 0; right: 0; width: 70%; max-width: 1200px; overflow: visible; z-index: 1; }\r\n        .lanay-carousel-track { display: flex; gap: 24px; align-items: flex-end; transition: transform .3s cubic-bezier(.45,.05,.55,.95); will-change: transform; padding-bottom: 1rem; height: 550px; min-height: 550px; max-height: 550px; user-select: none; }\r\n        .lanay-slide { flex: 0 0 auto; width: 300px; height: 450px; border-radius: 12px; overflow: hidden; background: #222; transition: height .3s, box-shadow .3s, z-index .3s; z-index: 1; display: flex; align-items: flex-end; position: relative; }\r\n        .lanay-slide.active { height: 500px; z-index: 2; box-shadow: 0 6px 24px rgba(154,51,34,0.12); }\r\n        .lanay-slide video { width: 100%; height: 100%; object-fit: cover; background: #222; display: block; }\r\n        .lanay-overlay { position: absolute; inset: 0; background: rgba(0,0,0,0.5); transition: opacity .3s; z-index: 3; }\r\n        .lanay-overlay.hidden { opacity: 0; pointer-events: none; }\r\n        .lanay-extend-icon { position: absolute; top: 8px; right: 8px; width: 48px; height: 48px; display: flex; align-items: center; justify-content: center; z-index: 4; opacity: 0; transition: opacity .2s; }\r\n        .lanay-slide.active .lanay-extend-icon { opacity: 1; }\r\n        .pulsing-circle { position: absolute; width: 34px; height: 34px; background: rgba(255,255,255,0.4); border-radius: 50%; animation: pulse 1.5s infinite ease-in-out; z-index: 1; }\r\n        .solid-circle { position: absolute; width: 24px; height: 24px; background: white; border-radius: 50%; z-index: 2; }\r\n        .lanay-extend-icon img { position: relative; width: 16px !important; height: 16px !important; z-index: 3; }\r\n        @keyframes pulse { 0%, 100% { transform: scale(1); opacity: 0.5; } 50% { transform: scale(1.2); opacity: 0.2; } }\r\n        .lanay-dots-container { text-align: center; margin-top: .6rem; width: 75%; margin-left: 25%; }\r\n        .lanay-dots { display: inline-flex; gap: .5rem; }\r\n        .lanay-dot { width: 10px; height: 10px; border-radius: 50%; background: var(--lanay-red-soft); cursor: pointer; transition: background .2s; }\r\n        .lanay-dot.active { background: var(--lanay-red); }\r\n        .lanay-cursor{ position: fixed; left: 0; top: 0; width: 60px; height: 60px; background: rgba(255,255,255,0.4); color: white; font-size: 14px; border-radius: 50%; display: flex; align-items: center; justify-content: center; pointer-events: none; z-index: 99999; opacity: 0; transition: opacity .2s ease; transform: translate(-50%, -50%); }\r\n        @media (max-width: 900px) {\r\n            .lanay-carousel-container { flex-direction: column; height: auto; min-height: unset; align-items: center; justify-content: flex-start; }\r\n            .lanay-left-panel { width: 100%; order: 0; justify-content: center; align-items: flex-start; background: #fff; }\r\n            .lanay-text-panel { width: 100%; padding: 1.4em 1.6em .6em 1.6em; text-align: center; }\r\n            .lanay-title { font-size: 20px; }\r\n            .lanay-tagline { font-size: 15px; }\r\n            .lanay-video-caption { display: none !important; }\r\n            .lanay-carousel { width: 100%; position: static; order: 1; margin: .75em 0 0 0; max-width: 100vw; }\r\n            .lanay-carousel-track { height: 560px; min-height: 400px; max-height: 560px; gap: 12px; padding-bottom: .5rem; justify-content: flex-start; }\r\n            .lanay-slide { width: 68vw; min-width: 210px; max-width: 280px; height: 440px; border-radius: 10px; }\r\n            .lanay-slide.active { height: 520px; box-shadow: 0 3px 10px rgba(154,51,34,0.10); }\r\n            .lanay-dots-container { width: 100%; margin-left: 0; margin-top: .6rem; }\r\n            .lanay-cursor { display: none !important; }\r\n        }\r\n        .lanay-sound-icon { position: absolute; top: 8px; right: 8px; width: 40px; height: 40px; display: flex; align-items: center; justify-content: center; background: rgba(0,0,0,0.7); border-radius: 50%; z-index: 10; cursor: pointer; transition: background 0.2s; }\r\n        .lanay-sound-icon svg { width: 24px; height: 24px; fill: #fff; stroke: #fff; stroke-width: 2; }\r\n        @media (max-width: 900px) { .lanay-extend-icon { display: none !important; } .lanay-sound-icon { display: flex !important; } }\r\n        @media (min-width: 901px) { .lanay-sound-icon { display: none !important; } }\r\n\r\n<\/style>\t\t\t\t   \r\n<script>\r\n(function(){\r\n    const desktopVideos = [{\"src\":\"https:\\\/\\\/la-nay.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/2eb878cdb5e945ac972ea7404e12d01a.mp4\",\"poster\":\"\",\"text\":\"Moederschap opnieuw bedacht. Zacht en sterk tegelijk.\"},{\"src\":\"https:\\\/\\\/la-nay.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/video-output-BDF28272-1F81-48C4-AB9E-F86D96E1842C-1-1.mp4\",\"poster\":\"https:\\\/\\\/la-nay.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/ezgif-frame-001-2.jpg\",\"text\":\"Koesteren met ziel. Elke dag opnieuw.\"},{\"src\":\"https:\\\/\\\/la-nay.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/copy_9A50BAC2-8D51-4B8C-BF35-E6DD6EE6E160.mp4\",\"poster\":\"https:\\\/\\\/la-nay.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/ezgif-frame-034.jpg\",\"text\":\"La N\\u00e1y gelooft in zachtheid en cre\\u00ebert met zorg.\"},{\"src\":\"https:\\\/\\\/la-nay.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/370ee924e4e64659b87defeb7f1dcce2.mov\",\"poster\":\"https:\\\/\\\/la-nay.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/ezgif-frame-005.jpg\",\"text\":\"Sluit je aan bij de beweging die nieuwe standaarden in liefde brengt.\"},{\"src\":\"https:\\\/\\\/la-nay.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/post-11.mp4\",\"poster\":\"https:\\\/\\\/la-nay.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/ezgif-frame-015.jpg\",\"text\":\"La N\\u00e1y gelooft in zachtheid en cre\\u00ebert met zorg.\"},{\"src\":\"https:\\\/\\\/la-nay.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/b60db4b59bb2456bb873d692fc2f2913.mp4\",\"poster\":\"https:\\\/\\\/la-nay.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/ezgif-frame-004.jpg\",\"text\":\"La N\\u00e1y gelooft in zachtheid en cre\\u00ebert met zorg.\"},{\"src\":\"https:\\\/\\\/la-nay.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/instories_1BFFD474-F24B-4342-AB55-C07E3505EADE-1.mp4\",\"poster\":\"https:\\\/\\\/la-nay.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/ezgif-frame-003.jpg\",\"text\":\"La N\\u00e1y gelooft in zachtheid en cre\\u00ebert met zorg.\"}];\r\n    const mobileVideos = [{\"src\":\"https:\\\/\\\/la-nay.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/2eb878cdb5e945ac972ea7404e12d01a-2.mp4\",\"poster\":\"https:\\\/\\\/la-nay.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/ezgif-frame-001.jpg\",\"text\":\"Moederschap opnieuw bedacht. Zacht en sterk tegelijk.\"},{\"src\":\"https:\\\/\\\/la-nay.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/video-output-BDF28272-1F81-48C4-AB9E-F86D96E1842C-1-1-2.mp4\",\"poster\":\"https:\\\/\\\/la-nay.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/ezgif-frame-006.jpg\",\"text\":\"Koesteren met ziel. Elke dag opnieuw.\"},{\"src\":\"https:\\\/\\\/la-nay.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/370ee924e4e64659b87defeb7f1dcce2.mov\",\"poster\":\"https:\\\/\\\/la-nay.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/ezgif-frame-005.jpg\",\"text\":\"Sluit je aan bij de beweging die nieuwe standaarden in liefde brengt.\"},{\"src\":\"https:\\\/\\\/la-nay.com\\\/wp-content\\\/uploads\\\/2025\\\/09\\\/post-11-2.mp4\",\"poster\":\"https:\\\/\\\/la-nay.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/ezgif-frame-015.jpg\",\"text\":\"La N\\u00e1y gelooft in zachtheid en cre\\u00ebert met zorg.\"}];\r\n    let allMuted = true; \/\/ global mute state for mobile\r\n\r\n    function isMobile() { return window.innerWidth <= 900; }\r\n    function getVideos() { return isMobile() ? mobileVideos : desktopVideos; }\r\n\r\n    function getSoundIcon(muted) {\r\n        return muted\r\n            ? '<svg viewBox=\"0 0 24 24\"><path d=\"M4 9h4l5-4v14l-5-4H4z\"\/><path d=\"M19 9l-6 6\"\/><path d=\"M13 9l6 6\"\/><\/svg>'\r\n            : '<svg viewBox=\"0 0 24 24\"><path d=\"M4 9h4l5-4v14l-5-4H4z\"\/><path d=\"M17 8a4 4 0 010 8\"\/><path d=\"M19 5a7 7 0 010 14\"\/><\/svg>';\r\n    }\r\n\r\n    function renderSlides() {\r\n        const videos = getVideos();\r\n        const track = document.querySelector('.lanay-carousel-track');\r\n        track.innerHTML = '';\r\n        videos.forEach((v, i) => {\r\n            const slide = document.createElement('div');\r\n            slide.className = 'lanay-slide' + (i === 0 ? ' active' : '');\r\n            slide.setAttribute('data-index', i);\r\n\r\n            const videoEl = document.createElement('video');\r\n            videoEl.setAttribute('data-src', v.src); \/\/ lazy load source\r\n            videoEl.setAttribute('muted', '');\r\n            videoEl.setAttribute('playsinline', '');\r\n            videoEl.setAttribute('preload', 'none');\r\n            if (v.poster) videoEl.setAttribute('poster', v.poster);\r\n            \/\/ do not autoplay immediately\r\n            videoEl.muted = true;\r\n            slide.appendChild(videoEl);\r\n\r\n            const overlay = document.createElement('div');\r\n            overlay.className = 'lanay-overlay' + (i === 0 ? ' hidden' : '');\r\n            slide.appendChild(overlay);\r\n\r\n            \/\/ Desktop \"expand\" icon\r\n            const extendIcon = document.createElement('div');\r\n            extendIcon.className = 'lanay-extend-icon';\r\n            extendIcon.innerHTML = '<div class=\"pulsing-circle\"><\/div><div class=\"solid-circle\"><\/div><img decoding=\"async\" src=\"https:\/\/la-nay.com\/wp-content\/uploads\/2025\/06\/expand-arrows.png\" alt=\"open\">';\r\n            slide.appendChild(extendIcon);\r\n\r\n            \/\/ Mobile sound icon\r\n            const soundIcon = document.createElement('div');\r\n            soundIcon.className = 'lanay-sound-icon';\r\n            soundIcon.innerHTML = getSoundIcon(allMuted);\r\n\r\n            soundIcon.addEventListener('click', function(e) {\r\n                e.stopPropagation();\r\n                allMuted = !allMuted;\r\n                Array.from(track.querySelectorAll('video')).forEach(vid => {\r\n                    vid.muted = allMuted;\r\n                });\r\n                Array.from(track.querySelectorAll('.lanay-sound-icon')).forEach(icon => {\r\n                    icon.innerHTML = getSoundIcon(allMuted);\r\n                });\r\n            });\r\n\r\n            slide.appendChild(soundIcon);\r\n            slide.setAttribute('data-caption', v.text || '');\r\n            track.appendChild(slide);\r\n        });\r\n    }\r\n\r\n    function renderDots() {\r\n        const videos = getVideos();\r\n        const dotsWrap = document.querySelector('.lanay-dots');\r\n        dotsWrap.innerHTML = '';\r\n        videos.forEach((_,i)=>{\r\n            const dot = document.createElement('span');\r\n            dot.className = 'lanay-dot' + (i === 0 ? ' active' : '');\r\n            dot.dataset.index = i;\r\n            dotsWrap.appendChild(dot);\r\n        });\r\n    }\r\n\r\n    function getCaption(idx) {\r\n        const videos = getVideos();\r\n        return videos[idx] && videos[idx].text ? videos[idx].text : \"\";\r\n    }\r\n\r\n    \/\/ Lazy load all carousel videos only when carousel is close\r\n    function lazyLoadCarouselVideos() {\r\n        const carousel = document.querySelector('.lanay-carousel');\r\n        if (!carousel) return;\r\n        const videos = carousel.querySelectorAll('video[data-src]');\r\n        videos.forEach((video, idx) => {\r\n            if (!video.src && video.dataset.src) {\r\n                video.src = video.dataset.src;\r\n                \/\/ autoplay first video only after lazy load\r\n                if (idx === 0) {\r\n                    video.play().catch(()=>{});\r\n                }\r\n            }\r\n        });\r\n    }\r\n\r\n    function setupCarouselLazyLoading() {\r\n        const carousel = document.querySelector('.lanay-carousel');\r\n        if (!carousel) return;\r\n        if ('IntersectionObserver' in window) {\r\n            const observer = new IntersectionObserver((entries, obs) => {\r\n                entries.forEach(entry => {\r\n                    if (entry.isIntersecting || entry.boundingClientRect.top < window.innerHeight + 600) {\r\n                        lazyLoadCarouselVideos();\r\n                        obs.disconnect();\r\n                    }\r\n                });\r\n            }, { root: null, threshold: 0 });\r\n            observer.observe(carousel);\r\n        } else {\r\n            \/\/ fallback for older browsers\r\n            function onScroll() {\r\n                const rect = carousel.getBoundingClientRect();\r\n                if (rect.top < window.innerHeight + 600) {\r\n                    lazyLoadCarouselVideos();\r\n                    window.removeEventListener('scroll', onScroll);\r\n                }\r\n            }\r\n            window.addEventListener('scroll', onScroll);\r\n        }\r\n    }\r\n\r\n    function initLanayCarousel() {\r\n        renderSlides();\r\n        renderDots();\r\n\r\n        const carousel = document.querySelector('.lanay-carousel');\r\n        const track = carousel.querySelector('.lanay-carousel-track');\r\n        const cursor = document.querySelector('.lanay-cursor');\r\n        let slides = Array.from(track.children);\r\n        const dotsWrap = document.querySelector('.lanay-dots');\r\n        const captionEl = document.getElementById('lanayVideoCaption');\r\n        let activeIdx = 0;\r\n        let isDragging = false;\r\n        let hasDragged = false;\r\n        let startX = 0, startY = 0, lastX = 0, lastY = 0;\r\n        let startSlide = null, touchStartTime = 0;\r\n        let startTranslate = 0, currentTranslate = 0;\r\n        const threshold = 0.3;\r\n        const gapPx = () => parseFloat(getComputedStyle(track).gap || 0);\r\n        const containerWidth = () => carousel.clientWidth;\r\n\r\n        function getSlideOffset(idx){\r\n            const g = gapPx();\r\n            let w = 0;\r\n            for(let i=0;i<idx;i++) w += slides[i].offsetWidth + g;\r\n            return w;\r\n        }\r\n        function getSlideCenter(idx){ return getSlideOffset(idx) + slides[idx].offsetWidth \/ 2; }\r\n        function getContainerCenter(){ return containerWidth() \/ 2; }\r\n        function computeTargetTranslate(idx){\r\n            return isMobile() ? getContainerCenter() - getSlideCenter(idx) : -getSlideOffset(idx);\r\n        }\r\n        function getTranslateBounds(){\r\n            if (!isMobile()) {\r\n                const maxOffset = getSlideOffset(slides.length - 1);\r\n                return { minTranslate: -maxOffset, maxTranslate: 0 };\r\n            }\r\n            const c = getContainerCenter();\r\n            return { minTranslate: c - getSlideCenter(slides.length - 1), maxTranslate: c - getSlideCenter(0) };\r\n        }\r\n        const clamp=(v,min,max)=>Math.min(Math.max(v,min),max);\r\n\r\n        function updateCaption(idx){ if (captionEl) captionEl.textContent = getCaption(idx); }\r\n\r\n        function buildDots(){\r\n            dotsWrap.innerHTML = \"\";\r\n            slides.forEach((_,i)=>{\r\n                const dot = document.createElement('span');\r\n                dot.className = 'lanay-dot' + (i === activeIdx ? ' active' : '');\r\n                dot.dataset.index = i;\r\n                dot.addEventListener('click', () => updateActive(i));\r\n                dotsWrap.appendChild(dot);\r\n            });\r\n        }\r\n\r\n        function snapToActive(instant = false){\r\n            let t = computeTargetTranslate(activeIdx);\r\n            const { minTranslate, maxTranslate } = getTranslateBounds();\r\n            t = clamp(t, minTranslate, maxTranslate);\r\n            track.style.transition = instant ? 'none' : 'transform .3s cubic-bezier(.45,.05,.55,.95)';\r\n            track.style.transform = `translateX(${t}px)`;\r\n            currentTranslate = t;\r\n            if (!instant) setTimeout(() => track.style.transition = '', 300);\r\n        }\r\n\r\n        function updateActive(idx, instant = false){\r\n            activeIdx = clamp(idx, 0, slides.length - 1);\r\n            slides.forEach((s,i) => {\r\n                const v = s.querySelector('video');\r\n                const ov = s.querySelector('.lanay-overlay');\r\n                if (i === activeIdx) {\r\n                    s.classList.add('active');\r\n                    if (v && v.dataset.src && !v.src) v.src = v.dataset.src;\r\n                    if (v) {\r\n                        v.currentTime = 0;\r\n                        v.play().catch(()=>{});\r\n                    }\r\n                    if (ov) ov.classList.add('hidden');\r\n                } else {\r\n                    s.classList.remove('active');\r\n                    if (v) v.pause();\r\n                    if (ov) ov.classList.remove('hidden');\r\n                }\r\n            });\r\n            Array.from(dotsWrap.children).forEach((d,i)=>d.classList.toggle('active', i===activeIdx));\r\n            updateCaption(activeIdx);\r\n            snapToActive(instant);\r\n        }\r\n\r\n        function isTap(dx, dy, ms){ return Math.hypot(dx, dy) <= 12 && ms <= 400; }\r\n        function openModalAt(idx){ document.dispatchEvent(new CustomEvent('lanay-open-modal', { detail: { index: idx } })); }\r\n\r\n        function onDragStart(e){\r\n            const p = e.touches ? e.touches[0] : e;\r\n            isDragging = true;\r\n            hasDragged = false;\r\n            startX = lastX = p.clientX;\r\n            startY = lastY = p.clientY;\r\n            touchStartTime = Date.now();\r\n            startTranslate = currentTranslate;\r\n            startSlide = e.target && e.target.closest ? e.target.closest('.lanay-slide') : null;\r\n            track.style.transition = 'none';\r\n            document.body.style.userSelect = 'none';\r\n            if (isMobile() && e.cancelable) e.preventDefault();\r\n            if (!isMobile() && cursor) cursor.style.opacity = 1;\r\n        }\r\n        function onDragMove(e){\r\n            if (!isDragging) return;\r\n            const p = e.touches ? e.touches[0] : e;\r\n            lastX = p.clientX;\r\n            lastY = p.clientY;\r\n            let t = startTranslate + (lastX - startX);\r\n            const { minTranslate, maxTranslate } = getTranslateBounds();\r\n            t = clamp(t, minTranslate, maxTranslate);\r\n            track.style.transform = `translateX(${t}px)`;\r\n            currentTranslate = t;\r\n            hasDragged = true;\r\n            if (isMobile() && e.cancelable) e.preventDefault();\r\n        }\r\n        function onDragEnd(e){\r\n            if (!isDragging) return;\r\n            isDragging = false;\r\n            document.body.style.userSelect = '';\r\n            const p = e.changedTouches ? e.changedTouches[0] : e;\r\n            const endX = p ? p.clientX : lastX;\r\n            const endY = p ? p.clientY : lastY;\r\n            const dx = endX - startX;\r\n            const dy = endY - startY;\r\n            const ms = Date.now() - touchStartTime;\r\n            if (isMobile() && startSlide && isTap(dx, dy, ms)) {\r\n                const idx = slides.indexOf(startSlide);\r\n                if (idx === activeIdx) openModalAt(idx);\r\n                else updateActive(idx);\r\n                if (cursor) cursor.style.opacity = 0;\r\n                return;\r\n            }\r\n            const delta = currentTranslate - startTranslate;\r\n            const slideW = slides[activeIdx].offsetWidth + gapPx();\r\n            let target = activeIdx;\r\n            if (delta < -slideW * threshold) target = activeIdx + 1;\r\n            else if (delta > slideW * threshold) target = activeIdx - 1;\r\n            updateActive(target);\r\n            if (cursor) cursor.style.opacity = 0;\r\n        }\r\n        function onSlideClick(e){\r\n            if (isMobile()) return;\r\n            if (isDragging || hasDragged) return;\r\n            const idx = slides.indexOf(e.currentTarget);\r\n            if (idx === activeIdx) openModalAt(idx);\r\n            else updateActive(idx);\r\n        }\r\n\r\n        slides.forEach(s => s.addEventListener('click', onSlideClick));\r\n        track.addEventListener('mousedown', onDragStart);\r\n        window.addEventListener('mousemove', onDragMove);\r\n        window.addEventListener('mouseup', onDragEnd);\r\n        track.addEventListener('touchstart', onDragStart, { passive:false });\r\n        window.addEventListener('touchmove', onDragMove, { passive:false });\r\n        window.addEventListener('touchend', onDragEnd);\r\n        Array.from(dotsWrap.children).forEach((d,i)=>d.addEventListener('click', () => updateActive(i)));\r\n\r\n        updateActive(0, true);\r\n        updateCaption(0);\r\n\r\n        if (!isMobile() && carousel && cursor) {\r\n            carousel.addEventListener('mousemove', (e) => {\r\n                cursor.style.left = e.clientX + 'px';\r\n                cursor.style.top = e.clientY + 'px';\r\n            });\r\n            carousel.addEventListener('mouseenter', () => { cursor.style.opacity = 1; });\r\n            carousel.addEventListener('mouseleave', () => { cursor.style.opacity = 0; });\r\n        } else if (cursor) {\r\n            cursor.style.display = 'none';\r\n        }\r\n        window.addEventListener('resize', () => {\r\n            slides = Array.from(track.children);\r\n            buildDots();\r\n            updateActive(activeIdx, true);\r\n        });\r\n\r\n        \/\/ setup lazy load\r\n        setupCarouselLazyLoading();\r\n    }\r\n\r\n    window.addEventListener('DOMContentLoaded', initLanayCarousel);\r\n    window.addEventListener('resize', initLanayCarousel);\r\n})();\r\n<\/script>\r\n\r\n    \n<style>\r\n:root{\r\n  --lanay-widget-mobile-bottom: clamp(18px, env(safe-area-inset-bottom) + 18px, 12vh);\r\n  --lanay-widget-radius: 18px;\r\n  --header-height: 90px;\r\n}\r\n\r\n\/* Backdrop and layers *\/\r\n.lanay-modal-bg {\r\n  display: none;\r\n  position: fixed;\r\n  inset: 0;\r\n  background: transparent;\r\n  z-index: 2147483600 !important;\r\n  align-items: stretch;\r\n  justify-content: center;\r\n  width: 100vw;\r\n  height: 100vh;\r\n  overflow: hidden;\r\n}\r\n.lanay-modal-bg.active { display: flex; }\r\n\r\n\/* Desktop keep header visible and clickable *\/\r\n@media (min-width: 901px){\r\n  .lanay-modal-bg{\r\n    background: transparent;\r\n    pointer-events: none;\r\n  }\r\n  .lanay-modal{\r\n    pointer-events: none;\r\n  }\r\n  .lanay-modal-video,\r\n  .lanay-modal-text,\r\n  .lanay-modal-dots-container,\r\n  .lanay-modal-controls-top{\r\n    pointer-events: auto;\r\n  }\r\n}\r\n\r\n\/* Hide the modal on mobile *\/\r\n@media (max-width: 900px){\r\n  .lanay-modal-bg {\r\n    display: none !important;\r\n  }\r\n}\r\n\r\n.lanay-modal {\r\n  width: 100vw;\r\n  height: 100vh;\r\n  display: flex;\r\n  background: transparent;\r\n  overflow: visible !important;\r\n  position: fixed;\r\n  top: 0; left: 0;\r\n  z-index: 2147483601 !important;\r\n}\r\n\r\n\/* Video side *\/\r\n.lanay-modal-video {\r\n  position: absolute;\r\n  top: var(--header-height);\r\n  left: 0;\r\n  bottom: 0;\r\n  width: 50vw;\r\n  height: auto;\r\n  box-sizing: border-box;\r\n  background: #000;\r\n  display: flex;\r\n  align-items: stretch;\r\n  justify-content: stretch;\r\n  z-index: 2147483602 !important;\r\n}\r\n.lanay-modal-video-box {\r\n  width: 100%;\r\n  height: calc(100vh - var(--header-height));\r\n  position: relative;\r\n  overflow: hidden;\r\n}\r\n.lanay-modal-carousel-track {\r\n  position: absolute;\r\n  inset: 0;\r\n  transition: transform .4s cubic-bezier(.45,.05,.55,.95);\r\n  will-change: transform;\r\n  user-select: none;\r\n  cursor: grab;\r\n}\r\n\r\n\/* Slides *\/\r\n.lanay-modal-slide {\r\n  width: 100%;\r\n  height: 100%;\r\n  background: #000;\r\n  display: flex; align-items: center; justify-content: center;\r\n  position: relative; overflow: hidden;\r\n  flex-shrink: 0;\r\n  transition: box-shadow .3s, z-index .3s;\r\n  z-index: 1;\r\n}\r\n.lanay-modal-slide.active { z-index:2; box-shadow:0 6px 24px rgba(154,51,34,0.12); }\r\n.lanay-modal-slide video { width: 100%; height: 100%; object-fit: cover; background: #000; display: block; }\r\n\r\n\/* Dots column left *\/\r\n.lanay-modal-dots-container {\r\n  position: absolute;\r\n  left: 3vw;\r\n  top: 50%;\r\n  transform: translateY(-50%);\r\n  display: flex;\r\n  flex-direction: column;\r\n  gap: 0.7rem;\r\n  z-index: 1000005;\r\n  padding: 0.45rem 0.2rem;\r\n  background: rgba(30, 30, 35, 0.5);\r\n  border-radius: 999px;\r\n  box-shadow: 0 2px 12px rgba(30,30,35,0.15);\r\n  align-items: center;\r\n  min-width: 20px;\r\n}\r\n.lanay-modal-dot { width: 8px; height: 8px; border-radius: 50%; background: rgba(255,255,255,0.55); cursor: pointer; transition: background 0.25s, width 0.2s, height 0.2s, box-shadow 0.2s; opacity: 0.8; }\r\n.lanay-modal-dot.active { background: #fff; width: 11px; height: 11px; opacity: 1; box-shadow: 0 2px 8px rgba(154,51,34,0.12); }\r\n\r\n\t\t\t\t\t\t \t\t\t\t\t\t \r\n\/* Desktop larger dots *\/\r\n@media (min-width: 901px){\r\n  .lanay-modal-dots-container{ left: 1.5vw; gap: 1rem; padding: 0.6rem 0.28rem; min-width: 26px; }\r\n  .lanay-modal-dot{ width: 12px; height: 12px; }\r\n  .lanay-modal-dot.active{ width: 16px; height: 16px; }\r\n}\r\n\r\n\/* Top controls *\/\r\n.lanay-modal-controls-top {\r\n  position: absolute;\r\n  top: 14px;\r\n  left: 0;\r\n  width: 100%;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: space-between;\r\n  z-index: 40;\r\n  padding: 0 14px;\r\n  pointer-events: none;\r\n  cursor: pointer;\r\n}\r\n.lanay-controls-left,\r\n.lanay-controls-right{\r\n  display: flex;\r\n  align-items: center;\r\n  gap: 10px;\r\n  pointer-events: auto;\r\n  cursor: pointer;\r\n}\r\n.lanay-ctrl{\r\n  width: 42px;\r\n  height: 42px;\r\n  border-radius: 12px;\r\n  background: transparent;\r\n  display: flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  touch-action: manipulation;\r\n  cursor: pointer;\r\n}\r\n.lanay-ctrl svg{\r\n  width: 24px;\r\n  height: 24px;\r\n  stroke: #fff;\r\n  fill: none;\r\n  stroke-width: 2;\r\n  vector-effect: non-scaling-stroke;\r\n  filter: drop-shadow(0 1px 2px rgba(0,0,0,0.35));\r\n  cursor: pointer;\r\n}\r\n@media (min-width: 901px){\r\n  .lanay-ctrl{ width: 52px; height: 52px; }\r\n  .lanay-ctrl svg{ width: 28px; height: 28px; stroke-width: 2.2; }\r\n}\r\n\r\n\/* Text side desktop *\/\r\n.lanay-modal-text {\r\n  position: absolute;\r\n  top: var(--header-height);\r\n  right: 0; bottom: 0;\r\n  width: 50vw; height: auto;\r\n  display: flex; flex-direction: column; align-items: center; justify-content: center;\r\n  text-align: left; padding: 0 8vw; background: #FFFDF6; z-index: 2;\r\n}\r\n.lanay-modal-text-content { opacity: 1; transition: opacity 0.5s; font-size: 1.05rem; display: flex; flex-direction: column; gap: 1rem; justify-content: flex-start; }\r\n.lanay-modal-text-content.fade-out { opacity: 0; transition: opacity 0.3s; }\r\n.lanay-modal-text-content.fade-in  { opacity: 1; transition: opacity 0.7s; }\r\n\r\n.lanay-spotlight-title{\r\n  color: #9a3322;\r\n  font-weight: 700;\r\n  font-size: 1.15rem;\r\n  letter-spacing: .02em;\r\n  margin-bottom: .2rem;\r\n}\r\n.lanay-product-blurb{\r\n  display: grid;\r\n  grid-template-columns: 1fr auto;\r\n  gap: .35rem .75rem;\r\n  align-items: center;\r\n}\r\n.lanay-product-name{ font-weight: 700; font-size: 1.4rem; line-height: 1.2; }\r\n.lanay-product-sub{ color: #7a5a3a; font-size: 1rem; }\r\n.lanay-product-price{ color: #9a3322; font-weight: 700; justify-self: end; }\r\n.lanay-video-note{ margin-top: .6rem; line-height: 1.5; }\r\n\r\n\/* Button *\/\r\n.lanay-view-product-btn{\r\n  display: inline-flex;\r\n  align-items: center;\r\n  justify-content: center;\r\n  text-align: center;\r\n  margin: 10px 0 0 0;\r\n  background: #9a3322;\r\n  color: #fff;\r\n  padding: 8px 14px;\r\n  border-radius: 8px;\r\n  text-decoration: none;\r\n  font-weight: 600;\r\n  font-size: 0.98rem;\r\n  letter-spacing: 0.02em;\r\n  transition: background 0.2s;\r\n}\r\n.lanay-view-product-btn:hover{\r\n  background: #7c291b;\r\n  color: #fff;\r\n}\r\n.lanay-view-product-btn:visited,\r\n.lanay-view-product-btn:focus{\r\n  color: #fff;\r\n}\r\n\r\n\/* Hide product widget everywhere *\/\r\n.lanay-widget-product{ display: none !important; }\r\n\r\n\/* Keep scroll within modal *\/\r\n.lanay-modal,\r\n.lanay-modal-video-box,\r\n.lanay-modal-carousel-track {\r\n  overscroll-behavior: contain;\r\n  touch-action: none;\r\n}\r\n<\/style>\r\n\r\n<!-- Modal markup (will not show on mobile due to CSS) -->\r\n<div class=\"lanay-modal-bg\" tabindex=\"-1\">\r\n  <div class=\"lanay-modal\">\r\n    <div class=\"lanay-modal-video\">\r\n      <div class=\"lanay-modal-video-box\">\r\n        <div class=\"lanay-modal-carousel-track\"><\/div>\r\n      <\/div>\r\n      <div class=\"lanay-modal-dots-container\"><\/div>\r\n    <\/div>\r\n    <div class=\"lanay-modal-text\">\r\n      <div class=\"lanay-modal-text-content\"><\/div>\r\n    <\/div>\r\n  <\/div>\r\n<\/div>\r\n\r\n<script>\r\n(function(){\r\n  \/\/ Only initialize modal JS if we're on desktop\r\n  if(window.innerWidth <= 900) return;\r\n\r\n  const videosData = [{\"src\":\"https:\\\/\\\/la-nay.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/2eb878cdb5e945ac972ea7404e12d01a.mp4\",\"product_id\":1535},{\"src\":\"https:\\\/\\\/la-nay.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/video-output-BDF28272-1F81-48C4-AB9E-F86D96E1842C-1-1.mp4\",\"product_id\":1796},{\"src\":\"https:\\\/\\\/la-nay.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/copy_9A50BAC2-8D51-4B8C-BF35-E6DD6EE6E160.mp4\",\"product_id\":1535},{\"src\":\"https:\\\/\\\/la-nay.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/370ee924e4e64659b87defeb7f1dcce2.mov\",\"product_id\":1535},{\"src\":\"https:\\\/\\\/la-nay.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/post-11.mp4\",\"product_id\":1535},{\"src\":\"https:\\\/\\\/la-nay.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/b60db4b59bb2456bb873d692fc2f2913.mp4\",\"product_id\":1535},{\"src\":\"https:\\\/\\\/la-nay.com\\\/wp-content\\\/uploads\\\/2025\\\/06\\\/instories_1BFFD474-F24B-4342-AB55-C07E3505EADE-1.mp4\",\"product_id\":1535}];\r\n  const products = {\"1535\":{\"id\":1535,\"img\":\"https:\\\/\\\/la-nay.com\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/DSC02730-scaled-e1733057056718.jpg\",\"title\":\"Babyolie\",\"subtitle\":\"Essence of Softness\",\"price\":\"29,95\",\"link\":\"https:\\\/\\\/la-nay.com\\\/product\\\/natuurlijke-babyolie\\\/\"},\"1796\":{\"id\":1796,\"img\":\"https:\\\/\\\/la-nay.com\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/DSC02696-scaled-e1733057729975.jpg\",\"title\":\"Haver Badolie\",\"subtitle\":\"Essence of Silky Waves\",\"price\":\"24,95\",\"link\":\"https:\\\/\\\/la-nay.com\\\/product\\\/haver-badolie\\\/\"}};\r\n\r\n  const modalBg    = document.querySelector('.lanay-modal-bg');\r\n  const modalTrack = modalBg.querySelector('.lanay-modal-carousel-track');\r\n  const modalDots  = modalBg.querySelector('.lanay-modal-video .lanay-modal-dots-container');\r\n  const textArea   = modalBg.querySelector('.lanay-modal-text-content');\r\n\r\n  if (modalBg && modalBg.parentNode !== document.body) document.body.appendChild(modalBg);\r\n\r\n  let slides = [], dots = [], videos = [], activeIdx = 0;\r\n  let isDragging = false, startY = 0, startTranslate = 0, currentTranslate = 0, dragMoved = false;\r\n  let _scrollY=0;\r\n  let lastY = 0, lastTime = 0, velocityY = 0;\r\n\r\n  \/\/ Per video copy NL\r\n  const perVideoCopyNl = [\r\n    \"Lewis is dol op zijn nieuwe babyolie. Hij personaliseert het flesje met zijn favoriete La N\u00e1y sticker. Laat jouw La N\u00e1y flesje zien op Instagram.\",\r\n    \"Emma neemt ons mee in haar badroutine met Lewis. Ze gebruikt onze badolie met haver en zoete amandel, perfect om de babyhuid tijdens en na het bad gehydrateerd te houden.\",\r\n    \"Waarom is een goede babyolie zo belangrijk voor pasgeborenen? 1 Versterkt de huidbarri\u00e8re en vermindert vochtverlies. 2 Kalmeert irritatie en droogte bij een kwetsbare huid. 3 Ondersteunt een zachte massage die slaap en hechting bevordert.\",\r\n    \"De kracht van natuurlijke ingredi\u00ebnten. Jojoba lijkt op huidtalg en helpt vocht vast te houden. Abrikozenpit voedt en verzacht. Zonnebloem is licht en rijk aan vitamine E. Samen een milde combinatie voor elke dag.\",\r\n    \"Het gaat niet alleen om de huid maar ook om esthetiek. Elke La N\u00e1y is een klein kunstwerk dat prachtig staat op de commode van je baby.\",\r\n    \"Waarom kunst zo belangrijk is voor ons. We willen al je zintuigen prikkelen. Voelen ruiken en kijken. Niets stimuleert een kind beter dan een magische wereld vol verwondering.\",\r\n    \"De La N\u00e1y flessen zijn gemaakt om lang mee te gaan. Maak ze extra persoonlijk met een gravure van de naam van je kind. Bewaar het flesje vul het bij en gebruik het opnieuw. Dat is goed voor de aarde en je portemonnee.\"\r\n  ];\r\n\r\n\t\r\n\t\/\/ Salient header is usually #header-outer. Adjust the selector if needed.\r\nfunction getHeaderHeight(){\r\n  const header = document.querySelector('#header-outer'); \r\n  const adminBar = document.querySelector('#wpadminbar'); \/\/ WordPress admin bar\r\n  const h = header ? header.getBoundingClientRect().height : 0;\r\n  const ab = adminBar ? adminBar.getBoundingClientRect().height : 0;\r\n  return Math.round(h + ab);\r\n}\r\n\r\nfunction updateHeaderOffset(){\r\n  const h = getHeaderHeight();\r\n  document.documentElement.style.setProperty('--header-height', h + 'px');\r\n}\r\n\r\n\/\/ keep it fresh\r\nupdateHeaderOffset();\r\nwindow.addEventListener('resize', updateHeaderOffset, { passive: true });\r\nwindow.addEventListener('scroll', updateHeaderOffset, { passive: true });\r\n\r\n\/\/ when opening the modal, make sure it is correct\r\ndocument.addEventListener('lanay-open-modal', e=>{\r\n  \/\/ Only open modal on desktop\r\n  if(window.innerWidth <= 900) return;\r\n  updateHeaderOffset();\r\n  const idx = (typeof e.detail==='object'?e.detail.index:e.detail) || 0;\r\n  buildCarousel(idx);\r\n  modalBg.classList.add('active');\r\n  lockScroll();\r\n  setInitialText(idx);\r\n}, { once: false });\r\n\r\n\t\r\n  function lockScroll(){\r\n    document.documentElement.style.overflow = 'hidden';\r\n    document.body.style.overflow = 'hidden';\r\n  }\r\n  function unlockScroll(){\r\n    document.documentElement.style.overflow = '';\r\n    document.body.style.overflow = '';\r\n  }\r\n\r\n  modalBg.addEventListener('click', e=>{ if(e.target===modalBg) closeModal(); });\r\n  document.addEventListener('keydown', e=>{ if(e.key==='Escape') closeModal(); });\r\n\r\n  modalBg.addEventListener('touchmove', e => { if (e.cancelable) e.preventDefault(); }, { passive: false });\r\n  modalBg.addEventListener('wheel', e => { e.preventDefault(); }, { passive: false });\r\n\r\n  function closeModal(){\r\n    modalBg.classList.remove('active');\r\n    unlockScroll();\r\n    videos.forEach(v=>v.pause());\r\n  }\r\n\r\n  function icon(name){\r\n    switch(name){\r\n      case 'back': return '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M15 6l-6 6 6 6\"\/><path d=\"M9 12h10\"\/><\/svg>';\r\n      case 'play': return '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M8 5l12 7-12 7z\" fill=\"#fff\" stroke=\"none\"\/><\/svg>';\r\n      case 'pause': return '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M7 5h4v14H7zM13 5h4v14h-4z\" fill=\"#fff\" stroke=\"none\"\/><\/svg>';\r\n      case 'vol': return '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 9h4l5-4v14l-5-4H4z\"\/><path d=\"M17 8a4 4 0 010 8\"\/><path d=\"M19 5a7 7 0 010 14\"\/><\/svg>';\r\n      case 'mute': return '<svg viewBox=\"0 0 24 24\" aria-hidden=\"true\"><path d=\"M4 9h4l5-4v14l-5-4H4z\"\/><path d=\"M19 9l-6 6\"\/><path d=\"M13 9l6 6\"\/><\/svg>';\r\n    }\r\n    return '';\r\n  }\r\n\r\n  function buildCarousel(startIdx){\r\n    modalTrack.innerHTML='';\r\n    modalDots.innerHTML='';\r\n    slides=[]; dots=[]; videos=[];\r\n\r\n    videosData.forEach((data,i)=>{\r\n      const slide = document.createElement('div');\r\n      slide.className='lanay-modal-slide'+(i===startIdx?' active':'');\r\n      slide.dataset.index=i;\r\n\t\t\r\n\r\n     const v = document.createElement('video');\r\n\/\/ Do not set src directly \u2013 use data-src\r\nv.setAttribute('data-src', data.src);\r\nv.autoplay = true;\r\nv.muted = true;\r\nv.playsInline = true;\r\nv.loop = true;\r\nv.preload = 'none'; \/\/ delay loading\r\nv.setAttribute('muted','');\r\nv.setAttribute('playsinline','');\r\nv.setAttribute('webkit-playsinline','');\r\nv.setAttribute('loop','');\r\nslide.appendChild(v);\r\n\r\n\r\n      const controls = document.createElement('div');\r\n      controls.className = 'lanay-modal-controls-top';\r\n\r\n      const left = document.createElement('div');\r\n      left.className = 'lanay-controls-left';\r\n      const right = document.createElement('div');\r\n      right.className = 'lanay-controls-right';\r\n\r\n      const exitBtn = document.createElement('span');\r\n      exitBtn.className = 'lanay-ctrl lanay-modal-exit';\r\n      exitBtn.innerHTML = icon('back');\r\n      exitBtn.addEventListener('click', ev => { ev.preventDefault(); ev.stopPropagation(); closeModal(); }, { passive:false });\r\n\r\n      const playBtn = document.createElement('span');\r\n      playBtn.className = 'lanay-ctrl lanay-modal-playpause';\r\n      playBtn.innerHTML = i === startIdx ? icon('pause') : icon('play');\r\n      playBtn.addEventListener('click', ev => {\r\n        ev.preventDefault(); ev.stopPropagation();\r\n        if(v.paused){\r\n          v.play().then(()=>{ playBtn.innerHTML = icon('pause'); }).catch(()=>{});\r\n        } else {\r\n          v.pause();\r\n          playBtn.innerHTML = icon('play');\r\n        }\r\n      }, { passive:false });\r\n\r\n      const muteBtn = document.createElement('span');\r\n      muteBtn.className = 'lanay-ctrl lanay-modal-mute';\r\n      muteBtn.innerHTML = v.muted ? icon('mute') : icon('vol');\r\n      muteBtn.addEventListener('click', ev => {\r\n        ev.preventDefault(); ev.stopPropagation();\r\n        v.muted = !v.muted;\r\n        muteBtn.innerHTML = v.muted ? icon('mute') : icon('vol');\r\n      }, { passive:false });\r\n\r\n      left.appendChild(exitBtn);\r\n      right.appendChild(playBtn);\r\n      right.appendChild(muteBtn);\r\n      controls.appendChild(left);\r\n      controls.appendChild(right);\r\n      slide.appendChild(controls);\r\n\r\n      v.addEventListener('click', ev => { ev.preventDefault(); ev.stopPropagation(); });\r\n\r\n      modalTrack.appendChild(slide);\r\n      slides.push(slide);\r\n      videos.push(v);\r\n    });\r\n\r\n    slides.forEach((_,i)=>{\r\n      const dot = document.createElement('span');\r\n      dot.className='lanay-modal-dot'+(i===startIdx?' active':'');\r\n      dot.dataset.index=i;\r\n      dot.addEventListener('click', ()=> setActive(i));\r\n      modalDots.appendChild(dot);\r\n      dots.push(dot);\r\n    });\r\n\r\n    setTimeout(()=> setActive(startIdx,true), 50);\r\n  }\r\n\r\n  function renderText(idx){\r\n    const v = videosData[idx];\r\n    const p = {\"1535\":{\"id\":1535,\"img\":\"https:\\\/\\\/la-nay.com\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/DSC02730-scaled-e1733057056718.jpg\",\"title\":\"Babyolie\",\"subtitle\":\"Essence of Softness\",\"price\":\"29,95\",\"link\":\"https:\\\/\\\/la-nay.com\\\/product\\\/natuurlijke-babyolie\\\/\"},\"1796\":{\"id\":1796,\"img\":\"https:\\\/\\\/la-nay.com\\\/wp-content\\\/uploads\\\/2024\\\/12\\\/DSC02696-scaled-e1733057729975.jpg\",\"title\":\"Haver Badolie\",\"subtitle\":\"Essence of Silky Waves\",\"price\":\"24,95\",\"link\":\"https:\\\/\\\/la-nay.com\\\/product\\\/haver-badolie\\\/\"}}[v.product_id] || null;\r\n    const copy = perVideoCopyNl[idx] || \"\";\r\n    const productHtml = p ? `\r\n      <div class=\"lanay-product-blurb\">\r\n        <div>\r\n          <div class=\"lanay-product-name\">${p.title}<\/div>\r\n          <div class=\"lanay-product-sub\">${p.subtitle}<\/div>\r\n        <\/div>\r\n        <div class=\"lanay-product-price\">\u20ac${p.price}<\/div>\r\n      <\/div>\r\n      <a href=\"${p.link}\" class=\"lanay-view-product-btn\" target=\"_blank\" rel=\"noopener\">Bekijk product<\/a>\r\n    ` : \"\";\r\n    return `\r\n      <div class=\"lanay-spotlight-title\">In de spotlight<\/div>\r\n      ${productHtml}\r\n      <div class=\"lanay-video-note\">${copy}<\/div>\r\n    `;\r\n  }\r\n\r\n  function setInitialText(idx) {\r\n    textArea.innerHTML = renderText(idx);\r\n    textArea.classList.add('fade-in');\r\n  }\r\n\r\n  function animateTextChange(newIdx) {\r\n    textArea.classList.remove('fade-in');\r\n    textArea.classList.add('fade-out');\r\n    setTimeout(()=>{\r\n      textArea.innerHTML = renderText(newIdx);\r\n      textArea.classList.remove('fade-out');\r\n      textArea.classList.add('fade-in');\r\n    }, 250);\r\n  }\r\n\r\n  function setActive(idx, instant = false) {\r\n    idx = Math.max(0, Math.min(idx, slides.length - 1));\r\n    if (activeIdx === idx) { snapToActive(instant); return; }\r\n\r\n    if (activeIdx !== idx) animateTextChange(idx);\r\n    activeIdx = idx;\r\n\r\n    slides.forEach((slide, i) => {\r\n      const v = videos[i];\r\n      const playBtn = slide.querySelector('.lanay-modal-playpause');\r\n      if (i === idx) {\r\n        slide.classList.add('active');\r\n        if (v.paused) {\r\n          const tryPlay = () => { const p = v.play(); if (p && p.catch) p.catch(()=>{}); };\r\n          if (v.readyState >= 2) tryPlay(); else v.addEventListener('canplay', tryPlay, { once: true });\r\n          if (playBtn) playBtn.innerHTML = icon('pause');\r\n        }\r\n      } else {\r\n        slide.classList.remove('active');\r\n        v.pause();\r\n        if (playBtn) playBtn.innerHTML = icon('play');\r\n      }\r\n    });\r\n\r\n    dots.forEach((dot, i) => dot.classList.toggle('active', i === idx));\r\n    snapToActive(instant);\r\n  }\r\n\r\n  function snapToActive(instant = false) {\r\n    const videoBox = modalBg.querySelector('.lanay-modal-video-box');\r\n    const slideHeight = videoBox.offsetHeight;\r\n    const off = -activeIdx * slideHeight;\r\n    modalTrack.style.transition = instant ? 'none' : 'transform .35s cubic-bezier(.45,.05,.55,.95)';\r\n    modalTrack.style.transform = `translateY(${off}px)`;\r\n    currentTranslate = off;\r\n    if (instant) setTimeout(() => modalTrack.style.transition = '', 10);\r\n  }\r\n\r\n  \/\/ Drag and swipe\r\n  function onDragStart(e){\r\n    if (e.target && e.target.closest('.lanay-modal-controls-top')) return;\r\n    isDragging = true;\r\n    dragMoved = false;\r\n    if (e.cancelable) e.preventDefault();\r\n    startY = e.touches ? e.touches[0].pageY : e.pageY;\r\n    lastY = startY;\r\n    lastTime = Date.now();\r\n    startTranslate = currentTranslate;\r\n    modalTrack.style.transition = 'none';\r\n  }\r\n  function onDragMove(e){\r\n    if(!isDragging) return;\r\n    if (e.cancelable) e.preventDefault();\r\n    const y = e.touches ? e.touches[0].pageY : e.pageY;\r\n    const now = Date.now();\r\n    const dy = y - lastY;\r\n    const dt = Math.max(1, now - lastTime);\r\n    velocityY = dy \/ dt;\r\n    lastY = y;\r\n    lastTime = now;\r\n    const videoBox = modalBg.querySelector('.lanay-modal-video-box');\r\n    const slideHeight = videoBox.offsetHeight;\r\n    let t = startTranslate + (y - startY);\r\n    const minT = -((slides.length - 1) * slideHeight);\r\n    t = Math.max(minT, Math.min(0, t));\r\n    modalTrack.style.transform = `translateY(${t}px)`;\r\n    currentTranslate = t;\r\n    dragMoved = true;\r\n  }\r\n  function onDragEnd(e){\r\n    if (!isDragging) return;\r\n    isDragging = false;\r\n    const videoBox = modalBg.querySelector('.lanay-modal-video-box');\r\n    const slideHeight = videoBox.offsetHeight;\r\n    const delta = currentTranslate - startTranslate;\r\n    const DIST_THR = slideHeight * 0.22;\r\n    const SPEED_THR = 0.65;\r\n    let tgt = activeIdx;\r\n    if (Math.abs(delta) > DIST_THR || Math.abs(velocityY) > SPEED_THR) {\r\n      if (delta < 0 || velocityY < 0) tgt = activeIdx + 1;\r\n      if (delta > 0 || velocityY > 0) tgt = activeIdx - 1;\r\n      tgt = Math.max(0, Math.min(tgt, slides.length - 1));\r\n      const off = -tgt * slideHeight;\r\n      modalTrack.style.transition = 'transform .35s cubic-bezier(.45,.05,.55,.95)';\r\n      modalTrack.style.transform = `translateY(${off}px)`;\r\n      setTimeout(() => { setActive(tgt, true); }, 350);\r\n    } else {\r\n      snapToActive();\r\n    }\r\n    dragMoved = false;\r\n  }\r\n\r\n  modalTrack.addEventListener('mousedown', onDragStart);\r\n  window.addEventListener('mousemove', onDragMove, { passive:false });\r\n  window.addEventListener('mouseup', onDragEnd, { passive:false });\r\n  modalTrack.addEventListener('touchstart', onDragStart, {passive:false});\r\n  window.addEventListener('touchmove', onDragMove, {passive:false});\r\n  window.addEventListener('touchend', onDragEnd, {passive:false});\r\n})();\r\n<\/script>\r\n\n\t\t<\/div>\n\t<\/div>\n\n\t\t<\/div> \n\t<\/div>\n\t<\/div> \n<\/div><\/div>\n\t\t\t<\/div> \n\t\t<\/div>\n\t<\/div> \n<\/div><\/div>\n","protected":false},"excerpt":{"rendered":"Stap in een nieuwe wereld van babyverzorging Ontdek La N\u00e1y Producten Ontdek een wereld vol wonderenEen magische, zachte collectie waar elk product een verhaal vertelt. Vier de kostbare band tussen...","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"footnotes":""},"class_list":["post-17","page","type-page","status-publish"],"jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/la-nay.com\/fr\/wp-json\/wp\/v2\/pages\/17","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/la-nay.com\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/la-nay.com\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/la-nay.com\/fr\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/la-nay.com\/fr\/wp-json\/wp\/v2\/comments?post=17"}],"version-history":[{"count":32,"href":"https:\/\/la-nay.com\/fr\/wp-json\/wp\/v2\/pages\/17\/revisions"}],"predecessor-version":[{"id":6810,"href":"https:\/\/la-nay.com\/fr\/wp-json\/wp\/v2\/pages\/17\/revisions\/6810"}],"wp:attachment":[{"href":"https:\/\/la-nay.com\/fr\/wp-json\/wp\/v2\/media?parent=17"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}