From 91dde837afb08b1ff596e109faf92015666969cd Mon Sep 17 00:00:00 2001
From: kudinDmitriyUp <kudin.dmitriy.up@gmail.com>
Date: Sun, 14 Jun 2026 03:55:47 +0000
Subject: [PATCH] Bob AI: Add contact button to testimonial cards

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

diff --git a/src/pages/HomePage/sections/Testimonials.tsx b/src/pages/HomePage/sections/Testimonials.tsx
index a0030c6..c54021c 100644
--- a/src/pages/HomePage/sections/Testimonials.tsx
+++ b/src/pages/HomePage/sections/Testimonials.tsx
@@ -89,19 +89,22 @@ const TestimonialsInline = () => {
                 <div key={`top-${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 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 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>
-                        <span className="text-base text-foreground/75 leading-snug truncate">{testimonial.role}</span>
                       </div>
+                      <Button text="Contact" variant="secondary" className="w-full py-2 text-sm" />
                     </div>
                 </div>
               ))}
@@ -114,19 +117,22 @@ const TestimonialsInline = () => {
                 <div key={`bottom-${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 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 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>
-                        <span className="text-base text-foreground/75 leading-snug truncate">{testimonial.role}</span>
                       </div>
+                      <Button text="Contact" variant="secondary" className="w-full py-2 text-sm" />
                     </div>
                 </div>
               ))}