- Added `SkipLink` component that is visible on focus. - Updated `App.tsx` to include `SkipLink` and wrap content in `<main id="main-content">`. - Added translation keys for skip link in English and German. - Added unit tests for `SkipLink`. This improves accessibility for keyboard and screen reader users by allowing them to bypass the navigation menu. Co-authored-by: ragusa-it <196988693+ragusa-it@users.noreply.github.com>
120 lines
3.7 KiB
TypeScript
120 lines
3.7 KiB
TypeScript
export const de = {
|
|
// Navigation
|
|
nav: {
|
|
skipLink: 'Zum Inhalt springen',
|
|
home: 'Startseite',
|
|
about: 'Über uns',
|
|
contact: 'Kontakt',
|
|
},
|
|
|
|
// Hero Section
|
|
hero: {
|
|
greeting: 'Willkommen bei',
|
|
company: 'Ragusa IT-Consulting',
|
|
tagline: 'Ihr Partner für',
|
|
rotatingWords: ['Webentwicklung', 'IT-Support', 'Digitale Lösungen', 'Tech-Beratung'],
|
|
cta: 'Projekt starten',
|
|
ctaSecondary: 'Mehr erfahren',
|
|
scroll: 'Scrollen',
|
|
},
|
|
|
|
// Services
|
|
services: {
|
|
title: 'Unsere Leistungen',
|
|
subtitle: 'Professionelle IT-Lösungen für Ihr Unternehmen',
|
|
items: [
|
|
{
|
|
title: 'Webentwicklung',
|
|
description: 'Moderne, responsive Websites und Web-Applikationen mit React, TypeScript und aktuellen Technologien.',
|
|
icon: 'code',
|
|
},
|
|
{
|
|
title: 'Tech-Support',
|
|
description: 'Schnelle und zuverlässige technische Unterstützung für Hardware und Software vor Ort.',
|
|
icon: 'support',
|
|
},
|
|
{
|
|
title: 'IT-Beratung',
|
|
description: 'Strategische Beratung für Ihre IT-Infrastruktur und digitale Transformation.',
|
|
icon: 'consulting',
|
|
},
|
|
{
|
|
title: 'Hosting & Wartung',
|
|
description: 'Zuverlässiges Webhosting, regelmäßige Updates und proaktive Wartung Ihrer Systeme.',
|
|
icon: 'hosting',
|
|
},
|
|
],
|
|
},
|
|
|
|
// About
|
|
about: {
|
|
title: 'Über uns',
|
|
subtitle: 'Ihr lokaler IT-Partner',
|
|
intro: 'Ragusa IT-Consulting bietet professionelle IT-Dienstleistungen mit persönlichem Service. Wir kombinieren technische Expertise mit einem tiefen Verständnis für die Bedürfnisse unserer Kunden.',
|
|
experience: 'Mit jahrelanger Erfahrung in der Webentwicklung und IT-Beratung unterstützen wir Unternehmen und Privatpersonen dabei, ihre technischen Herausforderungen zu meistern.',
|
|
skills: {
|
|
title: 'Technologien',
|
|
subtitle: 'Moderne Tools für moderne Lösungen',
|
|
},
|
|
values: {
|
|
title: 'Warum Ragusa IT?',
|
|
items: [
|
|
{
|
|
title: 'Persönlicher Service',
|
|
description: 'Direkter Ansprechpartner für alle Ihre IT-Anliegen.',
|
|
},
|
|
{
|
|
title: 'Lokale Präsenz',
|
|
description: 'Vor-Ort-Support und persönliche Beratungsgespräche.',
|
|
},
|
|
{
|
|
title: 'Faire Preise',
|
|
description: 'Transparente Preisgestaltung ohne versteckte Kosten.',
|
|
},
|
|
{
|
|
title: 'Schnelle Reaktion',
|
|
description: 'Kurze Reaktionszeiten bei Anfragen und Problemen.',
|
|
},
|
|
],
|
|
},
|
|
},
|
|
|
|
// Contact
|
|
contact: {
|
|
title: 'Kontakt',
|
|
subtitle: 'Lassen Sie uns zusammenarbeiten',
|
|
intro: 'Haben Sie ein Projekt im Sinn oder benötigen Sie technische Unterstützung? Ich freue mich auf Ihre Nachricht!',
|
|
form: {
|
|
name: 'Name',
|
|
namePlaceholder: 'Ihr Name',
|
|
email: 'E-Mail',
|
|
emailPlaceholder: 'ihre@email.de',
|
|
subject: 'Betreff',
|
|
subjectPlaceholder: 'Worum geht es?',
|
|
message: 'Nachricht',
|
|
messagePlaceholder: 'Ihre Nachricht...',
|
|
submit: 'Nachricht senden',
|
|
sending: 'Wird gesendet...',
|
|
success: 'Nachricht erfolgreich gesendet! Ich melde mich bald bei Ihnen.',
|
|
error: 'Fehler beim Senden. Bitte versuchen Sie es erneut oder kontaktieren Sie mich direkt.',
|
|
rateLimit: 'Zu viele Anfragen. Bitte warten Sie einen Moment.',
|
|
},
|
|
info: {
|
|
title: 'Kontaktdaten',
|
|
email: 'E-Mail',
|
|
location: 'Standort',
|
|
github: 'GitHub',
|
|
},
|
|
},
|
|
|
|
// Footer
|
|
footer: {
|
|
copyright: '© {year} Ragusa IT-Consulting. Alle Rechte vorbehalten.',
|
|
madeIn: 'Entwickelt in Deutschland mit',
|
|
love: 'Liebe',
|
|
impressum: 'Impressum',
|
|
},
|
|
};
|
|
|
|
export type Translations = typeof de;
|