<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">Kezia</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-400">This class was absolutely great. The teacher was patient and very knowledgeable. I highly recommend this class to anyone that is anxious about using an overlocked for the first time and they teach you everything you need to know. </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">Sally </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">Feb 2024</div>
</div>
<div class="mt-12 text-neutral-400 dark:text-neutral-400">Now understand my overlooked and will continue to practice. Small class approachable informative and helpful teacher Danielle. I will be booking into another class hopefully be as good as this one. </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">karen</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">Jan 2024</div>
</div>
<div class="mt-12 text-neutral-400 dark:text-neutral-400">Overlocker class was great! Danielle made it a fun class, sharing her knowledge and tips, and able to give each person information about how to use their own overlocker. </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=7"><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>