{"id":43763,"date":"2026-05-13T14:50:10","date_gmt":"2026-05-13T07:50:10","guid":{"rendered":"https:\/\/hafelethailand.com\/brand\/timeless-door-handles\/"},"modified":"2026-05-13T16:13:09","modified_gmt":"2026-05-13T09:13:09","slug":"timeless-door-handles","status":"publish","type":"brand","link":"https:\/\/hafelethailand.com\/en\/brand\/timeless-door-handles\/","title":{"rendered":"timeless &#8211; Door Handles"},"content":{"rendered":"\n<style data-wp-block-html=\"css\">\n.hero-video {\n  width: 100%;\n  max-width: 1200px;\n  aspect-ratio: 16 \/ 9;\n  height: auto;\n  position: relative;\n  overflow: hidden;\n  margin: 0 auto;\n}\n\n#hero-video {\n  width: 100%;\n  height: 100%;\n  object-fit: cover;\n  display: block;\n}\n\n.hero-logo {\n  position: absolute;\n  top: 12%;\n  left: 0;\n  transform: translateY(-50%);\n  padding: 0 5%;\n  z-index: 999;\n}\n\n.hero-logo img {\n  object-fit: contain;\n  width: auto;\n  height: 40px;\n}\n\n.hero-content {\n  position: absolute;\n  top: 72%;\n  left: 0;\n  transform: translateY(-50%);\n  padding: 0 5%;\n  width: 90%;\n  z-index: 1;\n}\n<\/style>\n\n<div class=\"hero-video\">\n  <video id=\"hero-video\" autoplay=\"\" loop=\"\" muted=\"\" playsinline=\"\">\n    <source src=\"https:\/\/videos.files.wordpress.com\/wOCb2JAA\/dnd_timeless_10sec.mp4\" type=\"video\/mp4\">\n  <\/video>\n\n  <div class=\"hero-logo\">\n    <a href=\"https:\/\/www.dndhandles.it\/en\/\" target=\"_blank\">\n      <img decoding=\"async\" src=\"https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/logo.png\" alt=\"Logo\">\n    <\/a>\n  <\/div>\n\n  <div class=\"hero-content\">\n    <h1>timeless<\/h1>\n    <h6>Marco Pisati<\/h6>\n  <\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group narrow\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<h2 class=\"wp-block-heading has-text-align-right\">Essential<br>graphic sings.<\/h2>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\">Two essential graphic signs, a line and a circle that intersect in a central and symmetrical way. Timeless is available in five different finishes: silver, satin gold, bronze, white, black.<\/p>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1024\" height=\"824\" src=\"https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/timeless_1024x824.jpg\" alt=\"\" class=\"wp-image-42509\" srcset=\"https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/timeless_1024x824.jpg 1024w, https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/timeless_1024x824-150x121.jpg 150w, https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/timeless_1024x824-750x604.jpg 750w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns are-vertically-aligned-center is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:66.66%\">\n<figure class=\"wp-block-image size-full is-style-rounded\" style=\"place-items: center;\"><img decoding=\"async\" width=\"570\" height=\"570\" src=\"https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/pos_timeless-colori_dnd_pisati-1024x1024-1.gif\" alt=\"\" class=\"wp-image-42528 is-style-rounded\" style=\"width: 570px;\"><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-center is-layout-flow wp-block-column-is-layout-flow\" style=\"flex-basis:33.33%\">\n<h2 class=\"wp-block-heading\">Finishes &#8211;<\/h2>\n\n\n\n<p class=\"sub-text has-x-large-font-size wp-block-paragraph\">make way for the designs!<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">The extensive colour palette of Timeless handles is an invitation to personalization and creativity within interior design projects.<\/p>\n\n\n\n<p class=\"wp-block-paragraph\">Versatility is further enhanced with the introduction of four new shades, for a total of nine finishes available.<\/p>\n<\/div>\n<\/div>\n<\/div><\/div>\n\n\n\n<div class=\"wp-block-group narrow\"><div class=\"wp-block-group__inner-container is-layout-constrained wp-block-group-is-layout-constrained\">\n<div class=\"wp-block-columns are-vertically-aligned-top is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-gallery has-nested-images columns-1 wp-block-gallery-1 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"1000\" height=\"1500\" data-id=\"42558\" src=\"https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/timeless_office_03.jpg\" alt=\"timeless door handles\" class=\"wp-image-42558\" srcset=\"https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/timeless_office_03.jpg 1000w, https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/timeless_office_03-700x1050.jpg 700w, https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/timeless_office_03-100x150.jpg 100w, https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/timeless_office_03-500x750.jpg 500w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2000\" height=\"1333\" data-id=\"42556\" src=\"https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/dnd_timeless_05.jpg\" alt=\"timeless door handles\" class=\"wp-image-42556\" srcset=\"https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/dnd_timeless_05.jpg 2000w, https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/dnd_timeless_05-1050x700.jpg 1050w, https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/dnd_timeless_05-1500x1000.jpg 1500w, https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/dnd_timeless_05-150x100.jpg 150w, https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/dnd_timeless_05-1200x800.jpg 1200w, https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/dnd_timeless_05-750x500.jpg 750w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n<\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column is-vertically-aligned-top is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-gallery has-nested-images columns-1 is-cropped wp-block-gallery-2 is-layout-flex wp-block-gallery-is-layout-flex\">\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2000\" height=\"1333\" data-id=\"42557\" src=\"https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/dnd_timeless_11.jpg\" alt=\"timeless door handles\" class=\"wp-image-42557\" srcset=\"https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/dnd_timeless_11.jpg 2000w, https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/dnd_timeless_11-1050x700.jpg 1050w, https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/dnd_timeless_11-1500x1000.jpg 1500w, https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/dnd_timeless_11-150x100.jpg 150w, https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/dnd_timeless_11-1200x800.jpg 1200w, https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/dnd_timeless_11-750x500.jpg 750w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2000\" height=\"1333\" data-id=\"42568\" src=\"https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/dnd_timeless_02-1.jpg\" alt=\"timeless door handles\" class=\"wp-image-42568\" srcset=\"https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/dnd_timeless_02-1.jpg 2000w, https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/dnd_timeless_02-1-1050x700.jpg 1050w, https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/dnd_timeless_02-1-1500x1000.jpg 1500w, https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/dnd_timeless_02-1-150x100.jpg 150w, https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/dnd_timeless_02-1-750x500.jpg 750w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n\n\n\n<figure class=\"wp-block-image size-full\"><img decoding=\"async\" width=\"2000\" height=\"1353\" data-id=\"42554\" src=\"https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/dnd_timeless_09.jpg\" alt=\"timeless door handles\" class=\"wp-image-42554\" srcset=\"https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/dnd_timeless_09.jpg 2000w, https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/dnd_timeless_09-1050x710.jpg 1050w, https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/dnd_timeless_09-1500x1015.jpg 1500w, https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/dnd_timeless_09-150x101.jpg 150w, https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/dnd_timeless_09-1200x812.jpg 1200w, https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/dnd_timeless_09-750x507.jpg 750w\" sizes=\"(max-width: 2000px) 100vw, 2000px\" \/><\/figure>\n<\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-group is-vertical is-content-justification-center is-layout-flex wp-container-core-group-is-layout-524f8de7 wp-block-group-is-layout-flex\">\n<style data-wp-block-html=\"css\">\n.youtube-container {\n    display: flex;\n    justify-content: center;\n    align-items: center;\n    width: 100%;\n    padding: 20px 0;\n}\n\n.youtube-responsive {\n    position: relative;\n    width: 853px;\n    max-width: 100%;\n    aspect-ratio: 16 \/ 9;\n}\n\n.youtube-responsive iframe {\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    left: 0;\n    top: 0;\n}\n<\/style>\n\n<div class=\"youtube-container\">\n    <div class=\"youtube-responsive\">\n        <iframe\n            src=\"https:\/\/www.youtube.com\/embed\/y2qj0TPle2k?si=bzeC9CrOx8Yvhc2P\"\n            title=\"YouTube video player\"\n            frameborder=\"0\"\n            allow=\"accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share\"\n            referrerpolicy=\"strict-origin-when-cross-origin\"\n            allowfullscreen=\"\">\n        <\/iframe>\n    <\/div>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-columns is-layout-flex wp-container-core-columns-is-layout-8f761849 wp-block-columns-is-layout-flex\">\n<div class=\"wp-block-column space-between is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-content-justification-right is-layout-flex wp-container-core-group-is-layout-9b142c39 wp-block-group-is-layout-flex\">\n<h4 class=\"wp-block-heading has-text-align-right\">The symbol of a man in a city on a river<\/h4>\n\n\n\n<p class=\"has-text-align-right has-small-font-size wp-block-paragraph\">Samara<br><strong>Virstak Design Buro<\/strong><\/p>\n\n\n\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.dndhandles.it\/en\/projects\/project-the-symbol-of-a-man-in-a-city-on-a-river\/\" target=\"_blank\" rel=\" noreferrer noopener\"><img decoding=\"async\" width=\"1024\" height=\"682\" src=\"https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/img_sito_dnd-ch_virstak_img-evidenza_1-1024x682-1.jpg\" alt=\"timeless door handles\" class=\"wp-image-42596\" srcset=\"https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/img_sito_dnd-ch_virstak_img-evidenza_1-1024x682-1.jpg 1024w, https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/img_sito_dnd-ch_virstak_img-evidenza_1-1024x682-1-150x100.jpg 150w, https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/img_sito_dnd-ch_virstak_img-evidenza_1-1024x682-1-750x500.jpg 750w\" sizes=\"(max-width: 1024px) 100vw, 1024px\" \/><\/a><\/figure>\n<\/div>\n<\/div>\n\n\n\n<div class=\"wp-block-column space-between is-layout-flow wp-block-column-is-layout-flow\">\n<figure class=\"wp-block-image size-full\"><a href=\"https:\/\/www.dndhandles.it\/en\/projects\/project-the-symbol-of-a-man-in-a-city-on-a-river\/\" target=\"_blank\" rel=\" noreferrer noopener\"><img decoding=\"async\" width=\"465\" height=\"558\" src=\"https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/img_sito_dnd-ch_virstak_img-evidenza_2.jpg\" alt=\"timeless door handles\" class=\"wp-image-42598\" srcset=\"https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/img_sito_dnd-ch_virstak_img-evidenza_2.jpg 465w, https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/img_sito_dnd-ch_virstak_img-evidenza_2-125x150.jpg 125w\" sizes=\"(max-width: 465px) 100vw, 465px\" \/><\/a><\/figure>\n<\/div>\n\n\n\n<div class=\"wp-block-column space-between is-layout-flow wp-block-column-is-layout-flow\">\n<div class=\"wp-block-group is-vertical is-layout-flex wp-container-core-group-is-layout-d30195b3 wp-block-group-is-layout-flex\">\n<p class=\"wp-block-paragraph\">The project combines the rhythmic minimalism of the interior with custom-made furniture and fittings, while a beautiful panoramic view extends the flat towards the fascinating Volga River.<\/p>\n\n\n\n<p class=\"has-text-align-right wp-block-paragraph\"><a href=\"https:\/\/www.dndhandles.it\/en\/projects\/project-the-symbol-of-a-man-in-a-city-on-a-river\/\" target=\"_blank\" rel=\"noopener\" title=\"\">Go to the case history<\/a><\/p>\n<\/div>\n<\/div>\n<\/div>\n\n\n\n<title>Slider<\/title>\n  <link rel=\"stylesheet\" href=\"https:\/\/cdnjs.cloudflare.com\/ajax\/libs\/font-awesome\/6.5.0\/css\/all.min.css\">\n  <style>\n    .slider-wrapper {\n      display: flex;\n      width: 100%;\n      height: 100%;\n      position: relative;\n    }\n\n    .slider-thumbs {\n      width: 50%;\n      overflow-y: auto;\n      padding: 16px;\n      display: grid;\n      grid-template-columns: 50px 50px 50px 50px;\n      gap: 2rem;\n      align-content: center;\n      scrollbar-width: thin;\n    }\n\n    .slider-thumbs::-webkit-scrollbar { width: 4px; }\n    .slider-thumbs::-webkit-scrollbar-thumb { background: #ccc; border-radius: 2px; }\n\n    .slider-thumb {\n      display: flex;\n      flex-direction: column;\n      align-items: center;\n      width: 45px;\n      height: auto;\n      overflow: hidden;\n      cursor: pointer;\n      opacity: 0.5;\n      transition: opacity 0.3s;\n    }\n    .slider-thumb.active {\n      opacity: 1;\n    }\n    .slider-thumb:hover { opacity: 0.8; }\n    .slider-thumb.active:hover { opacity: 1; }\n    .slider-thumb img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n      border-radius: 50%;\n    }\n    .slider-thumb p {\n      margin: 5px 0 0 0;\n      font-size: 14px; \/* Adjust as needed *\/\n    }\n    .slider-viewport {\n      width: 50%;\n      position: relative;\n      overflow: hidden;\n    }\n    .slider-track {\n      display: flex;\n      height: 100%;\n      transition: transform 0.6s cubic-bezier(0.22, 1, 0.36, 1);\n    }\n    .slider-slide {\n      min-width: 100%;\n      height: 100%;\n    }\n    .slider-slide img {\n      width: 100%;\n      height: 100%;\n      object-fit: cover;\n      display: block;\n    }\n\n    .slider-arrow {\n      position: absolute;\n      top: 50%;\n      transform: translateY(-50%);\n      width: 36px;\n      height: 36px;\n      border-radius: 50%;\n      border: 1px solid rgba(0,0,0,0.15);\n      background: rgba(255,255,255,0.8);\n      color: #222;\n      display: flex;\n      align-items: center;\n      justify-content: center;\n      cursor: pointer;\n      font-size: 13px;\n      transition: background 0.2s, color 0.2s;\n      z-index: 2;\n    }\n    .slider-arrow:hover { background: #c8956c; color: #fff; border-color: #c8956c; }\n    .slider-arrow.prev { left: 10px; }\n    .slider-arrow.next { right: 10px; }\n\n    .slider-counter {\n      position: absolute;\n      top: 12px;\n      right: 14px;\n      font-size: 13px;\n      color: rgba(0,0,0,0.5);\n      z-index: 2;\n      font-family: sans-serif;\n    }\n    .slider-support a {\n      text-decoration: none !important;\n    }\n    @media (prefers-reduced-motion: reduce) {\n      .slider-track { transition-duration: 0.01ms !important; }\n    }\n    @media (max-width: 600px) {\n      .slider-wrapper { flex-direction: column; }\n      .slider-thumbs, .slider-viewport { width: 100%; }\n      .slider-thumbs { height: 35%; }\n      .slider-viewport { height: 65%; }\n    }\n  <\/style>\n\n\n<div class=\"slider-title\" style=\"padding-top: 2rem;\">\n  <h2>timeless<\/h2>\n  <p>Marco Pisati<br>design: Round<\/p>\n<\/div>\n<div class=\"slider-wrapper\" id=\"slider\">\n  <div class=\"slider-thumbs\" id=\"thumbs\"><\/div>\n  <div class=\"slider-viewport\">\n    <div class=\"slider-track\" id=\"track\"><\/div>\n    <button class=\"slider-arrow prev\" id=\"prev\" aria-label=\"Previous\"><i class=\"fas fa-chevron-left\"><\/i><\/button>\n    <button class=\"slider-arrow next\" id=\"next\" aria-label=\"Next\"><i class=\"fas fa-chevron-right\"><\/i><\/button>\n    <div class=\"slider-counter\" id=\"counter\"><\/div>\n  <\/div>\n<\/div>\n<div class=\"slider-support\" style=\"padding-bottom: 2rem;\">\n  <p>\n   <a href=\"https:\/\/www.dndhandles.it\/wp-content\/uploads\/2020\/10\/dnd_timeless_technical_drawings.pdf\" target=\"_blank\">Drawings and technical info<\/a>\n  <\/p>\n  <p>\n  <a href=\"https:\/\/www.dndhandles.it\/wp-content\/uploads\/2020\/10\/dnd_timeless_catalogue-2.pdf\" target=\"_blank\">Catalogue sheet<\/a>\n  <\/p>\n<\/div>\n<script>\n  const images = [\n    { thumb: 'https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/Finitura_ASV.jpg', image: 'https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/timeless_asv-2-4.jpg', title: 'ASV' },\n    { thumb: 'https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/Finitura_ARO.jpg', image: 'https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/timeless_aro-2.jpg', title: 'ARO' },\n    { thumb: 'https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/Finitura_ABR.jpg', image: 'https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/timeless_abr-2.jpg', title: 'ABR' },\n    { thumb: 'https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/Finitura_ABN.png', image: 'https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/timeless_abn-2.jpg', title: 'ABN' },\n    { thumb: 'https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/Finitura_ANE.jpg', image: 'https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/timeless_ane-2-1.jpg', title: 'ANE' },\n    { thumb: 'https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/Finitura_abt.jpg', image: 'https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/timeless_abt-2.jpg', title: 'ABT' },\n    { thumb: 'https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/Finitura_ago.jpg', image: 'https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/timeless_ago-2.jpg', title: 'AGO' },\n    { thumb: 'https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/Finitura_avp.jpg', image: 'https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/timeless_avp-2.jpg', title: 'AVP' },\n    { thumb: 'https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/Finitura_abc.jpg', image: 'https:\/\/hafelethailand.com\/wp-content\/uploads\/2026\/04\/timeless_abc-2.jpg', title: 'ABC' },\n  ];\n\n  const thumbs = document.getElementById('thumbs');\n  const track = document.getElementById('track');\n  const counter = document.getElementById('counter');\n  let current = 0;\n  let locked = false;\n\n  images.forEach((img, i) => {\n    const t = document.createElement('div');\n    t.className = 'slider-thumb' + (i === 0 ? ' active' : '');\n\n    \/\/ Combine the img and p tags into one innerHTML assignment using backticks (`)\n    \/\/ ${img.title} inserts the variable value correctly\n    t.innerHTML = `\n      <img decoding=\"async\" src=\"${img.thumb}\" alt=\"${img.title}\">\n      <p style=\"text-align: center; margin-top: 5px;\">${img.title}<\/p>\n    `;\n\n    t.addEventListener('click', () => go(i));\n    thumbs.appendChild(t);\n\n    const s = document.createElement('div');\n    s.className = 'slider-slide';\n    s.innerHTML = `<img decoding=\"async\" src=\"${img.image}\" alt=\"${img.title}\">`;\n    track.appendChild(s);\n  });\n\n  function updateCounter() {\n    counter.textContent = `${current + 1} \/ ${images.length}`;\n  }\n  updateCounter();\n\n  function go(i) {\n    if (locked || i === current) return;\n    locked = true;\n    thumbs.children[current].classList.remove('active');\n    current = i;\n    thumbs.children[current].classList.add('active');\n    track.style.transform = `translateX(-${current * 100}%)`;\n    updateCounter();\n    setTimeout(() => { locked = false; }, 600);\n  }\n\n  document.getElementById('prev').addEventListener('click', () => go((current - 1 + images.length) % images.length));\n  document.getElementById('next').addEventListener('click', () => go((current + 1) % images.length));\n<\/script><\/a>\n<\/div><\/div>\n","protected":false},"featured_media":43741,"template":"","brand_category":[1502,1793],"class_list":["post-43763","brand","type-brand","status-publish","has-post-thumbnail","hentry","brand_category-all","brand_category-hardware"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/hafelethailand.com\/en\/wp-json\/wp\/v2\/brand\/43763","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/hafelethailand.com\/en\/wp-json\/wp\/v2\/brand"}],"about":[{"href":"https:\/\/hafelethailand.com\/en\/wp-json\/wp\/v2\/types\/brand"}],"version-history":[{"count":1,"href":"https:\/\/hafelethailand.com\/en\/wp-json\/wp\/v2\/brand\/43763\/revisions"}],"predecessor-version":[{"id":43764,"href":"https:\/\/hafelethailand.com\/en\/wp-json\/wp\/v2\/brand\/43763\/revisions\/43764"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/hafelethailand.com\/en\/wp-json\/wp\/v2\/media\/43741"}],"wp:attachment":[{"href":"https:\/\/hafelethailand.com\/en\/wp-json\/wp\/v2\/media?parent=43763"}],"wp:term":[{"taxonomy":"brand_category","embeddable":true,"href":"https:\/\/hafelethailand.com\/en\/wp-json\/wp\/v2\/brand_category?post=43763"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}