<div class="reviews-parent">
{{ $reviews := getJSON (printf "https://maps.googleapis.com/maps/api/place/details/json?place_id=ChIJ4YAh7izp8IcRlOfLaVtaqSE&fields=review&key=%s" site.Params.GOOGLE_KEY )}}
<div class="reviews-slider disable-scrollbars">
{{ range $reviews.result.reviews}}
<div id="_review8" itemprop="review" itemscope itemtype="http://schema.org/Review" class="review">
<img src="{{ .profile_photo_url }}" alt="review profile photo"class='rev-profile' loading="lazy">
<p class="rev-text light regular"> <span itemprop="reviewBody"> {{ .text }} </span> </p>
<div class="rating">
<img src="/images/star.svg" alt="star rating">
<img src="/images/star.svg" alt="star rating">
<img src="/images/star.svg" alt="star rating">
<img src="/images/star.svg" alt="star rating">
<img src="/images/star.svg" alt="star rating">
</div>
<span itemprop="author" itemscope itemtype="http://schema.org/Person"><span itemprop="name"><h5 class="rev-name"> {{ .author_name }} </h5></span></span>
<p class="rev-date"> {{ .relative_time_description }} </p>
<p hidden> {{ .rating }}</p>
</div>
{{end}}
</div>
<img src="/images/rev-arrow.svg" alt="" id="left-arrow">
<img src="/images/rev-arrow.svg" alt="" id="right-arrow">
<a href="" class="main-btn-white">Leave Feedback</a>
</div>
Since all the helpful replies, here’s what I have currently.