From d8634efa9aba2de8b0b5ccf17aaf7c95bb5d6f27 Mon Sep 17 00:00:00 2001
From: Marc Mintel <marc@mintel.me>
Date: Sun, 14 Jun 2026 09:52:11 +0200
Subject: [PATCH] fix(ui): make reference slider tiles clickable links

---
 components/blocks/ReferencesSlider.tsx | 10 ++++++++--
 1 file changed, 8 insertions(+), 2 deletions(-)

diff --git a/components/blocks/ReferencesSlider.tsx b/components/blocks/ReferencesSlider.tsx
index d09c97463..9b55639ee 100644
--- a/components/blocks/ReferencesSlider.tsx
+++ b/components/blocks/ReferencesSlider.tsx
@@ -130,8 +130,14 @@ export function ReferencesSlider(props: ReferencesSliderProps) {
                 transition={{ delay: i * 0.1, duration: 0.6, ease: "easeOut" }}
                 className="flex-shrink-0 w-[320px] md:w-[480px] snap-center group pointer-events-auto"
               >
-                <div
+                <Link
+                  href={`/${locale}/referenzen/${ref.slug}`}
                   data-testid="reference-tile"
+                  onClick={(e) => {
+                    if (dragDistanceRef.current > 5) {
+                      e.preventDefault();
+                    }
+                  }}
                   className="block relative aspect-[16/10] bg-neutral-800 rounded-2xl overflow-hidden mb-5 border border-white/5 shadow-2xl"
                 >
                   <Image
@@ -151,7 +157,7 @@ export function ReferencesSlider(props: ReferencesSliderProps) {
                     </span>
                     <h4 className="font-heading text-xl md:text-2xl font-bold leading-tight break-words">{ref.title}</h4>
                   </div>
-                </div>
+                </Link>
               </motion.div>
             );
           })}