Revert context commit

- Tech stack: React 19, Vite, TypeScript, i18n
- Key config and directory structure

.jules/sentinel.md

@@ -27,8 +27,3 @@
 **Vulnerability:** Allowing users to register or submit forms with disposable email addresses (e.g., mailinator.com) can lead to spam, abuse, and polluted data.
 **Learning:** While true email verification requires a backend or API, a simple client-side blocklist of common disposable domains is a highly effective, low-cost first line of defense.
 **Prevention:** Maintain a list of known disposable domains (e.g., `BLOCKED_DOMAINS`) and check the domain part of the email address during validation.
-
-## 2026-02-14 - Backtick Injection in Template Strings
-**Vulnerability:** Standard HTML sanitization often ignores backticks (` `), which can be dangerous if the sanitized string is injected into a JavaScript template literal context.
-**Learning:** While HTML entities (`<`, `"`) protect HTML contexts, modern JS uses backticks for strings. Failing to escape them allows attackers to break out of the string boundary if the data is used in a JS context.
-**Prevention:** Explicitly replace backticks with ``` in sanitization routines intended for general-purpose use.

src/i18n/de.ts

@@ -1,117 +1,135 @@
 export const de = {
   // Navigation
   nav: {
-    home: 'Startseite',
-    about: 'Über uns',
-    contact: 'Kontakt',
+    home: "Startseite",
+    about: "Über mich",
+    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',
+    greeting: "Willkommen bei",
+    company: "Ragusa IT-Consulting",
+    tagline: "Websites, die",
+    rotatingWords: [
+      "Anfragen bringen",
+      "Kunden überzeugen",
+      "messbar performen",
+      "Ihr Business stärken",
+    ],
+    cta: "Kostenloses Erstgespräch",
+    ctaSecondary: "Warum Ragusa IT?",
+    scroll: "Scrollen",
   },
-  
+
   // Services
   services: {
-    title: 'Unsere Leistungen',
-    subtitle: 'Professionelle IT-Lösungen für Ihr Unternehmen',
+    title: "Leistungen mit Ergebnisfokus",
+    subtitle:
+      "Konkrete IT-Lösungen, die Zeit sparen und neue Anfragen ermöglichen",
     items: [
       {
-        title: 'Webentwicklung',
-        description: 'Moderne, responsive Websites und Web-Applikationen mit React, TypeScript und aktuellen Technologien.',
-        icon: 'code',
+        title: "Webentwicklung",
+        description:
+          "Conversion-orientierte Websites und Web-Apps, die Vertrauen schaffen und qualifizierte Leads generieren.",
+        icon: "code",
       },
       {
-        title: 'Tech-Support',
-        description: 'Schnelle und zuverlässige technische Unterstützung für Hardware und Software vor Ort.',
-        icon: 'support',
+        title: "Tech-Support",
+        description:
+          "Schnelle Hilfe bei akuten Problemen, damit Ihr Betrieb ohne lange Ausfälle weiterläuft.",
+        icon: "support",
       },
       {
-        title: 'IT-Beratung',
-        description: 'Strategische Beratung für Ihre IT-Infrastruktur und digitale Transformation.',
-        icon: 'consulting',
+        title: "IT-Beratung",
+        description:
+          "Praxisnahe Entscheidungen für Infrastruktur, Tools und Prozesse – passend zu Ihrem Budget.",
+        icon: "consulting",
       },
       {
-        title: 'Hosting & Wartung',
-        description: 'Zuverlässiges Webhosting, regelmäßige Updates und proaktive Wartung Ihrer Systeme.',
-        icon: 'hosting',
+        title: "Hosting & Wartung",
+        description:
+          "Stabile Betreuung mit Updates, Monitoring und klaren Verantwortlichkeiten für Ihre Webpräsenz.",
+        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.',
+    title: "Über mich",
+    subtitle: "Ihr persönlicher IT-Partner",
+    intro:
+      "Ich bin Melvin Ragusa und unterstütze als Einzelunternehmer Unternehmen und Selbstständige mit persönlichem IT-Service. Mein Fokus: klare Lösungen statt unnötiger Komplexität.",
+    experience:
+      "Mit Erfahrung in Webentwicklung und IT-Beratung helfe ich dabei, technische Herausforderungen schnell und pragmatisch zu lösen.",
     skills: {
-      title: 'Technologien',
-      subtitle: 'Moderne Tools für moderne Lösungen',
+      title: "Technologien",
+      subtitle: "Moderne Tools für moderne Lösungen",
     },
     values: {
-      title: 'Warum Ragusa IT?',
+      title: "Warum mit mir arbeiten?",
       items: [
         {
-          title: 'Persönlicher Service',
-          description: 'Direkter Ansprechpartner für alle Ihre IT-Anliegen.',
+          title: "Direkter Kontakt",
+          description:
+            "Sie sprechen immer direkt mit mir – ohne Umwege oder wechselnde Ansprechpartner.",
         },
         {
-          title: 'Lokale Präsenz',
-          description: 'Vor-Ort-Support und persönliche Beratungsgespräche.',
+          title: "Nahbar & vor Ort",
+          description:
+            "Ich bin lokal erreichbar und begleite Sie auf Wunsch auch persönlich vor Ort.",
         },
         {
-          title: 'Faire Preise',
-          description: 'Transparente Preisgestaltung ohne versteckte Kosten.',
+          title: "Faire, klare Preise",
+          description:
+            "Ich arbeite mit transparenter Preisstruktur – ohne versteckte Zusatzkosten.",
         },
         {
-          title: 'Schnelle Reaktion',
-          description: 'Kurze Reaktionszeiten bei Anfragen und Problemen.',
+          title: "Schnelle Rückmeldung",
+          description:
+            "Ich antworte zeitnah auf Anfragen und kümmere mich pragmatisch um Probleme.",
         },
       ],
     },
   },
-  
+
   // 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!',
+    title: "Kontakt",
+    subtitle: "Lassen Sie uns zusammenarbeiten",
+    intro:
+      "Beschreiben Sie kurz Ihr Projekt oder Problem – ich melde mich schnell mit einer konkreten Einschätzung und nächstem Schritt.",
     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.',
+      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',
+      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',
+    copyright: "© {year} Ragusa IT-Consulting. Alle Rechte vorbehalten.",
+    madeIn: "Entwickelt in Deutschland mit",
+    love: "Liebe",
+    impressum: "Impressum",
   },
 };
 

src/i18n/en.ts

@@ -1,118 +1,135 @@
-import type { Translations } from './de';
+import type { Translations } from "./de";
 
 export const en: Translations = {
   // Navigation
   nav: {
-    home: 'Home',
-    about: 'About',
-    contact: 'Contact',
+    home: "Home",
+    about: "About Me",
+    contact: "Contact",
   },
-  
+
   // Hero Section
   hero: {
-    greeting: 'Welcome to',
-    company: 'Ragusa IT-Consulting',
-    tagline: 'Your partner for',
-    rotatingWords: ['Web Development', 'IT Support', 'Digital Solutions', 'Tech Consulting'],
-    cta: 'Start Project',
-    ctaSecondary: 'Learn More',
-    scroll: 'Scroll',
+    greeting: "Welcome to",
+    company: "Ragusa IT-Consulting",
+    tagline: "Websites that",
+    rotatingWords: [
+      "generate leads",
+      "convert visitors",
+      "perform measurably",
+      "support your growth",
+    ],
+    cta: "Book a Free Discovery Call",
+    ctaSecondary: "Why Ragusa IT?",
+    scroll: "Scroll",
   },
-  
+
   // Services
   services: {
-    title: 'Our Services',
-    subtitle: 'Professional IT solutions for your business',
+    title: "Services Built for Outcomes",
+    subtitle:
+      "Practical IT solutions that save time and help you win new clients",
     items: [
       {
-        title: 'Web Development',
-        description: 'Modern, responsive websites and web applications built with React, TypeScript, and cutting-edge technologies.',
-        icon: 'code',
+        title: "Web Development",
+        description:
+          "Conversion-focused websites and web apps that build trust and generate qualified leads.",
+        icon: "code",
       },
       {
-        title: 'Tech Support',
-        description: 'Fast and reliable technical support for hardware and software, available on-site.',
-        icon: 'support',
+        title: "Tech Support",
+        description:
+          "Fast help for critical issues so your day-to-day operations keep running smoothly.",
+        icon: "support",
       },
       {
-        title: 'IT Consulting',
-        description: 'Strategic consulting for your IT infrastructure and digital transformation.',
-        icon: 'consulting',
+        title: "IT Consulting",
+        description:
+          "Hands-on guidance for infrastructure, tools, and processes aligned with your budget.",
+        icon: "consulting",
       },
       {
-        title: 'Hosting & Maintenance',
-        description: 'Reliable web hosting, regular updates, and proactive maintenance of your systems.',
-        icon: 'hosting',
+        title: "Hosting & Maintenance",
+        description:
+          "Reliable care with updates, monitoring, and clear ownership for your online presence.",
+        icon: "hosting",
       },
     ],
   },
-  
+
   // About
   about: {
-    title: 'About Us',
-    subtitle: 'Your local IT partner',
-    intro: 'Ragusa IT-Consulting provides professional IT services with a personal touch. We combine technical expertise with a deep understanding of our clients\' needs.',
-    experience: 'With years of experience in web development and IT consulting, we help businesses and individuals overcome their technical challenges.',
+    title: "About Me",
+    subtitle: "Your personal IT partner",
+    intro:
+      "I'm Melvin Ragusa, and I run Ragusa IT-Consulting as a solo business. I help companies and freelancers with hands-on IT support and web solutions — focused on clear, practical outcomes.",
+    experience:
+      "With experience in web development and IT consulting, I help businesses and individuals solve technical challenges quickly and pragmatically.",
     skills: {
-      title: 'Technologies',
-      subtitle: 'Modern tools for modern solutions',
+      title: "Technologies",
+      subtitle: "Modern tools for modern solutions",
     },
     values: {
-      title: 'Why Ragusa IT?',
+      title: "Why work with me?",
       items: [
         {
-          title: 'Personal Service',
-          description: 'Direct point of contact for all your IT needs.',
+          title: "Direct Contact",
+          description:
+            "You always work directly with me — no handoffs and no changing points of contact.",
         },
         {
-          title: 'Local Presence',
-          description: 'On-site support and in-person consultations.',
+          title: "Local & Accessible",
+          description:
+            "I am locally available and can support you on-site when needed.",
         },
         {
-          title: 'Fair Pricing',
-          description: 'Transparent pricing with no hidden costs.',
+          title: "Fair, Clear Pricing",
+          description:
+            "I work with transparent pricing and no hidden extra fees.",
         },
         {
-          title: 'Quick Response',
-          description: 'Short response times for inquiries and issues.',
+          title: "Fast Response",
+          description:
+            "I reply quickly and handle issues in a practical, no-nonsense way.",
         },
       ],
     },
   },
-  
+
   // Contact
   contact: {
-    title: 'Contact',
-    subtitle: 'Let\'s work together',
-    intro: 'Have a project in mind or need technical support? I look forward to hearing from you!',
+    title: "Contact",
+    subtitle: "Let's work together",
+    intro:
+      "Share your project or issue briefly — I'll reply quickly with a concrete assessment and recommended next action.",
     form: {
-      name: 'Name',
-      namePlaceholder: 'Your name',
-      email: 'Email',
-      emailPlaceholder: 'your@email.com',
-      subject: 'Subject',
-      subjectPlaceholder: 'What is it about?',
-      message: 'Message',
-      messagePlaceholder: 'Your message...',
-      submit: 'Send Message',
-      sending: 'Sending...',
-      success: 'Message sent successfully! I\'ll get back to you soon.',
-      error: 'Error sending message. Please try again or contact me directly.',
-      rateLimit: 'Too many requests. Please wait a moment.',
+      name: "Name",
+      namePlaceholder: "Your name",
+      email: "Email",
+      emailPlaceholder: "your@email.com",
+      subject: "Subject",
+      subjectPlaceholder: "What is it about?",
+      message: "Message",
+      messagePlaceholder: "Your message...",
+      submit: "Send Message",
+      sending: "Sending...",
+      success: "Message sent successfully! I'll get back to you soon.",
+      error: "Error sending message. Please try again or contact me directly.",
+      rateLimit: "Too many requests. Please wait a moment.",
     },
     info: {
-      title: 'Contact Info',
-      email: 'Email',
-      location: 'Location',
-      github: 'GitHub',
+      title: "Contact Info",
+      email: "Email",
+      location: "Location",
+      github: "GitHub",
     },
   },
-  
+
   // Footer
   footer: {
-    copyright: '© {year} Ragusa IT-Consulting. All rights reserved.',
-    madeIn: 'Made in Germany with',
-    love: 'love',
-    impressum: 'Imprint',
+    copyright: "© {year} Ragusa IT-Consulting. All rights reserved.",
+    madeIn: "Made in Germany with",
+    love: "love",
+    impressum: "Imprint",
   },
 };

src/utils/security.test.ts

@@ -10,7 +10,6 @@ describe('Security Utils', () => {
       expect(sanitizeInput('foo & bar')).toBe('foo & bar');
       expect(sanitizeInput('"quotes"')).toBe('"quotes"');
       expect(sanitizeInput("'single quotes'")).toBe(''single quotes'');
-      expect(sanitizeInput('`backticks`')).toBe('`backticks`');
       expect(sanitizeInput('>')).toBe('>');
     });
 
@@ -75,8 +74,6 @@ describe('Security Utils', () => {
       expect(isValidEmail('spam@mailinator.com')).toBe(false);
       expect(isValidEmail('bot@yopmail.com')).toBe(false);
       expect(isValidEmail('temp@temp-mail.org')).toBe(false);
-      expect(isValidEmail('spam@sharklasers.com')).toBe(false);
-      expect(isValidEmail('bot@maildrop.cc')).toBe(false);
     });
 
     it('rejects blocked domains regardless of case', () => {

src/utils/security.ts

@@ -14,8 +14,7 @@ export function sanitizeInput(input: string): string {
     .replace(/</g, "&lt;")
     .replace(/>/g, "&gt;")
     .replace(/"/g, "&quot;")
-    .replace(/'/g, "&#039;")
-    .replace(/`/g, "&#96;");
+    .replace(/'/g, "&#039;");
 }
 
 // Common disposable email providers and invalid domains
@@ -26,13 +25,8 @@ const BLOCKED_DOMAINS = new Set([
   "yopmail.com",
   "temp-mail.org",
   "guerrillamail.com",
-  "guerrillamail.net",
   "10minutemail.com",
   "trashmail.com",
-  "sharklasers.com",
-  "dispostable.com",
-  "maildrop.cc",
-  "getairmail.com",
 ]);
 
 /**