diff --git a/src/components/Skills.tsx b/src/components/Skills.tsx index 27ce57c..92a5e8a 100644 --- a/src/components/Skills.tsx +++ b/src/components/Skills.tsx @@ -1,4 +1,11 @@ +"use client"; + +import { useTranslations } from "next-intl"; + export default function Skills() { + const tCommon = useTranslations("Common"); + const tSkills = useTranslations("Skills"); + /** * Technical skill matrix grouped by stack category and highlight priority */ @@ -49,26 +56,17 @@ export default function Skills() { {/* Section Header */}

- // 02. Technical Stack + // 02. {tSkills("sectionSub")}

- My Skills. + {tCommon("skills")} + .

{/* Intro Description */}
-

- Through hands-on experience in various projects, I continuously expand - and refine my full-stack development skills. Here is an overview of - the technologies, frameworks, and tools I work with: - {/* - German: - Durch die praktische Arbeit an verschiedenen Projekten erweitere - und vertiefe ich meine Fähigkeiten in der Full-Stack-Entwicklung kontinuierlich. - Hier ist eine Übersicht der Technologien, Frameworks und Tools, mit denen ich arbeite: - */} -

+

{tSkills("description")}

{/* Skill Category Cards */} diff --git a/src/i18n/messages/de.json b/src/i18n/messages/de.json index 58a59ff..b19e064 100644 --- a/src/i18n/messages/de.json +++ b/src/i18n/messages/de.json @@ -27,5 +27,9 @@ "focusLabel": "Schwerpunkt", "focusValue": "Sauberer Code & Architektur", "statusValue": "Verfügbar für Projekte" + }, + "Skills": { + "sectionSub": "Technologien", + "description": "Durch die praktische Arbeit an verschiedenen Projekten erweitere und vertiefe ich meine Fähigkeiten in der Full-Stack-Entwicklung kontinuierlich. Hier ist eine Übersicht der Technologien, Frameworks und Tools, mit denen ich arbeite." } } diff --git a/src/i18n/messages/en.json b/src/i18n/messages/en.json index 6f8e6d5..e23aa35 100644 --- a/src/i18n/messages/en.json +++ b/src/i18n/messages/en.json @@ -27,5 +27,9 @@ "focusLabel": "Core Focus", "focusValue": "Clean Code & Architektur", "statusValue": "Available for projects" + }, + "Skills": { + "sectionSub": "Technical Stack", + "description": "Through hands-on experience in various projects, I continuously expand and refine my full-stack development skills. Here is an overview of the technologies, frameworks, and tools I work with." } }