From 6f5930c9e689578bdf995836806227ebaee8d6a7 Mon Sep 17 00:00:00 2001
From: Frank Meeuwsen <frank@frankmeeuwsen.com>
Date: Tue, 10 Feb 2026 17:21:51 +0100
Subject: [PATCH] feat: testimonial Jefta Bade toegevoegd en URLs klikbaar
 gemaakt

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 src/components/Testimonials.jsx | 28 ++++++++++++++++++++++++----
 1 file changed, 24 insertions(+), 4 deletions(-)

diff --git a/src/components/Testimonials.jsx b/src/components/Testimonials.jsx
index 1cd30ea..f648024 100644
--- a/src/components/Testimonials.jsx
+++ b/src/components/Testimonials.jsx
@@ -12,7 +12,16 @@ function Testimonials() {
       name: "Floor van Riet",
       role: "Product Designer",
       avatar: "https://media.licdn.com/dms/image/v2/D4E03AQHYK2HR-WwupQ/profile-displayphoto-shrink_800_800/B4EZQsEaLGHsAk-/0/1735906141338?e=1772064000&v=beta&t=qbYQjmR76G_32PdCh9xipHEu7b4T3K5WrCzic4h9IaI",
+      url: "https://floorvanriet.nl/",
       initials: "FvR"
+    },
+    {
+      quote: "Onbeschrijfelijk inspirerend om dit mét een groep te doen. Dit zetje had ik net nodig.",
+      name: "Jefta Bade",
+      role: "Strategic Visualizer",
+      avatar: "https://media.licdn.com/dms/image/v2/D4E03AQGgpwYSPHAihA/profile-displayphoto-crop_800_800/B4EZwo83s5GcAI-/0/1770213573365?e=1772064000&v=beta&t=i9hNyvY6KEfEJaGLOKJGsUgrfHMQBLtxn9L1pvhJh1s",
+      url: "https://drawn.today/",
+      initials: "JB"
     }
   ];
 
@@ -33,7 +42,7 @@ function Testimonials() {
           {testimonials.map((testimonial, index) => (
             <div
               key={index}
-              className="card relative"
+              className="card relative flex flex-col"
             >
               {/* Quote icon decoratie */}
               <div className="absolute -top-3 -left-2">
@@ -75,9 +84,20 @@ function Testimonials() {
                   <p className="font-semibold text-warm-900">
                     {testimonial.name}
                   </p>
-                  <p className="text-sm text-warm-500">
-                    {testimonial.role}
-                  </p>
+                  {testimonial.url ? (
+                    <a
+                      href={testimonial.url}
+                      target="_blank"
+                      rel="noopener noreferrer"
+                      className="text-sm text-teal-600 hover:text-teal-700 hover:underline"
+                    >
+                      {testimonial.role}
+                    </a>
+                  ) : (
+                    <p className="text-sm text-warm-500">
+                      {testimonial.role}
+                    </p>
+                  )}
                 </div>
               </div>
             </div>