{"id":3153,"date":"2026-01-27T15:09:03","date_gmt":"2026-01-27T15:09:03","guid":{"rendered":"https:\/\/heklusyn.is\/?page_id=3153"},"modified":"2026-01-27T15:19:42","modified_gmt":"2026-01-27T15:19:42","slug":"test","status":"publish","type":"page","link":"https:\/\/heklusyn.is\/fr\/test\/","title":{"rendered":"Test"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-page\" data-elementor-id=\"3153\" class=\"elementor elementor-3153\" data-elementor-post-type=\"page\">\n\t\t\t\t\t\t<section class=\"elementor-section elementor-top-section elementor-element elementor-element-5e99571 elementor-section-boxed elementor-section-height-default elementor-section-height-default\" data-id=\"5e99571\" data-element_type=\"section\" data-e-type=\"section\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a141fd3\" data-id=\"a141fd3\" data-element_type=\"column\" data-e-type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0d79841 elementor-widget elementor-widget-html\" data-id=\"0d79841\" data-element_type=\"widget\" data-e-type=\"widget\" data-widget_type=\"html.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<style>\n  \/* ==========================\n     Heklus\u00fdn Offcanvas Contact\n     ========================== *\/\n  .hx-contact-scope{\n    --hx-dark:#0b0f14;\n    --hx-panel:#0f1620;\n    --hx-white:#ffffff;\n    --hx-muted:rgba(255,255,255,.72);\n    --hx-border:1px solid rgba(255,255,255,.14);\n    --hx-shadow: 0 18px 55px rgba(0,0,0,.35);\n    --hx-radius: 18px;\n    --hx-w: min(520px, 92vw); \/* sidebar width *\/\n    font-family: inherit;\n  }\n\n  \/* Optional trigger button (remove if you will trigger from your own button) *\/\n  .hx-contact-open-btn{\n    display:inline-flex;\n    align-items:center;\n    justify-content:center;\n    padding: 12px 18px;\n    border-radius: 14px;\n    border: 0;\n    cursor: pointer;\n    background: #111827;\n    color: #fff;\n    font-weight: 900;\n  }\n\n  \/* Overlay *\/\n  .hx-contact-overlay{\n    position: fixed;\n    inset: 0;\n    background: rgba(0,0,0,.55);\n    backdrop-filter: blur(6px);\n    opacity: 0;\n    pointer-events: none;\n    transition: opacity .35s ease;\n    z-index: 99998;\n  }\n  .hx-contact-overlay.is-open{\n    opacity: 1;\n    pointer-events: auto;\n  }\n\n  \/* Side panel *\/\n  .hx-contact-panel{\n    position: fixed;\n    top: 0;\n    right: 0; \/* change to left:0 for left side *\/\n    height: 100vh;\n    width: var(--hx-w);\n    background: var(--hx-dark);\n    color: #fff;\n    box-shadow: var(--hx-shadow);\n    transform: translateX(102%);\n    transition: transform .42s ease;\n    z-index: 99999;\n    border-left: var(--hx-border);\n    display: grid;\n    grid-template-rows: auto 1fr auto;\n  }\n  .hx-contact-panel.is-open{ transform: translateX(0); }\n\n  \/* Header *\/\n  .hx-contact-header{\n    display:flex;\n    align-items:flex-start;\n    justify-content: space-between;\n    gap: 12px;\n    padding: 18px 18px 14px;\n    border-bottom: 1px solid rgba(255,255,255,.10);\n  }\n  .hx-contact-title{\n    margin:0;\n    font-size: 18px;\n    font-weight: 950;\n    letter-spacing: .01em;\n  }\n  .hx-contact-sub{\n    margin:6px 0 0;\n    font-size: 13px;\n    color: var(--hx-muted);\n    line-height: 1.6;\n    max-width: 44ch;\n  }\n  .hx-contact-close{\n    width: 44px;\n    height: 44px;\n    border-radius: 14px;\n    border: 1px solid rgba(255,255,255,.18);\n    background: rgba(255,255,255,.08);\n    color:#fff;\n    cursor:pointer;\n    font-size: 20px;\n    display:flex;\n    align-items:center;\n    justify-content:center;\n    flex: 0 0 auto;\n  }\n\n  \/* Body *\/\n  .hx-contact-body{\n    padding: 16px 18px 18px;\n    overflow: auto;\n    background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,0));\n  }\n\n  \/* Form styling (for demo form + most shortcode forms) *\/\n  .hx-fields{ display:grid; gap: 12px; }\n  .hx-input, .hx-textarea{\n    width:100%;\n    border-radius: 14px;\n    border: 1px solid rgba(255,255,255,.14);\n    background: rgba(255,255,255,.08);\n    color: #fff;\n    padding: 12px 12px;\n    outline: none;\n    font: inherit;\n  }\n  .hx-textarea{ min-height: 140px; resize: vertical; }\n  .hx-input::placeholder, .hx-textarea::placeholder{ color: rgba(255,255,255,.6); }\n\n  .hx-submit{\n    margin-top: 4px;\n    width: 100%;\n    border: 0;\n    border-radius: 14px;\n    padding: 12px 14px;\n    cursor: pointer;\n    background: #ffffff;\n    color: #0b0f14;\n    font-weight: 950;\n  }\n\n  \/* Footer *\/\n  .hx-contact-footer{\n    padding: 14px 18px 18px;\n    border-top: 1px solid rgba(255,255,255,.10);\n    background: rgba(255,255,255,.04);\n  }\n  .hx-footer-note{\n    margin: 0;\n    color: rgba(255,255,255,.68);\n    font-size: 12px;\n    line-height: 1.6;\n  }\n\n  \/* Lock scroll when open *\/\n  html.hx-lock, body.hx-lock{ overflow:hidden !important; }\n\n  \/* Mobile safe area (iPhone) *\/\n  .hx-contact-panel{ padding-bottom: env(safe-area-inset-bottom); }\n<\/style>\n\n<div class=\"hx-contact-scope\">\n\n  <!-- Optional trigger button -->\n  <button class=\"hx-contact-open-btn\" type=\"button\" data-hx-contact-open>\n    Contact us\n  <\/button>\n\n  <!-- Overlay -->\n  <div class=\"hx-contact-overlay\" data-hx-contact-overlay><\/div>\n\n  <!-- Side Panel -->\n  <aside class=\"hx-contact-panel\" data-hx-contact-panel aria-hidden=\"true\">\n    <div class=\"hx-contact-header\">\n      <div>\n        <p class=\"hx-contact-title\">Contact us<\/p>\n        <p class=\"hx-contact-sub\">Send us a message and we\u2019ll get back to you as soon as possible.<\/p>\n      <\/div>\n      <button class=\"hx-contact-close\" type=\"button\" aria-label=\"Close\" data-hx-contact-close>\u00d7<\/button>\n    <\/div>\n\n    <div class=\"hx-contact-body\">\n\n      <!-- OPTION A: Demo HTML form (design preview only) -->\n      <form class=\"hx-fields\" action=\"#\" method=\"post\">\n        <input class=\"hx-input\" type=\"text\" placeholder=\"Name\" required>\n        <input class=\"hx-input\" type=\"email\" placeholder=\"Email\" required>\n        <input class=\"hx-input\" type=\"tel\" placeholder=\"Phone\">\n        <textarea class=\"hx-textarea\" placeholder=\"Message\" required><\/textarea>\n        <button class=\"hx-submit\" type=\"submit\">Send<\/button>\n      <\/form>\n\n      <!-- OPTION B (Recommended): Replace the form above with your shortcode\n           Example (Contact Form 7):\n           <div class=\"hx-fields\">\n             [contact-form-7 id=\"123\" title=\"Contact\"]\n           <\/div>\n\n           Example (Fluent Forms):\n           <div class=\"hx-fields\">\n             [fluentform id=\"5\"]\n           <\/div>\n      -->\n\n    <\/div>\n\n    <div class=\"hx-contact-footer\">\n      <p class=\"hx-footer-note\">\n        You can also email us directly at <a href=\"mailto:heklusyn@heklusyn.is\" style=\"color:#fff; font-weight:800; text-decoration:underline;\">heklusyn@heklusyn.is<\/a>\n      <\/p>\n    <\/div>\n  <\/aside>\n<\/div>\n\n<script>\n(function(){\n  const openBtns = document.querySelectorAll('[data-hx-contact-open]');\n  const overlay  = document.querySelector('[data-hx-contact-overlay]');\n  const panel    = document.querySelector('[data-hx-contact-panel]');\n  const closeBtn = document.querySelector('[data-hx-contact-close]');\n\n  function openSide(){\n    overlay.classList.add('is-open');\n    panel.classList.add('is-open');\n    panel.setAttribute('aria-hidden','false');\n    document.documentElement.classList.add('hx-lock');\n    document.body.classList.add('hx-lock');\n  }\n  function closeSide(){\n    overlay.classList.remove('is-open');\n    panel.classList.remove('is-open');\n    panel.setAttribute('aria-hidden','true');\n    document.documentElement.classList.remove('hx-lock');\n    document.body.classList.remove('hx-lock');\n  }\n\n  openBtns.forEach(b=> b.addEventListener('click', openSide));\n  overlay.addEventListener('click', closeSide);\n  closeBtn.addEventListener('click', closeSide);\n  document.addEventListener('keydown', (e)=>{ if(e.key === 'Escape') closeSide(); });\n\n})();\n<\/script>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>Contact us Contact us Send us a message and we\u2019ll get back to you as soon as possible. \u00d7 Send You can also email us directly at heklusyn@heklusyn.is<\/p>","protected":false},"author":2,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"elementor_canvas","meta":{"footnotes":""},"class_list":["post-3153","page","type-page","status-publish","hentry"],"_links":{"self":[{"href":"https:\/\/heklusyn.is\/fr\/wp-json\/wp\/v2\/pages\/3153","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/heklusyn.is\/fr\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/heklusyn.is\/fr\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/heklusyn.is\/fr\/wp-json\/wp\/v2\/users\/2"}],"replies":[{"embeddable":true,"href":"https:\/\/heklusyn.is\/fr\/wp-json\/wp\/v2\/comments?post=3153"}],"version-history":[{"count":7,"href":"https:\/\/heklusyn.is\/fr\/wp-json\/wp\/v2\/pages\/3153\/revisions"}],"predecessor-version":[{"id":3163,"href":"https:\/\/heklusyn.is\/fr\/wp-json\/wp\/v2\/pages\/3153\/revisions\/3163"}],"wp:attachment":[{"href":"https:\/\/heklusyn.is\/fr\/wp-json\/wp\/v2\/media?parent=3153"}],"curies":[{"name":"WordPress","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}