BASIC-LIBRARY / SECTION / REVIEWS
Reviews Two
Latest Reviews
Emma Fitzgerald
March 5, 2023
I was a bit skeptical at first, but after using this product for a month, I can confidently say it’s worth every penny. It’s powerful, effective, and really streamlined our process. The customer service team was also incredibly helpful.
Liam O’Donnell
February 28, 2023
Absolutely thrilled with the results! This product exceeded my expectations in every way. The interface is intuitive, and it’s made my daily tasks much easier. Highly recommend it to anyone looking for quality and reliability.
Sophia Torres
January 12, 2023
This has truly been a game-changer for my team. The setup was a breeze, and the results are impressive. I’m particularly impressed with how seamlessly it integrates with our existing tools. I’ll definitely be recommending it to others.
@import url("/template/basic-library/section/reviews/reviews-two/raw/styles.css");
<div
class="bg-white pt-6 pb-6 py-6 sm:pt-8 sm:pb-8 sm:py-8 lg:pt-12 lg:pb-12 lg:py-12"
>
<div
class="ml-auto mr-auto mx-auto max-w-screen-xl pl-4 pr-4 px-4 md:pl-8 md:pr-8 md:px-8"
>
<div class="grid sm:grid-cols-2 lg:grid-cols-3 gap-8 lg:gap-12">
<div class>
<div class="rounded-lg border pt-4 pr-4 pb-4 pl-4">
<h2 class="mb-3 text-lg font-bold text-gray-800 lg:text-xl">
Customer Reviews
</h2>
<div class="mb-0.5 flex items-center gap-2">
<div class="-ml-1 flex gap-0.5">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 text-yellow-400"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
></path></svg
><svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 text-yellow-400"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
></path></svg
><svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 text-yellow-400"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
></path></svg
><svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 text-yellow-400"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
></path></svg
><svg
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 text-gray-300"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
></path>
</svg>
</div>
<span class="text-sm font-semibold">4/5</span>
</div>
<span class="block text-sm text-gray-500">Bases on 17 reviews</span>
<div
class="mt-5 mb-5 my-5 flex flex-col gap-2 border-t border-b pt-5 pb-5 py-5"
>
<div class="flex items-center gap-3">
<span
class="whitespace-nowrap w-10 text-right text-sm text-gray-600"
>
5 Star
</span>
<div class="overflow-hidden flex h-4 flex-1 rounded bg-gray-200">
<span class="h-full w-3/4 rounded bg-yellow-400"></span>
</div>
</div>
<div class="flex items-center gap-3">
<span
class="whitespace-nowrap w-10 text-right text-sm text-gray-600"
>
4 Star
</span>
<div class="overflow-hidden flex h-4 flex-1 rounded bg-gray-200">
<span class="h-full w-1/2 rounded bg-yellow-400"></span>
</div>
</div>
<div class="flex items-center gap-3">
<span
class="whitespace-nowrap w-10 text-right text-sm text-gray-600"
>
3 Star
</span>
<div class="overflow-hidden flex h-4 flex-1 rounded bg-gray-200">
<span class="h-full w-1/6 rounded bg-yellow-400"></span>
</div>
</div>
<div class="flex items-center gap-3">
<span
class="whitespace-nowrap w-10 text-right text-sm text-gray-600"
>
2 Star
</span>
<div class="overflow-hidden flex h-4 flex-1 rounded bg-gray-200">
<span class="h-full w-1/4 rounded bg-yellow-400"></span>
</div>
</div>
<div class="flex items-center gap-3">
<span
class="whitespace-nowrap w-10 text-right text-sm text-gray-600"
>
1 Star
</span>
<div class="overflow-hidden flex h-4 flex-1 rounded bg-gray-200">
<span class="h-full w-1/12 rounded bg-yellow-400"></span>
</div>
</div>
</div>
<a
href="#"
class="block transition duration-100 active:bg-gray-200 rounded-lg border bg-white pl-4 pr-4 px-4 pt-2 pb-2 py-2 text-center text-sm font-semibold text-gray-500 outline-none ring-indigo-300 hover:bg-gray-100 focus-visible:ring md:pl-8 md:pr-8 md:px-8 md:pt-3 md:pb-3 md:py-3 md:text-base"
>
Write a review
</a>
</div>
</div>
<div class="lg:col-span-2">
<div class="border-b pb-4 md:pb-6">
<h2 class="text-lg font-bold text-gray-800 lg:text-xl">
Latest Reviews
</h2>
</div>
<div class="divide-y">
<div
class="flex flex-col gap-3 pt-4 pb-4 py-4 md:pt-8 md:pb-8 md:py-8"
>
<div class>
<span class="block text-sm font-bold">Emma Fitzgerald</span>
<span class="block text-sm text-gray-500">March 5, 2023</span>
</div>
<div class="-ml-1 flex gap-0.5">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5 text-yellow-400"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
></path></svg
><svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5 text-yellow-400"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
></path></svg
><svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5 text-yellow-400"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
></path></svg
><svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5 text-yellow-400"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
></path></svg
><svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5 text-yellow-400"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
></path>
</svg>
</div>
<p class="text-gray-600">
I was a bit skeptical at first, but after using this product for a
month, I can confidently say it’s worth every penny.
It’s powerful, effective, and really streamlined our
process. The customer service team was also incredibly helpful.
</p>
</div>
<div
class="flex flex-col gap-3 pt-4 pb-4 py-4 md:pt-8 md:pb-8 md:py-8"
>
<div class>
<span class="block text-sm font-bold">Liam O’Donnell</span>
<span class="block text-sm text-gray-500">February 28, 2023</span>
</div>
<div class="-ml-1 flex gap-0.5">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5 text-yellow-400"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
></path></svg
><svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5 text-yellow-400"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
></path></svg
><svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5 text-yellow-400"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
></path></svg
><svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5 text-yellow-400"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
></path></svg
><svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5 text-yellow-400"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
></path>
</svg>
</div>
<p class="text-gray-600">
Absolutely thrilled with the results! This product exceeded my
expectations in every way. The interface is intuitive, and
it’s made my daily tasks much easier. Highly recommend it
to anyone looking for quality and reliability.
</p>
</div>
<div
class="flex flex-col gap-3 pt-4 pb-4 py-4 md:pt-8 md:pb-8 md:py-8"
>
<div class>
<span class="block text-sm font-bold">Sophia Torres</span>
<span class="block text-sm text-gray-500">January 12, 2023</span>
</div>
<div class="-ml-1 flex gap-0.5">
<svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5 text-yellow-400"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
></path></svg
><svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5 text-yellow-400"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
></path></svg
><svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5 text-yellow-400"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
></path></svg
><svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5 text-gray-300"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
></path></svg
><svg
xmlns="http://www.w3.org/2000/svg"
class="h-5 w-5 text-gray-300"
viewBox="0 0 20 20"
fill="currentColor"
>
<path
d="M9.049 2.927c.3-.921 1.603-.921 1.902 0l1.07 3.292a1 1 0 00.95.69h3.462c.969 0 1.371 1.24.588 1.81l-2.8 2.034a1 1 0 00-.364 1.118l1.07 3.292c.3.921-.755 1.688-1.54 1.118l-2.8-2.034a1 1 0 00-1.175 0l-2.8 2.034c-.784.57-1.838-.197-1.539-1.118l1.07-3.292a1 1 0 00-.364-1.118L2.98 8.72c-.783-.57-.38-1.81.588-1.81h3.461a1 1 0 00.951-.69l1.07-3.292z"
></path>
</svg>
</div>
<p class="text-gray-600">
This has truly been a game-changer for my team. The setup was a
breeze, and the results are impressive. I’m particularly
impressed with how seamlessly it integrates with our existing
tools. I’ll definitely be recommending it to others.
</p>
</div>
</div>
<div class="border-t pt-6">
<a
href="#"
class="transition duration-100 active:text-indigo-600 flex items-center gap-0.5 font-semibold text-indigo-400 hover:text-indigo-500"
>
All reviews
</a>
</div>
</div>
</div>
</div>
</div>
© 2025 tailsections.com. All rights reserved