{"id":496,"date":"2026-06-15T07:47:03","date_gmt":"2026-06-15T07:47:03","guid":{"rendered":"http:\/\/uni-trend.local\/?page_id=496"},"modified":"2026-07-31T05:45:34","modified_gmt":"2026-07-31T05:45:34","slug":"brand-story","status":"publish","type":"page","link":"https:\/\/uni-trend.visibleone.dev\/de-de\/brand-story\/","title":{"rendered":"Brand Story"},"content":{"rendered":"<section data-section=\"Innerpage Banner\">\n      <!-- Hero image h:240 with dark overlay + centered title -->\n      <div class=\"relative h-[12.5vw] overflow-hidden max-lg:h-[35vw]\">\n        <img decoding=\"async\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/uploads\/2026\/07\/image-63-1.png\" alt=\"Brand Story\" class=\"absolute inset-0 w-full h-full object-cover\">\n        <div class=\"absolute inset-0 bg-[rgba(0,0,0,0.2)]\"><\/div>\n        <div class=\"absolute inset-0 flex items-center justify-center\">\n          <h1 class=\"h2 text-white tracking-[-0.02em]\">Brand Story<\/h1>\n        <\/div>\n      <\/div>\n      <!-- Lower strip bg:#F5F2F2 h:88 with breadcrumb -->\n      <div class=\"flex items-end container pt-[24px] pb-5 md:pb-10\">\n        <nav class=\"flex items-center gap-[0.63vw]\">\n                                                <span class=\"t-13-20-400 text-c1\">Home<\/span>\n                              <\/nav>\n      <\/div>\n    <\/section>\n\n\n<section data-section=\"Tab List\" class=\"pt-[16px]\">\n      <div class=\"container\">\n        <div class=\"flex flex-row border-b border-c3\">\n                                    <a href=\"https:\/\/uni-trend.visibleone.dev\/de-de\/overview\/\" class=\"flex-1 flex items-center justify-center py-[8px] max-lg:py-[3vw]\">\n                <p href=\"#\" class=\"body-lg font-normal text-c2 hover:text-primary\">Overview<\/p>\n              <\/a>\n                          <a href=\"https:\/\/uni-trend.visibleone.dev\/de-de\/milestones\/\" class=\"flex-1 flex items-center justify-center py-[8px] max-lg:py-[3vw]\">\n                <p href=\"#\" class=\"body-lg font-normal text-c2 hover:text-primary\">Milestones<\/p>\n              <\/a>\n                          <a href=\"https:\/\/uni-trend.visibleone.dev\/de-de\/brand-story\/\" class=\"flex-1 flex items-center justify-center py-[8px] max-lg:py-[3vw]\">\n                <p href=\"#\" class=\"body-lg font-normal text-c2 hover:text-primary\">Brand Story<\/p>\n              <\/a>\n                              <\/div>\n      <\/div>\n    <\/section>\n\n\n<section data-section=\"Brand Story\" class=\"bg-bg pt-[3.13%] pb-[3.13%] max-lg:pt-[30px] max-lg:pb-[30px]\">\n    <div class=\"container\">\n        <div class=\"text-c2 body-lg font-normal text-center tracking-[-0.36px] w-full\"><p>UNI-T is committed to assure safety and well-being of the community. In today\u2019s digital society, dealing with numbers is inevitable. What will be remembered is how actively we move forward, what was forgotten still provides us with care and protection. Everyone has a dream, sometimes we need to pause and experience with our hearts. Behind these numbers, is our most sincere devotion.<\/p>\n<\/div>\n    <\/div>\n<\/section>\n<section data-section=\"Brand Story\" class=\"bg-bg md:pb-[5.21%] pb-[50px]\">\n      <div class=\"container\">\n        <!-- Video frame: 1520\u00d7855, radius 50 -->\n        <div class=\"relative w-full overflow-hidden rounded-[50px] max-lg:rounded-[16px] aspect-[1520\/855] bg-black\">\n          <video id=\"brand-story-video\"\n                 class=\"block w-full h-full object-cover\" src=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/uploads\/2026\/07\/sample-5s.mp4\"                 poster=\"https:\/\/uni-trend.visibleone.dev\/wp-content\/uploads\/2026\/07\/Rectangle-70.png\">\n            <!-- src=\"your-video.mp4\" -->\n          <\/video>\n          <!-- Overlay: dark tint + centred play button; hidden once video starts -->\n          <div id=\"brand-story-play-overlay\"\n               class=\"absolute inset-0 bg-black\/20 flex items-center justify-center cursor-pointer\">\n            <button id=\"brand-story-play-btn\"\n                    class=\"flex items-center justify-center w-[100px] h-[100px] max-lg:w-[52px] max-lg:h-[52px] shrink-0 p-0 overflow-hidden\"\n                    aria-label=\"Play video\">\n              <!-- Polygon 1: 79\u00d795 bounding box centred in 100\u00d7100 frame (Figma Frame 295) -->\n              <svg width=\"100\" height=\"100\" viewBox=\"0 0 100 100\" fill=\"none\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"max-lg:w-[52px] max-lg:h-[52px]\">\n                <polygon points=\"10.5,2.5 89.5,50 10.5,97.5\" fill=\"white\"\/>\n              <\/svg>\n            <\/button>\n          <\/div>\n        <\/div>\n      <\/div>\n      <script>\n        (function () {\n          var video   = document.getElementById('brand-story-video');\n          var overlay = document.getElementById('brand-story-play-overlay');\n          if (!video || !overlay) return;\n          overlay.addEventListener('click', function () {\n            overlay.style.display = 'none';\n            video.controls = true;\n            video.play();\n          });\n          video.addEventListener('ended', function () {\n            video.controls = false;\n            overlay.style.display = '';\n          });\n        })();\n      <\/script>\n    <\/section>\n","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-496","page","type-page","status-publish","hentry"],"acf":[],"_links":{"self":[{"href":"https:\/\/uni-trend.visibleone.dev\/de-de\/wp-json\/wp\/v2\/pages\/496","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=496"}],"version-history":[{"count":2,"href":"https:\/\/uni-trend.visibleone.dev\/de-de\/wp-json\/wp\/v2\/pages\/496\/revisions"}],"predecessor-version":[{"id":744,"href":"https:\/\/uni-trend.visibleone.dev\/de-de\/wp-json\/wp\/v2\/pages\/496\/revisions\/744"}],"wp:attachment":[{"href":"https:\/\/uni-trend.visibleone.dev\/de-de\/wp-json\/wp\/v2\/media?parent=496"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}