Embed

<section class="aura-royale-product" id="aura-royale-s">

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

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

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

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

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

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

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

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

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

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

    .aura-royale-gallery {
      position: relative;
      overflow: hidden;
      width: 100%;
      min-height: 760px;
      background: var(--royale-image-background);
      cursor: pointer;
      outline: none;
      user-select: none;
      -webkit-tap-highlight-color: transparent;
    }

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

    .aura-royale-gallery-image {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      min-height: 760px;
      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-royale-gallery-image.is-active {
      opacity: 1;
      visibility: visible;
      transform: scale(1);
    }

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

    /* Discount badge */

    .aura-royale-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(--royale-taupe);
      color: #ffffff;
      font-size: 20px;
      font-weight: 700;
      line-height: 1;
      text-align: center;
      pointer-events: none;
    }

    /* Broken image message */

    .aura-royale-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-royale-content-column {
      display: flex;
      align-items: center;
      padding: 65px clamp(42px, 6vw, 98px);
      background: var(--royale-background);
    }

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

    /* Breadcrumb */

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

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

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

    /* Product title */

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

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

    /* Pricing */

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

    .aura-royale-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-royale-sale-price {
      color: var(--royale-taupe);
      font-size: clamp(25px, 2.2vw, 34px);
      font-weight: 700;
      letter-spacing: -0.025em;
      line-height: 1.2;
    }

    /* Description */

    .aura-royale-description {
      max-width: 710px;
      margin-bottom: 27px;
      color: #303030;
      font-size: 15px;
      line-height: 1.85;
    }

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

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

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

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

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

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

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

    .aura-royale-actions {
      display: flex;
      flex-wrap: wrap;
      margin-top: 30px;
    }

    .aura-royale-whatsapp {
      display: inline-flex;
      min-height: 49px;
      align-items: center;
      justify-content: center;
      gap: 10px;
      padding: 12px 24px;
      border: 1px solid var(--royale-black);
      border-radius: 999px;
      background: transparent;
      color: var(--royale-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-royale-whatsapp:hover {
      background: var(--royale-black);
      color: #ffffff !important;
      transform: translateY(-2px);
    }

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

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

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

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

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

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

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

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

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

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

      .aura-royale-price-row {
        margin-bottom: 29px;
      }

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

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

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

      .aura-royale-feature {
        min-height: 52px;
        font-size: 13px;
      }

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

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

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

    

    <div
      class="aura-royale-gallery"
      role="button"
      tabindex="0"
      aria-label="AURA ROYALE S product gallery. Click to view the next product photo."
    >

      

      <img
        class="aura-royale-gallery-image is-active"
        src="PASTE-FIRST-ROYALE-S-IMAGE-URL"
        alt="AURA ROYALE S premium titanium smart door lock installed on a modern entrance door in Malaysia"
        loading="eager"
        fetchpriority="high"
      >

      

      <img
        class="aura-royale-gallery-image"
        src="PASTE-SECOND-ROYALE-S-IMAGE-URL"
        alt="AURA ROYALE S titanium smart door lock with German technology, built-in Wi-Fi and dual rechargeable lithium batteries"
        loading="lazy"
      >

      <div
        class="aura-royale-discount"
        aria-label="30 percent discount"
      >
        -30%
      </div>

    </div>

    

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

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

        <nav
          class="aura-royale-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-royale-title">
          AURA ROYALE S Smart Door Lock
        </h1>

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

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

          <span class="aura-royale-old-price">
            RM2,999
          </span>

          <span class="aura-royale-sale-price">
            RM2,099
          </span>

        </div>

        <p class="aura-royale-description">
          The <strong>AURA ROYALE S</strong> is a premium titanium
          smart door lock for wooden, security and fire-rated doors
          in Malaysia. It features nine unlock methods, built-in Wi-Fi,
          German technology and dual rechargeable lithium batteries
          for secure, convenient and dependable keyless access.
        </p>

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

          <li class="aura-royale-feature">
            <span class="aura-royale-check" aria-hidden="true"></span>
            <span>Titanium Material</span>
          </li>

          <li class="aura-royale-feature">
            <span class="aura-royale-check" aria-hidden="true"></span>
            <span>Dual Rechargeable Lithium Batteries</span>
          </li>

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

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

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

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

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

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

        </ul>

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

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

            <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 initialiseRoyaleGallery() {
        const galleries = document.querySelectorAll(
          ".aura-royale-gallery:not([data-gallery-ready])"
        );

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

          const images = Array.from(
            gallery.querySelectorAll(
              ".aura-royale-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 ROYALE S 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
          );

          gallery.addEventListener(
            "keydown",
            function (event) {
              if (
                event.key === "Enter" ||
                event.key === " "
              ) {
                event.preventDefault();
                showNextImage();
              }
            }
          );

          showImage(0);
        });
      }

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

      setTimeout(initialiseRoyaleGallery, 500);
      setTimeout(initialiseRoyaleGallery, 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