<turbo-stream action="append" target="reviews"><template><div class="mb-40 md:px-16 rounded-lg review-card dark:bg-[#0B0F19] dark:border dark:border-[#2A344A]">
<div class="flex items-center">
<div class="font-semibold mr-12 dark:text-white">Cathy</div>
<svg class="h-14 w-14 fill-orange fill-orange  inline"><use xlink:href="#star"></use></svg>
<svg class="h-14 w-14 fill-orange fill-orange  inline"><use xlink:href="#star"></use></svg>
<svg class="h-14 w-14 fill-orange fill-orange  inline"><use xlink:href="#star"></use></svg>
<svg class="h-14 w-14 fill-orange fill-orange  inline"><use xlink:href="#star"></use></svg>
<svg class="h-14 w-14 fill-orange fill-orange  inline"><use xlink:href="#star"></use></svg>

<svg class="w-16 h-16 fill-mint ml-12"><use xlink:href="#verified-review"></use></svg>
<div class="ml-12 text-neutral-400 dark:text-neutral-500">Aug 2018</div>
</div>
<div class="mt-12 text-neutral-400 dark:text-neutral-400">I feel like I learnt quite a lot about the workings of overlockers. I feel like I might be able to try some different settings to improve the quality of the stitches, which has been the problem with my overlocker since I first bought it. Invaluable class.</div>
</div>
<div class="mb-40 md:px-16 rounded-lg review-card dark:bg-[#0B0F19] dark:border dark:border-[#2A344A]">
<div class="flex items-center">
<div class="font-semibold mr-12 dark:text-white">Trish</div>
<svg class="h-14 w-14 fill-orange fill-orange  inline"><use xlink:href="#star"></use></svg>
<svg class="h-14 w-14 fill-orange fill-orange  inline"><use xlink:href="#star"></use></svg>
<svg class="h-14 w-14 fill-orange fill-orange  inline"><use xlink:href="#star"></use></svg>
<svg class="h-14 w-14 fill-orange fill-orange  inline"><use xlink:href="#star"></use></svg>
<svg class="h-14 w-14 fill-orange fill-orange  inline"><use xlink:href="#star"></use></svg>

<svg class="w-16 h-16 fill-mint ml-12"><use xlink:href="#verified-review"></use></svg>
<div class="ml-12 text-neutral-400 dark:text-neutral-500">Jul 2024</div>
</div>
<div class="mt-12 text-neutral-400 dark:text-neutral-500">Rating Only</div>
</div>
<div class="mb-40 md:px-16 rounded-lg review-card dark:bg-[#0B0F19] dark:border dark:border-[#2A344A]">
<div class="flex items-center">
<div class="font-semibold mr-12 dark:text-white">Leah</div>
<svg class="h-14 w-14 fill-orange fill-orange  inline"><use xlink:href="#star"></use></svg>
<svg class="h-14 w-14 fill-orange fill-orange  inline"><use xlink:href="#star"></use></svg>
<svg class="h-14 w-14 fill-orange fill-orange  inline"><use xlink:href="#star"></use></svg>
<svg class="h-14 w-14 fill-orange fill-orange  inline"><use xlink:href="#star"></use></svg>
<svg class="h-14 w-14 fill-orange fill-orange  inline"><use xlink:href="#star"></use></svg>

<svg class="w-16 h-16 fill-mint ml-12"><use xlink:href="#verified-review"></use></svg>
<div class="ml-12 text-neutral-400 dark:text-neutral-500">Mar 2024</div>
</div>
<div class="mt-12 text-neutral-400 dark:text-neutral-500">Rating Only</div>
</div>

</template></turbo-stream><turbo-stream action="replace" target="load_more"><template><turbo-frame id="load_more"><div data-controller="pagination">
<a data-turbo-method="get" data-action="click-&gt;pagination#loadMore" class="cursor-pointer  inline-block font-bold text-sm uppercase border-grey-1 hover:text-neutral-400 " data-method="get" href="/reviews.turbo_stream?listing_id=1028193&amp;page=14"><span data-pagination-target="loadMore">
Show more reviews
<span class="l-4 text-mint text-xl leaading-none font-normal">+</span>
</span>
<span class="spinner hidden w-14 h-14 border-2 border-t-transparent border-current rounded-full" data-pagination-target="spinner"></span>
</a></div>

</turbo-frame></template></turbo-stream>