apply translations in all pages

components/ui/FeatureColumn.tsx

@@ -1,33 +0,0 @@
-type props = {
-    imagePath: string;
-    title: string;
-    text: string;
-    delay?: number;
-};
-
-export const FeatureColumn = ({ imagePath, title, text, delay = 0 }: props) => {
-    return (
-        <div
-            className="reveal flex flex-col items-center justify-start max-w-[320px] gap-6"
-            style={{ transitionDelay: `${delay}ms` }}
-        >
-            {/* Icon container */}
-            <div className="w-20 h-20 rounded-2xl bg-brand-brown/6 flex items-center justify-center group-hover:bg-brand-brown/10 transition-colors duration-300">
-                <img
-                    className="w-10 h-10"
-                    src={imagePath}
-                    alt=""
-                    aria-hidden="true"
-                />
-            </div>
-
-            <div className="font-serif text-brand-brown text-center leading-[1.1] text-[clamp(1.5rem,2.5vw,1.75rem)]">
-                {title}
-            </div>
-
-            <div className="font-sans text-sm text-center text-brand-brown/65 leading-relaxed">
-                {text}
-            </div>
-        </div>
-    );
-};

components/ui/ProjectCard.tsx

@@ -2,6 +2,8 @@
 
 import { useRef, useEffect } from 'react';
 import Link from "next/link";
+import { useTranslations } from "next-intl";
+
 import { Project } from "@/lib/projects/types";
 
 type props = {
@@ -14,6 +16,7 @@ type props = {
 export const ProjectCard = ({ project, locale, isTheLast = false, index = 0 }: props) => {
     const num = String(index + 1).padStart(2, '0');
     const cardRef = useRef<HTMLDivElement>(null);
+    const t = useTranslations('projectCard');
 
     useEffect(() => {
         const el = cardRef.current;
@@ -85,7 +88,7 @@ export const ProjectCard = ({ project, locale, isTheLast = false, index = 0 }: p
 
                         {/* CTA */}
                         <div className="flex items-center gap-2 font-sans text-xs uppercase tracking-[0.18em] text-brand-brown border-b border-brand-brown/30 pb-0.5 group-hover:border-brand-brown transition-colors duration-200">
-                            <span>Lire le cas</span>
+                            <span>{t('cta')}</span>
                             <svg
                                 className="w-3.5 h-3.5 group-hover:translate-x-1.5 transition-transform duration-200"
                                 fill="none"