From 13e87ec34c98e750c1b05e6b83c9a03da1c7bebf Mon Sep 17 00:00:00 2001
From: AbhiVarde <abhivarde99@gmail.com>
Date: Mon, 10 Nov 2025 08:17:16 +0530
Subject: [PATCH] fix: testimonial section consistency across product pages

- Unify card spacing and height across all product testimonial sections
- Replace inconsistent images on Functions page with correct ones
- Add min-height constraint for consistent layout
- Improve responsiveness on mobile
- Ensure visual and structural consistency across all product pages

Fixes #2583
---
 src/lib/components/marketing/testimonials.svelte     |  2 +-
 src/lib/components/product-pages/testimonials.svelte |  2 +-
 .../functions/(components)/Testimonials.svelte       | 12 ++++++------
 3 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/src/lib/components/marketing/testimonials.svelte b/src/lib/components/marketing/testimonials.svelte
index c21b6f413e..fdf53a2c92 100644
--- a/src/lib/components/marketing/testimonials.svelte
+++ b/src/lib/components/marketing/testimonials.svelte
@@ -60,7 +60,7 @@
             >
                 {#each testimonials as testimonial}
                     <div
-                        class="flex h-fit w-[90vw] flex-col justify-center rounded-2xl bg-white p-6 transition-all md:w-lg"
+                        class="flex min-h-52 w-[90vw] flex-col justify-between rounded-2xl bg-white p-6 transition-all md:w-lg"
                         aria-hidden={i < testimonials.length - 1}
                     >
                         <p class="text-sub-body text-secondary flex-1 font-medium">
diff --git a/src/lib/components/product-pages/testimonials.svelte b/src/lib/components/product-pages/testimonials.svelte
index 0238c4cd13..bc666d21d6 100644
--- a/src/lib/components/product-pages/testimonials.svelte
+++ b/src/lib/components/product-pages/testimonials.svelte
@@ -54,7 +54,7 @@
             >
                 {#each testimonials as testimonial}
                     <div
-                        class="flex h-fit w-[90vw] flex-col justify-center rounded-2xl bg-white p-6 transition-all md:w-lg"
+                        class="flex min-h-52 w-[90vw] flex-col justify-between rounded-2xl bg-white p-6 transition-all md:w-lg"
                     >
                         <p class="text-sub-body text-secondary flex-1 font-medium">
                             {testimonial.copy}
diff --git a/src/routes/products/functions/(components)/Testimonials.svelte b/src/routes/products/functions/(components)/Testimonials.svelte
index 5d6b835230..63535ca1e7 100644
--- a/src/routes/products/functions/(components)/Testimonials.svelte
+++ b/src/routes/products/functions/(components)/Testimonials.svelte
@@ -3,21 +3,21 @@
         {
             name: 'Ryan O’Conner',
             copy: `The switch to using Appwrite brought infinite value that I'm still discovering today, but a major impact that it made was the amount of time and stress that it saved me as it simply just works.`,
-            image: '/images/testimonials/k-collect.png',
+            image: '/images/testimonials/ryan-oconner.png',
             title: 'Founder',
             company: 'K-Collect'
         },
         {
             name: 'David Forster',
             copy: `We really loved working with Appwrite for launching our bootstrapped "Open Mind" App. I am still surprised how easy the implementation into Flutter was.`,
-            image: '/images/testimonials/open-mind.png',
+            image: '/images/testimonials/david-forster.png',
             title: 'Founder',
             company: 'Open Mind'
         },
         {
             name: 'Marius Bolik',
             copy: `The integrated user authentication and the ease of creating data structures have undoubtedly saved us several weeks' worth of time.`,
-            image: '/images/testimonials/shoefitter.png',
+            image: '/images/testimonials/marius-bolik2.png',
             title: 'CTO',
             company: 'mySHOEFITTER'
         },
@@ -47,11 +47,11 @@
 
 <div class="group relative my-20 w-full overflow-clip">
     <div
-        class="animate-scroll-x light flex w-max gap-4 pl-4 [animation-duration:80s] group-hover:[animation-play-state:paused]"
+        class="animate-scroll-x light flex w-max gap-8 pl-8 [animation-duration:80s] group-hover:[animation-play-state:paused]"
     >
         {#each testimonials as testimonial}
             <div
-                class="flex h-fit w-lg flex-col justify-center rounded-2xl bg-white p-6 transition-all"
+                class="flex min-h-52 w-[90vw] flex-col justify-between rounded-2xl bg-white p-6 transition-all md:w-lg"
             >
                 <p class="text-sub-body text-secondary flex-1 font-medium">
                     {testimonial.copy}
@@ -77,7 +77,7 @@
         {#each testimonials as testimonial}
             <div
                 aria-hidden="true"
-                class="flex h-fit w-lg flex-col justify-center rounded-2xl bg-white p-6 transition-all"
+                class="flex min-h-52 w-[90vw] flex-col justify-between rounded-2xl bg-white p-6 transition-all md:w-lg"
             >
                 <p class="text-sub-body text-secondary flex-1 font-medium">
                     {testimonial.copy}