{"id":3096,"date":"2026-04-23T21:48:04","date_gmt":"2026-04-23T19:48:04","guid":{"rendered":"https:\/\/www.lanouvellejerusalem.be\/?page_id=3096"},"modified":"2026-04-27T15:52:28","modified_gmt":"2026-04-27T13:52:28","slug":"3096-2","status":"publish","type":"page","link":"https:\/\/www.lanouvellejerusalem.be\/index.php\/3096-2\/","title":{"rendered":""},"content":{"rendered":"\n<!DOCTYPE html>\n<html lang=\"fr\">\n<head>\n<meta charset=\"UTF-8\">\n<meta name=\"viewport\" content=\"width=device-width, initial-scale=1.0\">\n<title>Spa &#038; Bien-\u00eatre<\/title>\n<link href=\"https:\/\/fonts.googleapis.com\/css2?family=Cormorant+Garamond:ital,wght@0,300;0,400;0,600;1,300;1,400&#038;family=Jost:wght@300;400;500&#038;display=swap\" rel=\"stylesheet\">\n<style>\n  *, *::before, *::after { box-sizing: border-box; margin: 0; padding: 0; }\n\n  :root {\n    --cream: #f5f0ea;\n    --sage: #7a9e7e;\n    --sage-dark: #5c8060;\n    --warm-brown: #8b6f47;\n    --text-dark: #2c2c2c;\n    --text-mid: #5a5a5a;\n    --text-light: #888;\n    --white: #ffffff;\n  }\n\n  body {\n    font-family: 'Jost', sans-serif;\n    background: var(--cream);\n    color: var(--text-dark);\n    overflow-x: hidden;\n  }\n\n  \/* \u2500\u2500 HERO \u2500\u2500 *\/\n  .hero {\n    position: relative;\n    width: 100%;\n    height: 480px;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    overflow: hidden;\n  }\n\n  .hero-bg {\n    position: absolute;\n    inset: 0;\n    background: linear-gradient(\n      to bottom,\n      rgba(60,40,20,0.35) 0%,\n      rgba(60,40,20,0.15) 50%,\n      rgba(60,40,20,0.45) 100%\n    ),\n    url('https:\/\/images.unsplash.com\/photo-1544161515-4ab6ce6db874?w=1400&q=80') center\/cover no-repeat;\n    transform: scale(1.02);\n    transition: transform 8s ease;\n  }\n  .hero:hover .hero-bg { transform: scale(1.0); }\n\n  \/* candle glow effect *\/\n  .hero-bg::after {\n    content: '';\n    position: absolute;\n    inset: 0;\n    background: radial-gradient(ellipse 60% 80% at 15% 30%, rgba(255,180,60,0.18) 0%, transparent 60%),\n                radial-gradient(ellipse 40% 60% at 85% 25%, rgba(255,160,40,0.14) 0%, transparent 55%);\n  }\n\n  .hero-content {\n    position: relative;\n    z-index: 2;\n    text-align: center;\n    padding: 0 20px;\n    animation: fadeUp 0.9s ease both;\n  }\n\n  @keyframes fadeUp {\n    from { opacity: 0; transform: translateY(28px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  .hero-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(2.4rem, 5vw, 3.6rem);\n    font-weight: 300;\n    color: var(--white);\n    line-height: 1.18;\n    letter-spacing: 0.02em;\n    text-shadow: 0 2px 20px rgba(0,0,0,0.35);\n    margin-bottom: 14px;\n  }\n\n  .hero-subtitle {\n    font-size: 0.88rem;\n    font-weight: 300;\n    color: rgba(255,255,255,0.82);\n    letter-spacing: 0.08em;\n    text-transform: uppercase;\n    margin-bottom: 36px;\n  }\n\n  .hero-buttons {\n    display: flex;\n    gap: 16px;\n    justify-content: center;\n    flex-wrap: wrap;\n  }\n\n  .btn {\n    display: inline-flex;\n    align-items: center;\n    gap: 8px;\n    padding: 12px 28px;\n    border-radius: 40px;\n    font-family: 'Jost', sans-serif;\n    font-size: 0.78rem;\n    font-weight: 500;\n    letter-spacing: 0.12em;\n    text-transform: uppercase;\n    cursor: pointer;\n    transition: all 0.25s ease;\n    text-decoration: none;\n    border: none;\n  }\n\n  .btn-outline {\n    background: transparent;\n    border: 1.5px solid rgba(255,255,255,0.75);\n    color: var(--white);\n  }\n  .btn-outline:hover {\n    background: rgba(255,255,255,0.15);\n    border-color: white;\n  }\n\n  .btn-solid {\n    background: var(--sage);\n    color: var(--white);\n    border: 1.5px solid var(--sage);\n  }\n  .btn-solid:hover {\n    background: var(--sage-dark);\n    border-color: var(--sage-dark);\n    transform: translateY(-1px);\n    box-shadow: 0 6px 20px rgba(90,140,90,0.35);\n  }\n\n  .btn-arrow {\n    width: 18px;\n    height: 18px;\n    border-radius: 50%;\n    background: rgba(255,255,255,0.25);\n    display: inline-flex;\n    align-items: center;\n    justify-content: center;\n    font-size: 0.7rem;\n  }\n\n  \/* \u2500\u2500 SERVICES SECTION \u2500\u2500 *\/\n  .services {\n    padding: 72px 24px 80px;\n    text-align: center;\n    max-width: 1100px;\n    margin: 0 auto;\n  }\n\n  .section-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: clamp(1.8rem, 3.5vw, 2.6rem);\n    font-weight: 400;\n    color: var(--text-dark);\n    letter-spacing: 0.01em;\n    margin-bottom: 10px;\n  }\n\n  .section-sub {\n    font-size: 0.88rem;\n    color: var(--text-light);\n    font-weight: 300;\n    letter-spacing: 0.04em;\n    margin-bottom: 52px;\n  }\n\n  \/* \u2500\u2500 CARDS GRID \u2500\u2500 *\/\n  .cards-grid {\n    display: grid;\n    grid-template-columns: repeat(auto-fit, minmax(280px, 1fr));\n    gap: 24px;\n  }\n\n  .card {\n    background: var(--white);\n    border-radius: 4px;\n    overflow: hidden;\n    box-shadow: 0 2px 16px rgba(0,0,0,0.06);\n    transition: transform 0.3s ease, box-shadow 0.3s ease;\n    display: flex;\n    flex-direction: column;\n    opacity: 0;\n    animation: cardReveal 0.6s ease forwards;\n  }\n  .card:nth-child(1) { animation-delay: 0.1s; }\n  .card:nth-child(2) { animation-delay: 0.25s; }\n  .card:nth-child(3) { animation-delay: 0.4s; }\n\n  @keyframes cardReveal {\n    from { opacity: 0; transform: translateY(24px); }\n    to   { opacity: 1; transform: translateY(0); }\n  }\n\n  .card:hover {\n    transform: translateY(-6px);\n    box-shadow: 0 12px 40px rgba(0,0,0,0.12);\n  }\n\n  .card-title {\n    font-family: 'Cormorant Garamond', serif;\n    font-size: 1.25rem;\n    font-weight: 400;\n    color: var(--text-dark);\n    padding: 22px 20px 16px;\n    letter-spacing: 0.02em;\n  }\n\n  .card-img-wrap {\n    width: 100%;\n    height: 200px;\n    overflow: hidden;\n    margin: 0 0 4px;\n  }\n\n  .card-img-wrap img {\n    width: 100%;\n    height: 100%;\n    object-fit: cover;\n    transition: transform 0.5s ease;\n  }\n  .card:hover .card-img-wrap img { transform: scale(1.05); }\n\n  .card-body {\n    padding: 18px 20px 24px;\n    flex: 1;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    gap: 20px;\n  }\n\n  .card-text {\n    font-size: 0.84rem;\n    line-height: 1.7;\n    color: var(--text-mid);\n    font-weight: 300;\n    text-align: center;\n  }\n\n  .card-text strong {\n    font-weight: 500;\n    color: var(--text-dark);\n  }\n\n  .card-btn {\n    width: 36px;\n    height: 36px;\n    border-radius: 50%;\n    background: var(--cream);\n    border: 1.5px solid #ddd;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    color: var(--text-mid);\n    font-size: 0.9rem;\n    cursor: pointer;\n    transition: all 0.2s ease;\n    text-decoration: none;\n    margin-top: auto;\n  }\n  .card-btn:hover {\n    background: var(--sage);\n    border-color: var(--sage);\n    color: white;\n    transform: scale(1.1);\n  }\n\n  \/* \u2500\u2500 RESPONSIVE \u2500\u2500 *\/\n  @media (max-width: 640px) {\n    .hero { height: 400px; }\n    .cards-grid { grid-template-columns: 1fr; }\n    .hero-buttons { flex-direction: column; align-items: center; }\n  }\n<\/style>\n<\/head>\n<body>\n\n<!-- HERO -->\n<section class=\"hero\">\n  <div class=\"hero-bg\"><\/div>\n  <div class=\"hero-content\">\n    <h1 class=\"hero-title\">Se d\u00e9tendre n&rsquo;a jamais<br>\u00e9t\u00e9 si facile<\/h1>\n    <p class=\"hero-subtitle\">Offrez-vous une pause bien m\u00e9rit\u00e9e dans notre espace de s\u00e9r\u00e9nit\u00e9<\/p>\n    <div class=\"hero-buttons\">\n      <a href=\"#services\" class=\"btn btn-outline\">\n        Nos services <span class=\"btn-arrow\">\u203a<\/span>\n      <\/a>\n      <a href=\"#contact\" class=\"btn btn-solid\">\n        R\u00e9server <span class=\"btn-arrow\">\u203a<\/span>\n      <\/a>\n    <\/div>\n  <\/div>\n<\/section>\n\n<!-- SERVICES -->\n<section class=\"services\" id=\"services\">\n  <h2 class=\"section-title\">Une exp\u00e9rience revitalisante garantie<\/h2>\n  <p class=\"section-sub\">D\u00e9couvrez nos soins d&rsquo;exception, con\u00e7us pour votre bien-\u00eatre total.<\/p>\n\n  <div class=\"cards-grid\">\n\n    <!-- Card 1 -->\n    <div class=\"card\">\n      <div class=\"card-title\">Spa Ayurv\u00e9dique<\/div>\n      <div class=\"card-img-wrap\">\n        <img decoding=\"async\"\n          src=\"https:\/\/images.unsplash.com\/photo-1591343395082-e120087004b4?w=600&#038;q=80\"\n          alt=\"Spa Ayurv\u00e9dique\"\n          loading=\"lazy\"\n        >\n      <\/div>\n      <div class=\"card-body\">\n        <p class=\"card-text\">\n          Reconnectez-vous \u00e0 votre \u00e9quilibre naturel gr\u00e2ce \u00e0 nos soins ayurv\u00e9diques <strong>ancestraux<\/strong>,\n          puisant dans la sagesse mill\u00e9naire des plantes et des huiles essentielles.\n        <\/p>\n        <a href=\"#\" class=\"card-btn\" aria-label=\"En savoir plus\">\u203a<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- Card 2 -->\n    <div class=\"card\">\n      <div class=\"card-title\">Spa Luxe<\/div>\n      <div class=\"card-img-wrap\">\n        <img decoding=\"async\"\n          src=\"https:\/\/images.unsplash.com\/photo-1570172619644-dfd03ed5d881?w=600&#038;q=80\"\n          alt=\"Spa Luxe\"\n          loading=\"lazy\"\n        >\n      <\/div>\n      <div class=\"card-body\">\n        <p class=\"card-text\">\n          Plongez dans un univers de <strong>raffinement absolu<\/strong> avec nos rituels exclusifs,\n          alliant produits de prestige et techniques haut de gamme pour un r\u00e9sultat incomparable.\n        <\/p>\n        <a href=\"#\" class=\"card-btn\" aria-label=\"En savoir plus\">\u203a<\/a>\n      <\/div>\n    <\/div>\n\n    <!-- Card 3 -->\n    <div class=\"card\">\n      <div class=\"card-title\">Spa Massage<\/div>\n      <div class=\"card-img-wrap\">\n        <img decoding=\"async\"\n          src=\"https:\/\/images.unsplash.com\/photo-1519823551278-64ac92734fb1?w=600&#038;q=80\"\n          alt=\"Spa Massage\"\n          loading=\"lazy\"\n        >\n      <\/div>\n      <div class=\"card-body\">\n        <p class=\"card-text\">\n          Laissez vos tensions fondre sous nos mains expertes. Nos massages <strong>relaxants et th\u00e9rapeutiques<\/strong>\n          vous accompagnent vers un \u00e9tat de s\u00e9r\u00e9nit\u00e9 profonde et durable.\n        <\/p>\n        <a href=\"#\" class=\"card-btn\" aria-label=\"En savoir plus\">\u203a<\/a>\n      <\/div>\n    <\/div>\n\n  <\/div>\n<\/section>\n\n<\/body>\n<\/html>\n\n\n\n<p class=\"wp-block-paragraph\"><\/p>\n","protected":false},"excerpt":{"rendered":"<p>Spa &#038; Bien-\u00eatre Se d\u00e9tendre n&rsquo;a jamais\u00e9t\u00e9 si facile Offrez-vous une pause bien m\u00e9rit\u00e9e dans notre espace de s\u00e9r\u00e9nit\u00e9 Nos services \u203a R\u00e9server \u203a Une exp\u00e9rience revitalisante garantie D\u00e9couvrez nos soins d&rsquo;exception, con\u00e7us pour votre bien-\u00eatre total. Spa Ayurv\u00e9dique Reconnectez-vous \u00e0 votre \u00e9quilibre naturel gr\u00e2ce \u00e0 nos soins ayurv\u00e9diques ancestraux, puisant dans la sagesse mill\u00e9naire [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_eb_attr":"","footnotes":""},"class_list":["post-3096","page","type-page","status-publish","hentry"],"featured_media_urls":[],"mfb_rest_fields":["gutenberg_elementor_mode","featured_media_urls"],"_links":{"self":[{"href":"https:\/\/www.lanouvellejerusalem.be\/index.php\/wp-json\/wp\/v2\/pages\/3096","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.lanouvellejerusalem.be\/index.php\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/www.lanouvellejerusalem.be\/index.php\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/www.lanouvellejerusalem.be\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.lanouvellejerusalem.be\/index.php\/wp-json\/wp\/v2\/comments?post=3096"}],"version-history":[{"count":46,"href":"https:\/\/www.lanouvellejerusalem.be\/index.php\/wp-json\/wp\/v2\/pages\/3096\/revisions"}],"predecessor-version":[{"id":3185,"href":"https:\/\/www.lanouvellejerusalem.be\/index.php\/wp-json\/wp\/v2\/pages\/3096\/revisions\/3185"}],"wp:attachment":[{"href":"https:\/\/www.lanouvellejerusalem.be\/index.php\/wp-json\/wp\/v2\/media?parent=3096"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}