From c70303b1445664d60fafbb97081e156aa0ebae4e Mon Sep 17 00:00:00 2001
From: Inline Pizza <249805557+InlinePizza@users.noreply.github.com>
Date: Fri, 20 Mar 2026 10:49:32 -0700
Subject: [PATCH 1/2] feat: horizontal snap-scroll testimonials on mobile
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Replace the single-column stacked layout on small screens (≤550px) with
a horizontal snap-scroll carousel that shows two testimonials at a time
with a peek of the next pair. Adds three dots below as a static scroll
indicator. Tablet widths (550px–1180px) keep the two-column grid.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/styles/site.css | 33 +++++++++++++++++++++++++++------
 1 file changed, 27 insertions(+), 6 deletions(-)

diff --git a/src/styles/site.css b/src/styles/site.css
index 6f3339e9..aa3935dd 100644
--- a/src/styles/site.css
+++ b/src/styles/site.css
@@ -272,9 +272,34 @@
   }
 }
 
-@media (max-width: 900px) {
+@media (max-width: 550px) {
   .pl-site-testimonials-grid {
-    grid-template-columns: 1fr;
+    grid-template-columns: unset;
+    grid-template-rows: repeat(2, 1fr);
+    grid-auto-flow: column;
+    grid-auto-columns: calc(100% - 3rem);
+    overflow-x: auto;
+    scroll-snap-type: x mandatory;
+    -webkit-overflow-scrolling: touch;
+    scrollbar-width: none;
+  }
+
+  .pl-site-testimonials-grid::-webkit-scrollbar {
+    display: none;
+  }
+
+  .pl-site-testimonial {
+    scroll-snap-align: start;
+  }
+
+  .pl-site-testimonials::after {
+    content: '•  •  •';
+    display: block;
+    text-align: center;
+    color: #d1d5db;
+    font-size: 1.1rem;
+    letter-spacing: 0.1em;
+    margin-top: 0.75rem;
   }
 }
 
@@ -1261,10 +1286,6 @@
     padding-left: 2.8rem;
   }
 
-  .pl-site-testimonials-grid {
-    grid-template-columns: 1fr;
-  }
-
   .pl-site-form-row input {
     min-width: 0;
     width: 100%;

From 4b277707341e2bc946ede0f83cf750d210f7c3d4 Mon Sep 17 00:00:00 2001
From: Inline Pizza <249805557+InlinePizza@users.noreply.github.com>
Date: Fri, 20 Mar 2026 11:16:17 -0700
Subject: [PATCH 2/2] feat: move Mo King testimonial to second position

Reorder testimonials so Mo King appears directly after Manny Silva,
making it the second testimonial visible on mobile scroll.

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
---
 src/components/site/Testimonials.astro | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/components/site/Testimonials.astro b/src/components/site/Testimonials.astro
index 46f62dc8..50570200 100644
--- a/src/components/site/Testimonials.astro
+++ b/src/components/site/Testimonials.astro
@@ -22,15 +22,6 @@ const defaultItems: Testimonial[] = [
     companyLogo: '/site/logos/doc-detective.png',
     image: '/site/manny.jpeg',
   },
-  {
-    quote:
-      'This is the most "make something people want" feature I have ever seen. It solves my problem in a better way than I thought would be possible.',
-    author: 'Alan Mond',
-    title: 'Docs Maintainer',
-    company: 'Bazel',
-    companyLogo: '/site/logos/bazel-icon.png',
-    image: '/site/alan.jpeg',
-  },
   {
     quote:
       'Promptless dramatically speeds up my time-to-first-draft. My team literally calls me a 10x tech writer.',
@@ -40,6 +31,15 @@ const defaultItems: Testimonial[] = [
     companyLogo: '/site/logos/runpod.png',
     image: '/site/mo.jpeg',
   },
+  {
+    quote:
+      'This is the most "make something people want" feature I have ever seen. It solves my problem in a better way than I thought would be possible.',
+    author: 'Alan Mond',
+    title: 'Docs Maintainer',
+    company: 'Bazel',
+    companyLogo: '/site/logos/bazel-icon.png',
+    image: '/site/alan.jpeg',
+  },
   {
     quote:
       "Promptless updates every relevant section of our docs, catching both the latest changes and old spots we'd missed. It feels like magic.",