Embed

<section class="aura-noir-product" id="aura-noir-j">

  <style>
    /* =========================================================
       BASE
       ========================================================= */

    .aura-noir-product {
      --noir-background: #f5f5f3;
      --noir-image-background: #e7e7e4;
      --noir-black: #111111;
      --noir-text: #181818;
      --noir-light-text: #929292;
      --noir-border: #dcdcd8;
      --noir-taupe: #aa8977;
      --noir-green: #78a15c;

      width: 100%;
      overflow: hidden;
      background: var(--noir-background);
      color: var(--noir-text);
      font-family: inherit !important;
      line-height: 1.7;
      -webkit-font-smoothing: antialiased;
      text-rendering: optimizeLegibility;
    }

    .aura-noir-product *,
    .aura-noir-product *::before,
    .aura-noir-product *::after {
      box-sizing: border-box;
    }

    .aura-noir-product img {
      display: block;
      max-width: 100%;
    }

    .aura-noir-product h1,
    .aura-noir-product p {
      margin-top: 0;
    }

    .aura-noir-product h1,
    .aura-noir-product p,
    .aura-noir-product a,
    .aura-noir-product span,
    .aura-noir-product li,
    .aura-noir-product button {
      font-family: inherit !important;
    }

    /* =========================================================
       MAIN LAYOUT
       ========================================================= */

    .aura-noir-grid {
      display: grid;
      width: 100%;
      min-height: 720px;
      grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
    }

    /* =========================================================
       CLICKABLE IMAGE GALLERY
       ========================================================= */

    .aura-noir-gallery {
      position: relative;
      display: block;
      overflow: hidden;
      width: 100%;
      min-height: 720px;
      margin: 0;
      padding: 0;
      border: 0;
      background: var(--noir-image-background);
      cursor: pointer;
      outline: none;
      appearance: none;
      -webkit-appearance: none;
      -webkit-tap-highlight-color: transparent;
    }

    .aura-noir-gallery:focus-visible {
      outline: 2px solid var(--noir-black);
      outline-offset: -4px;
    }

    .aura-noir-gallery-image {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      min-height: 720px;
      object-fit: cover;
      object-position: center;
      opacity: 0;
      visibility: hidden;
      transform: scale(1.015);
      transition:
        opacity 420ms ease,
        visibility 420ms ease,
        transform 650ms ease;
    }

    .aura-noir-gallery-image.is-active {
      opacity: 1;
      visibility: visible;
      transform: scale(1);
    }

    .aura-noir-gallery:hover
    .aura-noir-gallery-image.is-active {
      transform: scale(1.012);
    }

    /* Discount badge */

    .aura-noir-discount {
      position: absolute;
      z-index: 5;
      top: 27px;
      left: 24px;
      display: flex;
      width: 78px;
      height: 78px;
      align-items: center;
      justify-content: center;
      border-radius: 50%;
      background: var(--noir-taupe);
      color: #ffffff;
      font-size: 20px;
      font-weight: 700;
      line-height: 1;
      text-align: center;
      pointer-events: none;
    }

    /* Broken image fallback */

    .aura-noir-gallery.is-image-error::before {
      position: absolute;
      z-index: 2;
      top: 50%;
      left: 50%;
      width: min(420px, calc(100% - 60px));
      color: #777777;
      content: "Replace the image placeholders with direct Durable CDN image URLs.";
      font-size: 14px;
      line-height: 1.7;
      text-align: center;
      transform: translate(-50%, -50%);
    }

    /* =========================================================
       PRODUCT INFORMATION
       ========================================================= */

    .aura-noir-content-column {
      display: flex;
      align-items: center;
      padding: 68px clamp(42px, 6vw, 98px);
      background: var(--noir-background);
    }

    .aura-noir-content {
      width: min(720px, 100%);
    }

    /* Breadcrumb */

    .aura-noir-breadcrumb {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 8px;
      margin-bottom: 12px;
      color: var(--noir-light-text);
      font-size: 11px;
      line-height: 1.5;
    }

    .aura-noir-breadcrumb a {
      color: inherit;
      text-decoration: none;
    }

    .aura-noir-breadcrumb a:hover {
      color: var(--noir-black);
    }

    /* Product title */

    .aura-noir-title {
      max-width: 720px;
      margin-bottom: 25px;
      color: var(--noir-text);
      font-size: clamp(30px, 3.2vw, 46px);
      font-weight: 430;
      letter-spacing: -0.035em;
      line-height: 1.14;
    }

    .aura-noir-title-line {
      width: 43px;
      height: 3px;
      margin-bottom: 22px;
      background: #d1d1ce;
    }

    /* Pricing */

    .aura-noir-price-row {
      display: flex;
      flex-wrap: wrap;
      align-items: center;
      gap: 15px;
      margin-bottom: 39px;
    }

    .aura-noir-old-price {
      color: #666666;
      font-size: clamp(22px, 2vw, 30px);
      font-weight: 400;
      letter-spacing: -0.025em;
      line-height: 1.2;
      text-decoration: line-through;
      text-decoration-thickness: 1.5px;
    }

    .aura-noir-sale-price {
      color: var(--noir-taupe);
      font-size: clamp(25px, 2.2vw, 34px);
      font-weight: 700;
      letter-spacing: -0.025em;
      line-height: 1.2;
    }

    /* Description */

    .aura-noir-description {
      max-width: 710px;
      margin-bottom: 29px;
      color: #303030;
      font-size: 15px;
      line-height: 1.9;
    }

    .aura-noir-description strong {
      color: var(--noir-black);
      font-weight: 700;
    }

    /* =========================================================
       FEATURE LIST
       ========================================================= */

    .aura-noir-feature-list {
      margin: 0;
      padding: 0;
      list-style: none;
    }

    .aura-noir-feature {
      display: flex;
      min-height: 57px;
      align-items: center;
      gap: 15px;
      padding: 14px 0;
      border-bottom: 1px solid var(--noir-border);
      color: #242424;
      font-size: 14px;
      font-weight: 500;
      line-height: 1.55;
    }

    .aura-noir-check {
      position: relative;
      width: 20px;
      height: 20px;
      flex: 0 0 auto;
    }

    .aura-noir-check::before {
      position: absolute;
      top: 2px;
      left: 5px;
      width: 8px;
      height: 13px;
      border-right: 4px solid var(--noir-green);
      border-bottom: 4px solid var(--noir-green);
      content: "";
      transform: rotate(45deg);
    }

    /* =========================================================
       WHATSAPP BUTTON
       ========================================================= */

    .aura-noir-actions {
      display: flex;
      flex-wrap: wrap;
      margin-top: 31px;
    }

    .aura-noir-whatsapp {
      display: inline-flex;
      min-height: 49px;
      align-items: center;
      justify-content: center;
      gap: 10px;
      padding: 12px 24px;
      border: 1px solid var(--noir-black);
      border-radius: 999px;
      background: transparent;
      color: var(--noir-black) !important;
      font-size: 13px;
      font-weight: 650;
      line-height: 1.2;
      text-decoration: none !important;
      transition:
        background-color 180ms ease,
        color 180ms ease,
        transform 180ms ease;
    }

    .aura-noir-whatsapp:hover {
      background: var(--noir-black);
      color: #ffffff !important;
      transform: translateY(-2px);
    }

    .aura-noir-whatsapp svg {
      width: 17px;
      height: 17px;
      flex: 0 0 auto;
    }

    /* =========================================================
       TABLET
       ========================================================= */

    @media (max-width: 960px) {
      .aura-noir-grid {
        grid-template-columns: 1fr;
      }

      .aura-noir-gallery,
      .aura-noir-gallery-image {
        min-height: 620px;
      }

      .aura-noir-content-column {
        padding: 58px 38px 68px;
      }
    }

    /* =========================================================
       MOBILE
       ========================================================= */

    @media (max-width: 640px) {
      .aura-noir-gallery,
      .aura-noir-gallery-image {
        min-height: 470px;
      }

      .aura-noir-discount {
        top: 18px;
        left: 17px;
        width: 65px;
        height: 65px;
        font-size: 17px;
      }

      .aura-noir-content-column {
        padding: 42px 22px 52px;
      }

      .aura-noir-title {
        margin-bottom: 21px;
        font-size: 29px;
      }

      .aura-noir-price-row {
        margin-bottom: 30px;
      }

      .aura-noir-old-price {
        font-size: 22px;
      }

      .aura-noir-sale-price {
        font-size: 25px;
      }

      .aura-noir-description {
        font-size: 14px;
        line-height: 1.8;
      }

      .aura-noir-feature {
        min-height: 54px;
        font-size: 13px;
      }

      .aura-noir-actions,
      .aura-noir-whatsapp {
        width: 100%;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      .aura-noir-product *,
      .aura-noir-product *::before,
      .aura-noir-product *::after {
        transition-duration: 0.01ms !important;
      }
    }
  </style>

  <div class="aura-noir-grid">

    

    <button
      class="aura-noir-gallery"
      type="button"
      aria-label="AURA NOIR J product gallery. Click to view the next product photo."
    >

      

      <img
        class="aura-noir-gallery-image is-active"
        src=<img alt="" title="" src="/_next/image?url=https%3A%2F%2Fcdn.durable.co%2Fblocks%2F3iZRguu2lUIjOD2PRM1drrkaOQYtDIjle5yofwusPfsCfhKJqcN4Tg1qwsg6aBzh.jpg&amp;w=1920&amp;q=90" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover" sizes="200vw" srcset="/_next/image?url=https%3A%2F%2Fcdn.durable.co%2Fblocks%2F3iZRguu2lUIjOD2PRM1drrkaOQYtDIjle5yofwusPfsCfhKJqcN4Tg1qwsg6aBzh.jpg&amp;w=480&amp;q=90 480w, /_next/image?url=https%3A%2F%2Fcdn.durable.co%2Fblocks%2F3iZRguu2lUIjOD2PRM1drrkaOQYtDIjle5yofwusPfsCfhKJqcN4Tg1qwsg6aBzh.jpg&amp;w=640&amp;q=90 640w, /_next/image?url=https%3A%2F%2Fcdn.durable.co%2Fblocks%2F3iZRguu2lUIjOD2PRM1drrkaOQYtDIjle5yofwusPfsCfhKJqcN4Tg1qwsg6aBzh.jpg&amp;w=768&amp;q=90 768w, /_next/image?url=https%3A%2F%2Fcdn.durable.co%2Fblocks%2F3iZRguu2lUIjOD2PRM1drrkaOQYtDIjle5yofwusPfsCfhKJqcN4Tg1qwsg6aBzh.jpg&amp;w=1080&amp;q=90 1080w, /_next/image?url=https%3A%2F%2Fcdn.durable.co%2Fblocks%2F3iZRguu2lUIjOD2PRM1drrkaOQYtDIjle5yofwusPfsCfhKJqcN4Tg1qwsg6aBzh.jpg&amp;w=1200&amp;q=90 1200w, /_next/image?url=https%3A%2F%2Fcdn.durable.co%2Fblocks%2F3iZRguu2lUIjOD2PRM1drrkaOQYtDIjle5yofwusPfsCfhKJqcN4Tg1qwsg6aBzh.jpg&amp;w=1920&amp;q=90 1920w" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%; object-fit: cover; object-position: center center;">
        alt="AURA NOIR J premium smart door lock installed on a wooden door in Malaysia"
        loading="eager"
        fetchpriority="high"
      >

      

      <img
        class="aura-noir-gallery-image"
        src=<img alt="" title="" src="/_next/image?url=https%3A%2F%2Fcdn.durable.co%2Fblocks%2F83zn60gZ4Ffz09T1Xb4K8BxyMh02zgaDVVM31RUdeEcjZ8NnRTGZZONblAVNIYH0.jpg&amp;w=1920&amp;q=90" decoding="async" data-nimg="fill" class="w-full h-full object-center object-cover" sizes="200vw" srcset="/_next/image?url=https%3A%2F%2Fcdn.durable.co%2Fblocks%2F83zn60gZ4Ffz09T1Xb4K8BxyMh02zgaDVVM31RUdeEcjZ8NnRTGZZONblAVNIYH0.jpg&amp;w=480&amp;q=90 480w, /_next/image?url=https%3A%2F%2Fcdn.durable.co%2Fblocks%2F83zn60gZ4Ffz09T1Xb4K8BxyMh02zgaDVVM31RUdeEcjZ8NnRTGZZONblAVNIYH0.jpg&amp;w=640&amp;q=90 640w, /_next/image?url=https%3A%2F%2Fcdn.durable.co%2Fblocks%2F83zn60gZ4Ffz09T1Xb4K8BxyMh02zgaDVVM31RUdeEcjZ8NnRTGZZONblAVNIYH0.jpg&amp;w=768&amp;q=90 768w, /_next/image?url=https%3A%2F%2Fcdn.durable.co%2Fblocks%2F83zn60gZ4Ffz09T1Xb4K8BxyMh02zgaDVVM31RUdeEcjZ8NnRTGZZONblAVNIYH0.jpg&amp;w=1080&amp;q=90 1080w, /_next/image?url=https%3A%2F%2Fcdn.durable.co%2Fblocks%2F83zn60gZ4Ffz09T1Xb4K8BxyMh02zgaDVVM31RUdeEcjZ8NnRTGZZONblAVNIYH0.jpg&amp;w=1200&amp;q=90 1200w, /_next/image?url=https%3A%2F%2Fcdn.durable.co%2Fblocks%2F83zn60gZ4Ffz09T1Xb4K8BxyMh02zgaDVVM31RUdeEcjZ8NnRTGZZONblAVNIYH0.jpg&amp;w=1920&amp;q=90 1920w" style="position: absolute; inset: 0px; box-sizing: border-box; padding: 0px; border-width: medium; border-style: none; border-color: currentcolor; border-image: initial; margin: auto; display: block; width: 0px; height: 0px; min-width: 100%; max-width: 100%; min-height: 100%; max-height: 100%; object-fit: cover; object-position: center center;">
        alt="AURA NOIR J smart door lock with built-in Wi-Fi and German technology"
        loading="lazy"
      >

      <span
        class="aura-noir-discount"
        aria-label="20 percent discount"
      >
        -20%
      </span>

    </button>

    

    <div class="aura-noir-content-column">

      <div class="aura-noir-content">

        <nav
          class="aura-noir-breadcrumb"
          aria-label="Breadcrumb"
        >
          <a href="/">
            Home
          </a>

          <span>/</span>

          <a href="/wooden-security-fire-rated-smart-locks">
            Smart Door Locks
          </a>
        </nav>

        <h1 class="aura-noir-title">
          AURA NOIR J Smart Door Lock
        </h1>

        <div class="aura-noir-title-line"></div>

        <div class="aura-noir-price-row">

          <span class="aura-noir-old-price">
            RM1,999
          </span>

          <span class="aura-noir-sale-price">
            RM1,599
          </span>

        </div>

        <p class="aura-noir-description">
          The <strong>AURA NOIR J</strong> is a premium smart door lock
          designed for wooden, security and fire-rated doors in Malaysia.
          It combines eight unlock methods, built-in Wi-Fi connectivity
          and German technology for secure, convenient and modern
          keyless access.
        </p>

        <ul class="aura-noir-feature-list">

          <li class="aura-noir-feature">
            <span class="aura-noir-check" aria-hidden="true"></span>
            <span>8 Unlock Features</span>
          </li>

          <li class="aura-noir-feature">
            <span class="aura-noir-check" aria-hidden="true"></span>
            <span>Built-in Wi-Fi Connectivity</span>
          </li>

          <li class="aura-noir-feature">
            <span class="aura-noir-check" aria-hidden="true"></span>
            <span>3-Year Warranty &amp; Free Installation</span>
          </li>

          <li class="aura-noir-feature">
            <span class="aura-noir-check" aria-hidden="true"></span>
            <span>
              Lifetime After-Sales Service &amp; Local Customer Support
            </span>
          </li>

          <li class="aura-noir-feature">
            <span class="aura-noir-check" aria-hidden="true"></span>
            <span>German Technology</span>
          </li>

          <li class="aura-noir-feature">
            <span class="aura-noir-check" aria-hidden="true"></span>
            <span>0% Instalment Plans Available</span>
          </li>

        </ul>

        <div class="aura-noir-actions">

          <a
            class="aura-noir-whatsapp"
            href="https://wa.me/601155522933?text=Hi%20Aura%20Smart%20Solution%2C%20I%20would%20like%20to%20know%20more%20about%20the%20AURA%20NOIR%20J%20Smart%20Door%20Lock."
            target="_blank"
            rel="noopener noreferrer"
            aria-label="Enquire about AURA NOIR J through WhatsApp"
          >
            WhatsApp Us for AURA NOIR J

            <svg
              viewBox="0 0 24 24"
              fill="none"
              stroke="currentColor"
              stroke-width="1.8"
              stroke-linecap="round"
              stroke-linejoin="round"
              aria-hidden="true"
            >
              <path d="M5 12h14"></path>
              <path d="m13 6 6 6-6 6"></path>
            </svg>

          </a>

        </div>

      </div>

    </div>

  </div>

  

  <script>
    (function () {
      "use strict";

      function initialiseNoirGallery() {
        const galleries = document.querySelectorAll(
          ".aura-noir-gallery:not([data-gallery-ready])"
        );

        galleries.forEach(function (gallery) {
          gallery.dataset.galleryReady = "true";

          const images = Array.from(
            gallery.querySelectorAll(
              ".aura-noir-gallery-image"
            )
          );

          if (!images.length) {
            gallery.classList.add("is-image-error");
            return;
          }

          let currentIndex = 0;
          let failedImages = 0;

          images.forEach(function (image) {
            image.addEventListener("error", function () {
              failedImages += 1;
              image.style.display = "none";

              if (failedImages >= images.length) {
                gallery.classList.add("is-image-error");
              }
            });
          });

          function showImage(index) {
            images.forEach(function (image, imageIndex) {
              image.classList.toggle(
                "is-active",
                imageIndex === index
              );
            });

            currentIndex = index;

            gallery.setAttribute(
              "aria-label",
              "Showing AURA NOIR J image " +
              (currentIndex + 1) +
              " of " +
              images.length +
              ". Click to view the next product photo."
            );
          }

          function showNextImage() {
            if (images.length < 2) {
              return;
            }

            const nextIndex =
              (currentIndex + 1) % images.length;

            showImage(nextIndex);
          }

          gallery.addEventListener(
            "click",
            showNextImage
          );

          showImage(0);
        });
      }

      if (document.readyState === "loading") {
        document.addEventListener(
          "DOMContentLoaded",
          initialiseNoirGallery,
          { once: true }
        );
      } else {
        initialiseNoirGallery();
      }

      setTimeout(initialiseNoirGallery, 500);
      setTimeout(initialiseNoirGallery, 1500);
    })();
  </script>

</section>

Image

Buy AURA ELITE U1 ultra-slim smart lock for narrow doors Malaysia

AURA ELITE U1 smart lock with FaceSense 2.0 3D facial recognition Malaysia

Palm vein recognition smart lock AURA ELITE U1 for Malaysian homes

Fingerprint and password smart lock AURA ELITE U1 Malaysia

AURA ELITE U1 keyless smart lock with WiFi remote unlock Malaysia

Temporary one-time password smart lock AURA ELITE U1 Malaysia

Home security smart lock AURA ELITE U1 with live CCTV Malaysia

Video intercom smart lock AURA ELITE U1 for Malaysian apartments

Anti-prying alarm smart lock AURA ELITE U1 for homes Malaysia

Stranger loitering alert smart lock AURA ELITE U1 Malaysia

Trial-and-error lockout smart lock AURA ELITE U1 for Malaysian doors

Anti-peeping password smart lock AURA ELITE U1 Malaysia

CNC-machined ultra-slim smart lock AURA ELITE U1 Malaysia

Modern durable smart lock AURA ELITE U1 for narrow doors Malaysia

Fast and accurate multi-method unlock AURA ELITE U1 Malaysia

Complete home protection smart lock AURA ELITE U1 Malaysia

Multi-access keyless smart lock AURA ELITE U1 for Malaysian apartments

Malaysian smart home AURA ELITE U1 with advanced CCTV

High-tech smart lock AURA ELITE U1 with palm and face recognition Malaysia

Buy AURA ELITE U1 premium smart lock for secure Malaysian homes

AURA ELITE U1 smart lock for apartments and narrow doors Malaysia

Keyless entry smart lock AURA ELITE U1 with mobile app Malaysia

Secure Malaysian home smart lock AURA ELITE U1 with CCTV and alarms