From 19fe53bc27738e945da9c2041022383da3a7f325 Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Sun, 14 Jun 2026 04:18:27 +0000
Subject: [PATCH] Bob AI: Added a third carousel of testimonial cards to the
 testimoni

---
 src/pages/HomePage/sections/Testimonials.tsx | 28 ++++++++++++++++++++
 1 file changed, 28 insertions(+)

diff --git a/src/pages/HomePage/sections/Testimonials.tsx b/src/pages/HomePage/sections/Testimonials.tsx
index c15f520..4223b61 100644
--- a/src/pages/HomePage/sections/Testimonials.tsx
+++ b/src/pages/HomePage/sections/Testimonials.tsx
@@ -280,6 +280,34 @@ const TestimonialsInline = () => {
               ))}
             </div>
           </div>
+
+          <div className="overflow-hidden mask-fade-x">
+            <div className="flex w-max animate-marquee-horizontal mb-10 hover:[animation-play-state:paused]" style={{ animationDuration: "35s" }}>
+              {[...bottomRow, ...bottomRow, ...bottomRow, ...bottomRow].map((testimonial, index) => (
+                <div key={`third-${index}`} className="flex flex-col justify-between gap-4 xl:gap-5 2xl:gap-6 shrink-0 w-72 md:w-80 mr-5 p-6 xl:p-7 2xl:p-8 rounded card">
+                    <p className="text-lg leading-snug line-clamp-3">{testimonial.quote}</p>
+
+                    <div className="flex flex-col gap-4">
+                      <div className="flex items-center gap-3">
+                        <ImageOrVideo
+                          imageSrc={testimonial.imageSrc}
+                          videoSrc={testimonial.videoSrc}
+                          className="size-10 md:size-11 2xl:size-12 rounded-full object-cover"
+                        />
+                        <div className="flex flex-col min-w-0">
+                          <div className="flex items-center gap-1">
+                            <span className="text-base text-foreground font-semibold leading-snug truncate">{testimonial.name}</span>
+                            <BadgeCheck className="size-4 text-blue-500 shrink-0" />
+                          </div>
+                          <span className="text-base text-foreground/75 leading-snug truncate">{testimonial.role}</span>
+                        </div>
+                      </div>
+                      <Button text="Contact" variant="secondary" className="w-full py-2 text-sm" />
+                    </div>
+                </div>
+              ))}
+            </div>
+          </div>
         </ScrollReveal>
       </div>
     </section>