Argoid

{
  "recommendations": [
    {
      "category": "My Category",
      "brand": "My Brand",
      "itemGroupId": "12_MYGROUPID222",
      "pageLink": "https://www.demoblaze.com/prod.html?idp_=1",
      "imageLink": "https://www.demoblaze.com/imgs/galaxy_s6.jpg",
      "actualPrice": "360.00 USD",
      "currentPrice": "324.00 AED",
      "productId": "12_MYPRODID0222"
    },
    {
      "category": "My Category",
      "brand": "My Brand",
      "itemGroupId": "12_MYGROUPID122",
      "pageLink": "https://www.demoblaze.com/prod.html?idp_=6",
      "imageLink": "https://www.demoblaze.com/imgs/xperia_z5.jpg",
      "actualPrice": "320.00 USD",
      "currentPrice": "288.00 AED",
      "productId": "12_MYPRODID0389"
    }
  ],
  "userId": "{{UserAttribute['ID']}}",
  "numOfRecos": 2
}

<!-- code continued before -->
<!-- START row 1 -->
     <div class="row">
        <!-- product 1 -->
        <div class="grid-item">
           <div align="center">
             <a style="outline: none;" href="{{results.recommendations[0].pageLink}}" target="_blank" rel="noopener noreferrer" data-saferedirecturl=""><img src="{{results.recommendations[0].imageLink}}"></a>
           <div class="product__info">
              <h4 id="01GT5PP2J7WVZTV783NK8RB7WN" class="product__brand">‎{{results.recommendations[0].brand}}</h4>
              <span class="product__pricing"> <span class="product-sales-price">{{results.recommendations[0].currentPrice}}</span> </span>
           </div>
        </div>
        </div>
        <!-- product 2 -->
        <div class="grid-item">
           <div align="center">
              <a style="outline: none;" href="{{results.recommendations[1].pageLink}}" target="_blank" rel="noopener noreferrer" data-saferedirecturl=""><img src="{{results.recommendations[1].imageLink}}"></a>
           <div class="product__info">
              <h4 id="01GT5PP2J8JZ0CQXG2CTMGGPPM" class="product__brand">‎{{results.recommendations[1].brand}}</h4>
              <span class="product__pricing"> <span class="product-sales-price">{{results.recommendations[1].currentPrice}}</span> </span>
           </div>
        </div>
        </div>
        <!-- product 3 -->
        <div class="grid-item">
           <div align="center">
             <a style="outline: none;" href="{{results.recommendations[2].pageLink}}" target="_blank" rel="noopener noreferrer" data-saferedirecturl=""><img src="{{results.recommendations[2].imageLink}}"></a>
             <div class="product__info">
               <h4 id="01GT5PP2J8PAKKX1KZCJYCM1YT" class="product__brand">‎{{results.recommendations[2].brand}}</h4>
               <span class="product__pricing"> <span class="product-sales-price">{{results.recommendations[2].currentPrice}}</span> </span>
             </div>
           </div>
        </div>
        <!-- END product 3 -->
     </div>
<!-- END row 1 -->
<!-- code continued after -->