fix: full translation parity, component consistency, and link clickability
All checks were successful
Build & Deploy / 🔍 Prepare (push) Successful in 24s
Build & Deploy / 🧪 QA (push) Successful in 1m47s
Build & Deploy / 🏗️ Build (push) Successful in 2m46s
Build & Deploy / 🚀 Deploy (push) Successful in 25s
Build & Deploy / 🧪 Post-Deploy Verification (push) Successful in 44s
Build & Deploy / 🔔 Notify (push) Successful in 1s

This commit is contained in:
2026-05-27 12:04:51 +02:00
parent fa747763b8
commit 2b79d18a93
9 changed files with 199 additions and 113 deletions

View File

@@ -5,6 +5,7 @@ import { motion } from 'framer-motion';
import Link from 'next/link';
import Image from 'next/image';
import { HoverShineOverlay } from '@/components/ui/HoverShineOverlay';
import { useTranslations, useLocale } from 'next-intl';
export interface Reference {
id: string;
@@ -34,6 +35,9 @@ interface ReferencesSliderProps {
}
export function ReferencesSlider(props: ReferencesSliderProps) {
const t = useTranslations('ReferencesSlider');
const locale = useLocale();
const { data } = props;
const references = props.references || [];
const containerRef = React.useRef<HTMLDivElement>(null);
@@ -43,11 +47,11 @@ export function ReferencesSlider(props: ReferencesSliderProps) {
const isDraggingRef = React.useRef(false);
const [isDragging, setIsDragging] = React.useState(false);
const badge = props.badge || data?.badge || 'Ausgewählte Projekte';
const title = props.title || data?.title || 'Referenzen & Erfolge';
const description = props.description || data?.description || 'Ein Auszug unserer erfolgreich abgeschlossenen Projekte im Bereich Kabeltiefbau, Bohrtechnik und Netzinfrastruktur.';
const ctaLabel = props.ctaLabel || data?.ctaLabel || 'Alle Referenzen ansehen';
const ctaHref = props.ctaHref || data?.ctaHref || '/referenzen';
const badge = props.badge || data?.badge || t('badge');
const title = props.title || data?.title || t('title');
const description = props.description || data?.description || t('description');
const ctaLabel = props.ctaLabel || data?.ctaLabel || t('ctaLabel');
const ctaHref = props.ctaHref || data?.ctaHref || `/${locale}/referenzen`;
if (!references || references.length === 0) return null;
@@ -132,7 +136,7 @@ export function ReferencesSlider(props: ReferencesSliderProps) {
className="flex-shrink-0 w-[320px] md:w-[480px] snap-center group pointer-events-auto"
>
<Link
href={`/referenzen/${ref.slug}`}
href={`/${locale}/referenzen/${ref.slug}`}
onClick={handleTileClick}
data-testid="reference-tile-link"
className="block relative aspect-[16/10] bg-neutral-800 rounded-2xl overflow-hidden mb-5 border border-white/5 shadow-2xl"