frankmeeuwsen/workshopclaudecode
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

feat: testimonial Jefta Bade toegevoegd en URLs klikbaar gemaakt

Browse source 
Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Frank Meeuwsen 2026-02-10 17:21:51 +01:00
parent 1a45792c9c
commit 6f5930c9e6
1 changed files with 24 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
src/components/Testimonials.jsx
View file

@ -12,7 +12,16 @@ function Testimonials() {
name: "Floor van Riet", name: "Floor van Riet",
role: "Product Designer", 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", 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" 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) => ( {testimonials.map((testimonial, index) => (
<div <div
key={index} key={index}
className="card relative" className="card relative flex flex-col"
> >
{/* Quote icon decoratie */} {/* Quote icon decoratie */}
<div className="absolute -top-3 -left-2"> <div className="absolute -top-3 -left-2">
@ -75,9 +84,20 @@ function Testimonials() {
<p className="font-semibold text-warm-900"> <p className="font-semibold text-warm-900">
{testimonial.name} {testimonial.name}
</p> </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"> <p className="text-sm text-warm-500">
{testimonial.role} {testimonial.role}
</p> </p>
)}
</div> </div>
</div> </div>
</div> </div>