{"id":666,"date":"2026-07-16T01:42:57","date_gmt":"2026-07-16T01:42:57","guid":{"rendered":"http:\/\/uni-trend.local\/?page_id=666"},"modified":"2026-08-18T10:40:32","modified_gmt":"2026-08-18T10:40:32","slug":"thermal-landing","status":"publish","type":"page","link":"https:\/\/uni-trend.visibleone.dev\/de-de\/thermal-landing\/","title":{"rendered":"Thermal Landing"},"content":{"rendered":"<section data-section=\"Hero\" class=\"w-full\">\n    <div class=\"w-full overflow-hidden relative\">\n      <div class=\"swiper w-full h-full\" id=\"hero-swiper\">\n        <div class=\"swiper-wrapper\">\n                                                       <a target=\"\" href=\"\" class=\"swiper-slide\">\n                        <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/uploads\/2026\/08\/Rectangle-76-2.png\" alt=\"\" class=\"w-full  object-cover aspect-[1920\/560]\" >\n                      <\/a>\n                                          <a target=\"\" href=\"\" class=\"swiper-slide\">\n                        <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/uploads\/2026\/08\/Rectangle-76-1.png\" alt=\"\" class=\"w-full  object-cover aspect-[1920\/560]\" >\n                      <\/a>\n                                            <\/div>\n      <\/div>\n      <div class=\"absolute bottom-6 left-1\/2 -translate-x-1\/2 z-[1]\">\n         <!-- Pagination bar -->\n        <div class=\"w-full flex items-center justify-center gap-2 py-[0.73%]\">\n          <div class=\"p-3 rounded-2xl bg-black\/10 \">\n            <div id=\"hero-pagination\" class=\"hero-pagination-wrap\"><\/div>\n          <\/div>\n          <button id=\"hero-playpause\"\n                  class=\"p-3 rounded-full bg-black\/10 flex items-center justify-center shrink-0 cursor-pointer border-0\"\n                  aria-label=\"Pause\">\n             <!-- Pause icon (default \u2014 autoplay is running) -->\n              <svg id=\"hero-pause-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 16 16\" fill=\"#fff\" class=\"w-4 h-4\">\n                <rect x=\"2.5\" y=\"2\" width=\"4\" height=\"12\" rx=\"1\"\/>\n                <rect x=\"9.5\" y=\"2\" width=\"4\" height=\"12\" rx=\"1\"\/>\n              <\/svg>\n              <!-- Play icon (shown when paused) -->\n              <svg id=\"hero-play-icon\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 16 16\" fill=\"#fff\" class=\"w-4 h-4\" style=\"display:none\">\n                <path d=\"M3 2L13 8L3 14V2Z\"\/>\n              <\/svg>\n          <\/button>\n        <\/div>\n      <\/div>\n    <\/div>\n\n  <\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  var el = document.getElementById('hero-swiper');\n  if (!el || typeof Swiper === 'undefined') return;\n\n  var btn       = document.getElementById('hero-playpause');\n  var pauseIcon = document.getElementById('hero-pause-icon');\n  var playIcon  = document.getElementById('hero-play-icon');\n  var playing   = true;\n\n  var swiper = new Swiper(el, {\n    slidesPerView: 1,\n    effect: 'fade',\n    fadeEffect: { crossFade: true },\n    loop: true,\n    autoplay: { delay: 5000, disableOnInteraction: false },\n    keyboard: { enabled: true },\n    pagination: { el: '#hero-pagination', clickable: true }\n  });\n\n  if (btn) {\n    btn.addEventListener('click', function () {\n      if (playing) {\n        swiper.autoplay.stop();\n        pauseIcon.style.display = 'none';\n        playIcon.style.display  = 'block';\n        btn.setAttribute('aria-label', 'Play');\n      } else {\n        swiper.autoplay.start();\n        pauseIcon.style.display = 'block';\n        playIcon.style.display  = 'none';\n        btn.setAttribute('aria-label', 'Pause');\n      }\n      playing = !playing;\n    });\n  }\n});\n<\/script>\n\n\n<section data-section=\"Product Categories\" class=\"reveal w-full bg-white py-50 md:py-20\"\n         x-data x-intersect.once=\"$el.classList.add('is-visible')\">\n    <div class=\"container flex flex-col gap-[0.52vw]\" >\n      <!-- Heading -->\n      <h2 class=\"h3 font-bold text-c1 mb-[1.45%]\">Product Categories<\/h2>\n\n      <div >\n        <div class=\"flex flex-col  items-center mt-[3.16%]\">\n\n          <div class=\"w-full grid grid-cols-3 max-lg:grid-cols-2 max-sm:grid-cols-1 gap-5 md:gap-6 xl:gap-8\">\n                        <a href=\"https:\/\/uni-trend.visibleone.dev\/de-de\/product_category\/benchtop-instruments\/\" class=\"flex flex-col rounded-[16px] border border-c3 overflow-hidden group\">\n              <div class=\"w-full  bg-c4 overflow-hidden\">\n                <img decoding=\"async\" src=\"\" class=\"max-h-[190px] aspect-[190\/190] mx-auto object-center group-hover:scale-105 transition-transform ease-out duration-200\" alt=\"Benchtop Instruments\">\n              <\/div>\n              <div class=\"flex items-center justify-between p-4 bg-white rounded-b-[16px]\">\n                <span class=\"t-16-24-600 text-c1 w-[calc(100%_-_32px)] group-hover:text-primary\">Benchtop Instruments<\/span>\n                <div class=\"w-8 h-8 flex items-center justify-center  rounded-full bg-c5 text-primary group-hover:bg-primary group-hover:text-white\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"7\" height=\"12\" viewBox=\"0 0 7 12\" fill=\"none\">\n                      <path d=\"M0.900391 0.898438L5.90039 5.89844L0.900391 10.8984\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                  <\/div>\n              <\/div>\n            <\/a>\n                        <a href=\"https:\/\/uni-trend.visibleone.dev\/de-de\/product_category\/portable-meters\/\" class=\"flex flex-col rounded-[16px] border border-c3 overflow-hidden group\">\n              <div class=\"w-full  bg-c4 overflow-hidden\">\n                <img decoding=\"async\" src=\"\" class=\"max-h-[190px] aspect-[190\/190] mx-auto object-center group-hover:scale-105 transition-transform ease-out duration-200\" alt=\"Portable Meters\">\n              <\/div>\n              <div class=\"flex items-center justify-between p-4 bg-white rounded-b-[16px]\">\n                <span class=\"t-16-24-600 text-c1 w-[calc(100%_-_32px)] group-hover:text-primary\">Portable Meters<\/span>\n                <div class=\"w-8 h-8 flex items-center justify-center  rounded-full bg-c5 text-primary group-hover:bg-primary group-hover:text-white\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"7\" height=\"12\" viewBox=\"0 0 7 12\" fill=\"none\">\n                      <path d=\"M0.900391 0.898438L5.90039 5.89844L0.900391 10.8984\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                  <\/div>\n              <\/div>\n            <\/a>\n            \n          <\/div>\n                  <\/div>\n      <\/div>\n      <\/div>\n    <\/div>\n  <\/section>\n\n\n<div block-name=\"product-carousel\" class=\"bg-c4 py-10 lg:py-20\">\n  <div class=\"container mx-auto\">\n            <!-- MAIN SWIPER -->\n    <div class=\"swiper mainSwiper\">\n      <div class=\"swiper-wrapper\">\n                <!-- SLIDE -->\n        <div class=\"swiper-slide\">\n          <div class=\"product-slide\">\n            <div class=\"main-title\">\n                            <p>MSO7000X<\/p>\n            <\/div>\n            <div class=\"swiper innerMain\">\n              <div class=\"swiper-wrapper\">\n                                                <div class=\"swiper-slide\">\n                  <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/uploads\/2026\/08\/image_image_17_I14271_26487_14271_27742.png\" alt=\"MSO7000X\">\n                <\/div>\n                                                                <div class=\"swiper-slide\">\n                  <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/uploads\/2026\/08\/image-36-1.png\" alt=\"MSO7000X\">\n                <\/div>\n                                                                <div class=\"swiper-slide\">\n                  <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/uploads\/2026\/08\/image-36.png\" alt=\"MSO7000X\">\n                <\/div>\n                                              <\/div>\n            <\/div>\n\n            <div class=\"swiper innerThumb\">\n              <div class=\"swiper-wrapper\">\n                                                <div class=\"swiper-slide\">\n                  <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/uploads\/2026\/08\/image_image_17_I14271_26487_14271_27742-150x150.png\" alt=\"MSO7000X\">\n                <\/div>\n                                                                <div class=\"swiper-slide\">\n                  <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/uploads\/2026\/08\/image-36-1-150x150.png\" alt=\"MSO7000X\">\n                <\/div>\n                                                                <div class=\"swiper-slide\">\n                  <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/uploads\/2026\/08\/image-36-150x150.png\" alt=\"MSO7000X\">\n                <\/div>\n                                              <\/div>\n              <!-- If we need scrollbar -->\n              <div class=\"swiper-scrollbar\"><\/div>\n            <\/div>\n\n          <\/div>\n        <\/div>\n                <!-- SLIDE -->\n        <div class=\"swiper-slide\">\n          <div class=\"product-slide\">\n            <div class=\"main-title\">\n              <p>UT22B<\/p>              <p>UT22B-EU Voltage Tester<\/p>\n            <\/div>\n            <div class=\"swiper innerMain\">\n              <div class=\"swiper-wrapper\">\n                                                <div class=\"swiper-slide\">\n                  <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/uploads\/2026\/08\/image-36-1.png\" alt=\"UT22B-EU Voltage Tester\">\n                <\/div>\n                                                                <div class=\"swiper-slide\">\n                  <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/uploads\/2026\/08\/image-36.png\" alt=\"UT22B-EU Voltage Tester\">\n                <\/div>\n                                              <\/div>\n            <\/div>\n\n            <div class=\"swiper innerThumb\">\n              <div class=\"swiper-wrapper\">\n                                                <div class=\"swiper-slide\">\n                  <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/uploads\/2026\/08\/image-36-1-150x150.png\" alt=\"UT22B-EU Voltage Tester\">\n                <\/div>\n                                                                <div class=\"swiper-slide\">\n                  <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/uploads\/2026\/08\/image-36-150x150.png\" alt=\"UT22B-EU Voltage Tester\">\n                <\/div>\n                                              <\/div>\n              <!-- If we need scrollbar -->\n              <div class=\"swiper-scrollbar\"><\/div>\n            <\/div>\n\n          <\/div>\n        <\/div>\n              <\/div>\n      <div class=\"swiper-button-next\"><\/div>\n      <div class=\"swiper-button-prev\"><\/div>\n    <\/div>\n      <\/div>\n\n<\/div>\n<script>\n  document.addEventListener('DOMContentLoaded', function () {\n\n    const mainSwiper = new Swiper(\".mainSwiper\", {\n      spaceBetween: 50,\n      navigation: {\n        nextEl: \".mainSwiper .swiper-button-next\",\n        prevEl: \".mainSwiper .swiper-button-prev\",\n      },\n    });\n\n    const innerData = []; \/\/ store BOTH inner + thumb\n\n    document.querySelectorAll(\".product-slide\").forEach((product) => {\n\n      const thumb = new Swiper(product.querySelector(\".innerThumb\"), {\n        slidesPerView: 4,\n        spaceBetween: 12,\n        watchSlidesProgress: true,\n        slideToClickedSlide: true,\n        freeMode: {\n          enabled: true,\n          sticky: true, \/\/ snaps to slides after drag\n        },\n        breakpoints: {\n          768: {\n            spaceBetween: 12,\n          },\n          1024: {\n            spaceBetween: 24,\n            slidesPerView: 6,\n          }\n        },\n        \/\/ scollbar\n        scrollbar: {\n          el: '.swiper-scrollbar',\n          draggable: true,\n        },\n      });\n\n      const inner = new Swiper(product.querySelector(\".innerMain\"), {\n        spaceBetween: 12,\n        slidesPerView: \"auto\",\n\n      });\n\n      \/\/ \ud83d\udd25 MANUAL SYNC (THIS FIXES YOUR ISSUE)\n      inner.on(\"slideChange\", () => {\n        const index = inner.activeIndex;\n\n        thumb.slideTo(index);\n\n        thumb.slides.forEach(s => s.classList.remove('swiper-slide-active'));\n\n        if (thumb.slides[index]) {\n          thumb.slides[index].classList.add('swiper-slide-active');\n        }\n      });\n\n      \/\/ optional: click thumb \u2192 change main\n      thumb.on(\"click\", () => {\n        inner.slideTo(thumb.clickedIndex);\n      });\n      innerData.push({ inner, thumb });\n    });\n\n\n    \/\/ \ud83d\udd25 MAIN CHANGE FIX\n    mainSwiper.on(\"slideChange\", () => {\n      const activeIndex = mainSwiper.activeIndex;\n      innerData.forEach((item, i) => {\n        if (i === activeIndex) {\n          \/\/ reset main image\n          item.inner.slideTo(0);\n\n          \/\/ \ud83d\udd25 force thumb sync\n          item.thumb.slideTo(0);\n          item.thumb.update();\n\n          \/\/ \ud83d\udd25 ensure active class updates\n          item.thumb.slides.forEach(s => s.classList.remove('swiper-slide-thumb-active'));\n          if (item.thumb.slides[0]) {\n            item.thumb.slides[0].classList.add('swiper-slide-thumb-active');\n          }\n        }\n      });\n    });\n  });\n<\/script>\n\n <section data-section=\"Latest Products\" class=\"reveal w-full bg-white pt-[4.17%] pb-[4.17%] max-lg:pt-[10vw] max-lg:pb-[10vw]\"\n         x-data x-intersect.once=\"$el.classList.add('is-visible')\">\n    <div class=\"container \">\n      <!-- Header row: heading + prev\/next arrows -->\n      <div class=\"w-full flex items-center justify-between\">\n        <h2 class=\"h3 font-bold text-c1\">Latest Products<\/h2>\n        <div class=\"flex items-center gap-[0.63vw] shrink-0\">\n          <button id=\"lp-prev\" class=\"md:w-10 md:h-10 w-8 h-8  rounded-full flex items-center justify-center bg-c6 shrink-0 cursor-pointer group\" aria-label=\"Previous\">\n            <svg class=\"group-hover:-translate-x-1 transition-transform duration-200 ease-out\" width=\"8\" height=\"14\" viewBox=\"0 0 8 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M7 1L1 7L7 13\" stroke=\"#fff\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/button>\n          <button id=\"lp-next\" class=\"md:w-10 md:h-10 w-8 h-8  rounded-full flex items-center justify-center bg-c6  shrink-0 cursor-pointer group\" aria-label=\"Next\">\n            <svg class=\"group-hover:translate-x-1 transition-transform duration-200 ease-out\" width=\"8\" height=\"14\" viewBox=\"0 0 8 14\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\">\n              <path d=\"M1 1L7 7L1 13\" stroke=\"#fff\" stroke-width=\"1.5\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n            <\/svg>\n          <\/button>\n        <\/div>\n      <\/div>\n      <!-- Swiper -->\n      <div class=\"w-full overflow-hidden py-9\">\n        <div class=\"swiper\" id=\"lp-swiper\">\n          <div class=\"swiper-wrapper\">\n                        <a href=\"https:\/\/uni-trend.visibleone.dev\/de-de\/products\/mso7000x\/\" class=\"swiper-slide flex flex-col rounded-[16px] border border-c3 overflow-hidden group\">\n              <div class=\"w-full aspect-[356\/231] max-h-[231px] min-h-[231px] bg-c4 rounded-t-[16px] relative flex items-center justify-center\">\n                                <span class=\"top-4 left-4 absolute bg-primary text-white t-13-19-400 px-[2.26%] py-[1.13%] rounded-[4px]\">NEW<\/span>\n                                <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/uploads\/2026\/08\/image_image_17_I14271_26487_14271_27742-300x300.png\" class=\"aspect-[160\/160] max-w-[160px] mx-auto object-contain group-hover:scale-105 transition-transform ease-out duration-200\" alt=\"MSO7000X\">\n              <\/div>\n              <div class=\"flex flex-col px-5 py-3 bg-white rounded-b-[16px]\">\n                <div class=\"flex items-center gap-1\">\n                                    <span class=\"t-13-19-400 text-c2 text-caption\">Benchtop Instruments<\/span>\n                <\/div>\n                <p class=\"body font-normaltext-c1 font-semibold pt-2\">MSO7000X<\/p>\n                <div class=\"w-full h-[1px] my-3  bg-c3\"><\/div>\n                <div class=\"flex items-center justify-between\">\n                  <span class=\"body font-normaltext-c2 w-[calc(100%_-_32px)]\">Get more info about features, manual and FAQs.<\/span>\n                  <div class=\"w-8 h-8 flex items-center justify-center  rounded-full bg-c5 text-primary group-hover:bg-primary group-hover:text-white\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"7\" height=\"12\" viewBox=\"0 0 7 12\" fill=\"none\">\n                      <path d=\"M0.900391 0.898438L5.90039 5.89844L0.900391 10.8984\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/a>\n                        <a href=\"https:\/\/uni-trend.visibleone.dev\/de-de\/products\/ut22b-eu-voltage-tester\/\" class=\"swiper-slide flex flex-col rounded-[16px] border border-c3 overflow-hidden group\">\n              <div class=\"w-full aspect-[356\/231] max-h-[231px] min-h-[231px] bg-c4 rounded-t-[16px] relative flex items-center justify-center\">\n                                <span class=\"top-4 left-4 absolute bg-primary text-white t-13-19-400 px-[2.26%] py-[1.13%] rounded-[4px]\">NEW<\/span>\n                                <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/uploads\/2026\/08\/image-36-300x300.png\" class=\"aspect-[160\/160] max-w-[160px] mx-auto object-contain group-hover:scale-105 transition-transform ease-out duration-200\" alt=\"UT22B-EU Voltage Tester\">\n              <\/div>\n              <div class=\"flex flex-col px-5 py-3 bg-white rounded-b-[16px]\">\n                <div class=\"flex items-center gap-1\">\n                                    <span class=\"t-13-19-400 text-c2 text-caption\">Digital Multimeters<\/span>\n                <\/div>\n                <p class=\"body font-normaltext-c1 font-semibold pt-2\">UT22B<br\/> UT22B-EU Voltage Tester<\/p>\n                <div class=\"w-full h-[1px] my-3  bg-c3\"><\/div>\n                <div class=\"flex items-center justify-between\">\n                  <span class=\"body font-normaltext-c2 w-[calc(100%_-_32px)]\">Get more info about features, manual and FAQs.<\/span>\n                  <div class=\"w-8 h-8 flex items-center justify-center  rounded-full bg-c5 text-primary group-hover:bg-primary group-hover:text-white\">\n                    <svg xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"7\" height=\"12\" viewBox=\"0 0 7 12\" fill=\"none\">\n                      <path d=\"M0.900391 0.898438L5.90039 5.89844L0.900391 10.8984\" stroke=\"currentColor\" stroke-width=\"1.8\" stroke-linecap=\"round\" stroke-linejoin=\"round\"\/>\n                    <\/svg>\n                  <\/div>\n                <\/div>\n              <\/div>\n            <\/a>\n                      <\/div>\n        <\/div>\n      <\/div>\n      \n    <\/div>\n  <\/section>\n\n<script>\ndocument.addEventListener('DOMContentLoaded', function () {\n  var el = document.getElementById('lp-swiper');\n  if (el && typeof Swiper !== 'undefined') {\n    new Swiper(el, {\n      slidesPerView: 1,\n      spaceBetween: 16,\n      breakpoints: {\n        640: { slidesPerView: 2, spaceBetween: 16 },\n        1024: { slidesPerView: 3, spaceBetween: 24 },\n        1500: { slidesPerView: 4, spaceBetween: 32 }\n      },\n      loop: true,\n      keyboard: { enabled: true },\n      navigation: { prevEl: '#lp-prev', nextEl: '#lp-next' }\n    });\n  }\n});\n<\/script>\n\n\n<section data-section=\"Our Solutions Landing\" class=\"reveal w-full bg-c4 pt-[4.17%] pb-[4.17%] max-lg:pt-[10vw] max-lg:pb-[10vw]\"\n         x-data x-intersect.once=\"$el.classList.add('is-visible')\">\n    <div class=\"flex flex-col gap-[2.5vw] items-center w-full\">\n      <!-- Heading block -->\n       <div class=\"container\">\n          <div class=\"flex flex-col  items-center max-w-[49%] max-xl:max-w-full mx-auto text-center\">\n            <h2 class=\"h3 font-bold text-c1\">Our Solutions for Portable Meters<\/h2>\n                      <\/div>\n       <\/div>\n        <div class=\"w-full container mt-12 \" x-data=\"{ tab: 0 }\">\n        <!-- Tab bar -->\n            <div class=\"w-full border-b border-c3  flex justify-center mb-8\">\n                <div class=\"flex items-center justify-center  gap-[0.21vw]\" role=\"tablist\"\n                     @keydown.right.prevent=\"tab = (tab + 1) % 1; $refs['tab' + tab].focus()\"\n                     @keydown.left.prevent=\"tab = (tab - 1 + 1) % 1; $refs['tab' + tab].focus()\">\n                                        <button type=\"button\" role=\"tab\"\n                            id=\"osl-1-tab-0\"\n                            x-ref=\"tab0\"\n                            aria-controls=\"osl-1-panel-0\"\n                            :aria-selected=\"tab === 0 ? 'true' : 'false'\"\n                            :tabindex=\"tab === 0 ? 0 : -1\"\n                            @click=\"tab = 0\"\n                            class=\" px-[2.34vw] py-2 flex items-center justify-center shrink-0 cursor-pointer\"\n                            :class=\"tab === 0 ? 'border-b-[2px] border-primary' : 'border-transparent'\">\n                        <span :class=\"tab === 0 ? 'text-primary t-18-27-700' : 't-18-27-400 text-c1'\">Electric &amp; Energy<\/span>\n                    <\/button>\n                                    <\/div>\n            <\/div>\n        <!-- Tab panels -->\n                        <div role=\"tabpanel\"\n                 id=\"osl-1-panel-0\"\n                 aria-labelledby=\"osl-1-tab-0\"\n                 tabindex=\"0\"\n                 x-show=\"tab === 0\" x-cloak>\n                <div class=\"grid grid-cols-1 md:grid-cols-3 gap-4 2xl:gap-8 \" >\n                                        <a href=\"https:\/\/uni-trend.visibleone.dev\/de-de\/solution\/technologies-in-iot\/\" class=\"flex flex-col rounded-[20px] border border-c3 overflow-hidden bg-white group\">\n                                        <div class=\"w-full aspect-[485\/267]  max-h-[267px] overflow-hidden\">\n                        <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/uploads\/2026\/08\/image-23-300x200.png\" class=\"w-full h-full object-cover\" alt=\"Technologies In IoT\">\n                    <\/div>\n                                        <div class=\"flex flex-col p-5\">\n                        <div class=\"flex flex-col\">\n                        <div class=\"flex items-center gap-2 caption font-normal text-c2\">\n                            <span class=\"caption\">Aug 24, 2026<\/span>\n                            <span class=\"text-c3\">|<\/span><span class=\"caption\">Tech<\/span>                        <\/div>\n                        <h3 class=\" text-c1 h6 font-semibold mt-3 group-hover:text-primary line-clamp-2\">Technologies In IoT<\/h3>\n                        <div class=\"w-full h-[1px] my-4 bg-c3\"><\/div>\n                        <p class=\"body font-normal text-c2 line-clamp-3\">UNI-T is excited to share its involvement in the upcoming Hannover Messe 2025, a premier global event for industrial technology, automation, and innovation.<\/p>\n                        <\/div>\n                        <div class=\"flex items-center gap-2 mt-5 md:mt-10\">\n                        <span class=\"body font-semibold text-primary\">Read more<\/span>\n                        <svg  xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 12 12\" fill=\"currentColor\" aria-hidden=\"true\" class=\"w-3 h-3  text-primary group-hover:translate-x-2.5 transition-transform duration-200 ease-out\"><path d=\"M6.60627 9.7217C6.53774 9.69333 6.47916 9.64528 6.43795 9.58362C6.39673 9.52196 6.37472 9.44946 6.3747 9.37529V6.3753L1.87471 6.3753C1.77525 6.3753 1.67987 6.33579 1.60954 6.26546C1.53921 6.19513 1.49971 6.09975 1.49971 6.0003C1.49971 5.90084 1.53921 5.80546 1.60954 5.73513C1.67987 5.6648 1.77525 5.6253 1.87471 5.6253H6.3747V2.6253C6.37465 2.55108 6.39661 2.47852 6.43781 2.4168C6.47901 2.35508 6.5376 2.30697 6.60616 2.27856C6.67472 2.25015 6.75016 2.24273 6.82294 2.25722C6.89573 2.27172 6.96257 2.30748 7.01502 2.35998L10.39 5.73498C10.4249 5.76981 10.4525 5.81117 10.4714 5.85669C10.4903 5.90222 10.5 5.95101 10.5 6.0003C10.5 6.04958 10.4903 6.09837 10.4714 6.1439C10.4525 6.18942 10.4249 6.23078 10.39 6.26561L7.01502 9.64061C6.96254 9.69304 6.8957 9.72872 6.82294 9.74316C6.75019 9.75759 6.67478 9.75013 6.60627 9.7217Z\" fill=\"currentColor\"><\/path><\/svg>\n                        <\/div>\n                    <\/div>\n                    <\/a>\n                                        <a href=\"https:\/\/uni-trend.visibleone.dev\/de-de\/solution\/energy-storage\/\" class=\"flex flex-col rounded-[20px] border border-c3 overflow-hidden bg-white group\">\n                                        <div class=\"w-full aspect-[485\/267]  max-h-[267px] overflow-hidden\">\n                        <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/uploads\/2026\/08\/image-23-300x200.png\" class=\"w-full h-full object-cover\" alt=\"Energy Storage\">\n                    <\/div>\n                                        <div class=\"flex flex-col p-5\">\n                        <div class=\"flex flex-col\">\n                        <div class=\"flex items-center gap-2 caption font-normal text-c2\">\n                            <span class=\"caption\">Aug 24, 2026<\/span>\n                            <span class=\"text-c3\">|<\/span><span class=\"caption\">Guide<\/span>                        <\/div>\n                        <h3 class=\" text-c1 h6 font-semibold mt-3 group-hover:text-primary line-clamp-2\">Energy Storage<\/h3>\n                        <div class=\"w-full h-[1px] my-4 bg-c3\"><\/div>\n                        <p class=\"body font-normal text-c2 line-clamp-3\">UNI-T is excited to share its involvement in the upcoming Hannover Messe 2025, a premier global event for industrial technology, automation, and innovation.<\/p>\n                        <\/div>\n                        <div class=\"flex items-center gap-2 mt-5 md:mt-10\">\n                        <span class=\"body font-semibold text-primary\">Read more<\/span>\n                        <svg  xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 12 12\" fill=\"currentColor\" aria-hidden=\"true\" class=\"w-3 h-3  text-primary group-hover:translate-x-2.5 transition-transform duration-200 ease-out\"><path d=\"M6.60627 9.7217C6.53774 9.69333 6.47916 9.64528 6.43795 9.58362C6.39673 9.52196 6.37472 9.44946 6.3747 9.37529V6.3753L1.87471 6.3753C1.77525 6.3753 1.67987 6.33579 1.60954 6.26546C1.53921 6.19513 1.49971 6.09975 1.49971 6.0003C1.49971 5.90084 1.53921 5.80546 1.60954 5.73513C1.67987 5.6648 1.77525 5.6253 1.87471 5.6253H6.3747V2.6253C6.37465 2.55108 6.39661 2.47852 6.43781 2.4168C6.47901 2.35508 6.5376 2.30697 6.60616 2.27856C6.67472 2.25015 6.75016 2.24273 6.82294 2.25722C6.89573 2.27172 6.96257 2.30748 7.01502 2.35998L10.39 5.73498C10.4249 5.76981 10.4525 5.81117 10.4714 5.85669C10.4903 5.90222 10.5 5.95101 10.5 6.0003C10.5 6.04958 10.4903 6.09837 10.4714 6.1439C10.4525 6.18942 10.4249 6.23078 10.39 6.26561L7.01502 9.64061C6.96254 9.69304 6.8957 9.72872 6.82294 9.74316C6.75019 9.75759 6.67478 9.75013 6.60627 9.7217Z\" fill=\"currentColor\"><\/path><\/svg>\n                        <\/div>\n                    <\/div>\n                    <\/a>\n                                        <a href=\"https:\/\/uni-trend.visibleone.dev\/de-de\/solution\/new-energy-vehicles\/\" class=\"flex flex-col rounded-[20px] border border-c3 overflow-hidden bg-white group\">\n                                        <div class=\"w-full aspect-[485\/267]  max-h-[267px] overflow-hidden\">\n                        <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/uploads\/2026\/08\/image-23-300x200.png\" class=\"w-full h-full object-cover\" alt=\"New Energy Vehicles\">\n                    <\/div>\n                                        <div class=\"flex flex-col p-5\">\n                        <div class=\"flex flex-col\">\n                        <div class=\"flex items-center gap-2 caption font-normal text-c2\">\n                            <span class=\"caption\">Aug 4, 2026<\/span>\n                            <span class=\"text-c3\">|<\/span><span class=\"caption\">Applications<\/span>                        <\/div>\n                        <h3 class=\" text-c1 h6 font-semibold mt-3 group-hover:text-primary line-clamp-2\">New Energy Vehicles<\/h3>\n                        <div class=\"w-full h-[1px] my-4 bg-c3\"><\/div>\n                        <p class=\"body font-normal text-c2 line-clamp-3\">UNI-T is excited to share its involvement in the upcoming Hannover Messe 2025, a premier global event for industrial technology, automation, and innovation.<\/p>\n                        <\/div>\n                        <div class=\"flex items-center gap-2 mt-5 md:mt-10\">\n                        <span class=\"body font-semibold text-primary\">Read more<\/span>\n                        <svg  xmlns=\"http:\/\/www.w3.org\/2000\/svg\" viewBox=\"0 0 12 12\" fill=\"currentColor\" aria-hidden=\"true\" class=\"w-3 h-3  text-primary group-hover:translate-x-2.5 transition-transform duration-200 ease-out\"><path d=\"M6.60627 9.7217C6.53774 9.69333 6.47916 9.64528 6.43795 9.58362C6.39673 9.52196 6.37472 9.44946 6.3747 9.37529V6.3753L1.87471 6.3753C1.77525 6.3753 1.67987 6.33579 1.60954 6.26546C1.53921 6.19513 1.49971 6.09975 1.49971 6.0003C1.49971 5.90084 1.53921 5.80546 1.60954 5.73513C1.67987 5.6648 1.77525 5.6253 1.87471 5.6253H6.3747V2.6253C6.37465 2.55108 6.39661 2.47852 6.43781 2.4168C6.47901 2.35508 6.5376 2.30697 6.60616 2.27856C6.67472 2.25015 6.75016 2.24273 6.82294 2.25722C6.89573 2.27172 6.96257 2.30748 7.01502 2.35998L10.39 5.73498C10.4249 5.76981 10.4525 5.81117 10.4714 5.85669C10.4903 5.90222 10.5 5.95101 10.5 6.0003C10.5 6.04958 10.4903 6.09837 10.4714 6.1439C10.4525 6.18942 10.4249 6.23078 10.39 6.26561L7.01502 9.64061C6.96254 9.69304 6.8957 9.72872 6.82294 9.74316C6.75019 9.75759 6.67478 9.75013 6.60627 9.7217Z\" fill=\"currentColor\"><\/path><\/svg>\n                        <\/div>\n                    <\/div>\n                    <\/a>\n                                    <\/div>\n            <\/div>\n                  <\/div>\n    <\/div>\n  <\/section>\n\n\n<section data-section=\"User Support\" class=\"bg-bg pt-[4.17%] pb-[4.17%] max-lg:pt-[10vw] max-lg:pb-[10vw]\">\n      <div class=\"container\">\n\n        <!-- Heading row (Frame 99: HORIZONTAL SPACE_BETWEEN, single child = centered) -->\n        <div class=\"flex justify-center mb-[3.16%] max-lg:mb-[6vw]\">\n          <h5 class=\"h3 text-fg text-center\">User Support<\/h5>\n        <\/div>\n\n        <!-- Cards row (Frame 4919: HORIZONTAL gap=60, justify-center) -->\n        <div class=\"flex justify-center gap-[3.13vw] max-lg:flex-col max-lg:items-center max-lg:gap-[8vw]\">\n\n                    <!-- Card -->\n          <a href=\"https:\/\/uni-trend.visibleone.dev\/download-center\/\" target=\"\" class=\"flex flex-col items-center gap-[1.04vw] w-[29.28%] max-lg:w-full max-lg:max-w-[400px] max-lg:gap-[4vw] group\">\n            <!-- Icon circle (120\u00d7120, circle baked into SVG) -->\n             <div class=\"group-hover:bg-c5 border border-c3 rounded-full w-[60px] h-[60px] lg:w-[120px] lg:h-[120px] flex justify-center items-center\">\n                <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/uploads\/2026\/08\/x31__x2C_5_px.svg\" class=\"w-[60] h-[60px] shrink-0 max-lg:w-[30px] max-lg:h-[30px]\" alt=\"\">\n             <\/div>\n            <!-- Text block (FILL\u00d7HUG, gap=16) -->\n            <div class=\"flex flex-col items-center gap-[0.83vw] w-full max-lg:gap-[2vw]\">\n              <h3 class=\"h5 text-fg text-center w-full group-hover:text-primary\">Downloads<\/h3>\n              <p class=\"body-lg text-c2 text-center w-full\">Click here for product software, technical documents &amp; catalogue<\/p>\n            <\/div>\n          <\/a>\n                    <!-- Card -->\n          <a href=\"https:\/\/uni-trend.visibleone.dev\/contact-us\/\" target=\"\" class=\"flex flex-col items-center gap-[1.04vw] w-[29.28%] max-lg:w-full max-lg:max-w-[400px] max-lg:gap-[4vw] group\">\n            <!-- Icon circle (120\u00d7120, circle baked into SVG) -->\n             <div class=\"group-hover:bg-c5 border border-c3 rounded-full w-[60px] h-[60px] lg:w-[120px] lg:h-[120px] flex justify-center items-center\">\n                <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/uploads\/2026\/08\/Layer_1.svg\" class=\"w-[60] h-[60px] shrink-0 max-lg:w-[30px] max-lg:h-[30px]\" alt=\"\">\n             <\/div>\n            <!-- Text block (FILL\u00d7HUG, gap=16) -->\n            <div class=\"flex flex-col items-center gap-[0.83vw] w-full max-lg:gap-[2vw]\">\n              <h3 class=\"h5 text-fg text-center w-full group-hover:text-primary\">Contact Us<\/h3>\n              <p class=\"body-lg text-c2 text-center w-full\">Any questions or need help? Click here to contact UNI-T team<\/p>\n            <\/div>\n          <\/a>\n                    <!-- Card -->\n          <a href=\"https:\/\/uni-trend.visibleone.dev\/faq\/\" target=\"\" class=\"flex flex-col items-center gap-[1.04vw] w-[29.28%] max-lg:w-full max-lg:max-w-[400px] max-lg:gap-[4vw] group\">\n            <!-- Icon circle (120\u00d7120, circle baked into SVG) -->\n             <div class=\"group-hover:bg-c5 border border-c3 rounded-full w-[60px] h-[60px] lg:w-[120px] lg:h-[120px] flex justify-center items-center\">\n                <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/uploads\/2026\/08\/Capa_1.svg\" class=\"w-[60] h-[60px] shrink-0 max-lg:w-[30px] max-lg:h-[30px]\" alt=\"\">\n             <\/div>\n            <!-- Text block (FILL\u00d7HUG, gap=16) -->\n            <div class=\"flex flex-col items-center gap-[0.83vw] w-full max-lg:gap-[2vw]\">\n              <h3 class=\"h5 text-fg text-center w-full group-hover:text-primary\">FAQ<\/h3>\n              <p class=\"body-lg text-c2 text-center w-full\">Frequently Asked Questions<\/p>\n            <\/div>\n          <\/a>\n          \n        <\/div>\n      <\/div>\n    <\/section>\n\n\n<section data-section=\"Where to Buy banner\" class=\"pt-[4.17%] pb-[4.17%] max-lg:pt-[10vw] max-lg:pb-[10vw] relative\">\n    <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/themes\/uni-trend\/public\/images\/where-to-buy-banner.png\" class=\"absolute left-0 top-0 h-full w-full z-0\" \/>\n    <div class=\"container\">\n        <div class=\"max-w-[800px] mx-auto relative z-[1]\">\n            <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/themes\/uni-trend\/public\/images\/shop-icon.svg\" class=\"mx-auto\" \/>\n            <h3 class=\"h3 text-white font-bold font-primary text-center mt-2\">Where to Buy<\/h3>\n            <div class=\"mt-3 text-center font-normal body-sm text-white\">\n                <p>Locate certified UNI-T distributors and service centers near you. Every authorized partner is equipped to provide genuine products, expert technical advice, and local warranty support tailored to your region.<\/p>\n            <\/div>\n            <div class=\"flex justify-center mt-8\">\n                <a href=\"https:\/\/uni-trend.visibleone.dev\/where-to-buy\/\" target=\"\" class=\"shrink-0 bg-primary text-white body font-semibold px-6  py-2.5 md:py-14 rounded-[24px] border border-primary inline-flex hover:gap-x-2.5 items-center justify-center group \"><span>Distributor Locator<\/span> <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/themes\/uni-trend\/public\/images\/icons\/btn-arrow.svg\" class=\"w-0  group-hover:w-3 transition-all ease-out duration-200\" \/> <\/a>\n            <\/div>\n        <\/div>\n    <\/div>\n<\/section>","protected":false},"excerpt":{"rendered":"","protected":false},"author":1,"featured_media":0,"parent":0,"menu_order":0,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_acf_changed":false,"inline_featured_image":false,"footnotes":""},"class_list":["post-666","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/uni-trend.visibleone.dev\/de-de\/wp-json\/wp\/v2\/pages\/666","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/uni-trend.visibleone.dev\/de-de\/wp-json\/wp\/v2\/pages"}],"about":[{"href":"https:\/\/uni-trend.visibleone.dev\/de-de\/wp-json\/wp\/v2\/types\/page"}],"author":[{"embeddable":true,"href":"https:\/\/uni-trend.visibleone.dev\/de-de\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/uni-trend.visibleone.dev\/de-de\/wp-json\/wp\/v2\/comments?post=666"}],"version-history":[{"count":2,"href":"https:\/\/uni-trend.visibleone.dev\/de-de\/wp-json\/wp\/v2\/pages\/666\/revisions"}],"predecessor-version":[{"id":1357,"href":"https:\/\/uni-trend.visibleone.dev\/de-de\/wp-json\/wp\/v2\/pages\/666\/revisions\/1357"}],"wp:attachment":[{"href":"https:\/\/uni-trend.visibleone.dev\/de-de\/wp-json\/wp\/v2\/media?parent=666"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}