play btn

public/images/play.svg

@@ -0,0 +1,3 @@
+<svg width="32" height="36" viewBox="0 0 32 36" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M30 14.5359C32.6667 16.0755 32.6667 19.9245 30 21.4641L6 35.3205C3.33333 36.8601 2.02534e-06 34.9356 2.15994e-06 31.8564L3.37131e-06 4.14359C3.5059e-06 1.06439 3.33334 -0.860109 6 0.679492L30 14.5359Z" fill="white"/>
+</svg>

src/components/Reviews.tsx

@@ -130,7 +130,6 @@ function Reviews() {
         >
           {reviews.map((review, index) => (
             <div
-              onClick={() => onVideoClick(review.video)}
               key={review.id}
               className={`relative aspect-video bg-black transition-transform duration-300 h-full xl:w-auto flex items-center justify-center min-w-[100vw] xl:min-w-0`}
               style={{
@@ -145,6 +144,12 @@ function Reviews() {
                 ref={imageRefs[index]}
                 className="aspect-video object-cover w-full h-full select-none pointer-events-none"
               />
+              <div
+                className="absolute top-[calc(50%-24px) cursor-pointer"
+                onClick={() => onVideoClick(review.video)}
+              >
+                <img src="/images/play.svg" alt="" />
+              </div>
             </div>
           ))}
         </div>