From b389effd5e903f5d31dfac527509ff46e54c01f2 Mon Sep 17 00:00:00 2001
From: Sascha <saschab42@gmail.com>
Date: Mon, 2 Feb 2026 14:36:52 +0100
Subject: [PATCH 01/19] refactor: standardize types across components, improve
 theme and language handling. add sticky menu and navigation section indicator

---
 src/app/AppRouter.tsx                   |  5 ++-
 src/components/LanguageToggle.tsx       |  3 +-
 src/components/ThemeToggle.tsx          |  5 ++-
 src/components/layout/MobileMenu.tsx    | 32 ++++++++++----
 src/components/layout/Navigation.tsx    | 43 ++++++++++++++++---
 src/config/locales/de/contact.ts        |  4 +-
 src/config/locales/de/navigation.ts     | 12 +++---
 src/config/locales/en/index.ts          |  5 ++-
 src/config/locales/en/navigation.ts     | 12 +++---
 src/contexts/LanguageContext.tsx        |  5 +--
 src/data/types.ts                       | 15 +++++++
 src/scss/layout/topbar.scss             | 57 ++++++++++++++++++++++---
 src/scss/sections/projects-section.scss | 10 +++++
 13 files changed, 161 insertions(+), 47 deletions(-)
 create mode 100644 src/data/types.ts

diff --git a/src/app/AppRouter.tsx b/src/app/AppRouter.tsx
index 712135d..9fb9eff 100644
--- a/src/app/AppRouter.tsx
+++ b/src/app/AppRouter.tsx
@@ -6,13 +6,14 @@ import Footer from '../components/layout/Footer';
 import HomePage from '../pages/HomePage';
 import ImprintPage from '../pages/ImprintPage';
 import PrivacyPolicy from '../pages/PrivacyPolicy';
+import type { Theme } from '../data/types';
 
 function AppRouter() {
-  const [theme, setTheme] = useState<'light' | 'dark'>('light');
+  const [theme, setTheme] = useState<Theme>('light');
 
   useEffect(() => {
     // Check for saved theme preference or default to light mode
-    const savedTheme = localStorage.getItem('theme') as 'light' | 'dark' | null;
+    const savedTheme = localStorage.getItem('theme') as Theme | null;
     if (savedTheme) {
       setTheme(savedTheme);
     }
diff --git a/src/components/LanguageToggle.tsx b/src/components/LanguageToggle.tsx
index 9114e31..5e8bda6 100644
--- a/src/components/LanguageToggle.tsx
+++ b/src/components/LanguageToggle.tsx
@@ -1,10 +1,11 @@
 import { useLanguage } from '../contexts/LanguageContext';
+import type { Language } from '../data/types';
 import '../scss/language-toggle.scss';
 
 export default function LanguageToggle() {
   const { language, setLanguage } = useLanguage();
 
-  const handleLanguageChange = (newLang: 'en' | 'de') => {
+  const handleLanguageChange = (newLang: Language) => {
     if (newLang !== language) {
       setLanguage(newLang);
       // Announce language change to screen readers
diff --git a/src/components/ThemeToggle.tsx b/src/components/ThemeToggle.tsx
index cd1a0d8..96c1285 100644
--- a/src/components/ThemeToggle.tsx
+++ b/src/components/ThemeToggle.tsx
@@ -1,9 +1,10 @@
 import React from 'react';
 import { useLanguage } from '../contexts/LanguageContext';
+import type { Theme } from '../data/types';
 
 type Props = Readonly<{
-  theme: 'light' | 'dark';
-  setTheme: React.Dispatch<React.SetStateAction<'light' | 'dark'>>;
+  theme: Theme;
+  setTheme: React.Dispatch<React.SetStateAction<Theme>>;
 }>;
 
 export default function ThemeToggle({
diff --git a/src/components/layout/MobileMenu.tsx b/src/components/layout/MobileMenu.tsx
index e1f798c..88f5bf1 100644
--- a/src/components/layout/MobileMenu.tsx
+++ b/src/components/layout/MobileMenu.tsx
@@ -1,12 +1,14 @@
 import { useEffect, useRef } from 'react';
+import type { MenuItem } from '../../data/types';
 
 type Props = {
-  readonly menuItems: string[];
+  readonly menuItems: MenuItem[];
   readonly isOpen: boolean;
   readonly onItemClick: (section: string) => void;
+  readonly onClose: () => void;
 };
 
-export default function MobileMenu({ menuItems, isOpen, onItemClick }: Props) {
+export default function MobileMenu({ menuItems, isOpen, onItemClick, onClose }: Props) {
   const firstButtonRef = useRef<HTMLButtonElement>(null);
 
   useEffect(() => {
@@ -19,17 +21,29 @@ export default function MobileMenu({ menuItems, isOpen, onItemClick }: Props) {
 
   return (
     <nav id="mobile-menu" className="navbar__mobile-menu" role="navigation" aria-label="Mobile navigation">
-      {menuItems.map((item, index) => (
+      <div className="navbar__mobile-menu__header">
         <button
-          key={item}
-          ref={index === 0 ? firstButtonRef : undefined}
-          onClick={() => onItemClick(item)}
-          className="navbar__mobile-menu__item"
+          onClick={onClose}
+          className="navbar__mobile-menu__close"
           type="button"
+          aria-label="Close menu"
         >
-          {item}
+          ×
         </button>
-      ))}
+      </div>
+      <div className="navbar__mobile-menu__items">
+        {menuItems.map((item, index) => (
+          <button
+            key={item.label}
+            ref={index === 0 ? firstButtonRef : undefined}
+            onClick={() => onItemClick(item.section)}
+            className="navbar__mobile-menu__item"
+            type="button"
+          >
+            {item.label}
+          </button>
+        ))}
+      </div>
     </nav>
   );
 }
diff --git a/src/components/layout/Navigation.tsx b/src/components/layout/Navigation.tsx
index 3467635..37fcd2a 100644
--- a/src/components/layout/Navigation.tsx
+++ b/src/components/layout/Navigation.tsx
@@ -1,4 +1,4 @@
-import { useState } from 'react';
+import { useState, useEffect } from 'react';
 import { Link, useLocation, useNavigate } from 'react-router-dom';
 import ThemeToggle from '../ThemeToggle';
 import LanguageToggle from '../LanguageToggle';
@@ -6,10 +6,11 @@ import MobileMenu from './MobileMenu';
 import { personalConfig } from '../../config/personal';
 import { useLanguage } from '../../contexts/LanguageContext';
 import { scrollToSection } from '../../utils/scrollUtils';
+import type { Theme } from '../../data/types';
 
 type Props = {
-  theme: 'light' | 'dark';
-  setTheme: React.Dispatch<React.SetStateAction<'light' | 'dark'>>;
+  theme: Theme;
+  setTheme: React.Dispatch<React.SetStateAction<Theme>>;
 };
 
 export default function Navbar({
@@ -17,12 +18,39 @@ export default function Navbar({
   setTheme
 }: Readonly<Props>) {
   const [menuOpen, setMenuOpen] = useState(false);
+  const [activeSection, setActiveSection] = useState<string>('');
   const location = useLocation();
   const navigate = useNavigate();
   const { texts } = useLanguage();
 
   const menuItems = texts.navigation.menuItems;
 
+  // Track active section based on scroll position
+  useEffect(() => {
+    if (location.pathname !== '/') {
+      setActiveSection('');
+      return;
+    }
+
+    const handleScroll = () => {
+      const sections = menuItems.map(item => item.section.toLowerCase());
+      const scrollPosition = window.scrollY + 100; // Offset for navbar height
+
+      for (const section of sections.reverse()) {
+        const element = document.getElementById(section);
+        if (element && element.offsetTop <= scrollPosition) {
+          setActiveSection(section);
+          return;
+        }
+      }
+      setActiveSection('');
+    };
+
+    handleScroll(); // Initial check
+    window.addEventListener('scroll', handleScroll);
+    return () => window.removeEventListener('scroll', handleScroll);
+  }, [location.pathname, menuItems]);
+
   function handleNavigation(section: string): void {
     const sectionId = section.toLowerCase();
     scrollToSection(sectionId, location.pathname, navigate);
@@ -37,11 +65,11 @@ export default function Navbar({
       <div className="navbar__container">
         {menuItems.map((item) => (
           <button
-            key={item}
-            onClick={() => handleNavigation(item)}
-            className="navbar__container__button"
+            key={item.label}
+            onClick={() => handleNavigation(item.section)}
+            className={`navbar__container__button ${activeSection === item.section.toLowerCase() ? 'navbar__container__button--active' : ''}`}
           >
-            {item}
+            {item.label}
           </button>
         ))}
         <LanguageToggle />
@@ -62,6 +90,7 @@ export default function Navbar({
           menuItems={menuItems}
           isOpen={menuOpen}
           onItemClick={handleNavigation}
+          onClose={() => setMenuOpen(false)}
         />
       </div>
     </div>
diff --git a/src/config/locales/de/contact.ts b/src/config/locales/de/contact.ts
index 8c811fb..da05e13 100644
--- a/src/config/locales/de/contact.ts
+++ b/src/config/locales/de/contact.ts
@@ -1,7 +1,7 @@
 export const contact = {
   title: 'Kontakt aufnehmen',
-  subtitle: 'Lassen Sie uns Ihr Projekt besprechen und Ihre Ideen zum Leben erwecken',
-  connectTitle: 'Lassen Sie uns verbinden',
+  subtitle: 'Besprechen Sie Ihr Projekt mit mir und wir erwecken Ihre Ideen zum Leben.',
+  connectTitle: 'Verbindung schaffen',
   connectDescription:
     'Ich bin immer an neuen Möglichkeiten und spannenden Projekten interessiert. Ob Sie eine Frage haben oder einfach nur Hallo sagen möchten, zögern Sie nicht, mich zu kontaktieren!',
   buttonText: 'Per E-Mail kontaktieren',
diff --git a/src/config/locales/de/navigation.ts b/src/config/locales/de/navigation.ts
index ba1ab75..81ef7b3 100644
--- a/src/config/locales/de/navigation.ts
+++ b/src/config/locales/de/navigation.ts
@@ -1,11 +1,11 @@
 export const navigation = {
   menuItems: [
-    'Über mich',
-    'Leistungen',
-    'Fähigkeiten',
-    'Zertifikate',
-    'Projekte',
-    'Kontakt',
+    { section: 'About', label: 'Über mich' },
+    { section: 'Services', label: 'Leistungen' },
+    { section: 'Skills', label: 'Fähigkeiten' },
+    { section: 'Certifications', label: 'Zertifikate' },
+    { section: 'Projects', label: 'Projekte' },
+    { section: 'Contact', label: 'Kontakt' },
   ],
   mobileMenuAriaLabel: 'Menü öffnen',
 };
diff --git a/src/config/locales/en/index.ts b/src/config/locales/en/index.ts
index a18654c..854c75c 100644
--- a/src/config/locales/en/index.ts
+++ b/src/config/locales/en/index.ts
@@ -11,12 +11,13 @@ import { contact } from './contact';
 import { imprint } from './imprint';
 import { privacyPolicy } from './privacy-policy';
 import { accessibility } from './accessibility';
+import type { MenuItem } from '../../../data/types';
 
 // TypeScript interfaces for type safety
 export interface TextConfig {
   // Navigation
   navigation: {
-    menuItems: string[];
+    menuItems: MenuItem[];
     mobileMenuAriaLabel: string;
   };
 
@@ -153,7 +154,7 @@ export interface TextConfig {
       dataProtectionOfficerText: string;
       rightsTitle: string;
       rightsIntro: string;
-      rights: Array<{ title: string; text: string }>;
+      rights: Array<{ title: string; text: string; }>;
       revocationTitle: string;
       revocationText: string;
       objectionTitle: string;
diff --git a/src/config/locales/en/navigation.ts b/src/config/locales/en/navigation.ts
index ff575ca..48b03e8 100644
--- a/src/config/locales/en/navigation.ts
+++ b/src/config/locales/en/navigation.ts
@@ -1,11 +1,11 @@
 export const navigation = {
   menuItems: [
-    'About',
-    'Services',
-    'Skills',
-    'Certifications',
-    'Projects',
-    'Contact',
+    { section: 'About', label: 'About' },
+    { section: 'Services', label: 'Services' },
+    { section: 'Skills', label: 'Skills' },
+    { section: 'Certifications', label: 'Certifications' },
+    { section: 'Projects', label: 'Projects' },
+    { section: 'Contact', label: 'Contact' },
   ],
   mobileMenuAriaLabel: 'Menü öffnen',
 };
diff --git a/src/contexts/LanguageContext.tsx b/src/contexts/LanguageContext.tsx
index 464ce91..6d7208e 100644
--- a/src/contexts/LanguageContext.tsx
+++ b/src/contexts/LanguageContext.tsx
@@ -1,8 +1,7 @@
 import { createContext, useContext, useState, useEffect, type ReactNode } from 'react';
 import { en, type TextConfig } from '../config/locales/en';
 import { de } from '../config/locales/de';
-
-type Language = 'en' | 'de';
+import type { Language } from '../data/types';
 
 interface LanguageContextType {
   language: Language;
@@ -30,7 +29,7 @@ function getSavedLanguage(): Language | null {
   return null;
 }
 
-export function LanguageProvider({ children }: { children: ReactNode }) {
+export function LanguageProvider({ children }: { children: ReactNode; }) {
   const [language, setLanguageState] = useState<Language>(() => {
     // First check localStorage, then browser language, then default to English
     return getSavedLanguage() || getBrowserLanguage();
diff --git a/src/data/types.ts b/src/data/types.ts
new file mode 100644
index 0000000..e8622b9
--- /dev/null
+++ b/src/data/types.ts
@@ -0,0 +1,15 @@
+/**
+ * Common types used across the application
+ */
+
+// Navigation types
+export interface MenuItem {
+  section: string;
+  label: string;
+}
+
+// Language types
+export type Language = 'en' | 'de';
+
+// Theme types
+export type Theme = 'light' | 'dark';
diff --git a/src/scss/layout/topbar.scss b/src/scss/layout/topbar.scss
index a7a7c98..6bd05db 100644
--- a/src/scss/layout/topbar.scss
+++ b/src/scss/layout/topbar.scss
@@ -7,6 +7,10 @@
   background: var(--color-background);
   color: var(--color-text);
   height: 65px;
+  position: sticky;
+  top: 0;
+  z-index: 100;
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
 
   &__name {
     font-weight: bold;
@@ -25,12 +29,19 @@
       @extend %hover-lift;
       padding: 0.6rem 1.2rem;
       border-radius: 8px;
-      transition: box-shadow 0.2s ease, transform 0.2s ease;
+      transition:
+        box-shadow 0.2s ease,
+        transform 0.2s ease;
 
       &:active {
         box-shadow: 0 2px 4px var(--box-shadow-active);
         transform: translateY(0);
       }
+
+      &--active {
+        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
+        background: var(--box-shadow-hover, rgba(0, 0, 0, 0.05));
+      }
     }
   }
 
@@ -74,23 +85,55 @@
 
   /* Mobile Menu Dropdown */
   .navbar__mobile-menu {
-    @include globals.flex-center();
     position: absolute;
+    top: 65px;
     right: 0;
     background: var(--color-background);
     border: 1px solid var(--color-primary);
     border-radius: 8px;
-    padding: 0.5em;
-    gap: 0.5em;
+    padding: 0;
     box-shadow: 0 4px 12px var(--box-shadow-hover);
     z-index: 10;
+    min-width: 200px;
 
-    button {
+    &__header {
+      display: flex;
+      justify-content: flex-end;
+      padding: 0.5em;
+      border-bottom: 1px solid var(--color-border, rgba(0, 0, 0, 0.1));
+    }
+
+    &__close {
       @extend %button-reset;
-      padding: 0.5em 1em;
-      text-align: right;
+      font-size: 1.5rem;
+      width: 30px;
+      height: 30px;
+      display: flex;
+      align-items: center;
+      justify-content: center;
       border-radius: 4px;
       transition: background 0.2s;
+      color: var(--color-text);
+
+      &:hover {
+        background: var(--box-shadow-active);
+      }
+    }
+
+    &__items {
+      display: flex;
+      flex-direction: column;
+      gap: 0;
+      padding: 0.5em;
+    }
+
+    &__item {
+      @extend %button-reset;
+      padding: 0.75em 1em;
+      text-align: left;
+      border-radius: 4px;
+      transition: background 0.2s;
+      width: 100%;
 
       &:hover {
         background: var(--box-shadow-active);
diff --git a/src/scss/sections/projects-section.scss b/src/scss/sections/projects-section.scss
index f4c86b0..3bb4751 100644
--- a/src/scss/sections/projects-section.scss
+++ b/src/scss/sections/projects-section.scss
@@ -446,6 +446,16 @@
   }
 }
 
+// Responsive layout for screens smaller than 1050px
+@media (max-width: 1050px) {
+  .projects-section {
+    &__actions {
+      flex-direction: column;
+      gap: 0.5rem;
+    }
+  }
+}
+
 // Dark theme adjustments for help section:
 @media (prefers-color-scheme: dark) {
   .projects-section {

From f04fe3dfcbc828fa24cb545fda9b24b2f0688fc8 Mon Sep 17 00:00:00 2001
From: Sascha <saschab42@gmail.com>
Date: Mon, 2 Feb 2026 15:22:33 +0100
Subject: [PATCH 02/19] feat: add BackToTopButton component and enhance
 accessibility with custom hooks for keyboard navigation and screen reader
 announcements

---
 src/app/AppRouter.tsx                       |   2 +
 src/components/BackToTopButton.tsx          |  41 +++++
 src/components/layout/Navigation.tsx        |   3 +-
 src/components/sections/ContactSection.tsx  |   9 +-
 src/components/sections/HeroSection.tsx     |  10 +-
 src/components/sections/ProjectsSection.tsx | 155 +++----------------
 src/components/sections/SkillsSection.tsx   |   4 +-
 src/config/locales/en/projects.ts           |   2 +-
 src/hooks/useProjectKeyboardNavigation.ts   | 159 ++++++++++++++++++++
 src/hooks/useScreenReaderAnnouncements.ts   |  22 +++
 src/scss/App.scss                           |  13 +-
 src/scss/components/back-to-top.scss        |  63 ++++++++
 src/scss/globals.scss                       |   5 +-
 src/scss/language-toggle.scss               |   5 +-
 src/utils/scrollUtils.ts                    |  11 +-
 15 files changed, 344 insertions(+), 160 deletions(-)
 create mode 100644 src/components/BackToTopButton.tsx
 create mode 100644 src/hooks/useProjectKeyboardNavigation.ts
 create mode 100644 src/hooks/useScreenReaderAnnouncements.ts
 create mode 100644 src/scss/components/back-to-top.scss

diff --git a/src/app/AppRouter.tsx b/src/app/AppRouter.tsx
index 9fb9eff..bbe676c 100644
--- a/src/app/AppRouter.tsx
+++ b/src/app/AppRouter.tsx
@@ -6,6 +6,7 @@ import Footer from '../components/layout/Footer';
 import HomePage from '../pages/HomePage';
 import ImprintPage from '../pages/ImprintPage';
 import PrivacyPolicy from '../pages/PrivacyPolicy';
+import BackToTopButton from '../components/BackToTopButton';
 import type { Theme } from '../data/types';
 
 function AppRouter() {
@@ -63,6 +64,7 @@ function AppRouter() {
           </Routes>
         </main>
         <Footer />
+        <BackToTopButton />
       </div>
     </Router>
   );
diff --git a/src/components/BackToTopButton.tsx b/src/components/BackToTopButton.tsx
new file mode 100644
index 0000000..17ae8f7
--- /dev/null
+++ b/src/components/BackToTopButton.tsx
@@ -0,0 +1,41 @@
+import { useState, useEffect } from 'react';
+import { ArrowUp } from 'lucide-react';
+
+export default function BackToTopButton() {
+  const [isVisible, setIsVisible] = useState(false);
+
+  useEffect(() => {
+    const toggleVisibility = () => {
+      // Show button when page is scrolled down 300px
+      if (window.scrollY > 300) {
+        setIsVisible(true);
+      } else {
+        setIsVisible(false);
+      }
+    };
+
+    window.addEventListener('scroll', toggleVisibility);
+
+    return () => {
+      window.removeEventListener('scroll', toggleVisibility);
+    };
+  }, []);
+
+  const scrollToTop = () => {
+    window.scrollTo({
+      top: 0,
+      behavior: 'smooth',
+    });
+  };
+
+  return (
+    <button
+      onClick={scrollToTop}
+      className={`back-to-top ${isVisible ? 'back-to-top--visible' : ''}`}
+      aria-label="Back to top"
+      type="button"
+    >
+      <ArrowUp className="back-to-top__icon" aria-hidden="true" />
+    </button>
+  );
+}
diff --git a/src/components/layout/Navigation.tsx b/src/components/layout/Navigation.tsx
index 37fcd2a..93ad504 100644
--- a/src/components/layout/Navigation.tsx
+++ b/src/components/layout/Navigation.tsx
@@ -36,7 +36,8 @@ export default function Navbar({
       const sections = menuItems.map(item => item.section.toLowerCase());
       const scrollPosition = window.scrollY + 100; // Offset for navbar height
 
-      for (const section of sections.reverse()) {
+      const reversedSections = [...sections].reverse();
+      for (const section of reversedSections) {
         const element = document.getElementById(section);
         if (element && element.offsetTop <= scrollPosition) {
           setActiveSection(section);
diff --git a/src/components/sections/ContactSection.tsx b/src/components/sections/ContactSection.tsx
index e0f2d42..8fa72b8 100644
--- a/src/components/sections/ContactSection.tsx
+++ b/src/components/sections/ContactSection.tsx
@@ -91,15 +91,8 @@ export default function ContactSection(props: ContactSectionProps = {}) {
           </p>
         </header>
 
-        {/* Skip link for keyboard navigation */}
-        <div className="contact-section__skip">
-          <a href="#contact-form" className="sr-only sr-only-focusable">
-            Skip to contact form
-          </a>
-        </div>
-
         {/* Contact Content Grid */}
-        <main className="contact-section__grid">
+        <main id="contact-form" className="contact-section__grid">
           {/* Let's Connect Card */}
           <div className="contact-section__connect-card" role="region" aria-labelledby="connect-heading">
             <div className="contact-section__connect-header">
diff --git a/src/components/sections/HeroSection.tsx b/src/components/sections/HeroSection.tsx
index e794ea5..b2162be 100644
--- a/src/components/sections/HeroSection.tsx
+++ b/src/components/sections/HeroSection.tsx
@@ -1,7 +1,7 @@
 import { Download } from 'lucide-react';
 import { useLocation, useNavigate } from 'react-router-dom';
 import type { StatItem } from '../../data/StatItem';
-import { scrollToProjects } from '../../utils/scrollUtils';
+import { scrollToProjects, scrollToSection } from '../../utils/scrollUtils';
 import { useLanguage } from '../../contexts/LanguageContext';
 import resumePDF from '../../assets/CV_Sascha_Bach.pdf';
 
@@ -85,13 +85,7 @@ export default function HeroSection(props: HeroSectionProps = {}) {
 
   const handleGetInTouch = () => {
     announceToScreenReader('Navigating to contact section');
-    const contactSection = document.querySelector('.contact-section');
-    if (contactSection) {
-      contactSection.scrollIntoView({
-        behavior: 'smooth',
-        block: 'start'
-      });
-    }
+    scrollToSection('contact', location.pathname, navigate);
   };
 
   return (
diff --git a/src/components/sections/ProjectsSection.tsx b/src/components/sections/ProjectsSection.tsx
index 243d8fe..4a0f84a 100644
--- a/src/components/sections/ProjectsSection.tsx
+++ b/src/components/sections/ProjectsSection.tsx
@@ -1,8 +1,9 @@
 import { GitBranch, ExternalLink } from 'lucide-react';
-import { useState, useRef, useEffect, type KeyboardEvent } from 'react';
 import { useLanguage } from '../../contexts/LanguageContext';
 import { projectsData } from '../../config/projects-config';
 import type { Project } from '../../data/Project';
+import { useScreenReaderAnnouncements } from '../../hooks/useScreenReaderAnnouncements';
+import { useProjectKeyboardNavigation } from '../../hooks/useProjectKeyboardNavigation';
 
 
 interface ProjectsSectionProps {
@@ -15,10 +16,6 @@ export default function ProjectsSection(props: ProjectsSectionProps = {}) {
   const { texts: allTexts } = useLanguage();
   const texts = allTexts.projects;
   const accessibilityTexts = allTexts.accessibility;
-  const [activeCardIndex, setActiveCardIndex] = useState<number | null>(null);
-  const [focusedActionIndex, setFocusedActionIndex] = useState<number>(0);
-  const cardRefs = useRef<(HTMLElement | null)[]>([]);
-  const actionRefs = useRef<(HTMLAnchorElement | null)[]>([]);
 
   // Use centralized texts as defaults, allow props to override
   const {
@@ -31,129 +28,21 @@ export default function ProjectsSection(props: ProjectsSectionProps = {}) {
     })
   } = props;
 
-  // Get available actions for a project
-  const getProjectActions = (project: Project) => {
-    const actions = [];
-    if (project.github) actions.push({ type: 'github', url: project.github });
-    if (project.live) actions.push({ type: 'live', url: project.live });
-    return actions;
-  };
-
-  // Handle card selection
-  const handleCardSelect = (index: number) => {
-    setActiveCardIndex(index);
-    setFocusedActionIndex(0);
-
-    // Announce to screen readers
-    const project = projects[index];
-    const actions = getProjectActions(project);
-    const announcement = `${project.title} card selected. ${actions.length} actions available. ${accessibilityTexts.navigation.useTabToNavigate}, Escape to close.`;
-    announceToScreenReader(announcement);
-  };
-
-  // Handle keyboard navigation within cards
-  const handleCardKeyDown = (event: KeyboardEvent<HTMLElement>, cardIndex: number) => {
-    const project = projects[cardIndex];
-    const actions = getProjectActions(project);
-
-    switch (event.key) {
-      case 'Enter':
-      case ' ':
-        event.preventDefault();
-        handleCardSelect(cardIndex);
-        break;
-      case 'Escape':
-        if (activeCardIndex === cardIndex) {
-          event.preventDefault();
-          setActiveCardIndex(null);
-          setFocusedActionIndex(0);
-          cardRefs.current[cardIndex]?.focus();
-          announceToScreenReader(`${project.title} card closed.`);
-        }
-        break;
-      case 'Tab':
-        if (activeCardIndex === cardIndex && actions.length > 0) {
-          event.preventDefault();
-          const nextActionIndex = event.shiftKey
-            ? (focusedActionIndex - 1 + actions.length) % actions.length
-            : (focusedActionIndex + 1) % actions.length;
-          setFocusedActionIndex(nextActionIndex);
-
-          // Focus the action button
-          const actionButton = actionRefs.current[cardIndex * 2 + nextActionIndex];
-          actionButton?.focus();
-        }
-        break;
-      case 'ArrowDown':
-      case 'ArrowUp':
-        if (activeCardIndex !== null) {
-          event.preventDefault();
-          const direction = event.key === 'ArrowDown' ? 1 : -1;
-          const nextCardIndex = (cardIndex + direction + projects.length) % projects.length;
-
-          // Close current card and move to next
-          setActiveCardIndex(null);
-          setFocusedActionIndex(0);
-          cardRefs.current[nextCardIndex]?.focus();
-          announceToScreenReader(`Moved to ${projects[nextCardIndex].title} card.`);
-        }
-        break;
-    }
-  };
-
-  // Handle action button keyboard navigation
-  const handleActionKeyDown = (event: KeyboardEvent<HTMLAnchorElement>, cardIndex: number, actionIndex: number) => {
-    const actions = getProjectActions(projects[cardIndex]);
-
-    switch (event.key) {
-      case 'Escape':
-        event.preventDefault();
-        setActiveCardIndex(null);
-        setFocusedActionIndex(0);
-        cardRefs.current[cardIndex]?.focus();
-        announceToScreenReader(`${projects[cardIndex].title} card closed.`);
-        break;
-      case 'Tab':
-        if (event.shiftKey && actionIndex === 0) {
-          // Tab back to card
-          event.preventDefault();
-          cardRefs.current[cardIndex]?.focus();
-        } else if (!event.shiftKey && actionIndex === actions.length - 1) {
-          // Tab forward to next card
-          event.preventDefault();
-          const nextCardIndex = (cardIndex + 1) % projects.length;
-          setActiveCardIndex(null);
-          setFocusedActionIndex(0);
-          cardRefs.current[nextCardIndex]?.focus();
-          announceToScreenReader(`Moved to ${projects[nextCardIndex].title} card.`);
-        }
-        break;
-    }
-  };
-
-  // Announce to screen readers
-  const announceToScreenReader = (message: string) => {
-    const announcement = document.createElement('div');
-    announcement.setAttribute('aria-live', 'polite');
-    announcement.setAttribute('aria-atomic', 'true');
-    announcement.setAttribute('class', 'sr-only');
-    announcement.textContent = message;
-
-    document.body.appendChild(announcement);
-    setTimeout(() => {
-      announcement.remove();
-    }, 1000);
-  };
-
-  // Focus management effect
-  useEffect(() => {
-    if (activeCardIndex !== null) {
-      const firstActionRef = actionRefs.current[activeCardIndex * 2];
-      if (firstActionRef) {
-        firstActionRef.focus();
-      }
-    }
-  }, [activeCardIndex]);
+  // Custom hooks for accessibility and keyboard navigation
+  const { announce } = useScreenReaderAnnouncements();
+  const {
+    activeCardIndex,
+    cardRefs,
+    actionRefs,
+    handleCardSelect,
+    handleCardKeyDown,
+    handleActionKeyDown,
+    getProjectActions,
+  } = useProjectKeyboardNavigation({
+    projects,
+    announce,
+    useTabToNavigateText: accessibilityTexts.navigation.useTabToNavigate,
+  });
 
   return (
     <section id="projects" className="projects-section">
@@ -214,7 +103,7 @@ export default function ProjectsSection(props: ProjectsSectionProps = {}) {
                 <div className="projects-section__image-container">
                   <img
                     src={project.image || "/api/placeholder/400/200"}
-                    alt={`Screenshot showing the user interface of ${project.title} project${project.description ? ': ' + project.description.substring(0, 50) + '...' : ''}`}
+                    alt={`${project.title} project screenshot`}
                     className="projects-section__image"
                   />
 
@@ -224,12 +113,12 @@ export default function ProjectsSection(props: ProjectsSectionProps = {}) {
                   {/* Conditionally visible action buttons */}
                   <fieldset
                     className={`projects-section__actions ${isActive ? 'projects-section__actions--visible' : ''}`}
-                    aria-label={`Actions for ${project.title}`}
                     aria-hidden={!isActive}
                   >
+                    <legend className="sr-only">{`Actions for ${project.title}`}</legend>
                     {project.github && (
                       <a
-                        ref={(el) => { actionRefs.current[cardIndex * 2] = el }}
+                        ref={(el) => { actionRefs.current[cardIndex * 2] = el; }}
                         href={project.github}
                         target="_blank"
                         rel="noopener noreferrer"
@@ -244,7 +133,7 @@ export default function ProjectsSection(props: ProjectsSectionProps = {}) {
                     )}
                     {project.live && (
                       <a
-                        ref={(el) => { actionRefs.current[cardIndex * 2 + 1] = el }}
+                        ref={(el) => { actionRefs.current[cardIndex * 2 + 1] = el; }}
                         href={project.live}
                         target="_blank"
                         rel="noopener noreferrer"
@@ -272,7 +161,7 @@ export default function ProjectsSection(props: ProjectsSectionProps = {}) {
                     </p>
 
                     {/* Add project metadata for screen readers */}
-                    <div className="projects-section__metadata sr-only">
+                    <div id={`project-${project.id}-metadata`} className="projects-section__metadata sr-only">
                       Project {cardIndex + 1} of {projects.length}.
                       {actions.length > 0 ? `${actions.length} actions available.` : 'No actions available.'}
                       {project.year && `Created in ${project.year}.`}
diff --git a/src/components/sections/SkillsSection.tsx b/src/components/sections/SkillsSection.tsx
index 2006c51..215f6d1 100644
--- a/src/components/sections/SkillsSection.tsx
+++ b/src/components/sections/SkillsSection.tsx
@@ -70,8 +70,8 @@ export default function SkillsSection(props: SkillsSectionProps = {}) {
               <fieldset
                 key={category.title}
                 className={`skills-section__category skills-section__category--${colorClass}`}
-                aria-labelledby={`category-${categoryIndex}-title`}
               >
+                <legend className="sr-only">{category.title}</legend>
                 <header className="skills-section__category-header">
                   <h3
                     id={`category-${categoryIndex}-title`}
@@ -140,7 +140,7 @@ export default function SkillsSection(props: SkillsSectionProps = {}) {
                           </div>
                         </div>
                       </li>
-                    )
+                    );
                   })}
                 </ul>
 
diff --git a/src/config/locales/en/projects.ts b/src/config/locales/en/projects.ts
index ad0ef8d..85506f3 100644
--- a/src/config/locales/en/projects.ts
+++ b/src/config/locales/en/projects.ts
@@ -38,7 +38,7 @@ export const projects = {
             image: icaraceImage,
             technologies: ['Angular 4', 'Typescript', 'HTML', 'CSS'],
             year: '2018',
-            github: 'https://github.com/LuciusShadow/ErgoVR',
+            live: 'https://live.icarace.com/home',
         },
         {
             id: 4,
diff --git a/src/hooks/useProjectKeyboardNavigation.ts b/src/hooks/useProjectKeyboardNavigation.ts
new file mode 100644
index 0000000..742afbe
--- /dev/null
+++ b/src/hooks/useProjectKeyboardNavigation.ts
@@ -0,0 +1,159 @@
+import { useState, useRef, useEffect, type KeyboardEvent, type RefObject } from 'react';
+import type { Project } from '../data/Project';
+
+interface ProjectAction {
+  type: 'github' | 'live';
+  url: string;
+}
+
+interface UseProjectKeyboardNavigationProps {
+  projects: Project[];
+  announce: (message: string) => void;
+  useTabToNavigateText: string;
+}
+
+interface UseProjectKeyboardNavigationReturn {
+  activeCardIndex: number | null;
+  focusedActionIndex: number;
+  cardRefs: RefObject<(HTMLElement | null)[]>;
+  actionRefs: RefObject<(HTMLAnchorElement | null)[]>;
+  handleCardSelect: (index: number) => void;
+  handleCardKeyDown: (event: KeyboardEvent<HTMLElement>, cardIndex: number) => void;
+  handleActionKeyDown: (event: KeyboardEvent<HTMLAnchorElement>, cardIndex: number, actionIndex: number) => void;
+  getProjectActions: (project: Project) => ProjectAction[];
+}
+
+/**
+ * Custom hook for managing keyboard navigation in project cards
+ * Handles card selection, focus management, and keyboard shortcuts
+ */
+export function useProjectKeyboardNavigation({
+  projects,
+  announce,
+  useTabToNavigateText,
+}: UseProjectKeyboardNavigationProps): UseProjectKeyboardNavigationReturn {
+  const [activeCardIndex, setActiveCardIndex] = useState<number | null>(null);
+  const [focusedActionIndex, setFocusedActionIndex] = useState<number>(0);
+  const cardRefs = useRef<(HTMLElement | null)[]>([]);
+  const actionRefs = useRef<(HTMLAnchorElement | null)[]>([]);
+
+  // Get available actions for a project
+  const getProjectActions = (project: Project): ProjectAction[] => {
+    const actions: ProjectAction[] = [];
+    if (project.github) actions.push({ type: 'github', url: project.github });
+    if (project.live) actions.push({ type: 'live', url: project.live });
+    return actions;
+  };
+
+  // Handle card selection
+  const handleCardSelect = (index: number) => {
+    setActiveCardIndex(index);
+    setFocusedActionIndex(0);
+
+    const project = projects[index];
+    const actions = getProjectActions(project);
+    const announcement = `${project.title} card selected. ${actions.length} actions available. ${useTabToNavigateText}, Escape to close.`;
+    announce(announcement);
+  };
+
+  // Handle keyboard navigation within cards
+  const handleCardKeyDown = (event: KeyboardEvent<HTMLElement>, cardIndex: number) => {
+    const project = projects[cardIndex];
+    const actions = getProjectActions(project);
+
+    switch (event.key) {
+      case 'Enter':
+      case ' ':
+        event.preventDefault();
+        handleCardSelect(cardIndex);
+        break;
+      case 'Escape':
+        if (activeCardIndex === cardIndex) {
+          event.preventDefault();
+          setActiveCardIndex(null);
+          setFocusedActionIndex(0);
+          cardRefs.current[cardIndex]?.focus();
+          announce(`${project.title} card closed.`);
+        }
+        break;
+      case 'Tab':
+        if (activeCardIndex === cardIndex && actions.length > 0) {
+          event.preventDefault();
+          const nextActionIndex = event.shiftKey
+            ? (focusedActionIndex - 1 + actions.length) % actions.length
+            : (focusedActionIndex + 1) % actions.length;
+          setFocusedActionIndex(nextActionIndex);
+
+          // Focus the action button
+          const actionButton = actionRefs.current[cardIndex * 2 + nextActionIndex];
+          actionButton?.focus();
+        }
+        break;
+      case 'ArrowDown':
+      case 'ArrowUp':
+        if (activeCardIndex !== null) {
+          event.preventDefault();
+          const direction = event.key === 'ArrowDown' ? 1 : -1;
+          const nextCardIndex = (cardIndex + direction + projects.length) % projects.length;
+
+          // Close current card and move to next
+          setActiveCardIndex(null);
+          setFocusedActionIndex(0);
+          cardRefs.current[nextCardIndex]?.focus();
+          announce(`Moved to ${projects[nextCardIndex].title} card.`);
+        }
+        break;
+    }
+  };
+
+  // Handle action button keyboard navigation
+  const handleActionKeyDown = (event: KeyboardEvent<HTMLAnchorElement>, cardIndex: number, actionIndex: number) => {
+    const actions = getProjectActions(projects[cardIndex]);
+
+    switch (event.key) {
+      case 'Escape':
+        event.preventDefault();
+        setActiveCardIndex(null);
+        setFocusedActionIndex(0);
+        cardRefs.current[cardIndex]?.focus();
+        announce(`${projects[cardIndex].title} card closed.`);
+        break;
+      case 'Tab':
+        if (event.shiftKey && actionIndex === 0) {
+          // Tab back to card
+          event.preventDefault();
+          cardRefs.current[cardIndex]?.focus();
+        } else if (!event.shiftKey && actionIndex === actions.length - 1) {
+          // Tab forward to next card
+          event.preventDefault();
+          const nextCardIndex = (cardIndex + 1) % projects.length;
+          setActiveCardIndex(null);
+          setFocusedActionIndex(0);
+          cardRefs.current[nextCardIndex]?.focus();
+          announce(`Moved to ${projects[nextCardIndex].title} card.`);
+        }
+        break;
+    }
+  };
+
+  // Focus management effect
+  useEffect(() => {
+    if (activeCardIndex !== null) {
+      const firstActionRef = actionRefs.current[activeCardIndex * 2];
+      if (firstActionRef) {
+        firstActionRef.focus();
+      }
+    }
+  }, [activeCardIndex]);
+
+  return {
+    activeCardIndex,
+    focusedActionIndex,
+    cardRefs,
+    actionRefs,
+    handleCardSelect,
+    handleCardKeyDown,
+    handleActionKeyDown,
+    getProjectActions,
+  };
+}
diff --git a/src/hooks/useScreenReaderAnnouncements.ts b/src/hooks/useScreenReaderAnnouncements.ts
new file mode 100644
index 0000000..b9a79f3
--- /dev/null
+++ b/src/hooks/useScreenReaderAnnouncements.ts
@@ -0,0 +1,22 @@
+import { useCallback } from 'react';
+
+/**
+ * Custom hook for managing screen reader announcements
+ * Creates temporary live region elements to announce messages to assistive technologies
+ */
+export function useScreenReaderAnnouncements() {
+  const announce = useCallback((message: string) => {
+    const announcement = document.createElement('div');
+    announcement.setAttribute('aria-live', 'polite');
+    announcement.setAttribute('aria-atomic', 'true');
+    announcement.setAttribute('class', 'sr-only');
+    announcement.textContent = message;
+
+    document.body.appendChild(announcement);
+    setTimeout(() => {
+      announcement.remove();
+    }, 1000);
+  }, []);
+
+  return { announce };
+}
diff --git a/src/scss/App.scss b/src/scss/App.scss
index 345151f..6bfcf58 100644
--- a/src/scss/App.scss
+++ b/src/scss/App.scss
@@ -9,6 +9,9 @@
 // All sections imported through index
 @use 'sections';
 
+// Component styles
+@use 'components/back-to-top';
+
 // Import Geist font from Google Fonts or local files
 @import url('https://fonts.googleapis.com/css2?family=Geist:wght@100;200;300;400;500;600;700;800;900&display=swap');
 
@@ -30,8 +33,14 @@
 }
 
 body {
-  font-family: 'Geist', system-ui, -apple-system, BlinkMacSystemFont, 'Segoe UI',
-    'Roboto', sans-serif;
+  font-family:
+    'Geist',
+    system-ui,
+    -apple-system,
+    BlinkMacSystemFont,
+    'Segoe UI',
+    'Roboto',
+    sans-serif;
   background-color: var(--color-background);
   color: var(--color-text);
   margin: 0; // Explicitly remove body margin
diff --git a/src/scss/components/back-to-top.scss b/src/scss/components/back-to-top.scss
new file mode 100644
index 0000000..6036915
--- /dev/null
+++ b/src/scss/components/back-to-top.scss
@@ -0,0 +1,63 @@
+@use '../variables' as *;
+@use '../globals';
+
+.back-to-top {
+  position: fixed;
+  bottom: 2rem;
+  right: 2rem;
+  width: 3rem;
+  height: 3rem;
+  border-radius: 50%;
+  background: var(--color-primary);
+  color: #000000;
+  border: none;
+  cursor: pointer;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
+  transition: all 0.3s ease;
+  opacity: 0;
+  visibility: hidden;
+  transform: translateY(100px);
+  z-index: 999;
+
+  &--visible {
+    opacity: 1;
+    visibility: visible;
+    transform: translateY(0);
+  }
+
+  &:hover {
+    transform: translateY(-4px);
+    box-shadow: 0 6px 16px rgba(0, 0, 0, 0.2);
+  }
+
+  &:focus {
+    outline: 2px solid var(--color-focus-ring);
+    outline-offset: 2px;
+  }
+
+  &:active {
+    transform: translateY(-2px);
+  }
+
+  &__icon {
+    width: 1.5rem;
+    height: 1.5rem;
+  }
+}
+
+@media (max-width: 768px) {
+  .back-to-top {
+    bottom: 1rem;
+    right: 1rem;
+    width: 2.5rem;
+    height: 2.5rem;
+
+    &__icon {
+      width: 1.25rem;
+      height: 1.25rem;
+    }
+  }
+}
diff --git a/src/scss/globals.scss b/src/scss/globals.scss
index 35c618f..87dd1bd 100644
--- a/src/scss/globals.scss
+++ b/src/scss/globals.scss
@@ -59,18 +59,19 @@
   top: -40px;
   left: 6px;
   background: var(--color-primary);
-  color: var(--color-text-aaa-dark);
+  color: #000000;
   padding: 8px;
   text-decoration: none;
   z-index: 9999;
   border-radius: 4px;
-  font-weight: 500;
+  font-weight: 600;
   transition: top 0.3s;
 
   &:focus {
     top: 6px;
     outline: 2px solid var(--color-focus-ring);
     outline-offset: 2px;
+    color: #000000;
   }
 }
 
diff --git a/src/scss/language-toggle.scss b/src/scss/language-toggle.scss
index f4f3009..91ef1d8 100644
--- a/src/scss/language-toggle.scss
+++ b/src/scss/language-toggle.scss
@@ -37,11 +37,12 @@
 
     &--active {
       background: var(--color-primary);
-      color: var(--color-background);
+      color: #000000;
+      font-weight: 600;
 
       &:hover {
         background: var(--color-primary);
-        color: var(--color-background);
+        color: #000000;
       }
     }
   }
diff --git a/src/utils/scrollUtils.ts b/src/utils/scrollUtils.ts
index dd8b26c..8f945bb 100644
--- a/src/utils/scrollUtils.ts
+++ b/src/utils/scrollUtils.ts
@@ -1,5 +1,8 @@
 import type { NavigateFunction } from 'react-router-dom';
 
+// Offset to account for sticky navbar height (65px) plus some padding
+const SCROLL_OFFSET = 65;
+
 export function scrollToSection(
   sectionId: string,
   currentPath: string,
@@ -9,7 +12,13 @@ export function scrollToSection(
   if (currentPath === '/') {
     const element = document.getElementById(sectionId);
     if (element) {
-      element.scrollIntoView({ behavior: 'smooth' });
+      const elementPosition = element.getBoundingClientRect().top;
+      const offsetPosition = elementPosition + window.scrollY - SCROLL_OFFSET;
+
+      window.scrollTo({
+        top: offsetPosition,
+        behavior: 'smooth'
+      });
     }
   } else if (navigate) {
     // If we're on another page, navigate to homepage with hash

From 514b189030526367c37d2dd4a3a0673740c53169 Mon Sep 17 00:00:00 2001
From: Sascha <saschab42@gmail.com>
Date: Tue, 10 Feb 2026 14:05:37 +0100
Subject: [PATCH 03/19] fix: update CV content for clarity and accuracy;
 improve formatting and language consistency

---
 src/assets/CV_Sascha_Bach.pdf | Bin 1547067 -> 1543738 bytes
 1 file changed, 0 insertions(+), 0 deletions(-)

diff --git a/src/assets/CV_Sascha_Bach.pdf b/src/assets/CV_Sascha_Bach.pdf
index cbdeb6168c17dd255c33be1e91ae317a48c571d8..e2b1154c07634cbe7db38c6285d89f52434666c8 100644
GIT binary patch
delta 12323
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

delta 15506
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


From 311f60abe62fe13b94982259e5e92b1dee5d02a1 Mon Sep 17 00:00:00 2001
From: Sascha <saschab42@gmail.com>
Date: Mon, 9 Mar 2026 15:21:09 +0100
Subject: [PATCH 04/19] feat: Add landing page sections and localization for
 German and English

- Implemented ReferencesSection and WinningsSection components for the landing page.
- Added localization files for German and English, covering various sections including About Me, Experience, Processes, Reasons, References, and Winnings.
- Created useScrollReveal hook for scroll-based animations.
- Developed styles for new sections: experience, processes, reasons, references, and winnings.
- Updated LandingPage component to include new sections.
---
 package-lock.json                             |  10 -
 package.json                                  |   1 -
 src/app/AppRouter.tsx                         |   4 +-
 src/components/LanguageToggle.tsx             |  11 +-
 src/components/landing/ExperienceSection.tsx  |  31 ++
 .../landing/LandingAboutMeSection.tsx         |  18 +
 src/components/landing/ProcessesSection.tsx   |  29 ++
 src/components/landing/ReasonsSection.tsx     |  40 +++
 src/components/landing/ReferencesSection.tsx  |  31 ++
 src/components/landing/WinningsSection.tsx    |  39 +++
 src/components/layout/Footer.tsx              |  11 +-
 src/components/layout/Navigation.tsx          |  20 +-
 src/components/sections/AboutSection.tsx      |  12 +-
 src/components/sections/ContactSection.tsx    |  85 ++---
 src/components/sections/HeroSection.tsx       |  90 ++---
 src/config/api.ts                             |  20 --
 src/config/locales/de/contact.ts              |   2 +
 src/config/locales/de/footer.ts               |   2 +
 src/config/locales/de/index.ts                |  12 +
 src/config/locales/de/landing-aboutme.ts      |  10 +
 src/config/locales/de/landing-experience.ts   |   9 +
 src/config/locales/de/landing-processes.ts    |  11 +
 src/config/locales/de/landing-reasons.ts      |  24 ++
 src/config/locales/de/landing-references.ts   |  17 +
 src/config/locales/de/landing-winnings.ts     |  13 +
 src/config/locales/de/navigation.ts           |   9 +
 src/config/locales/en/TextConfig.ts           | 323 ++++++++++++++++++
 src/config/locales/en/contact.ts              |   2 +
 src/config/locales/en/footer.ts               |   2 +
 src/config/locales/en/index.ts                | 277 +--------------
 src/config/locales/en/landing-aboutme.ts      |  10 +
 src/config/locales/en/landing-experience.ts   |   9 +
 src/config/locales/en/landing-processes.ts    |  11 +
 src/config/locales/en/landing-reasons.ts      |  23 ++
 src/config/locales/en/landing-references.ts   |  17 +
 src/config/locales/en/landing-winnings.ts     |  13 +
 src/config/locales/en/navigation.ts           |   9 +
 src/hooks/useScrollReveal.ts                  |  59 ++++
 src/pages/LandingPage.tsx                     |  23 ++
 src/scss/App.scss                             | 138 +++++++-
 src/scss/globals.scss                         |  18 +
 src/scss/layout/topbar.scss                   |  14 +
 src/scss/sections/_index.scss                 |   5 +
 src/scss/sections/about-section.scss          |  34 +-
 src/scss/sections/certifications-section.scss |  32 +-
 src/scss/sections/contact-section.scss        |  56 ++-
 src/scss/sections/experience-section.scss     |  76 +++++
 src/scss/sections/hero-section.scss           |  36 +-
 src/scss/sections/processes-section.scss      | 107 ++++++
 src/scss/sections/projects-section.scss       |  24 ++
 src/scss/sections/reasons-section.scss        | 134 ++++++++
 src/scss/sections/references-section.scss     | 133 ++++++++
 src/scss/sections/services-section.scss       |  56 ++-
 src/scss/sections/skills-section.scss         |  32 +-
 src/scss/sections/winnings-section.scss       | 107 ++++++
 src/scss/themes/_base.scss                    |  12 +
 src/scss/themes/_index.scss                   |   3 +
 src/utils/scrollUtils.ts                      |   8 +-
 58 files changed, 1892 insertions(+), 472 deletions(-)
 create mode 100644 src/components/landing/ExperienceSection.tsx
 create mode 100644 src/components/landing/LandingAboutMeSection.tsx
 create mode 100644 src/components/landing/ProcessesSection.tsx
 create mode 100644 src/components/landing/ReasonsSection.tsx
 create mode 100644 src/components/landing/ReferencesSection.tsx
 create mode 100644 src/components/landing/WinningsSection.tsx
 delete mode 100644 src/config/api.ts
 create mode 100644 src/config/locales/de/landing-aboutme.ts
 create mode 100644 src/config/locales/de/landing-experience.ts
 create mode 100644 src/config/locales/de/landing-processes.ts
 create mode 100644 src/config/locales/de/landing-reasons.ts
 create mode 100644 src/config/locales/de/landing-references.ts
 create mode 100644 src/config/locales/de/landing-winnings.ts
 create mode 100644 src/config/locales/en/TextConfig.ts
 create mode 100644 src/config/locales/en/landing-aboutme.ts
 create mode 100644 src/config/locales/en/landing-experience.ts
 create mode 100644 src/config/locales/en/landing-processes.ts
 create mode 100644 src/config/locales/en/landing-reasons.ts
 create mode 100644 src/config/locales/en/landing-references.ts
 create mode 100644 src/config/locales/en/landing-winnings.ts
 create mode 100644 src/hooks/useScrollReveal.ts
 create mode 100644 src/pages/LandingPage.tsx
 create mode 100644 src/scss/sections/experience-section.scss
 create mode 100644 src/scss/sections/processes-section.scss
 create mode 100644 src/scss/sections/reasons-section.scss
 create mode 100644 src/scss/sections/references-section.scss
 create mode 100644 src/scss/sections/winnings-section.scss

diff --git a/package-lock.json b/package-lock.json
index 9f4385d..2598be0 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -11,7 +11,6 @@
         "lucide-react": "^0.542.0",
         "react": "^19.1.1",
         "react-dom": "^19.1.1",
-        "react-icons": "^5.5.0",
         "react-router-dom": "^7.8.2"
       },
       "devDependencies": {
@@ -3364,15 +3363,6 @@
         "react": "^19.2.0"
       }
     },
-    "node_modules/react-icons": {
-      "version": "5.5.0",
-      "resolved": "https://registry.npmjs.org/react-icons/-/react-icons-5.5.0.tgz",
-      "integrity": "sha512-MEFcXdkP3dLo8uumGI5xN3lDFNsRtrjbOEKDLD7yv76v4wpnEq2Lt2qeHaQOr34I/wPN3s3+N08WkQ+CW37Xiw==",
-      "license": "MIT",
-      "peerDependencies": {
-        "react": "*"
-      }
-    },
     "node_modules/react-refresh": {
       "version": "0.17.0",
       "resolved": "https://registry.npmjs.org/react-refresh/-/react-refresh-0.17.0.tgz",
diff --git a/package.json b/package.json
index fa0e985..6ae12cf 100644
--- a/package.json
+++ b/package.json
@@ -15,7 +15,6 @@
     "lucide-react": "^0.542.0",
     "react": "^19.1.1",
     "react-dom": "^19.1.1",
-    "react-icons": "^5.5.0",
     "react-router-dom": "^7.8.2"
   },
   "devDependencies": {
diff --git a/src/app/AppRouter.tsx b/src/app/AppRouter.tsx
index bbe676c..956139e 100644
--- a/src/app/AppRouter.tsx
+++ b/src/app/AppRouter.tsx
@@ -4,6 +4,7 @@ import '../scss/App.scss';
 import Navbar from '../components/layout/Navigation';
 import Footer from '../components/layout/Footer';
 import HomePage from '../pages/HomePage';
+import LandingPage from '../pages/LandingPage';
 import ImprintPage from '../pages/ImprintPage';
 import PrivacyPolicy from '../pages/PrivacyPolicy';
 import BackToTopButton from '../components/BackToTopButton';
@@ -58,7 +59,8 @@ function AppRouter() {
         <Navbar theme={theme} setTheme={setTheme} />
         <main id="main-content" className="app__main">
           <Routes>
-            <Route path="/" element={<HomePage />} />
+            <Route path="/" element={<LandingPage />} />
+            <Route path="/technical" element={<HomePage />} />
             <Route path="/imprint" element={<ImprintPage />} />
             <Route path="/privacy-policy" element={<PrivacyPolicy />} />
           </Routes>
diff --git a/src/components/LanguageToggle.tsx b/src/components/LanguageToggle.tsx
index 5e8bda6..d365b09 100644
--- a/src/components/LanguageToggle.tsx
+++ b/src/components/LanguageToggle.tsx
@@ -1,21 +1,16 @@
 import { useLanguage } from '../contexts/LanguageContext';
 import type { Language } from '../data/types';
 import '../scss/language-toggle.scss';
+import { useScreenReaderAnnouncements } from '../hooks/useScreenReaderAnnouncements';
 
 export default function LanguageToggle() {
   const { language, setLanguage } = useLanguage();
+  const { announce } = useScreenReaderAnnouncements();
 
   const handleLanguageChange = (newLang: Language) => {
     if (newLang !== language) {
       setLanguage(newLang);
-      // Announce language change to screen readers
-      const announcement = document.createElement('div');
-      announcement.setAttribute('role', 'status');
-      announcement.setAttribute('aria-live', 'polite');
-      announcement.setAttribute('class', 'sr-only');
-      announcement.textContent = `Language changed to ${newLang === 'en' ? 'English' : 'Deutsch'}`;
-      document.body.appendChild(announcement);
-      setTimeout(() => announcement.remove(), 1000);
+      announce(`Language changed to ${newLang === 'en' ? 'English' : 'Deutsch'}`);
     }
   };
 
diff --git a/src/components/landing/ExperienceSection.tsx b/src/components/landing/ExperienceSection.tsx
new file mode 100644
index 0000000..0b5b9c2
--- /dev/null
+++ b/src/components/landing/ExperienceSection.tsx
@@ -0,0 +1,31 @@
+import { useScrollReveal } from '../../hooks/useScrollReveal';
+import { useLanguage } from '../../contexts/LanguageContext';
+
+export default function ExperienceSection() {
+  const { texts } = useLanguage();
+  const t = texts.landingExperience;
+  const sectionRef = useScrollReveal();
+
+  return (
+    <section id="experience" className="experience-section" ref={sectionRef}>
+      <div className="experience-section__container">
+        <h2 className="experience-section__title reveal-item">
+          {t.title}
+        </h2>
+
+        <div className="experience-section__body">
+          {t.paragraphs.map((paragraph, index) => (
+            <p
+              key={paragraph.substring(0, 40)}
+              className={`experience-section__paragraph reveal-item${index === t.paragraphs.length - 1 ? ' experience-section__paragraph--outro' : ''}`}
+              style={{ '--reveal-delay': `${index * 100}ms` } as React.CSSProperties}
+            >
+              {paragraph}
+            </p>
+          ))}
+        </div>
+      </div>
+    </section>
+  );
+}
+
diff --git a/src/components/landing/LandingAboutMeSection.tsx b/src/components/landing/LandingAboutMeSection.tsx
new file mode 100644
index 0000000..d2c4a41
--- /dev/null
+++ b/src/components/landing/LandingAboutMeSection.tsx
@@ -0,0 +1,18 @@
+import { useLanguage } from '../../contexts/LanguageContext';
+import AboutSection from '../sections/AboutSection';
+
+export default function LandingAboutMeSection() {
+  const { texts } = useLanguage();
+  const t = texts.landingAboutMe;
+
+  return (
+    <AboutSection
+      title={t.title}
+      subtitle={t.subtitle}
+      greeting={t.greeting}
+      name={t.name}
+      bio={t.bio}
+      featureCards={[]}
+    />
+  );
+}
diff --git a/src/components/landing/ProcessesSection.tsx b/src/components/landing/ProcessesSection.tsx
new file mode 100644
index 0000000..ee4f3db
--- /dev/null
+++ b/src/components/landing/ProcessesSection.tsx
@@ -0,0 +1,29 @@
+import { useScrollReveal } from '../../hooks/useScrollReveal';
+import { useLanguage } from '../../contexts/LanguageContext';
+
+export default function ProcessesSection() {
+  const { texts } = useLanguage();
+  const t = texts.landingProcesses;
+  const sectionRef = useScrollReveal();
+
+  return (
+    <section id="processes" className="processes-section" ref={sectionRef}>
+      <div className="processes-section__container">
+        <h2 className="processes-section__title reveal-item">{t.title}</h2>
+        <p className="processes-section__intro reveal-item">{t.intro}</p>
+        <ul className="processes-section__list" aria-label={t.title}>
+          {t.items.map((item, index) => (
+            <li
+              key={item.text.substring(0, 40)}
+              className="processes-section__item reveal-item"
+              style={{ '--reveal-delay': `${index * 80}ms` } as React.CSSProperties}
+            >
+              <p className="processes-section__text">{item.text}</p>
+            </li>
+          ))}
+        </ul>
+        <p className="processes-section__outro reveal-item">{t.outro}</p>
+      </div>
+    </section>
+  );
+}
diff --git a/src/components/landing/ReasonsSection.tsx b/src/components/landing/ReasonsSection.tsx
new file mode 100644
index 0000000..1e04acd
--- /dev/null
+++ b/src/components/landing/ReasonsSection.tsx
@@ -0,0 +1,40 @@
+import { useScrollReveal } from '../../hooks/useScrollReveal';
+import { useLanguage } from '../../contexts/LanguageContext';
+
+export default function ReasonsSection() {
+  const { texts } = useLanguage();
+  const t = texts.landingReasons;
+  const sectionRef = useScrollReveal();
+
+  return (
+    <section id="reasons" className="reasons-section" ref={sectionRef}>
+      <div className="reasons-section__container">
+        <h2 className="reasons-section__title reveal-item">
+          {t.title}
+        </h2>
+
+
+
+
+        <ul className="reasons-section__list" aria-label="Reasons">
+          {t.reasons.map((item, index) => (
+            <li
+              key={item.stat}
+              className="reasons-section__item reveal-item"
+              style={{ '--reveal-delay': `${index * 100}ms` } as React.CSSProperties}
+            >
+              <span className="reasons-section__stat" aria-hidden="true">
+                {item.stat}
+              </span>
+              <p className="reasons-section__text">{item.text}</p>
+            </li>
+          ))}
+        </ul>
+
+        <p className="reasons-section__outro reveal-item">
+          {t.outro}
+        </p>
+      </div>
+    </section>
+  );
+}
diff --git a/src/components/landing/ReferencesSection.tsx b/src/components/landing/ReferencesSection.tsx
new file mode 100644
index 0000000..287d57a
--- /dev/null
+++ b/src/components/landing/ReferencesSection.tsx
@@ -0,0 +1,31 @@
+import { useScrollReveal } from '../../hooks/useScrollReveal';
+import { useLanguage } from '../../contexts/LanguageContext';
+
+export default function ReferencesSection() {
+  const { texts } = useLanguage();
+  const t = texts.landingReferences;
+  const sectionRef = useScrollReveal();
+
+  return (
+    <section id="references" className="references-section" ref={sectionRef}>
+      <div className="references-section__container">
+        <h2 className="references-section__title reveal-item">{t.title}</h2>
+        <ul className="references-section__list" aria-label={t.title}>
+          {t.items.map((item, index) => (
+            <li
+              key={index}
+              className="references-section__item reveal-item"
+              style={{ '--reveal-delay': `${index * 100}ms` } as React.CSSProperties}
+            >
+              <p className="references-section__quote">{item.referenceText}</p>
+              <div className="references-section__author">
+                <p className="references-section__name">{item.name}</p>
+                <p className="references-section__position">{item.position}</p>
+              </div>
+            </li>
+          ))}
+        </ul>
+      </div>
+    </section>
+  );
+}
diff --git a/src/components/landing/WinningsSection.tsx b/src/components/landing/WinningsSection.tsx
new file mode 100644
index 0000000..8aa2f81
--- /dev/null
+++ b/src/components/landing/WinningsSection.tsx
@@ -0,0 +1,39 @@
+import { useScrollReveal } from '../../hooks/useScrollReveal';
+import { useLanguage } from '../../contexts/LanguageContext';
+
+export default function WinningsSection() {
+  const { texts } = useLanguage();
+  const t = texts.landingWinnings;
+  const sectionRef = useScrollReveal();
+
+  return (
+    <section id="winnings" className="winnings-section" ref={sectionRef}>
+      <div className="winnings-section__container">
+        <h2 className="winnings-section__title reveal-item">
+          {t.title}
+        </h2>
+
+        <p className="winnings-section__intro reveal-item">
+          {t.intro}
+        </p>
+
+        <ul className="winnings-section__list" aria-label={t.title}>
+          {t.items.map((item, index) => (
+            <li
+              key={item.text.substring(0, 40)}
+              className="winnings-section__item reveal-item"
+              style={{ '--reveal-delay': `${index * 80}ms` } as React.CSSProperties}
+            >
+              <p className="winnings-section__text">{item.text}</p>
+            </li>
+          ))}
+        </ul>
+
+        <p className="winnings-section__outro reveal-item">
+          {t.outro}
+        </p>
+      </div>
+    </section>
+  );
+}
+
diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
index 3c1f06d..563bbca 100644
--- a/src/components/layout/Footer.tsx
+++ b/src/components/layout/Footer.tsx
@@ -1,10 +1,12 @@
 import { Github, Linkedin, Mail } from 'lucide-react';
-import { Link } from 'react-router-dom';
+import { Link, useLocation } from 'react-router-dom';
 import { personalConfig, createEmailLink } from '../../config/personal';
 import { useLanguage } from '../../contexts/LanguageContext';
 
 export default function Footer() {
   const { texts } = useLanguage();
+  const location = useLocation();
+  const isTechnicalPage = location.pathname === '/technical';
   // Email obfuscation function using config
   const handleEmailClick = (e: React.MouseEvent) => {
     e.preventDefault();
@@ -21,6 +23,13 @@ export default function Footer() {
             <Link to="/imprint" className="footer__link">
               {texts.footer.imprintText}
             </Link>
+            <Link
+              to={isTechnicalPage ? '/' : '/technical'}
+              className="footer__link"
+              onClick={() => window.scrollTo({ top: 0, behavior: 'smooth' })}
+            >
+              {isTechnicalPage ? texts.footer.landingLinkText : texts.footer.technicalLinkText}
+            </Link>
             <div className="footer__copyright">
               © {new Date().getFullYear()} {personalConfig.name}. {texts.footer.copyrightText}
             </div>
diff --git a/src/components/layout/Navigation.tsx b/src/components/layout/Navigation.tsx
index 93ad504..8b2b48b 100644
--- a/src/components/layout/Navigation.tsx
+++ b/src/components/layout/Navigation.tsx
@@ -23,11 +23,14 @@ export default function Navbar({
   const navigate = useNavigate();
   const { texts } = useLanguage();
 
-  const menuItems = texts.navigation.menuItems;
+  const isLandingPage = location.pathname === '/';
+  const menuItems = isLandingPage
+    ? texts.navigation.landingMenuItems
+    : texts.navigation.menuItems;
 
   // Track active section based on scroll position
   useEffect(() => {
-    if (location.pathname !== '/') {
+    if (location.pathname !== '/technical' && location.pathname !== '/') {
       setActiveSection('');
       return;
     }
@@ -61,8 +64,17 @@ export default function Navbar({
   }
 
   return (
-    <div className="navbar">
-      <Link to="/" className="navbar__name">{personalConfig.name}</Link>
+    <div className={`navbar${isLandingPage ? ' navbar--landing' : ''}`}>
+      <Link
+        to={isLandingPage ? '/' : '/technical'}
+        className="navbar__name"
+        onClick={(e) => {
+          e.preventDefault();
+          window.scrollTo({ top: 0, behavior: 'smooth' });
+        }}
+      >
+        {personalConfig.name}
+      </Link>
       <div className="navbar__container">
         {menuItems.map((item) => (
           <button
diff --git a/src/components/sections/AboutSection.tsx b/src/components/sections/AboutSection.tsx
index faf3f93..476b587 100644
--- a/src/components/sections/AboutSection.tsx
+++ b/src/components/sections/AboutSection.tsx
@@ -8,6 +8,7 @@ interface AboutSectionProps {
   name?: string;
   title?: string;
   subtitle?: string;
+  greeting?: string;
   bio?: string[];
   profileImage?: string;
   featureCards?: Service[];
@@ -23,6 +24,7 @@ export default function AboutSection(props: AboutSectionProps = {}) {
     name = texts.name,
     title = texts.title,
     subtitle = texts.subtitle,
+    greeting,
     bio = texts.bio,
     profileImage = saschaImage,
     featureCards = texts.featureCards.map((card, index) => ({
@@ -41,9 +43,11 @@ export default function AboutSection(props: AboutSectionProps = {}) {
           <h2 id="about-title" className="about-section__title">
             {title}
           </h2>
-          <p className="about-section__subtitle">
-            {subtitle}
-          </p>
+          {subtitle && (
+            <p className="about-section__subtitle">
+              {subtitle}
+            </p>
+          )}
         </header>
 
         {/* Skip link for keyboard navigation */}
@@ -68,7 +72,7 @@ export default function AboutSection(props: AboutSectionProps = {}) {
           <div className="about-section__bio-section">
             <div className="about-section__bio-content">
               <h3 className="about-section__greeting">
-                Hi, I'm {name}!
+                {greeting ?? `Hi, I'm ${name}!`}
               </h3>
               <div className="about-section__bio-text">
                 {bio.map((paragraph) => (
diff --git a/src/components/sections/ContactSection.tsx b/src/components/sections/ContactSection.tsx
index 8fa72b8..28380e1 100644
--- a/src/components/sections/ContactSection.tsx
+++ b/src/components/sections/ContactSection.tsx
@@ -1,6 +1,8 @@
-import { Mail, ExternalLink, Send } from 'lucide-react';
-import { personalConfig, getObfuscatedEmail } from '../../config/personal';
+// eslint-disable-next-line @typescript-eslint/no-deprecated
+import { Mail, Send, Github, Linkedin } from 'lucide-react';
+import { personalConfig } from '../../config/personal';
 import { useLanguage } from '../../contexts/LanguageContext';
+import { useScreenReaderAnnouncements } from '../../hooks/useScreenReaderAnnouncements';
 
 interface ContactSectionProps {
   title?: string;
@@ -21,6 +23,7 @@ interface ContactSectionProps {
 export default function ContactSection(props: ContactSectionProps = {}) {
   const { texts: allTexts } = useLanguage();
   const texts = allTexts.contact;
+  const { announce } = useScreenReaderAnnouncements();
 
   const {
     title = texts.title,
@@ -44,18 +47,9 @@ export default function ContactSection(props: ContactSectionProps = {}) {
     const subject = encodeURIComponent(texts.emailSubject);
     const body = encodeURIComponent(texts.emailBody);
 
-    // Announce action to screen readers
-    const announcement = document.createElement('div');
-    announcement.setAttribute('aria-live', 'polite');
-    announcement.setAttribute('class', 'sr-only');
-    announcement.textContent = texts.emailAnnouncement;
-    document.body.appendChild(announcement);
+    announce(texts.emailAnnouncement);
 
     globalThis.location.href = `mailto:${email}?subject=${subject}&body=${body}`;
-
-    setTimeout(() => {
-      announcement.remove();
-    }, 1000);
   };
 
   const getEmailAddress = () => {
@@ -63,21 +57,6 @@ export default function ContactSection(props: ContactSectionProps = {}) {
     return parts[0] + '@' + parts[1] + '.' + parts[2];
   };
 
-  // Enhanced social link handler with announcements
-  const handleSocialClick = (platform: string, url: string) => {
-    const announcement = document.createElement('div');
-    announcement.setAttribute('aria-live', 'polite');
-    announcement.setAttribute('class', 'sr-only');
-    announcement.textContent = texts.socialAnnouncement.replace('{platform}', platform);
-    document.body.appendChild(announcement);
-
-    globalThis.open(url, '_blank', 'noopener,noreferrer');
-
-    setTimeout(() => {
-      announcement.remove();
-    }, 1000);
-  };
-
   return (
     <section id="contact" className="contact-section" aria-labelledby="contact-title">
       <div className="contact-section__container">
@@ -166,45 +145,29 @@ export default function ContactSection(props: ContactSectionProps = {}) {
             <ul className="contact-section__social-list">
 
               <li className="contact-section__detail-item">
-                <button
-                  className="contact-section__social-button contact-section__social-button--email"
-                  onClick={handleEmailClick}
-                  aria-label={`Send email to ${getObfuscatedEmail()}`}
-                  type="button"
+                <Github className="contact-section__social-icon" aria-hidden="true" />
+                <a
+                  href={personalConfig.social.github.url}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="contact-section__detail-link"
+                  aria-label={`${texts.githubLinkText} (opens in new tab)`}
                 >
-                  <Mail className="contact-section__social-icon" aria-hidden="true" />
-                </button>
-                <span className="contact-section__detail-text" aria-label="Email address">
-                  {getObfuscatedEmail()}
-                </span>
+                  {texts.githubLinkText}
+                </a>
               </li>
 
               <li className="contact-section__detail-item">
-                <button
-                  className="contact-section__social-button contact-section__social-button--github"
-                  onClick={() => handleSocialClick('GitHub', personalConfig.social.github.url)}
-                  aria-label={`Visit GitHub profile: ${personalConfig.social.github.username} (opens in new tab)`}
-                  type="button"
+                <Linkedin className="contact-section__social-icon" aria-hidden="true" />
+                <a
+                  href={personalConfig.social.linkedin.url}
+                  target="_blank"
+                  rel="noopener noreferrer"
+                  className="contact-section__detail-link"
+                  aria-label={`${texts.linkedinLinkText} (opens in new tab)`}
                 >
-                  <ExternalLink className="contact-section__social-icon" aria-hidden="true" />
-                </button>
-                <span className="contact-section__detail-text" aria-label="GitHub username">
-                  {personalConfig.social.github.username}
-                </span>
-              </li>
-
-              <li className="contact-section__detail-item">
-                <button
-                  className="contact-section__social-button contact-section__social-button--linkedin"
-                  onClick={() => handleSocialClick('LinkedIn', personalConfig.social.linkedin.url)}
-                  aria-label={`Visit LinkedIn profile: ${personalConfig.social.linkedin.username} (opens in new tab)`}
-                  type="button"
-                >
-                  <ExternalLink className="contact-section__social-icon" aria-hidden="true" />
-                </button>
-                <span className="contact-section__detail-text" aria-label="LinkedIn username">
-                  {personalConfig.social.linkedin.username}
-                </span>
+                  {texts.linkedinLinkText}
+                </a>
               </li>
             </ul>
           </div>
diff --git a/src/components/sections/HeroSection.tsx b/src/components/sections/HeroSection.tsx
index b2162be..94c2b1a 100644
--- a/src/components/sections/HeroSection.tsx
+++ b/src/components/sections/HeroSection.tsx
@@ -3,6 +3,7 @@ import { useLocation, useNavigate } from 'react-router-dom';
 import type { StatItem } from '../../data/StatItem';
 import { scrollToProjects, scrollToSection } from '../../utils/scrollUtils';
 import { useLanguage } from '../../contexts/LanguageContext';
+import { useScreenReaderAnnouncements } from '../../hooks/useScreenReaderAnnouncements';
 import resumePDF from '../../assets/CV_Sascha_Bach.pdf';
 
 interface HeroSectionProps {
@@ -12,6 +13,7 @@ interface HeroSectionProps {
   secondaryButtonText?: string;
   tertiaryButtonText?: string;
   statItems?: StatItem[];
+  hideStats?: boolean;
 }
 
 export default function HeroSection(props: HeroSectionProps = {}) {
@@ -27,64 +29,44 @@ export default function HeroSection(props: HeroSectionProps = {}) {
     secondaryButtonText = texts.secondaryButtonText,
     tertiaryButtonText = texts.tertiaryButtonText,
     statItems = texts.statItems,
+    hideStats = false,
   } = props;
   const location = useLocation();
   const navigate = useNavigate();
-
-  // Enhanced announcement function for screen readers
-  const announceToScreenReader = (message: string) => {
-    const announcement = document.createElement('div');
-    announcement.setAttribute('aria-live', 'polite');
-    announcement.setAttribute('aria-atomic', 'true');
-    announcement.setAttribute('class', 'sr-only');
-    announcement.textContent = message;
-
-    document.body.appendChild(announcement);
-    setTimeout(() => {
-      announcement.remove();
-    }, 1000);
-  };
+  const { announce } = useScreenReaderAnnouncements();
 
   const handleViewWork = () => {
-    announceToScreenReader('Navigating to projects section');
+    announce('Navigating to projects section');
     scrollToProjects(location.pathname, navigate);
   };
 
   const handleDownloadResume = () => {
     try {
-      announceToScreenReader('Starting resume download');
+      announce('Starting resume download');
 
-      // Create a temporary anchor element
       const link = document.createElement('a');
       link.href = resumePDF;
-      link.download = 'CV_Sascha_Bach.pdf'; // Specify the filename for download
-      link.target = '_blank'; // Optional: open in new tab as fallback
+      link.download = 'CV_Sascha_Bach.pdf';
+      link.target = '_blank';
 
-      // Temporarily add to DOM and trigger click
       document.body.appendChild(link);
       link.click();
-
-      // Clean up
       link.remove();
 
-      console.log('✅ Resume download initiated');
-      announceToScreenReader('Resume download started successfully');
+      announce('Resume download started successfully');
     } catch (error) {
-      console.error('❌ Error downloading resume:', error);
-      announceToScreenReader('Resume download failed, opening in new tab');
+      announce('Resume download failed, opening in new tab');
 
-      // Fallback: open in new tab if download fails
       try {
         window.open(resumePDF, '_blank');
-      } catch (fallbackError) {
-        console.error('❌ Fallback method also failed:', fallbackError);
-        announceToScreenReader('Unable to access resume file');
+      } catch {
+        announce('Unable to access resume file');
       }
     }
   };
 
   const handleGetInTouch = () => {
-    announceToScreenReader('Navigating to contact section');
+    announce('Navigating to contact section');
     scrollToSection('contact', location.pathname, navigate);
   };
 
@@ -139,29 +121,31 @@ export default function HeroSection(props: HeroSectionProps = {}) {
           {accessibilityTexts.screenReader.downloadResumeDescription}
         </div>
 
-        <aside className="hero-section__stats" aria-labelledby="stats-heading">
-          <h2 id="stats-heading" className="sr-only">{accessibilityTexts.screenReader.professionalStatistics}</h2>
-          {statItems.map((item, index) => (
-            <div
-              key={item.label}
-              className={`hero-section__stat-item hero-section__stat-item--${index + 1}`}
-              aria-labelledby={`stat-${index}-label`}
-            >
-              <span
-                className="hero-section__stat-value"
-                aria-describedby={`stat-${index}-label`}
+        {!hideStats && (
+          <aside className="hero-section__stats" aria-labelledby="stats-heading">
+            <h2 id="stats-heading" className="sr-only">{accessibilityTexts.screenReader.professionalStatistics}</h2>
+            {statItems.map((item, index) => (
+              <div
+                key={item.label}
+                className={`hero-section__stat-item hero-section__stat-item--${index + 1}`}
+                aria-labelledby={`stat-${index}-label`}
               >
-                {item.value}
-              </span>
-              <span
-                id={`stat-${index}-label`}
-                className="hero-section__stat-label"
-              >
-                {item.label}
-              </span>
-            </div>
-          ))}
-        </aside>
+                <span
+                  className="hero-section__stat-value"
+                  aria-describedby={`stat-${index}-label`}
+                >
+                  {item.value}
+                </span>
+                <span
+                  id={`stat-${index}-label`}
+                  className="hero-section__stat-label"
+                >
+                  {item.label}
+                </span>
+              </div>
+            ))}
+          </aside>
+        )}
       </div>
     </main>
   );
diff --git a/src/config/api.ts b/src/config/api.ts
deleted file mode 100644
index f1b4867..0000000
--- a/src/config/api.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-// Note: API configuration no longer needed since we're using direct mailto links
-// This file is kept for reference but can be removed
-
-export const API_CONFIG = {
-  BASE_URL: '', // No longer used
-  ENDPOINTS: {
-    CONTACT: '/api/contact', // No longer used
-  },
-};
-
-// Export individual items for backward compatibility
-export const ENDPOINTS = API_CONFIG.ENDPOINTS;
-
-// Helper function to get full API URL
-export const getApiUrl = (endpoint: string): string => {
-  return `${API_CONFIG.BASE_URL}${endpoint}`;
-};
-
-// Default export
-export default API_CONFIG;
diff --git a/src/config/locales/de/contact.ts b/src/config/locales/de/contact.ts
index da05e13..1644716 100644
--- a/src/config/locales/de/contact.ts
+++ b/src/config/locales/de/contact.ts
@@ -18,4 +18,6 @@ export const contact = {
     'Hallo Sascha,\n\nIch habe Ihr Portfolio besucht und würde gerne ein potenzielles Projekt oder eine Zusammenarbeit besprechen.\n\nMit freundlichen Grüßen,',
   emailAnnouncement: 'E-Mail-Client wird mit vorausgefüllter Nachricht geöffnet',
   socialAnnouncement: '{platform}-Profil wird in neuem Tab geöffnet',
+  githubLinkText: 'Sascha Bach auf GitHub',
+  linkedinLinkText: 'Sascha Bach auf LinkedIn',
 };
diff --git a/src/config/locales/de/footer.ts b/src/config/locales/de/footer.ts
index 690900f..4a7f6c0 100644
--- a/src/config/locales/de/footer.ts
+++ b/src/config/locales/de/footer.ts
@@ -1,6 +1,8 @@
 export const footer = {
   imprintText: 'Impressum und Datenschutz',
   copyrightText: 'Alle Rechte vorbehalten.',
+  technicalLinkText: 'Technisches Portfolio',
+  landingLinkText: 'Landing Page',
   githubAriaLabel: 'GitHub-Profil',
   linkedinAriaLabel: 'LinkedIn-Profil',
   emailAriaLabel: 'E-Mail senden',
diff --git a/src/config/locales/de/index.ts b/src/config/locales/de/index.ts
index 4e5a997..f4d8981 100644
--- a/src/config/locales/de/index.ts
+++ b/src/config/locales/de/index.ts
@@ -3,6 +3,12 @@ import { themeToggle } from '../../theme-toggle';
 import { footer } from './footer';
 import { hero } from './hero';
 import { about } from './about';
+import { landingAboutMe } from './landing-aboutme';
+import { landingReasons } from './landing-reasons';
+import { landingExperience } from './landing-experience';
+import { landingWinnings } from './landing-winnings';
+import { landingProcesses } from './landing-processes';
+import { landingReferences } from './landing-references';
 import { services } from './services';
 import { skills } from './skills';
 import { projects } from './projects';
@@ -18,6 +24,12 @@ export const de = {
   footer,
   hero,
   about,
+  landingAboutMe,
+  landingReasons,
+  landingExperience,
+  landingWinnings,
+  landingProcesses,
+  landingReferences,
   services,
   skills,
   projects,
diff --git a/src/config/locales/de/landing-aboutme.ts b/src/config/locales/de/landing-aboutme.ts
new file mode 100644
index 0000000..c131e19
--- /dev/null
+++ b/src/config/locales/de/landing-aboutme.ts
@@ -0,0 +1,10 @@
+export const landingAboutMe = {
+  title: 'Mehr Kunden durch Barrierefreiheit',
+  subtitle: '',
+  greeting: 'Hi, ich bin Sascha.',
+  name: 'Sascha',
+  bio: [
+    'Ich verhelfe Unternehmen zu Webseiten, die von allen genutzt werden können. Eine Webseite, die für alle funktioniert, erreicht alle.',
+  ],
+  featureCards: [] as Array<{ title: string; description: string; }>,
+};
diff --git a/src/config/locales/de/landing-experience.ts b/src/config/locales/de/landing-experience.ts
new file mode 100644
index 0000000..b7a35a8
--- /dev/null
+++ b/src/config/locales/de/landing-experience.ts
@@ -0,0 +1,9 @@
+export const landingExperience = {
+  title: 'Meine Erfahrung',
+  paragraphs: [
+    'Ich habe Unternehmen wie deins geholfen – von kleinen Läden bis hin zu Dienstleistern – ihre Webseiten barrierefrei zu machen.',
+    'Bei ORWO habe ich einen Fotobuch-Designer entwickelt, der für tausende Kunden funktionierte, auch für Menschen mit Sehbeeinträchtigungen. Ich habe ihn nicht nur gut aussehen lassen, ich habe ihn für alle zum Laufen gebracht.',
+    'Diese Sorgfalt bringe ich jetzt zu deiner Webseite, egal ob Bäckerei, Therapeut, Handwerker oder Kiosk.',
+    'Barrierefreiheit geht alle was an.',
+  ],
+};
diff --git a/src/config/locales/de/landing-processes.ts b/src/config/locales/de/landing-processes.ts
new file mode 100644
index 0000000..5a6a275
--- /dev/null
+++ b/src/config/locales/de/landing-processes.ts
@@ -0,0 +1,11 @@
+export const landingProcesses = {
+  title: 'Wie ich arbeite',
+  intro: 'Ich bin dein Partner.',
+  items: [
+    { text: 'Ich arbeite meist remote - weniger Meetings, weniger Pendelzeit, weniger Aufwand.' },
+    { text: 'Wir vereinbaren einen Zeitplan - ich liefere.' },
+    { text: 'Ich nutze meine eigenen Tools - kein Setup auf deiner Seite nötig.' },
+    { text: 'Ich bin flexibel - egal ob du eine schnelle Lösung oder ein komplettes Redesign brauchst.' },
+  ],
+  outro: 'Du bekommst meine volle Aufmerksamkeit.',
+};
diff --git a/src/config/locales/de/landing-reasons.ts b/src/config/locales/de/landing-reasons.ts
new file mode 100644
index 0000000..ccf6735
--- /dev/null
+++ b/src/config/locales/de/landing-reasons.ts
@@ -0,0 +1,24 @@
+export const landingReasons = {
+  title: 'Warum es wichtig ist:',
+
+  reasons: [
+    {
+      stat: '15 %',
+      text: 'aller Menschen in Deutschland haben eine Beeinträchtigung. Das sind 12 Millionen potenzielle Kunden.',
+    },
+    {
+      stat: '80 %',
+      text: 'dieser Menschen verlassen Webseiten, die nicht für sie funktionieren.',
+    },
+    {
+      stat: 'SEO',
+      text: 'Google belohnt barrierefreie Webseiten mit besseren Rankings, mehr Traffic und mehr Umsatz.',
+    },
+    {
+      stat: 'Vertrauen',
+      text: 'Kunden vertrauen barrierefreien Webseiten mehr. Sie fühlen sich respektiert, nicht ignoriert.',
+    },
+  ],
+  outro:
+    'Du tust nicht nur das Richtige. Du machst den Unterschied.',
+};
diff --git a/src/config/locales/de/landing-references.ts b/src/config/locales/de/landing-references.ts
new file mode 100644
index 0000000..cefc127
--- /dev/null
+++ b/src/config/locales/de/landing-references.ts
@@ -0,0 +1,17 @@
+export const landingReferences = {
+  title: 'Was Kunden und Kollegen sagen',
+  items: [
+    {
+      referenceText:
+        'Das Audit zur digitalen Barrierefreiheit war äußerst aufschlussreich und praxisnah. Die identifizierten Schwachstellen wurden klar und verständlich erklärt, sodass konkrete Verbesserungsmaßnahmen abgeleitet werden konnten. Besonders positiv ist der ganzheitliche Blick auf Nutzerfreundlichkeit und Inklusion. Die Zusammenarbeit ist sehr empfehlenswert für alle, die ihre Website nachhaltig barrierefrei gestalten möchten.',
+      name: 'Florian Adragna',
+      position: 'Freiberufler, Florian Lucas Adragna',
+    },
+    {
+      referenceText:
+        'Ich habe die Zusammenarbeit mit dir immer sehr geschätzt. Bei der Fehlersuche und -behebung warst du besonders schnell und zuverlässig. Auch in neue Themen hast du dich problemlos und zügig eingearbeitet. Mit dir zu arbeiten war fachlich wie menschlich jederzeit angenehm – ich empfehle dich sehr gerne weiter.',
+      name: 'Kollege',
+      position: 'Teamlead, ORWO Net GmbH',
+    },
+  ],
+};
diff --git a/src/config/locales/de/landing-winnings.ts b/src/config/locales/de/landing-winnings.ts
new file mode 100644
index 0000000..ecd44f3
--- /dev/null
+++ b/src/config/locales/de/landing-winnings.ts
@@ -0,0 +1,13 @@
+export const landingWinnings = {
+  title: 'Was du bekommst',
+  intro: 'Wenn du mit mir arbeitest, bekommst du:',
+  items: [
+    { text: 'Eine Webseite, die für alle funktioniert, egal wie sie surfen.' },
+    { text: 'Mehr Besucher, denn Google liebt barrierefreie Seiten.' },
+    { text: 'Mehr Umsatz, denn Menschen kaufen, wenn sie sich eingeschlossen fühlen.' },
+    { text: 'Mehr Vertrauen, denn deine Kunden fühlen sich respektiert.' },
+    { text: 'Entspannung, denn ich kümmere mich um alles, vom Testen bis zur rechtlichen Konformität.' },
+    { text: 'Kein Tech-Stress, denn ich erkläre alles in einfacher Sprache, ohne Fachjargon.' },
+  ],
+  outro: 'Ich stelle sicher, dass ich dein Problem verstehe und meine Lösung passt.',
+};
diff --git a/src/config/locales/de/navigation.ts b/src/config/locales/de/navigation.ts
index 81ef7b3..7544e09 100644
--- a/src/config/locales/de/navigation.ts
+++ b/src/config/locales/de/navigation.ts
@@ -7,5 +7,14 @@ export const navigation = {
     { section: 'Projects', label: 'Projekte' },
     { section: 'Contact', label: 'Kontakt' },
   ],
+  landingMenuItems: [
+    { section: 'About', label: 'Über mich' },
+    { section: 'Winnings', label: 'Vorteile' },
+    { section: 'Experience', label: 'Erfahrung' },
+    { section: 'Processes', label: 'Wie ich arbeite' },
+    { section: 'Projects', label: 'Projekte' },
+    { section: 'References', label: 'Referenzen' },
+    { section: 'Contact', label: 'Kontakt' },
+  ],
   mobileMenuAriaLabel: 'Menü öffnen',
 };
diff --git a/src/config/locales/en/TextConfig.ts b/src/config/locales/en/TextConfig.ts
new file mode 100644
index 0000000..56a8b13
--- /dev/null
+++ b/src/config/locales/en/TextConfig.ts
@@ -0,0 +1,323 @@
+import type { MenuItem } from '../../../data/types';
+
+export interface TextConfig {
+  // Navigation
+  navigation: {
+    menuItems: MenuItem[];
+    landingMenuItems: MenuItem[];
+    mobileMenuAriaLabel: string;
+  };
+
+  // Theme Toggle
+  themeToggle: {
+    lightIcon: string;
+    darkIcon: string;
+    lightModeText: string;
+    darkModeText: string;
+  };
+
+  // Footer
+  footer: {
+    imprintText: string;
+    copyrightText: string;
+    technicalLinkText: string;
+    landingLinkText: string;
+    githubAriaLabel: string;
+    linkedinAriaLabel: string;
+    emailAriaLabel: string;
+  };
+
+  // Hero Section
+  hero: {
+    title: string;
+    description: string;
+    primaryButtonText: string;
+    secondaryButtonText: string;
+    tertiaryButtonText: string;
+    statItems: Array<{
+      label: string;
+      value: string;
+    }>;
+  };
+
+  // About Section
+  about: {
+    title: string;
+    subtitle: string;
+    name: string;
+    bio: string[];
+    featureCards: Array<{
+      title: string;
+      description: string;
+    }>;
+  };
+
+  // Landing About Me Section
+  landingAboutMe: {
+    title: string;
+    subtitle: string;
+    greeting: string;
+    name: string;
+    bio: string[];
+    featureCards: Array<{
+      title: string;
+      description: string;
+    }>;
+  };
+
+  // Landing Reasons Section
+  landingReasons: {
+    title: string;
+    reasons: Array<{
+      stat: string;
+      text: string;
+    }>;
+    outro: string;
+  };
+
+  // Landing Experience Section
+  landingExperience: {
+    title: string;
+    paragraphs: string[];
+  };
+
+  // Landing Winnings Section
+  landingWinnings: {
+    title: string;
+    intro: string;
+    items: Array<{ text: string; }>;
+    outro: string;
+  };
+
+  // Landing Processes Section
+  landingProcesses: {
+    title: string;
+    intro: string;
+    items: Array<{ text: string; }>;
+    outro: string;
+  };
+
+  // Landing References Section
+  landingReferences: {
+    title: string;
+    items: Array<{
+      referenceText: string;
+      name: string;
+      position: string;
+    }>;
+  };
+
+  // Services Section
+  services: {
+    title: string;
+    subtitle: string;
+    serviceItems: Array<{
+      title: string;
+      description: string;
+    }>;
+  };
+
+  // Skills Section
+  skills: {
+    title: string;
+    subtitle: string;
+    skillCategories: Array<{
+      title: string;
+      skills: Array<{
+        skill: string;
+        value: number;
+      }>;
+    }>;
+  };
+
+  // Projects Section
+  projects: {
+    title: string;
+    subtitle: string;
+    codeButtonText: string;
+    liveButtonText: string;
+    projectItems: Array<{
+      id: number;
+      title: string;
+      description: string;
+    }>;
+  };
+
+  // Certifications Section
+  certifications: {
+    title: string;
+    subtitle: string;
+    certificationItems: Array<{
+      name: string;
+      issuer: string;
+    }>;
+  };
+
+  // Contact Section
+  contact: {
+    title: string;
+    subtitle: string;
+    connectTitle: string;
+    connectDescription: string;
+    buttonText: string;
+    socialTitle: string;
+    availabilityText: string;
+    responseTimeLabel: string;
+    responseTimeValue: string;
+    preferredContactLabel: string;
+    preferredContactValue: string;
+    locationLabel: string;
+    locationValue: string;
+    emailSubject: string;
+    emailBody: string;
+    emailAnnouncement: string;
+    socialAnnouncement: string;
+    githubLinkText: string;
+    linkedinLinkText: string;
+  };
+
+  // Imprint Page
+  imprint: {
+    title: string;
+    subtitle: string;
+    companyInfoTitle: string;
+    contactTitle: string;
+    responsibilityTitle: string;
+    disclaimerTitle: string;
+    contentLiabilityTitle: string;
+    contentLiabilityText: string[];
+    copyrightTitle: string;
+    copyrightText: string[];
+    privacyTitle: string;
+    privacyText: string;
+    detailedPrivacyPolicy: {
+      title: string;
+      introduction: string;
+      responsibleTitle: string;
+      responsibleText: string;
+      responsibleContact: string;
+      dataProtectionOfficerTitle: string;
+      dataProtectionOfficerText: string;
+      rightsTitle: string;
+      rightsIntro: string;
+      rights: Array<{ title: string; text: string; }>;
+      revocationTitle: string;
+      revocationText: string;
+      objectionTitle: string;
+      objectionText: string;
+      objectionHighlight: string;
+      objectionContact: string;
+      dataDeletionTitle: string;
+      dataDeletionIntro: string;
+      dataDeletionReasons: string[];
+      retentionText: string;
+      webhostingTitle: string;
+      webhostingText: string;
+      webhostingDataTypes: string[];
+      webhostingPurpose: string;
+      webhostingDataCategories: {
+        affectedData: string;
+        affectedDataList: string[];
+        affectedPersons: string;
+        processingPurpose: string;
+        legalBasis: string;
+        provider: string;
+      };
+      hostingProvider: {
+        name: string;
+        address: string;
+        website: string;
+      };
+      contactTitle: string;
+      contactText: string;
+      contactDataCategories: {
+        affectedData: string[];
+        affectedPersons: string;
+        processingPurpose: string;
+        legalBasis: string;
+      };
+      securityTitle: string;
+      securityText: string;
+      changesTitle: string;
+      changesText: string;
+      disclaimer: string;
+    };
+    address: {
+      street: string;
+      city: string;
+      country: string;
+    };
+    contact: {
+      phone: string;
+    };
+  };
+
+  // Privacy Policy Page
+  privacyPolicy: {
+    title: string;
+    lastUpdated: string;
+    introTitle: string;
+    introText: string;
+    dataCollectionTitle: string;
+    dataCollectionText: string;
+    dataCollectionList: string[];
+    webhostingTitle: string;
+    webhostingText: string;
+    webhostingProvider: string;
+    webhostingProviderName: string;
+    webhostingProviderAddress: string;
+    webhostingProviderWebsite: string;
+    rightsTitle: string;
+    rightsText: string;
+    rightsList: string[];
+    contactTitle: string;
+    contactText: string;
+    contactEmail: string;
+  };
+
+  // Accessibility and Navigation
+  accessibility: {
+    skipLinks: {
+      skipToHero: string;
+      skipToAbout: string;
+      skipToServices: string;
+      skipToSkills: string;
+      skipToProjects: string;
+      skipToCertifications: string;
+      skipToContact: string;
+    };
+    navigation: {
+      keyboardHelp: string;
+      keyboardHelpExpanded: string[];
+      useTabToNavigate: string;
+      useTabToNavigateCards: string;
+      useTabToNavigateOptions: string;
+      closeKeyboardHelp: string;
+    };
+    screenReader: {
+      professionalStatistics: string;
+      projectCard: string;
+      viewSourceCode: string;
+      viewLiveDemo: string;
+      downloadResume: string;
+      downloadResumeDescription: string;
+      keyboardNavigationHelp: string;
+      themeSwitchButton: string;
+      switchToTheme: string;
+      certificationCard: string;
+      serviceCard: string;
+      skillBadge: string;
+    };
+    ariaLabels: {
+      mainNavigation: string;
+      socialLinks: string;
+      themeToggle: string;
+      mobileMenuToggle: string;
+      contactForm: string;
+      projectsGrid: string;
+      skillsGrid: string;
+      certificationsGrid: string;
+      servicesGrid: string;
+    };
+  };
+}
diff --git a/src/config/locales/en/contact.ts b/src/config/locales/en/contact.ts
index cc9e6ad..e745665 100644
--- a/src/config/locales/en/contact.ts
+++ b/src/config/locales/en/contact.ts
@@ -18,4 +18,6 @@ export const contact = {
     'Hello Sascha,\n\nI visited your portfolio and would like to discuss a potential project or collaboration.\n\nBest regards,',
   emailAnnouncement: 'Opening email client with pre-filled message',
   socialAnnouncement: 'Opening {platform} profile in new tab',
+  githubLinkText: 'Sascha Bach on GitHub',
+  linkedinLinkText: 'Sascha Bach on LinkedIn',
 };
diff --git a/src/config/locales/en/footer.ts b/src/config/locales/en/footer.ts
index 551d800..2f0c982 100644
--- a/src/config/locales/en/footer.ts
+++ b/src/config/locales/en/footer.ts
@@ -1,6 +1,8 @@
 export const footer = {
   imprintText: 'Impressum und Datenschutz',
   copyrightText: 'All rights reserved.',
+  technicalLinkText: 'Technical Portfolio',
+  landingLinkText: 'Landing Page',
   githubAriaLabel: 'GitHub Profile',
   linkedinAriaLabel: 'LinkedIn Profile',
   emailAriaLabel: 'Send Email',
diff --git a/src/config/locales/en/index.ts b/src/config/locales/en/index.ts
index 854c75c..01d84c0 100644
--- a/src/config/locales/en/index.ts
+++ b/src/config/locales/en/index.ts
@@ -3,6 +3,12 @@ import { themeToggle } from '../../theme-toggle';
 import { footer } from './footer';
 import { hero } from './hero';
 import { about } from './about';
+import { landingAboutMe } from './landing-aboutme';
+import { landingReasons } from './landing-reasons';
+import { landingExperience } from './landing-experience';
+import { landingWinnings } from './landing-winnings';
+import { landingProcesses } from './landing-processes';
+import { landingReferences } from './landing-references';
 import { services } from './services';
 import { skills } from './skills';
 import { projects } from './projects';
@@ -11,270 +17,9 @@ import { contact } from './contact';
 import { imprint } from './imprint';
 import { privacyPolicy } from './privacy-policy';
 import { accessibility } from './accessibility';
-import type { MenuItem } from '../../../data/types';
+import type { TextConfig } from './TextConfig';
 
-// TypeScript interfaces for type safety
-export interface TextConfig {
-  // Navigation
-  navigation: {
-    menuItems: MenuItem[];
-    mobileMenuAriaLabel: string;
-  };
-
-  // Theme Toggle
-  themeToggle: {
-    lightIcon: string;
-    darkIcon: string;
-    lightModeText: string;
-    darkModeText: string;
-  };
-
-  // Footer
-  footer: {
-    imprintText: string;
-    copyrightText: string;
-    githubAriaLabel: string;
-    linkedinAriaLabel: string;
-    emailAriaLabel: string;
-  };
-
-  // Hero Section
-  hero: {
-    title: string;
-    description: string;
-    primaryButtonText: string;
-    secondaryButtonText: string;
-    tertiaryButtonText: string;
-    statItems: Array<{
-      label: string;
-      value: string;
-    }>;
-  };
-
-  // About Section
-  about: {
-    title: string;
-    subtitle: string;
-    name: string;
-    bio: string[];
-    featureCards: Array<{
-      title: string;
-      description: string;
-    }>;
-  };
-
-  // Services Section
-  services: {
-    title: string;
-    subtitle: string;
-    serviceItems: Array<{
-      title: string;
-      description: string;
-    }>;
-  };
-
-  // Skills Section
-  skills: {
-    title: string;
-    subtitle: string;
-    skillCategories: Array<{
-      title: string;
-      skills: Array<{
-        skill: string;
-        value: number;
-      }>;
-    }>;
-  };
-
-  // Projects Section
-  projects: {
-    title: string;
-    subtitle: string;
-    codeButtonText: string;
-    liveButtonText: string;
-    projectItems: Array<{
-      id: number;
-      title: string;
-      description: string;
-    }>;
-  };
-
-  // Certifications Section
-  certifications: {
-    title: string;
-    subtitle: string;
-    certificationItems: Array<{
-      name: string;
-      issuer: string;
-    }>;
-  };
-
-  // Contact Section
-  contact: {
-    title: string;
-    subtitle: string;
-    connectTitle: string;
-    connectDescription: string;
-    buttonText: string;
-    socialTitle: string;
-    availabilityText: string;
-    responseTimeLabel: string;
-    responseTimeValue: string;
-    preferredContactLabel: string;
-    preferredContactValue: string;
-    locationLabel: string;
-    locationValue: string;
-    emailSubject: string;
-    emailBody: string;
-    emailAnnouncement: string;
-    socialAnnouncement: string;
-  };
-
-  // Imprint Page
-  imprint: {
-    title: string;
-    subtitle: string;
-    companyInfoTitle: string;
-    contactTitle: string;
-    responsibilityTitle: string;
-    disclaimerTitle: string;
-    contentLiabilityTitle: string;
-    contentLiabilityText: string[];
-    copyrightTitle: string;
-    copyrightText: string[];
-    privacyTitle: string;
-    privacyText: string;
-    detailedPrivacyPolicy: {
-      title: string;
-      introduction: string;
-      responsibleTitle: string;
-      responsibleText: string;
-      responsibleContact: string;
-      dataProtectionOfficerTitle: string;
-      dataProtectionOfficerText: string;
-      rightsTitle: string;
-      rightsIntro: string;
-      rights: Array<{ title: string; text: string; }>;
-      revocationTitle: string;
-      revocationText: string;
-      objectionTitle: string;
-      objectionText: string;
-      objectionHighlight: string;
-      objectionContact: string;
-      dataDeletionTitle: string;
-      dataDeletionIntro: string;
-      dataDeletionReasons: string[];
-      retentionText: string;
-      webhostingTitle: string;
-      webhostingText: string;
-      webhostingDataTypes: string[];
-      webhostingPurpose: string;
-      webhostingDataCategories: {
-        affectedData: string;
-        affectedDataList: string[];
-        affectedPersons: string;
-        processingPurpose: string;
-        legalBasis: string;
-        provider: string;
-      };
-      hostingProvider: {
-        name: string;
-        address: string;
-        website: string;
-      };
-      contactTitle: string;
-      contactText: string;
-      contactDataCategories: {
-        affectedData: string[];
-        affectedPersons: string;
-        processingPurpose: string;
-        legalBasis: string;
-      };
-      securityTitle: string;
-      securityText: string;
-      changesTitle: string;
-      changesText: string;
-      disclaimer: string;
-    };
-    address: {
-      street: string;
-      city: string;
-      country: string;
-    };
-    contact: {
-      phone: string;
-    };
-  };
-
-  // Privacy Policy Page
-  privacyPolicy: {
-    title: string;
-    lastUpdated: string;
-    introTitle: string;
-    introText: string;
-    dataCollectionTitle: string;
-    dataCollectionText: string;
-    dataCollectionList: string[];
-    webhostingTitle: string;
-    webhostingText: string;
-    webhostingProvider: string;
-    webhostingProviderName: string;
-    webhostingProviderAddress: string;
-    webhostingProviderWebsite: string;
-    rightsTitle: string;
-    rightsText: string;
-    rightsList: string[];
-    contactTitle: string;
-    contactText: string;
-    contactEmail: string;
-  };
-
-  // Accessibility and Navigation
-  accessibility: {
-    skipLinks: {
-      skipToHero: string;
-      skipToAbout: string;
-      skipToServices: string;
-      skipToSkills: string;
-      skipToProjects: string;
-      skipToCertifications: string;
-      skipToContact: string;
-    };
-    navigation: {
-      keyboardHelp: string;
-      keyboardHelpExpanded: string[];
-      useTabToNavigate: string;
-      useTabToNavigateCards: string;
-      useTabToNavigateOptions: string;
-      closeKeyboardHelp: string;
-    };
-    screenReader: {
-      professionalStatistics: string;
-      projectCard: string;
-      viewSourceCode: string;
-      viewLiveDemo: string;
-      downloadResume: string;
-      downloadResumeDescription: string;
-      keyboardNavigationHelp: string;
-      themeSwitchButton: string;
-      switchToTheme: string;
-      certificationCard: string;
-      serviceCard: string;
-      skillBadge: string;
-    };
-    ariaLabels: {
-      mainNavigation: string;
-      socialLinks: string;
-      themeToggle: string;
-      mobileMenuToggle: string;
-      contactForm: string;
-      projectsGrid: string;
-      skillsGrid: string;
-      certificationsGrid: string;
-      servicesGrid: string;
-    };
-  };
-}
+export type { TextConfig } from './TextConfig';
 
 // English text configuration
 export const en: TextConfig = {
@@ -283,6 +28,12 @@ export const en: TextConfig = {
   footer,
   hero,
   about,
+  landingAboutMe,
+  landingReasons,
+  landingExperience,
+  landingWinnings,
+  landingProcesses,
+  landingReferences,
   services,
   skills,
   projects,
diff --git a/src/config/locales/en/landing-aboutme.ts b/src/config/locales/en/landing-aboutme.ts
new file mode 100644
index 0000000..6f03174
--- /dev/null
+++ b/src/config/locales/en/landing-aboutme.ts
@@ -0,0 +1,10 @@
+export const landingAboutMe = {
+  title: 'More Clients Through Accessibility',
+  subtitle: '',
+  greeting: 'Hi, I\'m Sascha.',
+  name: 'Sascha',
+  bio: [
+    'I help businesses build websites that can be used by everyone. A website that works for all reaches all.',
+  ],
+  featureCards: [] as Array<{ title: string; description: string; }>,
+};
diff --git a/src/config/locales/en/landing-experience.ts b/src/config/locales/en/landing-experience.ts
new file mode 100644
index 0000000..e690184
--- /dev/null
+++ b/src/config/locales/en/landing-experience.ts
@@ -0,0 +1,9 @@
+export const landingExperience = {
+  title: 'My Experience',
+  paragraphs: [
+    "I've helped businesses like yours — from small shops to service providers — make their websites accessible.",
+    "At ORWO, I built a photo book designer that worked for thousands of customers, even those with visual impairments. I didn't just make it look good, I made it work for everyone.",
+    'Now, I bring that same care to your website, whether you are a bakery, a therapist, a craftsman, or a local shop.',
+    'You do not need to be big. You just need to be accessible.',
+  ],
+};
diff --git a/src/config/locales/en/landing-processes.ts b/src/config/locales/en/landing-processes.ts
new file mode 100644
index 0000000..ab9fa34
--- /dev/null
+++ b/src/config/locales/en/landing-processes.ts
@@ -0,0 +1,11 @@
+export const landingProcesses = {
+  title: 'How I Work',
+  intro: "I'm your partner.",
+  items: [
+    { text: 'I work mostly remotely - less meetings, less commute, less overhead.' },
+    { text: 'We agree on a schedule - I deliver.' },
+    { text: 'I use my own tools - no setup required on your side.' },
+    { text: "I'm flexible - whether you need a quick fix or a full redesign." },
+  ],
+  outro: 'You get my full focus.',
+};
diff --git a/src/config/locales/en/landing-reasons.ts b/src/config/locales/en/landing-reasons.ts
new file mode 100644
index 0000000..6610587
--- /dev/null
+++ b/src/config/locales/en/landing-reasons.ts
@@ -0,0 +1,23 @@
+export const landingReasons = {
+  title: 'Why it is important',
+  reasons: [
+    {
+      stat: '15 %',
+      text: 'of all people in Germany have a disability. That is 12 million potential customers.',
+    },
+    {
+      stat: '80 %',
+      text: 'of those people leave websites that do not work for them.',
+    },
+    {
+      stat: 'SEO',
+      text: 'Google rewards accessible websites with better rankings, more traffic, and more sales.',
+    },
+    {
+      stat: 'Trust',
+      text: 'Customers trust accessible websites more. They feel respected, not ignored.',
+    },
+  ],
+  outro:
+    'You are not just doing the right thing. You are making a difference.',
+};
diff --git a/src/config/locales/en/landing-references.ts b/src/config/locales/en/landing-references.ts
new file mode 100644
index 0000000..7635929
--- /dev/null
+++ b/src/config/locales/en/landing-references.ts
@@ -0,0 +1,17 @@
+export const landingReferences = {
+  title: 'What Clients and Colleagues Say',
+  items: [
+    {
+      referenceText:
+        'The digital accessibility audit was extremely insightful and practical. The identified weaknesses were explained clearly and in an understandable way, making it possible to derive concrete improvements. Particularly noteworthy is the holistic view of usability and inclusion. Working together is highly recommended for anyone who wants to make their website sustainably accessible.',
+      name: 'Florian Adragna',
+      position: 'Freelancer, Florian Lucas Adragna',
+    },
+    {
+      referenceText:
+        'I always greatly appreciated working with you. You were particularly fast and reliable when it came to finding and fixing bugs. You also picked up new topics quickly and without any issues. Working with you was pleasant both professionally and personally — I am very happy to recommend you.',
+      name: 'Colleague',
+      position: 'Team Lead, ORWO Net GmbH',
+    },
+  ],
+};
diff --git a/src/config/locales/en/landing-winnings.ts b/src/config/locales/en/landing-winnings.ts
new file mode 100644
index 0000000..2ff6582
--- /dev/null
+++ b/src/config/locales/en/landing-winnings.ts
@@ -0,0 +1,13 @@
+export const landingWinnings = {
+  title: 'What You Get',
+  intro: 'When you work with me, you get:',
+  items: [
+    { text: 'A website that works for everyone, no matter how they browse.' },
+    { text: 'More visitors, because Google loves accessible sites.' },
+    { text: 'More sales, because people buy when they feel included.' },
+    { text: 'More trust, because your customers feel respected.' },
+    { text: 'Peace of mind, because I handle everything from testing to legal compliance.' },
+    { text: 'No tech stress, because I explain things in plain language with no jargon.' },
+  ],
+  outro: 'I make sure I understand your issue and my solution fits.',
+};
diff --git a/src/config/locales/en/navigation.ts b/src/config/locales/en/navigation.ts
index 48b03e8..e7c2cb8 100644
--- a/src/config/locales/en/navigation.ts
+++ b/src/config/locales/en/navigation.ts
@@ -7,5 +7,14 @@ export const navigation = {
     { section: 'Projects', label: 'Projects' },
     { section: 'Contact', label: 'Contact' },
   ],
+  landingMenuItems: [
+    { section: 'About', label: 'About' },
+    { section: 'Winnings', label: 'Benefits' },
+    { section: 'Experience', label: 'Experience' },
+    { section: 'Processes', label: 'How I Work' },
+    { section: 'Projects', label: 'Projects' },
+    { section: 'References', label: 'References' },
+    { section: 'Contact', label: 'Contact' },
+  ],
   mobileMenuAriaLabel: 'Menü öffnen',
 };
diff --git a/src/hooks/useScrollReveal.ts b/src/hooks/useScrollReveal.ts
new file mode 100644
index 0000000..aba4dd8
--- /dev/null
+++ b/src/hooks/useScrollReveal.ts
@@ -0,0 +1,59 @@
+import { useEffect, useRef } from 'react';
+
+/**
+ * Observes all `.reveal-item` descendants of the returned ref and adds
+ * `.is-visible` when they enter the viewport, triggering the CSS transition
+ * defined in globals.scss.
+ *
+ * The observer only starts after the first user interaction (scroll, keydown,
+ * or pointer event), so elements already in the viewport on load stay hidden
+ * until the user actually engages with the page.
+ */
+export function useScrollReveal() {
+  const ref = useRef<HTMLElement>(null);
+
+  useEffect(() => {
+    const container = ref.current;
+    if (!container) return;
+
+    let observer: IntersectionObserver | null = null;
+
+    const startObserving = () => {
+      if (observer) return; // already started
+
+      observer = new IntersectionObserver(
+        (entries) => {
+          entries.forEach((entry) => {
+            if (entry.isIntersecting) {
+              entry.target.classList.add('is-visible');
+              observer!.unobserve(entry.target);
+            }
+          });
+        },
+        { threshold: 0.12 }
+      );
+
+      const items = container.querySelectorAll('.reveal-item');
+      items.forEach((el) => observer!.observe(el));
+
+      // Clean up interaction listeners once started
+      INTERACTION_EVENTS.forEach((event) =>
+        window.removeEventListener(event, startObserving, { capture: true })
+      );
+    };
+
+    const INTERACTION_EVENTS = ['scroll', 'keydown', 'pointerdown', 'touchstart'] as const;
+    INTERACTION_EVENTS.forEach((event) =>
+      window.addEventListener(event, startObserving, { once: false, capture: true, passive: true })
+    );
+
+    return () => {
+      observer?.disconnect();
+      INTERACTION_EVENTS.forEach((event) =>
+        window.removeEventListener(event, startObserving, { capture: true })
+      );
+    };
+  }, []);
+
+  return ref;
+}
diff --git a/src/pages/LandingPage.tsx b/src/pages/LandingPage.tsx
new file mode 100644
index 0000000..89b29f2
--- /dev/null
+++ b/src/pages/LandingPage.tsx
@@ -0,0 +1,23 @@
+import LandingAboutMeSection from '../components/landing/LandingAboutMeSection';
+import ReasonsSection from '../components/landing/ReasonsSection';
+import ExperienceSection from '../components/landing/ExperienceSection';
+import WinningsSection from '../components/landing/WinningsSection';
+import ProcessesSection from '../components/landing/ProcessesSection';
+import ProjectsSection from '../components/sections/ProjectsSection';
+import ReferencesSection from '../components/landing/ReferencesSection';
+import ContactSection from '../components/sections/ContactSection';
+
+export default function LandingPage() {
+  return (
+    <>
+      <LandingAboutMeSection />
+      <ReasonsSection />
+      <WinningsSection />
+      <ExperienceSection />
+      <ProcessesSection />
+      <ProjectsSection />
+      <ReferencesSection />
+      <ContactSection />
+    </>
+  );
+}
diff --git a/src/scss/App.scss b/src/scss/App.scss
index 6bfcf58..95cc589 100644
--- a/src/scss/App.scss
+++ b/src/scss/App.scss
@@ -22,14 +22,147 @@
   box-sizing: border-box;
 }
 
-// Standard Theme (Light)
+// Standard Theme (Light) + design system tokens
 :root {
   @include t.theme-vars(t.$light-theme);
+
+  // Spacing scale (multiples of 4px)
+  --space-1: 0.25rem;
+  --space-2: 0.5rem;
+  --space-3: 0.75rem;
+  --space-4: 1rem;
+  --space-5: 1.25rem;
+  --space-6: 1.5rem;
+  --space-8: 2rem;
+  --space-10: 2.5rem;
+  --space-12: 3rem;
+  --space-16: 4rem;
+  --space-20: 5rem;
+  --space-24: 6rem;
+
+  // Typography scale
+  --font-size-xs: 0.75rem;
+  --font-size-sm: 0.875rem;
+  --font-size-base: 1rem;
+  --font-size-lg: 1.125rem;
+  --font-size-xl: 1.25rem;
+  --font-size-2xl: 1.5rem;
+  --font-size-3xl: 1.875rem;
+  --font-size-4xl: 2.25rem;
+
+  // Line heights
+  --leading-tight: 1.2;
+  --leading-snug: 1.375;
+  --leading-normal: 1.5;
+  --leading-relaxed: 1.625;
+  --leading-loose: 1.75;
+
+  // Letter spacing
+  --tracking-tight: -0.025em;
+  --tracking-normal: 0em;
+  --tracking-wide: 0.05em;
+  --tracking-wider: 0.1em;
+
+  // Border radius
+  --radius-sm: 0.375rem;
+  --radius-md: 0.5rem;
+  --radius-lg: 0.75rem;
+  --radius-xl: 1rem;
+
+  // Shadows (light)
+  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05);
+  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
+  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
+  --shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.12);
+
+  // Transitions
+  --transition-fast: 150ms ease;
+  --transition-base: 200ms ease;
+  --transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);
+
+  // Landing section background gradients (light) – vivid & saturated
+  --bg-reasons: linear-gradient(160deg, #dbeafe 0%, #ede9fe 100%);
+  --bg-winnings: linear-gradient(160deg, #ede9fe 0%, #e0e7ff 100%);
+  --bg-experience: linear-gradient(160deg, #e0f2fe 0%, #ede9fe 100%);
+  --bg-processes: linear-gradient(160deg, #e0e7ff 0%, #dbeafe 100%);
+  --bg-references: linear-gradient(160deg, #ede9fe 0%, #dbeafe 100%);
+
+  // Reused section backgrounds (light)
+  --about-background: linear-gradient(160deg, #f0f9ff 0%, #dbeafe 100%);
+  --projects-background: linear-gradient(160deg, #dbeafe 0%, #ede9fe 100%);
+  --contact-background: linear-gradient(160deg, #ede9fe 0%, #e0f2fe 100%);
+
+  // Tech section backgrounds (light)
+  --hero-background: linear-gradient(
+    160deg,
+    #f8faff 0%,
+    #f1f3ff 50%,
+    #f5f0ff 100%
+  );
+  --services-background: linear-gradient(160deg, #ede9fe 0%, #dbeafe 100%);
+  --skills-background: linear-gradient(160deg, #dbeafe 0%, #e0f2fe 100%);
+  --certifications-background: linear-gradient(
+    160deg,
+    #e0e7ff 0%,
+    #ede9fe 100%
+  );
+
+  // Glassmorphism card tokens (light)
+  --card-glass-bg: rgba(255, 255, 255, 0.65);
+  --card-glass-border: rgba(255, 255, 255, 0.9);
+
+  // Glow shadows (light)
+  --shadow-glow:
+    0 0 0 1px rgba(99, 102, 241, 0.12), 0 8px 24px rgba(99, 102, 241, 0.1);
+  --shadow-glow-hover:
+    0 0 0 1px rgba(99, 102, 241, 0.28), 0 16px 48px rgba(99, 102, 241, 0.2);
 }
 
-// Dark Theme aktiv, wenn `data-theme="dark"` am html oder body
+// Dark theme + shadow overrides
 [data-theme='dark'] {
   @include t.theme-vars(t.$dark-theme);
+
+  --shadow-xs: 0 1px 3px rgba(0, 0, 0, 0.3);
+  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.35);
+  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
+  --shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.5);
+
+  // Landing section backgrounds (dark) – cinematic deep
+  --bg-reasons: linear-gradient(160deg, #0f172a 0%, #1a0f2e 100%);
+  --bg-winnings: linear-gradient(160deg, #1a0f2e 0%, #0d1a2e 100%);
+  --bg-experience: linear-gradient(160deg, #0d1a2e 0%, #0f172a 100%);
+  --bg-processes: linear-gradient(160deg, #0f172a 0%, #190b2e 100%);
+  --bg-references: linear-gradient(160deg, #190b2e 0%, #0f172a 100%);
+
+  // Reused section backgrounds (dark)
+  --about-background: linear-gradient(160deg, #111827 0%, #0f172a 100%);
+  --projects-background: linear-gradient(160deg, #0f172a 0%, #1a0f2e 100%);
+  --contact-background: linear-gradient(160deg, #1a0f2e 0%, #0d1a2e 100%);
+
+  // Tech section backgrounds (dark) – full cinematic
+  --hero-background: linear-gradient(
+    160deg,
+    #06080f 0%,
+    #0c1220 50%,
+    #120720 100%
+  );
+  --services-background: linear-gradient(160deg, #190b2e 0%, #0f172a 100%);
+  --skills-background: linear-gradient(160deg, #0f172a 0%, #0d1a2e 100%);
+  --certifications-background: linear-gradient(
+    160deg,
+    #0d1a2e 0%,
+    #190b2e 100%
+  );
+
+  // Glassmorphism card tokens (dark)
+  --card-glass-bg: rgba(139, 92, 246, 0.06);
+  --card-glass-border: rgba(139, 92, 246, 0.22);
+
+  // Glow shadows (dark)
+  --shadow-glow:
+    0 0 0 1px rgba(139, 92, 246, 0.2), 0 8px 32px rgba(139, 92, 246, 0.18);
+  --shadow-glow-hover:
+    0 0 0 1px rgba(139, 92, 246, 0.45), 0 16px 56px rgba(139, 92, 246, 0.32);
 }
 
 body {
@@ -48,7 +181,6 @@ body {
 }
 
 section {
-  min-height: 100vh;
   padding: 3rem 1rem;
   margin: 0; // Remove any section margins
 }
diff --git a/src/scss/globals.scss b/src/scss/globals.scss
index 87dd1bd..af950de 100644
--- a/src/scss/globals.scss
+++ b/src/scss/globals.scss
@@ -203,3 +203,21 @@ textarea,
   cursor: pointer;
   font: inherit;
 }
+
+// ── Scroll reveal animation ───────────────────────────────────────────────────
+// Add class `reveal-item` to any element you want to animate in on scroll.
+// The hook useScrollReveal() adds `is-visible` when the element enters view.
+// Use `--reveal-delay` CSS custom property for staggered children.
+.reveal-item {
+  opacity: 0;
+  transform: translateY(28px);
+  transition:
+    opacity 0.55s ease,
+    transform 0.55s ease;
+  transition-delay: var(--reveal-delay, 0ms);
+
+  &.is-visible {
+    opacity: 1;
+    transform: translateY(0);
+  }
+}
diff --git a/src/scss/layout/topbar.scss b/src/scss/layout/topbar.scss
index 6bd05db..378ed23 100644
--- a/src/scss/layout/topbar.scss
+++ b/src/scss/layout/topbar.scss
@@ -148,8 +148,22 @@
   }
 }
 
+// Landing page has 7 menu items — switch to burger at a wider breakpoint
+@media (max-width: 1023px) {
+  .navbar--landing .navbar__container__button {
+    display: none;
+  }
+}
+
 @include globals.desktop-only {
   .navbar__burger-button {
     display: none;
   }
 }
+
+// Keep burger visible for landing page up to 1023px
+@media (min-width: 769px) and (max-width: 1023px) {
+  .navbar--landing .navbar__burger-button {
+    display: flex;
+  }
+}
diff --git a/src/scss/sections/_index.scss b/src/scss/sections/_index.scss
index c0567cd..76e7bfe 100644
--- a/src/scss/sections/_index.scss
+++ b/src/scss/sections/_index.scss
@@ -1,6 +1,11 @@
 // Section imports - organized and easy to manage
 @forward 'hero-section';
 @forward 'about-section';
+@forward 'reasons-section';
+@forward 'experience-section';
+@forward 'winnings-section';
+@forward 'processes-section';
+@forward 'references-section';
 @forward 'services-section';
 @forward 'skills-section';
 @forward 'certifications-section';
diff --git a/src/scss/sections/about-section.scss b/src/scss/sections/about-section.scss
index c06c4d8..fb3d8d7 100644
--- a/src/scss/sections/about-section.scss
+++ b/src/scss/sections/about-section.scss
@@ -4,6 +4,23 @@
 
 .about-section {
   background: var(--about-background);
+  position: relative;
+
+  &::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 2px;
+    background: linear-gradient(
+      90deg,
+      transparent 0%,
+      var(--color-primary) 30%,
+      var(--color-secondary) 70%,
+      transparent 100%
+    );
+  }
 
   &__container {
     @include section-container;
@@ -15,6 +32,13 @@
 
   &__title {
     @include section-title;
+    font-size: clamp(2rem, 5vw, 2.75rem);
+    font-weight: 800;
+    background: var(--gradient-text);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+    color: transparent;
   }
 
   &__subtitle {
@@ -113,8 +137,8 @@
     transition: $transition-base;
 
     &:hover {
-      transform: translateY(-1px);
-      box-shadow: 0 4px 12px var(--box-shadow-hover);
+      transform: translateY(-2px) scale(1.05);
+      box-shadow: var(--shadow-glow);
     }
 
     &--primary {
@@ -161,14 +185,14 @@
     border: none;
     border-radius: $card-border-radius-sm;
     box-shadow: $shadow-card-lg;
-    transition: $transition-base;
+    transition: var(--transition-slow);
     overflow: hidden;
     padding: 0;
     position: relative;
 
     &:hover {
-      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25);
-      transform: translateY(-2px);
+      box-shadow: var(--shadow-glow-hover);
+      transform: translateY(-4px) scale(1.02);
     }
 
     // Enhanced focus state for accessibility
diff --git a/src/scss/sections/certifications-section.scss b/src/scss/sections/certifications-section.scss
index 62c0863..90c39ca 100644
--- a/src/scss/sections/certifications-section.scss
+++ b/src/scss/sections/certifications-section.scss
@@ -4,6 +4,23 @@
 
 .certifications-section {
   background: var(--certifications-background);
+  position: relative;
+
+  &::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 2px;
+    background: linear-gradient(
+      90deg,
+      transparent 0%,
+      var(--color-primary) 30%,
+      var(--color-secondary) 70%,
+      transparent 100%
+    );
+  }
 
   &__container {
     @include section-container;
@@ -15,6 +32,13 @@
 
   &__title {
     @include section-title;
+    font-size: clamp(2rem, 5vw, 2.75rem);
+    font-weight: 800;
+    background: var(--gradient-text);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+    color: transparent;
   }
 
   &__subtitle {
@@ -41,8 +65,10 @@
     border-radius: $card-border-radius-md;
     box-shadow: var(--certifications-card-shadow);
     background: var(--certifications-card-background);
+    backdrop-filter: blur(12px);
+    -webkit-backdrop-filter: blur(12px);
     padding: 1.5rem 1rem;
-    transition: $transition-base;
+    transition: var(--transition-slow);
     position: relative;
     overflow: hidden;
     display: flex;
@@ -63,8 +89,8 @@
     }
 
     &:hover {
-      transform: translateY(-0.25rem);
-      box-shadow: var(--certifications-card-shadow-hover);
+      transform: translateY(-4px) scale(1.02);
+      box-shadow: var(--shadow-glow-hover);
 
       &::before {
         opacity: 1;
diff --git a/src/scss/sections/contact-section.scss b/src/scss/sections/contact-section.scss
index 9e040e5..5c420ab 100644
--- a/src/scss/sections/contact-section.scss
+++ b/src/scss/sections/contact-section.scss
@@ -4,6 +4,23 @@
 
 .contact-section {
   background: var(--contact-background);
+  position: relative;
+
+  &::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 2px;
+    background: linear-gradient(
+      90deg,
+      transparent 0%,
+      var(--color-primary) 30%,
+      var(--color-secondary) 70%,
+      transparent 100%
+    );
+  }
 
   &__container {
     @include section-container;
@@ -15,6 +32,13 @@
 
   &__title {
     @include section-title;
+    font-size: clamp(2rem, 5vw, 2.75rem);
+    font-weight: 800;
+    background: var(--gradient-text);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+    color: transparent;
   }
 
   &__subtitle {
@@ -236,6 +260,26 @@
     font-size: 0.875rem;
   }
 
+  &__detail-link {
+    color: var(--color-primary);
+    font-size: 0.875rem;
+    font-weight: 500;
+    text-decoration: underline;
+    text-decoration-color: transparent;
+    text-underline-offset: 3px;
+    transition: text-decoration-color var(--transition-fast);
+
+    &:hover {
+      text-decoration-color: var(--color-primary);
+    }
+
+    &:focus {
+      outline: 2px solid var(--color-focus-ring, #2563eb);
+      outline-offset: 2px;
+      border-radius: 2px;
+    }
+  }
+
   &__social {
     display: flex;
     gap: 1rem;
@@ -474,12 +518,14 @@
     border: 1px solid var(--form-border);
     padding: 2rem;
     text-align: center;
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
+    box-shadow:
+      0 4px 6px -1px rgba(0, 0, 0, 0.1),
       0 2px 4px -1px rgba(0, 0, 0, 0.06);
     transition: all 0.3s ease;
 
     &:hover {
-      box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
+      box-shadow:
+        0 10px 15px -3px rgba(0, 0, 0, 0.1),
         0 4px 6px -2px rgba(0, 0, 0, 0.05);
       transform: translateY(-2px);
     }
@@ -514,7 +560,8 @@
     margin: var(--card-padding-sm) 0;
     text-decoration: none;
     color: var(--contact-button-text);
-    box-shadow: 0 4px 14px 0 rgba(37, 99, 235, 0.25),
+    box-shadow:
+      0 4px 14px 0 rgba(37, 99, 235, 0.25),
       0 2px 4px -1px rgba(0, 0, 0, 0.06);
     width: 100%;
     position: relative;
@@ -539,7 +586,8 @@
     &:hover {
       background: var(--contact-button-hover-bg);
       transform: translateY(-2px);
-      box-shadow: 0 8px 25px 0 rgba(37, 99, 235, 0.35),
+      box-shadow:
+        0 8px 25px 0 rgba(37, 99, 235, 0.35),
         0 4px 6px -2px rgba(0, 0, 0, 0.1);
 
       &::before {
diff --git a/src/scss/sections/experience-section.scss b/src/scss/sections/experience-section.scss
new file mode 100644
index 0000000..49ba1de
--- /dev/null
+++ b/src/scss/sections/experience-section.scss
@@ -0,0 +1,76 @@
+.experience-section {
+  padding-block: var(--space-20);
+  padding-inline: var(--space-4);
+  background: var(--bg-experience);
+  position: relative;
+
+  &::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 2px;
+    background: linear-gradient(
+      90deg,
+      transparent 0%,
+      var(--color-primary) 30%,
+      var(--color-secondary) 70%,
+      transparent 100%
+    );
+  }
+
+  @media (max-width: 768px) {
+    padding-block: var(--space-12);
+  }
+
+  &__container {
+    max-width: 720px;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-8);
+  }
+
+  // ── Title ─────────────────────────────────────────────────────
+  &__title {
+    font-size: clamp(2rem, 5vw, var(--font-size-4xl));
+    font-weight: 800;
+    letter-spacing: var(--tracking-tight);
+    line-height: var(--leading-tight);
+    background: var(--gradient-text);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+  }
+
+  // ── Body ──────────────────────────────────────────────────────
+  &__body {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-5);
+  }
+
+  &__paragraph {
+    font-size: var(--font-size-base);
+    line-height: var(--leading-loose);
+    color: var(--color-text);
+    margin: 0;
+
+    // ── Outro (last paragraph) ───────────────────────────────
+    &--outro {
+      font-size: var(--font-size-lg);
+      font-weight: 700;
+      color: var(--color-text);
+      line-height: var(--leading-snug);
+      background: var(--card-glass-bg);
+      backdrop-filter: blur(12px);
+      -webkit-backdrop-filter: blur(12px);
+      padding: var(--space-5) var(--space-6);
+      border-radius: var(--radius-xl);
+      border: 1px solid var(--card-glass-border);
+      border-left: 4px solid var(--color-primary);
+      box-shadow: var(--shadow-glow);
+    }
+  }
+}
diff --git a/src/scss/sections/hero-section.scss b/src/scss/sections/hero-section.scss
index 2d30718..50c5879 100644
--- a/src/scss/sections/hero-section.scss
+++ b/src/scss/sections/hero-section.scss
@@ -21,6 +21,30 @@
   @include flex-center;
   min-height: 100vh;
   background: var(--hero-background);
+  position: relative;
+
+  // Subtle radial glow at center for cinematic depth
+  &::before {
+    content: '';
+    position: absolute;
+    inset: 0;
+    background: radial-gradient(
+      ellipse 80% 60% at 50% 40%,
+      rgba(99, 102, 241, 0.12) 0%,
+      transparent 70%
+    );
+    pointer-events: none;
+  }
+
+  [data-theme='dark'] & {
+    &::before {
+      background: radial-gradient(
+        ellipse 80% 60% at 50% 40%,
+        rgba(139, 92, 246, 0.22) 0%,
+        transparent 70%
+      );
+    }
+  }
 
   &__container {
     max-width: 800px;
@@ -29,18 +53,22 @@
     @include flex-center;
     flex-direction: column;
     gap: $spacing-xl;
+    position: relative;
+    z-index: 1;
   }
 
   &__title {
-    font-size: 3rem;
-    font-weight: bold;
+    font-size: clamp(2.5rem, 7vw, 5rem);
+    font-weight: 900;
     margin: 0;
+    letter-spacing: -0.03em;
+    line-height: 1.1;
     @include gradient-text(var(--gradient-text));
   }
 
   &__description {
-    font-size: 1.2rem;
-    line-height: 1.6;
+    font-size: 1.25rem;
+    line-height: 1.65;
     color: var(--color-text-muted);
     max-width: 600px;
     margin-left: auto;
diff --git a/src/scss/sections/processes-section.scss b/src/scss/sections/processes-section.scss
new file mode 100644
index 0000000..3fae85f
--- /dev/null
+++ b/src/scss/sections/processes-section.scss
@@ -0,0 +1,107 @@
+.processes-section {
+  padding-block: var(--space-20);
+  padding-inline: var(--space-4);
+  background: var(--bg-processes);
+  position: relative;
+
+  &::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 2px;
+    background: linear-gradient(
+      90deg,
+      transparent 0%,
+      var(--color-secondary) 30%,
+      var(--color-primary) 70%,
+      transparent 100%
+    );
+  }
+
+  @media (max-width: 768px) {
+    padding-block: var(--space-12);
+  }
+
+  &__container {
+    max-width: 720px;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-8);
+  }
+
+  // ── Title ─────────────────────────────────────────────────────
+  &__title {
+    font-size: clamp(2rem, 5vw, var(--font-size-4xl));
+    font-weight: 800;
+    letter-spacing: var(--tracking-tight);
+    line-height: var(--leading-tight);
+    background: var(--gradient-text);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+  }
+
+  // ── Intro line ────────────────────────────────────────────────
+  &__intro {
+    font-size: var(--font-size-lg);
+    font-weight: 600;
+    color: var(--color-text);
+    line-height: var(--leading-normal);
+    margin-top: calc(var(--space-4) * -1);
+  }
+
+  // ── List ──────────────────────────────────────────────────────
+  &__list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-3);
+  }
+
+  &__item {
+    background: var(--card-glass-bg);
+    backdrop-filter: blur(12px);
+    -webkit-backdrop-filter: blur(12px);
+    border: 1px solid var(--card-glass-border);
+    border-left: 3px solid var(--color-secondary);
+    border-radius: var(--radius-lg);
+    padding: var(--space-4) var(--space-5);
+    box-shadow: var(--shadow-sm);
+    transition:
+      box-shadow var(--transition-slow),
+      transform var(--transition-slow);
+
+    &:hover {
+      box-shadow: var(--shadow-glow-hover);
+      transform: translateY(-3px) scale(1.01);
+    }
+  }
+
+  &__text {
+    font-size: var(--font-size-base);
+    line-height: var(--leading-loose);
+    color: var(--color-text);
+    margin: 0;
+  }
+
+  // ── Outro ─────────────────────────────────────────────────────
+  &__outro {
+    font-size: var(--font-size-lg);
+    font-weight: 700;
+    color: var(--color-text);
+    line-height: var(--leading-snug);
+    background: var(--card-glass-bg);
+    backdrop-filter: blur(12px);
+    -webkit-backdrop-filter: blur(12px);
+    padding: var(--space-5) var(--space-6);
+    border-radius: var(--radius-xl);
+    border: 1px solid var(--card-glass-border);
+    border-left: 4px solid var(--color-secondary);
+    box-shadow: var(--shadow-glow);
+  }
+}
diff --git a/src/scss/sections/projects-section.scss b/src/scss/sections/projects-section.scss
index 3bb4751..a3ba3c3 100644
--- a/src/scss/sections/projects-section.scss
+++ b/src/scss/sections/projects-section.scss
@@ -4,6 +4,23 @@
 
 .projects-section {
   background: var(--projects-background);
+  position: relative;
+
+  &::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 2px;
+    background: linear-gradient(
+      90deg,
+      transparent 0%,
+      var(--color-secondary) 30%,
+      var(--color-primary) 70%,
+      transparent 100%
+    );
+  }
 
   &__container {
     @include section-container;
@@ -15,6 +32,13 @@
 
   &__title {
     @include section-title;
+    font-size: clamp(2rem, 5vw, 2.75rem);
+    font-weight: 800;
+    background: var(--gradient-text);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+    color: transparent;
   }
 
   &__subtitle {
diff --git a/src/scss/sections/reasons-section.scss b/src/scss/sections/reasons-section.scss
new file mode 100644
index 0000000..9cebccd
--- /dev/null
+++ b/src/scss/sections/reasons-section.scss
@@ -0,0 +1,134 @@
+.reasons-section {
+  padding-block: var(--space-20);
+  padding-inline: var(--space-4);
+  background: var(--bg-reasons);
+  position: relative;
+
+  &::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 2px;
+    background: linear-gradient(
+      90deg,
+      transparent 0%,
+      var(--color-primary) 30%,
+      var(--color-secondary) 70%,
+      transparent 100%
+    );
+  }
+
+  @media (max-width: 768px) {
+    padding-block: var(--space-12);
+  }
+
+  &__container {
+    max-width: 720px;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-8);
+  }
+
+  // ── Title ─────────────────────────────────────────────────────
+  &__title {
+    font-size: clamp(2rem, 5vw, var(--font-size-4xl));
+    font-weight: 800;
+    letter-spacing: var(--tracking-tight);
+    line-height: var(--leading-tight);
+    background: var(--gradient-text);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+  }
+
+  // ── Intro quote ───────────────────────────────────────────────
+  &__intro {
+    font-size: var(--font-size-lg);
+    font-style: italic;
+    color: var(--color-text-muted);
+    line-height: var(--leading-relaxed);
+    margin-top: calc(var(--space-4) * -1);
+  }
+
+  // ── Transition line ───────────────────────────────────────────
+  &__transition {
+    font-size: var(--font-size-base);
+    font-weight: 600;
+    color: var(--color-text);
+    line-height: var(--leading-normal);
+    margin-top: calc(var(--space-4) * -1);
+  }
+
+  // ── List ──────────────────────────────────────────────────────
+  &__list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-3);
+  }
+
+  &__item {
+    display: grid;
+    grid-template-columns: 5.5rem 1fr;
+    align-items: start;
+    gap: var(--space-4);
+    background: var(--card-glass-bg);
+    backdrop-filter: blur(12px);
+    -webkit-backdrop-filter: blur(12px);
+    border: 1px solid var(--card-glass-border);
+    border-left: 3px solid var(--color-primary);
+    border-radius: var(--radius-lg);
+    padding: var(--space-4) var(--space-5);
+    box-shadow: var(--shadow-sm);
+    transition:
+      box-shadow var(--transition-slow),
+      transform var(--transition-slow);
+
+    &:hover {
+      box-shadow: var(--shadow-glow-hover);
+      transform: translateY(-3px) scale(1.01);
+    }
+
+    @media (max-width: 480px) {
+      grid-template-columns: 1fr;
+      gap: var(--space-2);
+    }
+  }
+
+  &__stat {
+    font-size: var(--font-size-lg);
+    font-weight: 800;
+    color: var(--color-primary);
+    line-height: var(--leading-normal);
+    white-space: nowrap;
+    letter-spacing: var(--tracking-tight);
+  }
+
+  &__text {
+    font-size: var(--font-size-base);
+    line-height: var(--leading-loose);
+    color: var(--color-text);
+    margin: 0;
+  }
+
+  // ── Outro ─────────────────────────────────────────────────────
+  &__outro {
+    font-size: var(--font-size-lg);
+    font-weight: 700;
+    color: var(--color-text);
+    line-height: var(--leading-snug);
+    background: var(--card-glass-bg);
+    backdrop-filter: blur(12px);
+    -webkit-backdrop-filter: blur(12px);
+    padding: var(--space-5) var(--space-6);
+    border-radius: var(--radius-xl);
+    border: 1px solid var(--card-glass-border);
+    border-left: 4px solid var(--color-primary);
+    box-shadow: var(--shadow-glow);
+  }
+}
diff --git a/src/scss/sections/references-section.scss b/src/scss/sections/references-section.scss
new file mode 100644
index 0000000..17d1422
--- /dev/null
+++ b/src/scss/sections/references-section.scss
@@ -0,0 +1,133 @@
+.references-section {
+  padding-block: var(--space-20);
+  padding-inline: var(--space-4);
+  background: var(--bg-references);
+  position: relative;
+
+  &::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 2px;
+    background: linear-gradient(
+      90deg,
+      transparent 0%,
+      var(--color-primary) 30%,
+      var(--color-secondary) 70%,
+      transparent 100%
+    );
+  }
+
+  @media (max-width: 768px) {
+    padding-block: var(--space-12);
+  }
+
+  &__container {
+    max-width: 720px;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-8);
+  }
+
+  // ── Title ─────────────────────────────────────────────────────
+  &__title {
+    font-size: clamp(2rem, 5vw, var(--font-size-4xl));
+    font-weight: 800;
+    letter-spacing: var(--tracking-tight);
+    line-height: var(--leading-tight);
+    background: var(--gradient-text);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+  }
+
+  // ── List ──────────────────────────────────────────────────────
+  &__list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-6);
+  }
+
+  &__item {
+    background: var(--card-glass-bg);
+    backdrop-filter: blur(12px);
+    -webkit-backdrop-filter: blur(12px);
+    border: 1px solid var(--card-glass-border);
+    border-left: 3px solid var(--color-primary);
+    border-radius: var(--radius-lg);
+    padding: var(--space-6);
+    box-shadow: var(--shadow-sm);
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-5);
+    transition:
+      box-shadow var(--transition-slow),
+      transform var(--transition-slow);
+
+    &:hover {
+      box-shadow: var(--shadow-glow-hover);
+      transform: translateY(-3px) scale(1.01);
+    }
+  }
+
+  // ── Quote text ────────────────────────────────────────────────
+  &__quote {
+    font-size: var(--font-size-base);
+    line-height: var(--leading-loose);
+    color: var(--color-text);
+    margin: 0;
+    font-style: italic;
+
+    &::before {
+      content: '\201C';
+      font-size: 2.2em;
+      line-height: 0;
+      vertical-align: -0.45em;
+      margin-right: 0.15em;
+      color: var(--color-primary);
+      font-style: normal;
+      opacity: 0.75;
+    }
+
+    &::after {
+      content: '\201D';
+      font-size: 2.2em;
+      line-height: 0;
+      vertical-align: -0.45em;
+      margin-left: 0.15em;
+      color: var(--color-primary);
+      font-style: normal;
+      opacity: 0.75;
+    }
+  }
+
+  // ── Author attribution ────────────────────────────────────────
+  &__author {
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-1);
+    padding-top: var(--space-4);
+    border-top: 1px solid var(--color-border);
+  }
+
+  &__name {
+    font-size: var(--font-size-sm);
+    font-weight: 700;
+    letter-spacing: var(--tracking-wide);
+    color: var(--color-text);
+    margin: 0;
+  }
+
+  &__position {
+    font-size: var(--font-size-xs);
+    letter-spacing: var(--tracking-wide);
+    color: var(--color-text-muted);
+    margin: 0;
+  }
+}
diff --git a/src/scss/sections/services-section.scss b/src/scss/sections/services-section.scss
index de8b03d..9901501 100644
--- a/src/scss/sections/services-section.scss
+++ b/src/scss/sections/services-section.scss
@@ -8,6 +8,23 @@
   align-items: center;
   padding: $section-padding-y 0;
   background: var(--services-background);
+  position: relative;
+
+  &::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 2px;
+    background: linear-gradient(
+      90deg,
+      transparent 0%,
+      var(--color-primary) 30%,
+      var(--color-secondary) 70%,
+      transparent 100%
+    );
+  }
 
   // Only apply min-height on larger screens where we have more space
   @media (min-width: 1024px) and (min-height: 800px) {
@@ -30,10 +47,13 @@
 
   &__title {
     @include section-title;
-
-    @include mobile-only {
-      font-size: 1.5rem;
-    }
+    font-size: clamp(2rem, 5vw, 2.75rem);
+    font-weight: 800;
+    background: var(--gradient-text);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+    color: transparent;
   }
 
   &__subtitle {
@@ -84,16 +104,17 @@
   &__card {
     background: white;
     border-radius: $card-border-radius-md;
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
-      0 2px 4px -1px rgba(0, 0, 0, 0.06);
-    transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
+    box-shadow: var(--shadow-sm);
+    transition: var(--transition-slow);
     overflow: hidden;
     display: flex;
     flex-direction: column;
     height: auto;
-    min-height: 250px; // Ensures consistent card heights
+    min-height: 250px;
     position: relative;
-    border: 1px solid rgba(255, 255, 255, 0.2);
+    border: 1px solid var(--card-glass-border);
+    backdrop-filter: blur(12px);
+    -webkit-backdrop-filter: blur(12px);
     animation: cardFadeIn 0.6s ease-out;
 
     // Add subtle backdrop blur for depth
@@ -111,9 +132,7 @@
 
     &:hover {
       transform: translateY(-8px) scale(1.02);
-      box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.25),
-        0 0 0 1px rgba(255, 255, 255, 0.3);
-      filter: brightness(1.05);
+      box-shadow: var(--shadow-glow-hover);
     }
 
     &:focus-within {
@@ -133,17 +152,16 @@
       transform: translateY(-2px);
     }
 
-    // Enhanced hover and focus interaction
     &:hover,
     &:focus {
-      transform: translateY(-4px);
-      box-shadow: $shadow-card-hover;
+      transform: translateY(-4px) scale(1.015);
+      box-shadow: var(--shadow-glow-hover);
 
       // When both focused and hovered
       &:focus {
         outline: 3px solid var(--color-focus-ring, #2563eb);
         outline-offset: 2px;
-        transform: translateY(-6px); // Slightly more lift when focused
+        transform: translateY(-6px) scale(1.015);
       }
     }
 
@@ -229,7 +247,8 @@
 
     // Dark theme enhancements
     @media (prefers-color-scheme: dark) {
-      box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3),
+      box-shadow:
+        0 4px 6px -1px rgba(0, 0, 0, 0.3),
         0 2px 4px -1px rgba(0, 0, 0, 0.2);
     }
 
@@ -443,7 +462,8 @@
 @media (prefers-color-scheme: dark) {
   .services-section__card {
     // Enhance card visibility with better shadows in dark mode
-    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.3),
+    box-shadow:
+      0 4px 6px -1px rgba(0, 0, 0, 0.3),
       0 2px 4px -1px rgba(0, 0, 0, 0.2);
     animation: cardFadeIn 0.6s ease-out;
 
diff --git a/src/scss/sections/skills-section.scss b/src/scss/sections/skills-section.scss
index 1d15237..5ec685e 100644
--- a/src/scss/sections/skills-section.scss
+++ b/src/scss/sections/skills-section.scss
@@ -12,6 +12,24 @@
     padding: 3rem 0;
   }
 
+  // Gradient separator line at top
+  &::after {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 2px;
+    background: linear-gradient(
+      90deg,
+      transparent 0%,
+      var(--color-secondary) 30%,
+      var(--color-primary) 70%,
+      transparent 100%
+    );
+    z-index: 2;
+  }
+
   // Add decorative background elements
   &::before {
     content: '';
@@ -42,10 +60,13 @@
 
   &__title {
     @include section-title;
-
-    @include mobile-only {
-      font-size: 1.5rem;
-    }
+    font-size: clamp(2rem, 5vw, 2.75rem);
+    font-weight: 800;
+    background: var(--gradient-text);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+    color: transparent;
   }
 
   &__subtitle {
@@ -111,7 +132,8 @@
 
     &:hover {
       transform: translateY(-8px);
-      box-shadow: 0 20px 25px -5px rgba(0, 0, 0, 0.1),
+      box-shadow:
+        0 20px 25px -5px rgba(0, 0, 0, 0.1),
         0 10px 10px -5px rgba(0, 0, 0, 0.04);
 
       &::before {
diff --git a/src/scss/sections/winnings-section.scss b/src/scss/sections/winnings-section.scss
new file mode 100644
index 0000000..e29be79
--- /dev/null
+++ b/src/scss/sections/winnings-section.scss
@@ -0,0 +1,107 @@
+.winnings-section {
+  padding-block: var(--space-20);
+  padding-inline: var(--space-4);
+  background: var(--bg-winnings);
+  position: relative;
+
+  &::before {
+    content: '';
+    position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    height: 2px;
+    background: linear-gradient(
+      90deg,
+      transparent 0%,
+      var(--color-secondary) 30%,
+      var(--color-primary) 70%,
+      transparent 100%
+    );
+  }
+
+  @media (max-width: 768px) {
+    padding-block: var(--space-12);
+  }
+
+  &__container {
+    max-width: 720px;
+    margin: 0 auto;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-8);
+  }
+
+  // ── Title ─────────────────────────────────────────────────────
+  &__title {
+    font-size: clamp(2rem, 5vw, var(--font-size-4xl));
+    font-weight: 800;
+    letter-spacing: var(--tracking-tight);
+    line-height: var(--leading-tight);
+    background: var(--gradient-text);
+    -webkit-background-clip: text;
+    -webkit-text-fill-color: transparent;
+    background-clip: text;
+  }
+
+  // ── Intro line ────────────────────────────────────────────────
+  &__intro {
+    font-size: var(--font-size-lg);
+    font-weight: 600;
+    color: var(--color-text);
+    line-height: var(--leading-normal);
+    margin-top: calc(var(--space-4) * -1);
+  }
+
+  // ── List ──────────────────────────────────────────────────────
+  &__list {
+    list-style: none;
+    padding: 0;
+    margin: 0;
+    display: flex;
+    flex-direction: column;
+    gap: var(--space-3);
+  }
+
+  &__item {
+    background: var(--card-glass-bg);
+    backdrop-filter: blur(12px);
+    -webkit-backdrop-filter: blur(12px);
+    border: 1px solid var(--card-glass-border);
+    border-left: 3px solid var(--color-secondary);
+    border-radius: var(--radius-lg);
+    padding: var(--space-4) var(--space-5);
+    box-shadow: var(--shadow-sm);
+    transition:
+      box-shadow var(--transition-slow),
+      transform var(--transition-slow);
+
+    &:hover {
+      box-shadow: var(--shadow-glow-hover);
+      transform: translateY(-3px) scale(1.01);
+    }
+  }
+
+  &__text {
+    font-size: var(--font-size-base);
+    line-height: var(--leading-loose);
+    color: var(--color-text);
+    margin: 0;
+  }
+
+  // ── Outro ─────────────────────────────────────────────────────
+  &__outro {
+    font-size: var(--font-size-lg);
+    font-weight: 700;
+    color: var(--color-text);
+    line-height: var(--leading-snug);
+    background: var(--card-glass-bg);
+    backdrop-filter: blur(12px);
+    -webkit-backdrop-filter: blur(12px);
+    padding: var(--space-5) var(--space-6);
+    border-radius: var(--radius-xl);
+    border: 1px solid var(--card-glass-border);
+    border-left: 4px solid var(--color-secondary);
+    box-shadow: var(--shadow-glow);
+  }
+}
diff --git a/src/scss/themes/_base.scss b/src/scss/themes/_base.scss
index f1616fb..d8690d7 100644
--- a/src/scss/themes/_base.scss
+++ b/src/scss/themes/_base.scss
@@ -54,6 +54,11 @@ $base-light-theme: (
   bg-primary: #ffffff,
   bg-secondary: #f9fafb,
   border-color: #e5e7eb,
+
+  // Design system semantic tokens
+  surface: #f8fafc,
+  border: #e5e7eb,
+  secondary: #2563eb,
 );
 
 $base-dark-theme: (
@@ -107,4 +112,11 @@ $base-dark-theme: (
   bg-primary: #1f2937,
   bg-secondary: #374151,
   border-color: #4b5563,
+
+  // Design system semantic tokens
+  // surface is a subtle step above background — not a stark jump.
+  // Kept close to background so dark sections feel like one canvas.
+  surface: #232f3e,
+  border: #374151,
+  secondary: #60a5fa,
 );
diff --git a/src/scss/themes/_index.scss b/src/scss/themes/_index.scss
index 7e86de5..a3df559 100644
--- a/src/scss/themes/_index.scss
+++ b/src/scss/themes/_index.scss
@@ -61,6 +61,9 @@ $dark-theme: map.merge(
   --color-background: #{map.get($theme, background)};
   --color-text: #{map.get($theme, text)};
   --color-text-muted: #{map.get($theme, text-muted)};
+  --color-surface: #{map.get($theme, surface)};
+  --color-border: #{map.get($theme, border)};
+  --color-secondary: #{map.get($theme, secondary)};
   --box-shadow-hover: #{map.get($theme, hover-box-shadow)};
   --box-shadow-active: #{map.get($theme, active-box-shadow)};
   --gradient-primary: #{map.get($theme, gradient-primary)};
diff --git a/src/utils/scrollUtils.ts b/src/utils/scrollUtils.ts
index 8f945bb..6e2faff 100644
--- a/src/utils/scrollUtils.ts
+++ b/src/utils/scrollUtils.ts
@@ -8,8 +8,8 @@ export function scrollToSection(
   currentPath: string,
   navigate?: NavigateFunction
 ): void {
-  // If we're on the homepage, scroll directly to the section
-  if (currentPath === '/') {
+  const isScrollablePage = currentPath === '/technical' || currentPath === '/';
+  if (isScrollablePage) {
     const element = document.getElementById(sectionId);
     if (element) {
       const elementPosition = element.getBoundingClientRect().top;
@@ -22,10 +22,10 @@ export function scrollToSection(
     }
   } else if (navigate) {
     // If we're on another page, navigate to homepage with hash
-    navigate(`/#${sectionId}`);
+    navigate(`/technical#${sectionId}`);
   } else {
     // Fallback: direct navigation without router
-    globalThis.location.href = `/#${sectionId}`;
+    globalThis.location.href = `/technical#${sectionId}`;
   }
 }
 

From 18c508bba07158245a18ef1af02df9a2c7331980 Mon Sep 17 00:00:00 2001
From: Sascha <saschab42@gmail.com>
Date: Mon, 9 Mar 2026 15:29:19 +0100
Subject: [PATCH 05/19] feat: Replace GitHub links with Codeberg links and
 update related text and aria labels

---
 src/components/layout/Footer.tsx           |  8 ++++----
 src/components/sections/ContactSection.tsx | 10 +++++-----
 src/config/locales/de/contact.ts           |  2 +-
 src/config/locales/de/footer.ts            |  2 +-
 src/config/locales/en/TextConfig.ts        |  4 ++--
 src/config/locales/en/contact.ts           |  2 +-
 src/config/locales/en/footer.ts            |  2 +-
 src/config/personal.ts                     |  6 +++---
 8 files changed, 18 insertions(+), 18 deletions(-)

diff --git a/src/components/layout/Footer.tsx b/src/components/layout/Footer.tsx
index 563bbca..2d1647d 100644
--- a/src/components/layout/Footer.tsx
+++ b/src/components/layout/Footer.tsx
@@ -1,4 +1,4 @@
-import { Github, Linkedin, Mail } from 'lucide-react';
+import { Globe, Linkedin, Mail } from 'lucide-react';
 import { Link, useLocation } from 'react-router-dom';
 import { personalConfig, createEmailLink } from '../../config/personal';
 import { useLanguage } from '../../contexts/LanguageContext';
@@ -38,10 +38,10 @@ export default function Footer() {
           <div className="footer__social">
             <button
               className="footer__social-button"
-              onClick={() => window.open(personalConfig.social.github.url, '_blank')}
-              aria-label={texts.footer.githubAriaLabel}
+              onClick={() => window.open(personalConfig.social.codeberg.url, '_blank')}
+              aria-label={texts.footer.codebergAriaLabel}
             >
-              <Github className="footer__social-icon" />
+              <Globe className="footer__social-icon" />
             </button>
 
             <button
diff --git a/src/components/sections/ContactSection.tsx b/src/components/sections/ContactSection.tsx
index 28380e1..e2d39b9 100644
--- a/src/components/sections/ContactSection.tsx
+++ b/src/components/sections/ContactSection.tsx
@@ -1,5 +1,5 @@
 // eslint-disable-next-line @typescript-eslint/no-deprecated
-import { Mail, Send, Github, Linkedin } from 'lucide-react';
+import { Mail, Send, Globe, Linkedin } from 'lucide-react';
 import { personalConfig } from '../../config/personal';
 import { useLanguage } from '../../contexts/LanguageContext';
 import { useScreenReaderAnnouncements } from '../../hooks/useScreenReaderAnnouncements';
@@ -145,15 +145,15 @@ export default function ContactSection(props: ContactSectionProps = {}) {
             <ul className="contact-section__social-list">
 
               <li className="contact-section__detail-item">
-                <Github className="contact-section__social-icon" aria-hidden="true" />
+                <Globe className="contact-section__social-icon" aria-hidden="true" />
                 <a
-                  href={personalConfig.social.github.url}
+                  href={personalConfig.social.codeberg.url}
                   target="_blank"
                   rel="noopener noreferrer"
                   className="contact-section__detail-link"
-                  aria-label={`${texts.githubLinkText} (opens in new tab)`}
+                  aria-label={`${texts.codebergLinkText} (opens in new tab)`}
                 >
-                  {texts.githubLinkText}
+                  {texts.codebergLinkText}
                 </a>
               </li>
 
diff --git a/src/config/locales/de/contact.ts b/src/config/locales/de/contact.ts
index 1644716..1a1de1d 100644
--- a/src/config/locales/de/contact.ts
+++ b/src/config/locales/de/contact.ts
@@ -18,6 +18,6 @@ export const contact = {
     'Hallo Sascha,\n\nIch habe Ihr Portfolio besucht und würde gerne ein potenzielles Projekt oder eine Zusammenarbeit besprechen.\n\nMit freundlichen Grüßen,',
   emailAnnouncement: 'E-Mail-Client wird mit vorausgefüllter Nachricht geöffnet',
   socialAnnouncement: '{platform}-Profil wird in neuem Tab geöffnet',
-  githubLinkText: 'Sascha Bach auf GitHub',
+  codebergLinkText: 'Sascha Bach auf Codeberg',
   linkedinLinkText: 'Sascha Bach auf LinkedIn',
 };
diff --git a/src/config/locales/de/footer.ts b/src/config/locales/de/footer.ts
index 4a7f6c0..4b2b309 100644
--- a/src/config/locales/de/footer.ts
+++ b/src/config/locales/de/footer.ts
@@ -3,7 +3,7 @@ export const footer = {
   copyrightText: 'Alle Rechte vorbehalten.',
   technicalLinkText: 'Technisches Portfolio',
   landingLinkText: 'Landing Page',
-  githubAriaLabel: 'GitHub-Profil',
+  codebergAriaLabel: 'Codeberg-Profil',
   linkedinAriaLabel: 'LinkedIn-Profil',
   emailAriaLabel: 'E-Mail senden',
 };
diff --git a/src/config/locales/en/TextConfig.ts b/src/config/locales/en/TextConfig.ts
index 56a8b13..2193bce 100644
--- a/src/config/locales/en/TextConfig.ts
+++ b/src/config/locales/en/TextConfig.ts
@@ -22,7 +22,7 @@ export interface TextConfig {
     copyrightText: string;
     technicalLinkText: string;
     landingLinkText: string;
-    githubAriaLabel: string;
+    codebergAriaLabel: string;
     linkedinAriaLabel: string;
     emailAriaLabel: string;
   };
@@ -172,7 +172,7 @@ export interface TextConfig {
     emailBody: string;
     emailAnnouncement: string;
     socialAnnouncement: string;
-    githubLinkText: string;
+    codebergLinkText: string;
     linkedinLinkText: string;
   };
 
diff --git a/src/config/locales/en/contact.ts b/src/config/locales/en/contact.ts
index e745665..bf40721 100644
--- a/src/config/locales/en/contact.ts
+++ b/src/config/locales/en/contact.ts
@@ -18,6 +18,6 @@ export const contact = {
     'Hello Sascha,\n\nI visited your portfolio and would like to discuss a potential project or collaboration.\n\nBest regards,',
   emailAnnouncement: 'Opening email client with pre-filled message',
   socialAnnouncement: 'Opening {platform} profile in new tab',
-  githubLinkText: 'Sascha Bach on GitHub',
+  codebergLinkText: 'Sascha Bach on Codeberg',
   linkedinLinkText: 'Sascha Bach on LinkedIn',
 };
diff --git a/src/config/locales/en/footer.ts b/src/config/locales/en/footer.ts
index 2f0c982..3ee6c34 100644
--- a/src/config/locales/en/footer.ts
+++ b/src/config/locales/en/footer.ts
@@ -3,7 +3,7 @@ export const footer = {
   copyrightText: 'All rights reserved.',
   technicalLinkText: 'Technical Portfolio',
   landingLinkText: 'Landing Page',
-  githubAriaLabel: 'GitHub Profile',
+  codebergAriaLabel: 'Codeberg Profile',
   linkedinAriaLabel: 'LinkedIn Profile',
   emailAriaLabel: 'Send Email',
 };
diff --git a/src/config/personal.ts b/src/config/personal.ts
index 8af51a6..37673c9 100644
--- a/src/config/personal.ts
+++ b/src/config/personal.ts
@@ -12,9 +12,9 @@ export const personalConfig = {
 
   // Social Links
   social: {
-    github: {
-      url: 'https://github.com/LuciusShadow',
-      username: 'LuciusShadow',
+    codeberg: {
+      url: 'https://codeberg.org/saschab',
+      username: 'saschab',
     },
     linkedin: {
       url: 'https://www.linkedin.com/in/saschabach/',

From 54d3a810d23ac9a1d9e990845afeb2cabafd6871 Mon Sep 17 00:00:00 2001
From: Sascha <saschab42@gmail.com>
Date: Tue, 10 Mar 2026 16:53:49 +0100
Subject: [PATCH 06/19] refactor: centralize feature card icon and color
 mappings; improve bio paragraph key handling

---
 src/components/sections/AboutSection.tsx | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/src/components/sections/AboutSection.tsx b/src/components/sections/AboutSection.tsx
index 476b587..f62c6b3 100644
--- a/src/components/sections/AboutSection.tsx
+++ b/src/components/sections/AboutSection.tsx
@@ -4,6 +4,11 @@ import FeatureCardsGrid from '../FeatureCardsGrid';
 import type { Service } from '../../data/Service';
 import saschaImage from '../../assets/sascha.png';
 
+// Define feature card icon and color mappings as constants
+const FEATURE_CARD_ICONS = [Code, Palette, ShieldCheck, Eye] as const;
+const FEATURE_CARD_COLORS = ['primary', 'secondary', 'tertiary', 'quaternary'] as const;
+type FeatureCardColor = typeof FEATURE_CARD_COLORS[number];
+
 interface AboutSectionProps {
   name?: string;
   title?: string;
@@ -28,10 +33,10 @@ export default function AboutSection(props: AboutSectionProps = {}) {
     bio = texts.bio,
     profileImage = saschaImage,
     featureCards = texts.featureCards.map((card, index) => ({
-      icon: [Code, Palette, ShieldCheck, Eye][index] || Code,
+      icon: FEATURE_CARD_ICONS[index] || Code,
       title: card.title,
       description: card.description,
-      colorClass: (["primary", "secondary", "tertiary", "quaternary"][index] || "primary") as "primary" | "secondary" | "tertiary" | "quaternary"
+      colorClass: (FEATURE_CARD_COLORS[index])
     }))
   } = props;
 
@@ -58,7 +63,7 @@ export default function AboutSection(props: AboutSectionProps = {}) {
         </div>
 
         {/* Personal Photo and Bio */}
-        <main className="about-section__content" role="main">
+        <main className="about-section__content">
           <div className="about-section__image-wrapper">
             <img
               src={profileImage}
@@ -75,8 +80,8 @@ export default function AboutSection(props: AboutSectionProps = {}) {
                 {greeting ?? `Hi, I'm ${name}!`}
               </h3>
               <div className="about-section__bio-text">
-                {bio.map((paragraph) => (
-                  <p key={paragraph.substring(0, 50)}>{paragraph}</p>
+                {bio.map((paragraph, index) => (
+                  <p key={index}>{paragraph}</p>
                 ))}
               </div>
             </div>

From bdbce1c3adeabfd5ca397c675ed6c4b25104b0a1 Mon Sep 17 00:00:00 2001
From: Sascha <saschab42@gmail.com>
Date: Thu, 26 Mar 2026 21:19:46 +0100
Subject: [PATCH 07/19] feat: enhance text configuration and localization for
 appointment booking

- Added new text configurations for appointment hints and links in TextConfig.ts and contact.ts.
- Updated imprint.ts with detailed privacy policy sections regarding online appointment booking, including data handling and legal basis.
- Introduced new appointment-related fields in personal.ts for scheduling.
- Implemented SEO enhancements across HomePage, ImprintPage, LandingPage, and PrivacyPolicy pages using usePageSeo hook.
- Created a prerendering script to generate static HTML for SEO optimization.
- Added .htaccess and robots.txt for server configuration and search engine indexing control.
- Developed a sitemap.xml for better search engine visibility.
- Improved styling for contact section and imprint page to accommodate new appointment features.
---
 index.html                                    |   76 +-
 package-lock.json                             | 1002 +++++++++++++++++
 package.json                                  |    4 +-
 prerender.js                                  |  101 ++
 public/.htaccess                              |    4 +
 public/robots.txt                             |    6 +
 public/sitemap.xml                            |   18 +
 src/components/sections/AboutSection.tsx      |    1 -
 src/components/sections/ContactSection.tsx    |   16 +-
 src/config/locales/de/contact.ts              |    2 +
 src/config/locales/de/imprint.ts              |   31 +
 src/config/locales/en/TextConfig.ts           |   19 +
 src/config/locales/en/contact.ts              |    2 +
 src/config/locales/en/imprint.ts              |  197 ++--
 src/config/personal.ts                        |    3 +
 src/hooks/usePageSeo.ts                       |   56 +
 src/pages/HomePage.tsx                        |    7 +
 src/pages/ImprintPage.tsx                     |   51 +-
 src/pages/LandingPage.tsx                     |    7 +
 src/pages/PrivacyPolicy.tsx                   |   23 +-
 src/scss/sections/certifications-section.scss |    7 -
 src/scss/sections/contact-section.scss        |   46 +-
 src/scss/sections/imprint-page.scss           |    1 -
 23 files changed, 1547 insertions(+), 133 deletions(-)
 create mode 100644 prerender.js
 create mode 100644 public/.htaccess
 create mode 100644 public/robots.txt
 create mode 100644 public/sitemap.xml
 create mode 100644 src/hooks/usePageSeo.ts

diff --git a/index.html b/index.html
index 29b5442..b129480 100644
--- a/index.html
+++ b/index.html
@@ -3,10 +3,84 @@
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Sascha Bach Portfolio</title>
+
+    <!-- Primary Meta Tags -->
+    <title>Sascha Bach | Freelance Software Developer – Accessible Web Development</title>
+    <meta name="description" content="Freelance software developer in Germany specializing in accessible web development. I build inclusive websites compliant with the Accessibility Act using React, TypeScript, and modern frameworks." />
+    <meta name="author" content="Sascha Bach" />
+    <meta name="keywords" content="freelance software developer, accessible web development, barrierefreie Webentwicklung, React developer, TypeScript, web accessibility, BFSG, Germany" />
+    <link rel="canonical" href="https://sascha-bach.de/" />
+
+    <!-- Hreflang for multi-language -->
+    <link rel="alternate" hreflang="en" href="https://sascha-bach.de/" />
+    <link rel="alternate" hreflang="de" href="https://sascha-bach.de/" />
+    <link rel="alternate" hreflang="x-default" href="https://sascha-bach.de/" />
+
+    <!-- Open Graph / Facebook -->
+    <meta property="og:type" content="website" />
+    <meta property="og:url" content="https://sascha-bach.de/" />
+    <meta property="og:title" content="Sascha Bach | Freelance Software Developer" />
+    <meta property="og:description" content="Freelance software developer in Germany specializing in accessible web development. Building inclusive websites compliant with the Accessibility Act." />
+    <meta property="og:locale" content="en_US" />
+    <meta property="og:locale:alternate" content="de_DE" />
+    <meta property="og:site_name" content="Sascha Bach Portfolio" />
+
+    <!-- Twitter -->
+    <meta name="twitter:card" content="summary" />
+    <meta name="twitter:title" content="Sascha Bach | Freelance Software Developer" />
+    <meta name="twitter:description" content="Freelance software developer in Germany specializing in accessible web development. Building inclusive websites compliant with the Accessibility Act." />
+
+    <!-- JSON-LD Structured Data -->
+    <script type="application/ld+json">
+      {
+        "@context": "https://schema.org",
+        "@type": "ProfessionalService",
+        "name": "Sascha Bach – Freelance Software Developer",
+        "url": "https://sascha-bach.de",
+        "description": "Freelance software developer specializing in accessible web development, React, TypeScript, and modern frameworks.",
+        "founder": {
+          "@type": "Person",
+          "name": "Sascha Bach",
+          "jobTitle": "Freelance Software Developer",
+          "url": "https://sascha-bach.de",
+          "sameAs": [
+            "https://www.linkedin.com/in/saschabach/",
+            "https://codeberg.org/saschab"
+          ]
+        },
+        "areaServed": "DE",
+        "knowsLanguage": ["en", "de"],
+        "hasOfferCatalog": {
+          "@type": "OfferCatalog",
+          "name": "Web Development Services",
+          "itemListElement": [
+            {
+              "@type": "Offer",
+              "itemOffered": {
+                "@type": "Service",
+                "name": "Accessible Web Development"
+              }
+            },
+            {
+              "@type": "Offer",
+              "itemOffered": {
+                "@type": "Service",
+                "name": "Frontend Development (React, TypeScript)"
+              }
+            }
+          ]
+        }
+      }
+    </script>
   </head>
   <body>
     <div id="root"></div>
+    <noscript>
+      <h1>Sascha Bach – Freelance Software Developer</h1>
+      <p>Freelance software developer in Germany specializing in accessible web development. Building inclusive websites compliant with the Accessibility Act using React, TypeScript, and modern frameworks.</p>
+      <p>Contact: freelancer [at] sascha-bach.de</p>
+      <p>Visit with JavaScript enabled for the full experience.</p>
+    </noscript>
     <script type="module" src="/src/main.tsx"></script>
   </body>
 </html>
diff --git a/package-lock.json b/package-lock.json
index 2598be0..d759509 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -26,6 +26,7 @@
         "eslint-plugin-react-hooks": "^7.0.0",
         "eslint-plugin-react-refresh": "^0.4.20",
         "globals": "^16.3.0",
+        "puppeteer": "^24.40.0",
         "sass": "^1.90.0",
         "ssh2-sftp-client": "^12.0.1",
         "typescript": "~5.8.3",
@@ -1326,6 +1327,41 @@
         "url": "https://opencollective.com/parcel"
       }
     },
+    "node_modules/@puppeteer/browsers": {
+      "version": "2.13.0",
+      "resolved": "https://registry.npmjs.org/@puppeteer/browsers/-/browsers-2.13.0.tgz",
+      "integrity": "sha512-46BZJYJjc/WwmKjsvDFykHtXrtomsCIrwYQPOP7VfMJoZY2bsDF9oROBABR3paDjDcmkUye1Pb1BqdcdiipaWA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "debug": "^4.4.3",
+        "extract-zip": "^2.0.1",
+        "progress": "^2.0.3",
+        "proxy-agent": "^6.5.0",
+        "semver": "^7.7.4",
+        "tar-fs": "^3.1.1",
+        "yargs": "^17.7.2"
+      },
+      "bin": {
+        "browsers": "lib/cjs/main-cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/@puppeteer/browsers/node_modules/semver": {
+      "version": "7.7.4",
+      "resolved": "https://registry.npmjs.org/semver/-/semver-7.7.4.tgz",
+      "integrity": "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA==",
+      "dev": true,
+      "license": "ISC",
+      "bin": {
+        "semver": "bin/semver.js"
+      },
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/@rolldown/pluginutils": {
       "version": "1.0.0-beta.27",
       "resolved": "https://registry.npmjs.org/@rolldown/pluginutils/-/pluginutils-1.0.0-beta.27.tgz",
@@ -1641,6 +1677,13 @@
         "win32"
       ]
     },
+    "node_modules/@tootallnate/quickjs-emscripten": {
+      "version": "0.23.0",
+      "resolved": "https://registry.npmjs.org/@tootallnate/quickjs-emscripten/-/quickjs-emscripten-0.23.0.tgz",
+      "integrity": "sha512-C5Mc6rdnsaJDjO3UpGW/CQTHtCKaYlScZTly4JIu97Jxo/odCiH0ITnDXSJPTOrEKk/ycSZ0AOgTmkDtkOsvIA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/@types/babel__core": {
       "version": "7.20.5",
       "resolved": "https://registry.npmjs.org/@types/babel__core/-/babel__core-7.20.5.tgz",
@@ -1760,6 +1803,17 @@
         "@types/react-router": "*"
       }
     },
+    "node_modules/@types/yauzl": {
+      "version": "2.10.3",
+      "resolved": "https://registry.npmjs.org/@types/yauzl/-/yauzl-2.10.3.tgz",
+      "integrity": "sha512-oJoftv0LSuaDZE3Le4DbKX+KS9G36NzOeSap90UIK0yMA/NhKJhqlSGtNDORNRaIbQfzjXDrQa0ytJ6mNRGz/Q==",
+      "dev": true,
+      "license": "MIT",
+      "optional": true,
+      "dependencies": {
+        "@types/node": "*"
+      }
+    },
     "node_modules/@typescript-eslint/eslint-plugin": {
       "version": "8.48.0",
       "resolved": "https://registry.npmjs.org/@typescript-eslint/eslint-plugin/-/eslint-plugin-8.48.0.tgz",
@@ -2074,6 +2128,16 @@
         "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0"
       }
     },
+    "node_modules/agent-base": {
+      "version": "7.1.4",
+      "resolved": "https://registry.npmjs.org/agent-base/-/agent-base-7.1.4.tgz",
+      "integrity": "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
     "node_modules/ajv": {
       "version": "6.12.6",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
@@ -2091,6 +2155,16 @@
         "url": "https://github.com/sponsors/epoberezkin"
       }
     },
+    "node_modules/ansi-regex": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/ansi-regex/-/ansi-regex-5.0.1.tgz",
+      "integrity": "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/ansi-styles": {
       "version": "4.3.0",
       "resolved": "https://registry.npmjs.org/ansi-styles/-/ansi-styles-4.3.0.tgz",
@@ -2124,6 +2198,34 @@
         "safer-buffer": "~2.1.0"
       }
     },
+    "node_modules/ast-types": {
+      "version": "0.13.4",
+      "resolved": "https://registry.npmjs.org/ast-types/-/ast-types-0.13.4.tgz",
+      "integrity": "sha512-x1FCFnFifvYDDzTaLII71vG5uvDwgtmDTEVWAxrgeiR8VjMONcCXJx7E+USjDtHlwFmt9MysbqgF9b9Vjr6w+w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "tslib": "^2.0.1"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
+    "node_modules/b4a": {
+      "version": "1.8.0",
+      "resolved": "https://registry.npmjs.org/b4a/-/b4a-1.8.0.tgz",
+      "integrity": "sha512-qRuSmNSkGQaHwNbM7J78Wwy+ghLEYF1zNrSeMxj4Kgw6y33O3mXcQ6Ie9fRvfU/YnxWkOchPXbaLb73TkIsfdg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "peerDependencies": {
+        "react-native-b4a": "*"
+      },
+      "peerDependenciesMeta": {
+        "react-native-b4a": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/babel-plugin-react-compiler": {
       "version": "1.0.0",
       "resolved": "https://registry.npmjs.org/babel-plugin-react-compiler/-/babel-plugin-react-compiler-1.0.0.tgz",
@@ -2141,6 +2243,103 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/bare-events": {
+      "version": "2.8.2",
+      "resolved": "https://registry.npmjs.org/bare-events/-/bare-events-2.8.2.tgz",
+      "integrity": "sha512-riJjyv1/mHLIPX4RwiK+oW9/4c3TEUeORHKefKAKnZ5kyslbN+HXowtbaVEqt4IMUB7OXlfixcs6gsFeo/jhiQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "peerDependencies": {
+        "bare-abort-controller": "*"
+      },
+      "peerDependenciesMeta": {
+        "bare-abort-controller": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/bare-fs": {
+      "version": "4.5.6",
+      "resolved": "https://registry.npmjs.org/bare-fs/-/bare-fs-4.5.6.tgz",
+      "integrity": "sha512-1QovqDrR80Pmt5HPAsMsXTCFcDYr+NSUKW6nd6WO5v0JBmnItc/irNRzm2KOQ5oZ69P37y+AMujNyNtG+1Rggw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "bare-events": "^2.5.4",
+        "bare-path": "^3.0.0",
+        "bare-stream": "^2.6.4",
+        "bare-url": "^2.2.2",
+        "fast-fifo": "^1.3.2"
+      },
+      "engines": {
+        "bare": ">=1.16.0"
+      },
+      "peerDependencies": {
+        "bare-buffer": "*"
+      },
+      "peerDependenciesMeta": {
+        "bare-buffer": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/bare-os": {
+      "version": "3.8.0",
+      "resolved": "https://registry.npmjs.org/bare-os/-/bare-os-3.8.0.tgz",
+      "integrity": "sha512-Dc9/SlwfxkXIGYhvMQNUtKaXCaGkZYGcd1vuNUUADVqzu4/vQfvnMkYYOUnt2VwQ2AqKr/8qAVFRtwETljgeFg==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "engines": {
+        "bare": ">=1.14.0"
+      }
+    },
+    "node_modules/bare-path": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/bare-path/-/bare-path-3.0.0.tgz",
+      "integrity": "sha512-tyfW2cQcB5NN8Saijrhqn0Zh7AnFNsnczRcuWODH0eYAXBsJ5gVxAUuNr7tsHSC6IZ77cA0SitzT+s47kot8Mw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "bare-os": "^3.0.1"
+      }
+    },
+    "node_modules/bare-stream": {
+      "version": "2.11.0",
+      "resolved": "https://registry.npmjs.org/bare-stream/-/bare-stream-2.11.0.tgz",
+      "integrity": "sha512-Y/+iQ49fL3rIn6w/AVxI/2+BRrpmzJvdWt5Jv8Za6Ngqc6V227c+pYjYYgLdpR3MwQ9ObVXD0ZrqoBztakM0rw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "streamx": "^2.25.0",
+        "teex": "^1.0.1"
+      },
+      "peerDependencies": {
+        "bare-abort-controller": "*",
+        "bare-buffer": "*",
+        "bare-events": "*"
+      },
+      "peerDependenciesMeta": {
+        "bare-abort-controller": {
+          "optional": true
+        },
+        "bare-buffer": {
+          "optional": true
+        },
+        "bare-events": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/bare-url": {
+      "version": "2.4.0",
+      "resolved": "https://registry.npmjs.org/bare-url/-/bare-url-2.4.0.tgz",
+      "integrity": "sha512-NSTU5WN+fy/L0DDenfE8SXQna4voXuW0FHM7wH8i3/q9khUSchfPbPezO4zSFMnDGIf9YE+mt/RWhZgNRKRIXA==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "bare-path": "^3.0.0"
+      }
+    },
     "node_modules/baseline-browser-mapping": {
       "version": "2.8.31",
       "resolved": "https://registry.npmjs.org/baseline-browser-mapping/-/baseline-browser-mapping-2.8.31.tgz",
@@ -2151,6 +2350,16 @@
         "baseline-browser-mapping": "dist/cli.js"
       }
     },
+    "node_modules/basic-ftp": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/basic-ftp/-/basic-ftp-5.2.0.tgz",
+      "integrity": "sha512-VoMINM2rqJwJgfdHq6RiUudKt2BV+FY5ZFezP/ypmwayk68+NzzAQy4XXLlqsGD4MCzq3DrmNFD/uUmBJuGoXw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      }
+    },
     "node_modules/bcrypt-pbkdf": {
       "version": "1.0.2",
       "resolved": "https://registry.npmjs.org/bcrypt-pbkdf/-/bcrypt-pbkdf-1.0.2.tgz",
@@ -2220,6 +2429,16 @@
         "node": "^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7"
       }
     },
+    "node_modules/buffer-crc32": {
+      "version": "0.2.13",
+      "resolved": "https://registry.npmjs.org/buffer-crc32/-/buffer-crc32-0.2.13.tgz",
+      "integrity": "sha512-VO9Ht/+p3SN7SKWqcrgEzjGbRSJYTx+Q1pTQC0wrWqHx0vpJraQ6GtHx8tvcg1rlK1byhU5gccxgOgj7B0TDkQ==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": "*"
+      }
+    },
     "node_modules/buffer-from": {
       "version": "1.1.2",
       "resolved": "https://registry.npmjs.org/buffer-from/-/buffer-from-1.1.2.tgz",
@@ -2301,6 +2520,45 @@
         "url": "https://paulmillr.com/funding/"
       }
     },
+    "node_modules/chromium-bidi": {
+      "version": "14.0.0",
+      "resolved": "https://registry.npmjs.org/chromium-bidi/-/chromium-bidi-14.0.0.tgz",
+      "integrity": "sha512-9gYlLtS6tStdRWzrtXaTMnqcM4dudNegMXJxkR0I/CXObHalYeYcAMPrL19eroNZHtJ8DQmu1E+ZNOYu/IXMXw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "mitt": "^3.0.1",
+        "zod": "^3.24.1"
+      },
+      "peerDependencies": {
+        "devtools-protocol": "*"
+      }
+    },
+    "node_modules/chromium-bidi/node_modules/zod": {
+      "version": "3.25.76",
+      "resolved": "https://registry.npmjs.org/zod/-/zod-3.25.76.tgz",
+      "integrity": "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==",
+      "dev": true,
+      "license": "MIT",
+      "funding": {
+        "url": "https://github.com/sponsors/colinhacks"
+      }
+    },
+    "node_modules/cliui": {
+      "version": "8.0.1",
+      "resolved": "https://registry.npmjs.org/cliui/-/cliui-8.0.1.tgz",
+      "integrity": "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "string-width": "^4.2.0",
+        "strip-ansi": "^6.0.1",
+        "wrap-ansi": "^7.0.0"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
     "node_modules/color-convert": {
       "version": "2.0.1",
       "resolved": "https://registry.npmjs.org/color-convert/-/color-convert-2.0.1.tgz",
@@ -2364,6 +2622,33 @@
         "url": "https://opencollective.com/express"
       }
     },
+    "node_modules/cosmiconfig": {
+      "version": "9.0.1",
+      "resolved": "https://registry.npmjs.org/cosmiconfig/-/cosmiconfig-9.0.1.tgz",
+      "integrity": "sha512-hr4ihw+DBqcvrsEDioRO31Z17x71pUYoNe/4h6Z0wB72p7MU7/9gH8Q3s12NFhHPfYBBOV3qyfUxmr/Yn3shnQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "env-paths": "^2.2.1",
+        "import-fresh": "^3.3.0",
+        "js-yaml": "^4.1.0",
+        "parse-json": "^5.2.0"
+      },
+      "engines": {
+        "node": ">=14"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/d-fischer"
+      },
+      "peerDependencies": {
+        "typescript": ">=4.9.5"
+      },
+      "peerDependenciesMeta": {
+        "typescript": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/cpu-features": {
       "version": "0.0.10",
       "resolved": "https://registry.npmjs.org/cpu-features/-/cpu-features-0.0.10.tgz",
@@ -2401,6 +2686,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/data-uri-to-buffer": {
+      "version": "6.0.2",
+      "resolved": "https://registry.npmjs.org/data-uri-to-buffer/-/data-uri-to-buffer-6.0.2.tgz",
+      "integrity": "sha512-7hvf7/GW8e86rW0ptuwS3OcBGDjIi6SZva7hCyWC0yYry2cOPmLIjXAUHI6DK2HsnwJd9ifmt57i8eV2n4YNpw==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 14"
+      }
+    },
     "node_modules/debug": {
       "version": "4.4.3",
       "resolved": "https://registry.npmjs.org/debug/-/debug-4.4.3.tgz",
@@ -2426,6 +2721,21 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/degenerator": {
+      "version": "5.0.1",
+      "resolved": "https://registry.npmjs.org/degenerator/-/degenerator-5.0.1.tgz",
+      "integrity": "sha512-TllpMR/t0M5sqCXfj85i4XaAzxmS5tVA16dqvdkMwGmzI+dXLXnw3J+3Vdv7VKw+ThlTMboK6i9rnZ6Nntj5CQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ast-types": "^0.13.4",
+        "escodegen": "^2.1.0",
+        "esprima": "^4.0.1"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
     "node_modules/detect-libc": {
       "version": "1.0.3",
       "resolved": "https://registry.npmjs.org/detect-libc/-/detect-libc-1.0.3.tgz",
@@ -2440,6 +2750,13 @@
         "node": ">=0.10"
       }
     },
+    "node_modules/devtools-protocol": {
+      "version": "0.0.1581282",
+      "resolved": "https://registry.npmjs.org/devtools-protocol/-/devtools-protocol-0.0.1581282.tgz",
+      "integrity": "sha512-nv7iKtNZQshSW2hKzYNr46nM/Cfh5SEvE2oV0/SEGgc9XupIY5ggf84Cz8eJIkBce7S3bmTAauFD6aysMpnqsQ==",
+      "dev": true,
+      "license": "BSD-3-Clause"
+    },
     "node_modules/dotenv": {
       "version": "17.2.3",
       "resolved": "https://registry.npmjs.org/dotenv/-/dotenv-17.2.3.tgz",
@@ -2460,6 +2777,43 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/emoji-regex": {
+      "version": "8.0.0",
+      "resolved": "https://registry.npmjs.org/emoji-regex/-/emoji-regex-8.0.0.tgz",
+      "integrity": "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/end-of-stream": {
+      "version": "1.4.5",
+      "resolved": "https://registry.npmjs.org/end-of-stream/-/end-of-stream-1.4.5.tgz",
+      "integrity": "sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "once": "^1.4.0"
+      }
+    },
+    "node_modules/env-paths": {
+      "version": "2.2.1",
+      "resolved": "https://registry.npmjs.org/env-paths/-/env-paths-2.2.1.tgz",
+      "integrity": "sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=6"
+      }
+    },
+    "node_modules/error-ex": {
+      "version": "1.3.4",
+      "resolved": "https://registry.npmjs.org/error-ex/-/error-ex-1.3.4.tgz",
+      "integrity": "sha512-sqQamAnR14VgCr1A618A3sGrygcpK+HEbenA/HiEAkkUwcZIIB/tgWqHFxWgOyDh4nB4JCRimh79dR5Ywc9MDQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "is-arrayish": "^0.2.1"
+      }
+    },
     "node_modules/esbuild": {
       "version": "0.25.12",
       "resolved": "https://registry.npmjs.org/esbuild/-/esbuild-0.25.12.tgz",
@@ -2525,6 +2879,28 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/escodegen": {
+      "version": "2.1.0",
+      "resolved": "https://registry.npmjs.org/escodegen/-/escodegen-2.1.0.tgz",
+      "integrity": "sha512-2NlIDTwUWJN0mRPQOdtQBzbUHvdGY2P1VXSyU83Q3xKxM7WHX2Ql8dKq782Q9TgQUNOLEzEYu9bzLNj1q88I5w==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "esprima": "^4.0.1",
+        "estraverse": "^5.2.0",
+        "esutils": "^2.0.2"
+      },
+      "bin": {
+        "escodegen": "bin/escodegen.js",
+        "esgenerate": "bin/esgenerate.js"
+      },
+      "engines": {
+        "node": ">=6.0"
+      },
+      "optionalDependencies": {
+        "source-map": "~0.6.1"
+      }
+    },
     "node_modules/eslint": {
       "version": "9.39.1",
       "resolved": "https://registry.npmjs.org/eslint/-/eslint-9.39.1.tgz",
@@ -2663,6 +3039,20 @@
         "url": "https://opencollective.com/eslint"
       }
     },
+    "node_modules/esprima": {
+      "version": "4.0.1",
+      "resolved": "https://registry.npmjs.org/esprima/-/esprima-4.0.1.tgz",
+      "integrity": "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "bin": {
+        "esparse": "bin/esparse.js",
+        "esvalidate": "bin/esvalidate.js"
+      },
+      "engines": {
+        "node": ">=4"
+      }
+    },
     "node_modules/esquery": {
       "version": "1.6.0",
       "resolved": "https://registry.npmjs.org/esquery/-/esquery-1.6.0.tgz",
@@ -2709,6 +3099,37 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/events-universal": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/events-universal/-/events-universal-1.0.1.tgz",
+      "integrity": "sha512-LUd5euvbMLpwOF8m6ivPCbhQeSiYVNb8Vs0fQ8QjXo0JTkEHpz8pxdQf0gStltaPpw0Cca8b39KxvK9cfKRiAw==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "bare-events": "^2.7.0"
+      }
+    },
+    "node_modules/extract-zip": {
+      "version": "2.0.1",
+      "resolved": "https://registry.npmjs.org/extract-zip/-/extract-zip-2.0.1.tgz",
+      "integrity": "sha512-GDhU9ntwuKyGXdZBUgTIe+vXnWj0fppUEtMDL0+idd5Sta8TGpHssn/eusA9mrPr9qNDym6SxAYZjNvCn/9RBg==",
+      "dev": true,
+      "license": "BSD-2-Clause",
+      "dependencies": {
+        "debug": "^4.1.1",
+        "get-stream": "^5.1.0",
+        "yauzl": "^2.10.0"
+      },
+      "bin": {
+        "extract-zip": "cli.js"
+      },
+      "engines": {
+        "node": ">= 10.17.0"
+      },
+      "optionalDependencies": {
+        "@types/yauzl": "^2.9.1"
+      }
+    },
     "node_modules/fast-deep-equal": {
       "version": "3.1.3",
       "resolved": "https://registry.npmjs.org/fast-deep-equal/-/fast-deep-equal-3.1.3.tgz",
@@ -2716,6 +3137,13 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/fast-fifo": {
+      "version": "1.3.2",
+      "resolved": "https://registry.npmjs.org/fast-fifo/-/fast-fifo-1.3.2.tgz",
+      "integrity": "sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/fast-json-stable-stringify": {
       "version": "2.1.0",
       "resolved": "https://registry.npmjs.org/fast-json-stable-stringify/-/fast-json-stable-stringify-2.1.0.tgz",
@@ -2730,6 +3158,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/fd-slicer": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/fd-slicer/-/fd-slicer-1.1.0.tgz",
+      "integrity": "sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pend": "~1.2.0"
+      }
+    },
     "node_modules/file-entry-cache": {
       "version": "8.0.0",
       "resolved": "https://registry.npmjs.org/file-entry-cache/-/file-entry-cache-8.0.0.tgz",
@@ -2820,6 +3258,47 @@
         "node": ">=6.9.0"
       }
     },
+    "node_modules/get-caller-file": {
+      "version": "2.0.5",
+      "resolved": "https://registry.npmjs.org/get-caller-file/-/get-caller-file-2.0.5.tgz",
+      "integrity": "sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": "6.* || 8.* || >= 10.*"
+      }
+    },
+    "node_modules/get-stream": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/get-stream/-/get-stream-5.2.0.tgz",
+      "integrity": "sha512-nBF+F1rAZVCu/p7rjzgA+Yb4lfYXrpl7a6VmJrU8wF9I1CKvP/QwPNZHnOlwbTkY6dvtFIzFMSyQXbLoTQPRpA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pump": "^3.0.0"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
+    "node_modules/get-uri": {
+      "version": "6.0.5",
+      "resolved": "https://registry.npmjs.org/get-uri/-/get-uri-6.0.5.tgz",
+      "integrity": "sha512-b1O07XYq8eRuVzBNgJLstU6FYc1tS6wnMtF1I1D9lE8LxZSOGZ7LhxN54yPP6mGw5f2CkXY2BQUL9Fx41qvcIg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "basic-ftp": "^5.0.2",
+        "data-uri-to-buffer": "^6.0.2",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
     "node_modules/glob-parent": {
       "version": "6.0.2",
       "resolved": "https://registry.npmjs.org/glob-parent/-/glob-parent-6.0.2.tgz",
@@ -2880,6 +3359,34 @@
         "hermes-estree": "0.25.1"
       }
     },
+    "node_modules/http-proxy-agent": {
+      "version": "7.0.2",
+      "resolved": "https://registry.npmjs.org/http-proxy-agent/-/http-proxy-agent-7.0.2.tgz",
+      "integrity": "sha512-T1gkAiYYDWYx3V5Bmyu7HcfcvL7mUrTWiM6yOfa3PIphViJ/gFPbvidQ+veqSOHci/PxBcDabeUNCzpOODJZig==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.0",
+        "debug": "^4.3.4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/https-proxy-agent": {
+      "version": "7.0.6",
+      "resolved": "https://registry.npmjs.org/https-proxy-agent/-/https-proxy-agent-7.0.6.tgz",
+      "integrity": "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.2",
+        "debug": "4"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
     "node_modules/ignore": {
       "version": "5.3.2",
       "resolved": "https://registry.npmjs.org/ignore/-/ignore-5.3.2.tgz",
@@ -2931,6 +3438,23 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/ip-address": {
+      "version": "10.1.0",
+      "resolved": "https://registry.npmjs.org/ip-address/-/ip-address-10.1.0.tgz",
+      "integrity": "sha512-XXADHxXmvT9+CRxhXg56LJovE+bmWnEWB78LB83VZTprKTmaC5QfruXocxzTZ2Kl0DNwKuBdlIhjL8LeY8Sf8Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 12"
+      }
+    },
+    "node_modules/is-arrayish": {
+      "version": "0.2.1",
+      "resolved": "https://registry.npmjs.org/is-arrayish/-/is-arrayish-0.2.1.tgz",
+      "integrity": "sha512-zz06S8t0ozoDXMG+ube26zeCTNXcKIPJZJi8hBrF4idCLms4CG9QtK7qBl1boi5ODzFpjswb5JPmHCbMpjaYzg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/is-extglob": {
       "version": "2.1.1",
       "resolved": "https://registry.npmjs.org/is-extglob/-/is-extglob-2.1.1.tgz",
@@ -2941,6 +3465,16 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/is-fullwidth-code-point": {
+      "version": "3.0.0",
+      "resolved": "https://registry.npmjs.org/is-fullwidth-code-point/-/is-fullwidth-code-point-3.0.0.tgz",
+      "integrity": "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/is-glob": {
       "version": "4.0.3",
       "resolved": "https://registry.npmjs.org/is-glob/-/is-glob-4.0.3.tgz",
@@ -3012,6 +3546,13 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/json-parse-even-better-errors": {
+      "version": "2.3.1",
+      "resolved": "https://registry.npmjs.org/json-parse-even-better-errors/-/json-parse-even-better-errors-2.3.1.tgz",
+      "integrity": "sha512-xyFwyhro/JEof6Ghe2iz2NcXoj2sloNsWr/XsERDK/oiPCfaNhl5ONfp+jQdAZRQQ0IJWNzH9zIZF7li91kh2w==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/json-schema-traverse": {
       "version": "0.4.1",
       "resolved": "https://registry.npmjs.org/json-schema-traverse/-/json-schema-traverse-0.4.1.tgz",
@@ -3063,6 +3604,13 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/lines-and-columns": {
+      "version": "1.2.4",
+      "resolved": "https://registry.npmjs.org/lines-and-columns/-/lines-and-columns-1.2.4.tgz",
+      "integrity": "sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/locate-path": {
       "version": "6.0.0",
       "resolved": "https://registry.npmjs.org/locate-path/-/locate-path-6.0.0.tgz",
@@ -3133,6 +3681,13 @@
         "node": "*"
       }
     },
+    "node_modules/mitt": {
+      "version": "3.0.1",
+      "resolved": "https://registry.npmjs.org/mitt/-/mitt-3.0.1.tgz",
+      "integrity": "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/ms": {
       "version": "2.1.3",
       "resolved": "https://registry.npmjs.org/ms/-/ms-2.1.3.tgz",
@@ -3174,6 +3729,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/netmask": {
+      "version": "2.0.2",
+      "resolved": "https://registry.npmjs.org/netmask/-/netmask-2.0.2.tgz",
+      "integrity": "sha512-dBpDMdxv9Irdq66304OLfEmQ9tbNRFnFTuZiLo+bD+r332bBmMJ8GBLXklIXXgxd3+v9+KUnZaUR5PJMa75Gsg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 0.4.0"
+      }
+    },
     "node_modules/node-addon-api": {
       "version": "7.1.1",
       "resolved": "https://registry.npmjs.org/node-addon-api/-/node-addon-api-7.1.1.tgz",
@@ -3189,6 +3754,16 @@
       "dev": true,
       "license": "MIT"
     },
+    "node_modules/once": {
+      "version": "1.4.0",
+      "resolved": "https://registry.npmjs.org/once/-/once-1.4.0.tgz",
+      "integrity": "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w==",
+      "dev": true,
+      "license": "ISC",
+      "dependencies": {
+        "wrappy": "1"
+      }
+    },
     "node_modules/optionator": {
       "version": "0.9.4",
       "resolved": "https://registry.npmjs.org/optionator/-/optionator-0.9.4.tgz",
@@ -3239,6 +3814,40 @@
         "url": "https://github.com/sponsors/sindresorhus"
       }
     },
+    "node_modules/pac-proxy-agent": {
+      "version": "7.2.0",
+      "resolved": "https://registry.npmjs.org/pac-proxy-agent/-/pac-proxy-agent-7.2.0.tgz",
+      "integrity": "sha512-TEB8ESquiLMc0lV8vcd5Ql/JAKAoyzHFXaStwjkzpOpC5Yv+pIzLfHvjTSdf3vpa2bMiUQrg9i6276yn8666aA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@tootallnate/quickjs-emscripten": "^0.23.0",
+        "agent-base": "^7.1.2",
+        "debug": "^4.3.4",
+        "get-uri": "^6.0.1",
+        "http-proxy-agent": "^7.0.0",
+        "https-proxy-agent": "^7.0.6",
+        "pac-resolver": "^7.0.1",
+        "socks-proxy-agent": "^8.0.5"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/pac-resolver": {
+      "version": "7.0.1",
+      "resolved": "https://registry.npmjs.org/pac-resolver/-/pac-resolver-7.0.1.tgz",
+      "integrity": "sha512-5NPgf87AT2STgwa2ntRMr45jTKrYBGkVU36yT0ig/n/GMAa3oPqhZfIQ2kMEimReg0+t9kZViDVZ83qfVUlckg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "degenerator": "^5.0.0",
+        "netmask": "^2.0.2"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
     "node_modules/parent-module": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/parent-module/-/parent-module-1.0.1.tgz",
@@ -3252,6 +3861,25 @@
         "node": ">=6"
       }
     },
+    "node_modules/parse-json": {
+      "version": "5.2.0",
+      "resolved": "https://registry.npmjs.org/parse-json/-/parse-json-5.2.0.tgz",
+      "integrity": "sha512-ayCKvm/phCGxOkYRSCM82iDwct8/EonSEgCSxWxD7ve6jHggsFl4fZVQBPRNgQoKiuV/odhFrGzQXZwbifC8Rg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "@babel/code-frame": "^7.0.0",
+        "error-ex": "^1.3.1",
+        "json-parse-even-better-errors": "^2.3.0",
+        "lines-and-columns": "^1.1.6"
+      },
+      "engines": {
+        "node": ">=8"
+      },
+      "funding": {
+        "url": "https://github.com/sponsors/sindresorhus"
+      }
+    },
     "node_modules/path-exists": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/path-exists/-/path-exists-4.0.0.tgz",
@@ -3272,6 +3900,13 @@
         "node": ">=8"
       }
     },
+    "node_modules/pend": {
+      "version": "1.2.0",
+      "resolved": "https://registry.npmjs.org/pend/-/pend-1.2.0.tgz",
+      "integrity": "sha512-F3asv42UuXchdzt+xXqfW1OGlVBe+mxa2mqI0pg5yAHZPvFmY3Y6drSf/GQ1A86WgWEN9Kzh/WrgKa6iGcHXLg==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/picocolors": {
       "version": "1.1.1",
       "resolved": "https://registry.npmjs.org/picocolors/-/picocolors-1.1.1.tgz",
@@ -3332,6 +3967,64 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/progress": {
+      "version": "2.0.3",
+      "resolved": "https://registry.npmjs.org/progress/-/progress-2.0.3.tgz",
+      "integrity": "sha512-7PiHtLll5LdnKIMw100I+8xJXR5gW2QwWYkT6iJva0bXitZKa/XMrSbdmg3r2Xnaidz9Qumd0VPaMrZlF9V9sA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.4.0"
+      }
+    },
+    "node_modules/proxy-agent": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/proxy-agent/-/proxy-agent-6.5.0.tgz",
+      "integrity": "sha512-TmatMXdr2KlRiA2CyDu8GqR8EjahTG3aY3nXjdzFyoZbmB8hrBsTyMezhULIXKnC0jpfjlmiZ3+EaCzoInSu/A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.2",
+        "debug": "^4.3.4",
+        "http-proxy-agent": "^7.0.1",
+        "https-proxy-agent": "^7.0.6",
+        "lru-cache": "^7.14.1",
+        "pac-proxy-agent": "^7.1.0",
+        "proxy-from-env": "^1.1.0",
+        "socks-proxy-agent": "^8.0.5"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/proxy-agent/node_modules/lru-cache": {
+      "version": "7.18.3",
+      "resolved": "https://registry.npmjs.org/lru-cache/-/lru-cache-7.18.3.tgz",
+      "integrity": "sha512-jumlc0BIUrS3qJGgIkWZsyfAM7NCWiBcCDhnd+3NNM5KbBmLTgHVfWBcg6W+rLUsIpzpERPsvwUP7CckAQSOoA==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/proxy-from-env": {
+      "version": "1.1.0",
+      "resolved": "https://registry.npmjs.org/proxy-from-env/-/proxy-from-env-1.1.0.tgz",
+      "integrity": "sha512-D+zkORCbA9f1tdWRK0RaCR3GPv50cMxcrz4X8k5LTSUD1Dkw47mKJEZQNunItRTkWwgtaUSo1RVFRIG9ZXiFYg==",
+      "dev": true,
+      "license": "MIT"
+    },
+    "node_modules/pump": {
+      "version": "3.0.4",
+      "resolved": "https://registry.npmjs.org/pump/-/pump-3.0.4.tgz",
+      "integrity": "sha512-VS7sjc6KR7e1ukRFhQSY5LM2uBWAUPiOPa/A3mkKmiMwSmRFUITt0xuj+/lesgnCv+dPIEYlkzrcyXgquIHMcA==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "end-of-stream": "^1.1.0",
+        "once": "^1.3.1"
+      }
+    },
     "node_modules/punycode": {
       "version": "2.3.1",
       "resolved": "https://registry.npmjs.org/punycode/-/punycode-2.3.1.tgz",
@@ -3342,6 +4035,47 @@
         "node": ">=6"
       }
     },
+    "node_modules/puppeteer": {
+      "version": "24.40.0",
+      "resolved": "https://registry.npmjs.org/puppeteer/-/puppeteer-24.40.0.tgz",
+      "integrity": "sha512-IxQbDq93XHVVLWHrAkFP7F7iHvb9o0mgfsSIMlhHb+JM+JjM1V4v4MNSQfcRWJopx9dsNOr9adYv0U5fm9BJBQ==",
+      "dev": true,
+      "hasInstallScript": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@puppeteer/browsers": "2.13.0",
+        "chromium-bidi": "14.0.0",
+        "cosmiconfig": "^9.0.0",
+        "devtools-protocol": "0.0.1581282",
+        "puppeteer-core": "24.40.0",
+        "typed-query-selector": "^2.12.1"
+      },
+      "bin": {
+        "puppeteer": "lib/cjs/puppeteer/node/cli.js"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
+    "node_modules/puppeteer-core": {
+      "version": "24.40.0",
+      "resolved": "https://registry.npmjs.org/puppeteer-core/-/puppeteer-core-24.40.0.tgz",
+      "integrity": "sha512-MWL3XbUCfVgGR0gRsidzT6oKJT2QydPLhMITU6HoVWiiv4gkb6gJi3pcdAa8q4HwjBTbqISOWVP4aJiiyUJvag==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "@puppeteer/browsers": "2.13.0",
+        "chromium-bidi": "14.0.0",
+        "debug": "^4.4.3",
+        "devtools-protocol": "0.0.1581282",
+        "typed-query-selector": "^2.12.1",
+        "webdriver-bidi-protocol": "0.4.1",
+        "ws": "^8.19.0"
+      },
+      "engines": {
+        "node": ">=18"
+      }
+    },
     "node_modules/react": {
       "version": "19.2.0",
       "resolved": "https://registry.npmjs.org/react/-/react-19.2.0.tgz",
@@ -3440,6 +4174,16 @@
         "url": "https://paulmillr.com/funding/"
       }
     },
+    "node_modules/require-directory": {
+      "version": "2.1.1",
+      "resolved": "https://registry.npmjs.org/require-directory/-/require-directory-2.1.1.tgz",
+      "integrity": "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/resolve-from": {
       "version": "4.0.0",
       "resolved": "https://registry.npmjs.org/resolve-from/-/resolve-from-4.0.0.tgz",
@@ -3586,6 +4330,58 @@
         "node": ">=8"
       }
     },
+    "node_modules/smart-buffer": {
+      "version": "4.2.0",
+      "resolved": "https://registry.npmjs.org/smart-buffer/-/smart-buffer-4.2.0.tgz",
+      "integrity": "sha512-94hK0Hh8rPqQl2xXc3HsaBoOXKV20MToPkcXvwbISWLEs+64sBq5kFgn2kJDHb1Pry9yrP0dxrCI9RRci7RXKg==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">= 6.0.0",
+        "npm": ">= 3.0.0"
+      }
+    },
+    "node_modules/socks": {
+      "version": "2.8.7",
+      "resolved": "https://registry.npmjs.org/socks/-/socks-2.8.7.tgz",
+      "integrity": "sha512-HLpt+uLy/pxB+bum/9DzAgiKS8CX1EvbWxI4zlmgGCExImLdiad2iCwXT5Z4c9c3Eq8rP2318mPW2c+QbtjK8A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ip-address": "^10.0.1",
+        "smart-buffer": "^4.2.0"
+      },
+      "engines": {
+        "node": ">= 10.0.0",
+        "npm": ">= 3.0.0"
+      }
+    },
+    "node_modules/socks-proxy-agent": {
+      "version": "8.0.5",
+      "resolved": "https://registry.npmjs.org/socks-proxy-agent/-/socks-proxy-agent-8.0.5.tgz",
+      "integrity": "sha512-HehCEsotFqbPW9sJ8WVYB6UbmIMv7kUUORIF2Nncq4VQvBfNBLibW9YZR5dlYCSUhwcD628pRllm7n+E+YTzJw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "agent-base": "^7.1.2",
+        "debug": "^4.3.4",
+        "socks": "^2.8.3"
+      },
+      "engines": {
+        "node": ">= 14"
+      }
+    },
+    "node_modules/source-map": {
+      "version": "0.6.1",
+      "resolved": "https://registry.npmjs.org/source-map/-/source-map-0.6.1.tgz",
+      "integrity": "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g==",
+      "dev": true,
+      "license": "BSD-3-Clause",
+      "optional": true,
+      "engines": {
+        "node": ">=0.10.0"
+      }
+    },
     "node_modules/source-map-js": {
       "version": "1.2.1",
       "resolved": "https://registry.npmjs.org/source-map-js/-/source-map-js-1.2.1.tgz",
@@ -3632,6 +4428,18 @@
         "url": "https://square.link/u/4g7sPflL"
       }
     },
+    "node_modules/streamx": {
+      "version": "2.25.0",
+      "resolved": "https://registry.npmjs.org/streamx/-/streamx-2.25.0.tgz",
+      "integrity": "sha512-0nQuG6jf1w+wddNEEXCF4nTg3LtufWINB5eFEN+5TNZW7KWJp6x87+JFL43vaAUPyCfH1wID+mNVyW6OHtFamg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "events-universal": "^1.0.0",
+        "fast-fifo": "^1.3.2",
+        "text-decoder": "^1.1.0"
+      }
+    },
     "node_modules/string_decoder": {
       "version": "1.3.0",
       "resolved": "https://registry.npmjs.org/string_decoder/-/string_decoder-1.3.0.tgz",
@@ -3642,6 +4450,34 @@
         "safe-buffer": "~5.2.0"
       }
     },
+    "node_modules/string-width": {
+      "version": "4.2.3",
+      "resolved": "https://registry.npmjs.org/string-width/-/string-width-4.2.3.tgz",
+      "integrity": "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "emoji-regex": "^8.0.0",
+        "is-fullwidth-code-point": "^3.0.0",
+        "strip-ansi": "^6.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
+    "node_modules/strip-ansi": {
+      "version": "6.0.1",
+      "resolved": "https://registry.npmjs.org/strip-ansi/-/strip-ansi-6.0.1.tgz",
+      "integrity": "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-regex": "^5.0.1"
+      },
+      "engines": {
+        "node": ">=8"
+      }
+    },
     "node_modules/strip-json-comments": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/strip-json-comments/-/strip-json-comments-3.1.1.tgz",
@@ -3668,6 +4504,54 @@
         "node": ">=8"
       }
     },
+    "node_modules/tar-fs": {
+      "version": "3.1.2",
+      "resolved": "https://registry.npmjs.org/tar-fs/-/tar-fs-3.1.2.tgz",
+      "integrity": "sha512-QGxxTxxyleAdyM3kpFs14ymbYmNFrfY+pHj7Z8FgtbZ7w2//VAgLMac7sT6nRpIHjppXO2AwwEOg0bPFVRcmXw==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "pump": "^3.0.0",
+        "tar-stream": "^3.1.5"
+      },
+      "optionalDependencies": {
+        "bare-fs": "^4.0.1",
+        "bare-path": "^3.0.0"
+      }
+    },
+    "node_modules/tar-stream": {
+      "version": "3.1.8",
+      "resolved": "https://registry.npmjs.org/tar-stream/-/tar-stream-3.1.8.tgz",
+      "integrity": "sha512-U6QpVRyCGHva435KoNWy9PRoi2IFYCgtEhq9nmrPPpbRacPs9IH4aJ3gbrFC8dPcXvdSZ4XXfXT5Fshbp2MtlQ==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "b4a": "^1.6.4",
+        "bare-fs": "^4.5.5",
+        "fast-fifo": "^1.2.0",
+        "streamx": "^2.15.0"
+      }
+    },
+    "node_modules/teex": {
+      "version": "1.0.1",
+      "resolved": "https://registry.npmjs.org/teex/-/teex-1.0.1.tgz",
+      "integrity": "sha512-eYE6iEI62Ni1H8oIa7KlDU6uQBtqr4Eajni3wX7rpfXD8ysFx8z0+dri+KWEPWpBsxXfxu58x/0jvTVT1ekOSg==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "streamx": "^2.12.5"
+      }
+    },
+    "node_modules/text-decoder": {
+      "version": "1.2.7",
+      "resolved": "https://registry.npmjs.org/text-decoder/-/text-decoder-1.2.7.tgz",
+      "integrity": "sha512-vlLytXkeP4xvEq2otHeJfSQIRyWxo/oZGEbXrtEEF9Hnmrdly59sUbzZ/QgyWuLYHctCHxFF4tRQZNQ9k60ExQ==",
+      "dev": true,
+      "license": "Apache-2.0",
+      "dependencies": {
+        "b4a": "^1.6.4"
+      }
+    },
     "node_modules/tinyglobby": {
       "version": "0.2.15",
       "resolved": "https://registry.npmjs.org/tinyglobby/-/tinyglobby-0.2.15.tgz",
@@ -3743,6 +4627,13 @@
         "typescript": ">=4.8.4"
       }
     },
+    "node_modules/tslib": {
+      "version": "2.8.1",
+      "resolved": "https://registry.npmjs.org/tslib/-/tslib-2.8.1.tgz",
+      "integrity": "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==",
+      "dev": true,
+      "license": "0BSD"
+    },
     "node_modules/tweetnacl": {
       "version": "0.14.5",
       "resolved": "https://registry.npmjs.org/tweetnacl/-/tweetnacl-0.14.5.tgz",
@@ -3763,6 +4654,13 @@
         "node": ">= 0.8.0"
       }
     },
+    "node_modules/typed-query-selector": {
+      "version": "2.12.1",
+      "resolved": "https://registry.npmjs.org/typed-query-selector/-/typed-query-selector-2.12.1.tgz",
+      "integrity": "sha512-uzR+FzI8qrUEIu96oaeBJmd9E7CFEiQ3goA5qCVgc4s5llSubcfGHq9yUstZx/k4s9dXHVKsE35YWoFyvEqEHA==",
+      "dev": true,
+      "license": "MIT"
+    },
     "node_modules/typedarray": {
       "version": "0.0.6",
       "resolved": "https://registry.npmjs.org/typedarray/-/typedarray-0.0.6.tgz",
@@ -3969,6 +4867,13 @@
         "url": "https://github.com/sponsors/jonschlinkert"
       }
     },
+    "node_modules/webdriver-bidi-protocol": {
+      "version": "0.4.1",
+      "resolved": "https://registry.npmjs.org/webdriver-bidi-protocol/-/webdriver-bidi-protocol-0.4.1.tgz",
+      "integrity": "sha512-ARrjNjtWRRs2w4Tk7nqrf2gBI0QXWuOmMCx2hU+1jUt6d00MjMxURrhxhGbrsoiZKJrhTSTzbIrc554iKI10qw==",
+      "dev": true,
+      "license": "Apache-2.0"
+    },
     "node_modules/which": {
       "version": "2.0.2",
       "resolved": "https://registry.npmjs.org/which/-/which-2.0.2.tgz",
@@ -3995,6 +4900,63 @@
         "node": ">=0.10.0"
       }
     },
+    "node_modules/wrap-ansi": {
+      "version": "7.0.0",
+      "resolved": "https://registry.npmjs.org/wrap-ansi/-/wrap-ansi-7.0.0.tgz",
+      "integrity": "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "ansi-styles": "^4.0.0",
+        "string-width": "^4.1.0",
+        "strip-ansi": "^6.0.0"
+      },
+      "engines": {
+        "node": ">=10"
+      },
+      "funding": {
+        "url": "https://github.com/chalk/wrap-ansi?sponsor=1"
+      }
+    },
+    "node_modules/wrappy": {
+      "version": "1.0.2",
+      "resolved": "https://registry.npmjs.org/wrappy/-/wrappy-1.0.2.tgz",
+      "integrity": "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==",
+      "dev": true,
+      "license": "ISC"
+    },
+    "node_modules/ws": {
+      "version": "8.20.0",
+      "resolved": "https://registry.npmjs.org/ws/-/ws-8.20.0.tgz",
+      "integrity": "sha512-sAt8BhgNbzCtgGbt2OxmpuryO63ZoDk/sqaB/znQm94T4fCEsy/yV+7CdC1kJhOU9lboAEU7R3kquuycDoibVA==",
+      "dev": true,
+      "license": "MIT",
+      "engines": {
+        "node": ">=10.0.0"
+      },
+      "peerDependencies": {
+        "bufferutil": "^4.0.1",
+        "utf-8-validate": ">=5.0.2"
+      },
+      "peerDependenciesMeta": {
+        "bufferutil": {
+          "optional": true
+        },
+        "utf-8-validate": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/y18n": {
+      "version": "5.0.8",
+      "resolved": "https://registry.npmjs.org/y18n/-/y18n-5.0.8.tgz",
+      "integrity": "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=10"
+      }
+    },
     "node_modules/yallist": {
       "version": "3.1.1",
       "resolved": "https://registry.npmjs.org/yallist/-/yallist-3.1.1.tgz",
@@ -4002,6 +4964,46 @@
       "dev": true,
       "license": "ISC"
     },
+    "node_modules/yargs": {
+      "version": "17.7.2",
+      "resolved": "https://registry.npmjs.org/yargs/-/yargs-17.7.2.tgz",
+      "integrity": "sha512-7dSzzRQ++CKnNI/krKnYRV7JKKPUXMEh61soaHKg9mrWEhzFWhFnxPxGl+69cD1Ou63C13NUPCnmIcrvqCuM6w==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "cliui": "^8.0.1",
+        "escalade": "^3.1.1",
+        "get-caller-file": "^2.0.5",
+        "require-directory": "^2.1.1",
+        "string-width": "^4.2.3",
+        "y18n": "^5.0.5",
+        "yargs-parser": "^21.1.1"
+      },
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yargs-parser": {
+      "version": "21.1.1",
+      "resolved": "https://registry.npmjs.org/yargs-parser/-/yargs-parser-21.1.1.tgz",
+      "integrity": "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==",
+      "dev": true,
+      "license": "ISC",
+      "engines": {
+        "node": ">=12"
+      }
+    },
+    "node_modules/yauzl": {
+      "version": "2.10.0",
+      "resolved": "https://registry.npmjs.org/yauzl/-/yauzl-2.10.0.tgz",
+      "integrity": "sha512-p4a9I6X6nu6IhoGmBqAcbJy1mlC4j27vEPZX9F4L4/vZT3Lyq1VkFHw/V/PUcB9Buo+DG3iHkT0x3Qya58zc3g==",
+      "dev": true,
+      "license": "MIT",
+      "dependencies": {
+        "buffer-crc32": "~0.2.3",
+        "fd-slicer": "~1.1.0"
+      }
+    },
     "node_modules/yocto-queue": {
       "version": "0.1.0",
       "resolved": "https://registry.npmjs.org/yocto-queue/-/yocto-queue-0.1.0.tgz",
diff --git a/package.json b/package.json
index 6ae12cf..f73aed5 100644
--- a/package.json
+++ b/package.json
@@ -5,7 +5,8 @@
   "type": "module",
   "scripts": {
     "dev": "vite",
-    "build": "tsc -b && vite build",
+    "build": "tsc -b && vite build && node prerender.js",
+    "build:no-prerender": "tsc -b && vite build",
     "lint": "eslint .",
     "preview": "vite preview",
     "deploy": "npm run build && node deploy.js",
@@ -30,6 +31,7 @@
     "eslint-plugin-react-hooks": "^7.0.0",
     "eslint-plugin-react-refresh": "^0.4.20",
     "globals": "^16.3.0",
+    "puppeteer": "^24.40.0",
     "sass": "^1.90.0",
     "ssh2-sftp-client": "^12.0.1",
     "typescript": "~5.8.3",
diff --git a/prerender.js b/prerender.js
new file mode 100644
index 0000000..e418b0d
--- /dev/null
+++ b/prerender.js
@@ -0,0 +1,101 @@
+/**
+ * Post-build prerendering script.
+ * Starts a local server from dist/, visits each route with Puppeteer,
+ * and saves the fully-rendered HTML so crawlers see real content.
+ *
+ * Usage: node prerender.js  (run after `vite build`)
+ */
+
+import { createServer } from 'http';
+import { readFileSync, writeFileSync, mkdirSync, existsSync } from 'fs';
+import { join, dirname } from 'path';
+import { fileURLToPath } from 'url';
+import puppeteer from 'puppeteer';
+
+const __dirname = dirname(fileURLToPath(import.meta.url));
+const DIST = join(__dirname, 'dist');
+const PORT = 4173;
+
+const ROUTES = ['/', '/technical', '/imprint', '/privacy-policy'];
+
+/** Minimal static file server that falls back to index.html (SPA). */
+function startServer() {
+  const mimeTypes = {
+    '.html': 'text/html',
+    '.js': 'application/javascript',
+    '.css': 'text/css',
+    '.json': 'application/json',
+    '.png': 'image/png',
+    '.jpg': 'image/jpeg',
+    '.svg': 'image/svg+xml',
+    '.pdf': 'application/pdf',
+    '.woff2': 'font/woff2',
+    '.woff': 'font/woff',
+  };
+
+  const server = createServer((req, res) => {
+    let filePath = join(DIST, req.url === '/' ? '/index.html' : req.url);
+
+    if (!existsSync(filePath) || !filePath.includes('.')) {
+      filePath = join(DIST, 'index.html');
+    }
+
+    const ext = '.' + filePath.split('.').pop();
+    const contentType = mimeTypes[ext] || 'application/octet-stream';
+
+    try {
+      const content = readFileSync(filePath);
+      res.writeHead(200, { 'Content-Type': contentType });
+      res.end(content);
+    } catch {
+      res.writeHead(404);
+      res.end('Not found');
+    }
+  });
+
+  return new Promise((resolve) => {
+    server.listen(PORT, () => {
+      console.log(`  Server running on http://localhost:${PORT}`);
+      resolve(server);
+    });
+  });
+}
+
+async function prerender() {
+  console.log('\n🔍 Prerendering routes...\n');
+
+  const server = await startServer();
+  const browser = await puppeteer.launch({ headless: true });
+
+  for (const route of ROUTES) {
+    const page = await browser.newPage();
+    const url = `http://localhost:${PORT}${route}`;
+
+    console.log(`  Rendering ${route} ...`);
+    await page.goto(url, { waitUntil: 'networkidle0', timeout: 15000 });
+
+    // Wait a bit for React to finish any async rendering
+    await new Promise((r) => setTimeout(r, 1500));
+
+    const html = await page.content();
+    await page.close();
+
+    // Write to dist/<route>/index.html
+    const outDir = route === '/' ? DIST : join(DIST, route);
+    if (!existsSync(outDir)) {
+      mkdirSync(outDir, { recursive: true });
+    }
+    const outFile = join(outDir, 'index.html');
+    writeFileSync(outFile, html, 'utf-8');
+    console.log(`  ✓ Saved ${outFile.replace(DIST, 'dist')}`);
+  }
+
+  await browser.close();
+  server.close();
+  console.log('\n✅ Prerendering complete!\n');
+}
+
+prerender().catch((err) => {
+  console.error('Prerendering failed:', err);
+  process.exit(1);
+});
diff --git a/public/.htaccess b/public/.htaccess
new file mode 100644
index 0000000..152dce1
--- /dev/null
+++ b/public/.htaccess
@@ -0,0 +1,4 @@
+Options -MultiViews
+RewriteEngine On
+RewriteCond %{REQUEST_FILENAME} !-f
+RewriteRule ^ index.html [QSA,L]
\ No newline at end of file
diff --git a/public/robots.txt b/public/robots.txt
new file mode 100644
index 0000000..dc58902
--- /dev/null
+++ b/public/robots.txt
@@ -0,0 +1,6 @@
+User-agent: *
+Allow: /
+Disallow: /imprint
+Disallow: /privacy-policy
+
+Sitemap: https://sascha-bach.de/sitemap.xml
diff --git a/public/sitemap.xml b/public/sitemap.xml
new file mode 100644
index 0000000..53c760d
--- /dev/null
+++ b/public/sitemap.xml
@@ -0,0 +1,18 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
+        xmlns:xhtml="http://www.w3.org/1999/xhtml">
+  <url>
+    <loc>https://sascha-bach.de/</loc>
+    <xhtml:link rel="alternate" hreflang="en" href="https://sascha-bach.de/" />
+    <xhtml:link rel="alternate" hreflang="de" href="https://sascha-bach.de/" />
+    <changefreq>monthly</changefreq>
+    <priority>1.0</priority>
+  </url>
+  <url>
+    <loc>https://sascha-bach.de/technical</loc>
+    <xhtml:link rel="alternate" hreflang="en" href="https://sascha-bach.de/technical" />
+    <xhtml:link rel="alternate" hreflang="de" href="https://sascha-bach.de/technical" />
+    <changefreq>monthly</changefreq>
+    <priority>0.8</priority>
+  </url>
+</urlset>
diff --git a/src/components/sections/AboutSection.tsx b/src/components/sections/AboutSection.tsx
index f62c6b3..d111e84 100644
--- a/src/components/sections/AboutSection.tsx
+++ b/src/components/sections/AboutSection.tsx
@@ -7,7 +7,6 @@ import saschaImage from '../../assets/sascha.png';
 // Define feature card icon and color mappings as constants
 const FEATURE_CARD_ICONS = [Code, Palette, ShieldCheck, Eye] as const;
 const FEATURE_CARD_COLORS = ['primary', 'secondary', 'tertiary', 'quaternary'] as const;
-type FeatureCardColor = typeof FEATURE_CARD_COLORS[number];
 
 interface AboutSectionProps {
   name?: string;
diff --git a/src/components/sections/ContactSection.tsx b/src/components/sections/ContactSection.tsx
index e2d39b9..69c36d1 100644
--- a/src/components/sections/ContactSection.tsx
+++ b/src/components/sections/ContactSection.tsx
@@ -1,5 +1,5 @@
 // eslint-disable-next-line @typescript-eslint/no-deprecated
-import { Mail, Send, Globe, Linkedin } from 'lucide-react';
+import { Mail, Send, Globe, Linkedin, CalendarClock } from 'lucide-react';
 import { personalConfig } from '../../config/personal';
 import { useLanguage } from '../../contexts/LanguageContext';
 import { useScreenReaderAnnouncements } from '../../hooks/useScreenReaderAnnouncements';
@@ -89,6 +89,20 @@ export default function ContactSection(props: ContactSectionProps = {}) {
               </div>
             </div>
 
+            <div className="contact-section__appointment-hint">
+              <CalendarClock className="contact-section__appointment-icon" aria-hidden="true" />
+              <span className="contact-section__appointment-text">{texts.appointmentHintText}</span>
+              <a
+                href={personalConfig.appointmentUrl}
+                target="_blank"
+                rel="noopener noreferrer"
+                className="contact-section__appointment-link"
+                aria-label={`${texts.appointmentLinkText} (opens in new tab)`}
+              >
+                {texts.appointmentLinkText}
+              </a>
+            </div>
+
             <button
               onClick={handleEmailClick}
               className="contact-section__email-button"
diff --git a/src/config/locales/de/contact.ts b/src/config/locales/de/contact.ts
index 1a1de1d..664684d 100644
--- a/src/config/locales/de/contact.ts
+++ b/src/config/locales/de/contact.ts
@@ -20,4 +20,6 @@ export const contact = {
   socialAnnouncement: '{platform}-Profil wird in neuem Tab geöffnet',
   codebergLinkText: 'Sascha Bach auf Codeberg',
   linkedinLinkText: 'Sascha Bach auf LinkedIn',
+  appointmentHintText: 'Lieber einen Termin buchen?',
+  appointmentLinkText: 'Jetzt Termin vereinbaren',
 };
diff --git a/src/config/locales/de/imprint.ts b/src/config/locales/de/imprint.ts
index b8dba3f..3ad5bc1 100644
--- a/src/config/locales/de/imprint.ts
+++ b/src/config/locales/de/imprint.ts
@@ -116,10 +116,17 @@ export const imprint = {
       name: 'Bitpalast GmbH',
       address: 'Postfach 19 15 64, D-14005 Berlin, Deutschland',
       website: 'https://preiswerter-webserver-de.bitpalast.net/',
+      privacyPolicyLabel: 'Datenschutzerklärung:',
     },
     contactTitle: 'Kontaktaufnahme',
     contactText:
       'Soweit Sie uns über E-Mail, Soziale Medien, Telefon, Fax, Post, unser Kontaktformular oder sonstwie ansprechen und uns hierbei personenbezogene Daten wie Ihren Namen, Ihre Telefonnummer oder Ihre E-Mail-Adresse zur Verfügung stellen oder weitere Angaben zur Ihrer Person oder Ihrem Anliegen machen, verarbeiten wir diese Daten zur Beantwortung Ihrer Anfrage im Rahmen des zwischen uns bestehenden vorvertraglichen oder vertraglichen Beziehungen.',
+    contactDataLabels: {
+      affectedData: 'Betroffene Daten:',
+      affectedPersons: 'Betroffene Personen:',
+      processingPurpose: 'Verarbeitungszweck:',
+      legalBasis: 'Rechtsgrundlage:',
+    },
     contactDataCategories: {
       affectedData: [
         'Bestandsdaten (bspw. Namen, Adressen)',
@@ -134,6 +141,30 @@ export const imprint = {
       legalBasis:
         'Vertragserfüllung und vorvertragliche Anfragen, Art. 6 Abs. 1 lit. b DSGVO, berechtigtes Interesse, Art. 6 Abs. 1 lit. f DSGVO',
     },
+    onlineAppointmentTitle: 'Online-Terminbuchung (Nextcloud)',
+    onlineAppointmentIntro:
+      'Auf unserer Website bieten wir die Möglichkeit, über einen externen Link Termine für Beratungsgespräche oder Meetings zu buchen. Dafür nutzen wir den Terminplaner-Dienst der Open-Source-Software Nextcloud, die auf unseren Servern bei unserem Webhosting-Provider betrieben wird.',
+    onlineAppointmentProvider:
+      'Anbieter der Infrastruktur: Die Server, auf denen die Nextcloud-Instanz läuft, werden bereitgestellt von der Bitpalast GmbH, Postfach 19 15 64, D-14005 Berlin, Deutschland. Verantwortlich für die Datenverarbeitung im Rahmen der Terminbuchung bleibt jedoch allein Sascha Bach (siehe Abschnitt „Wer bei uns für die Datenverarbeitung verantwortlich ist").',
+    onlineAppointmentDataTitle:
+      'Erhobene Daten: Bei der Buchung eines Termins werden folgende personenbezogene Daten von Ihnen eingegeben und verarbeitet:',
+    onlineAppointmentData: [
+      'Name (Vor- und Nachname)',
+      'E-Mail-Adresse',
+      'Ggf. Telefonnummer (sofern im Buchungsformular als optionales Feld hinterlegt)',
+      'Ggf. Kommentare oder Anmerkungen zum Termininhalt',
+      'Der gewählte Terminzeitraum',
+    ],
+    onlineAppointmentPurpose:
+      'Zweck der Verarbeitung: Die Daten werden ausschließlich zum Zweck der Terminvereinbarung, der automatischen Terminbestätigung per E-Mail und der Erinnerung an den vereinbarten Termin verarbeitet. Ohne Bereitstellung dieser Daten ist die Nutzung der Buchungsfunktion nicht möglich.',
+    onlineAppointmentLegalBasis:
+      'Rechtsgrundlage: Die Verarbeitung der Daten erfolgt auf Grundlage von Art. 6 Abs. 1 lit. b DSGVO (Erfüllung vorvertraglicher Maßnahmen). Die Buchung eines Termins stellt eine konkrete Anfrage zur Anbahnung oder Durchführung eines Vertragsverhältnisses dar.',
+    onlineAppointmentRetention:
+      'Speicherdauer: Die Daten werden nach Durchführung des Termins und Ablauf etwaiger gesetzlicher Aufbewahrungsfristen (z. B. aus dem Steuerrecht: 6 Jahre für Geschäftskorrespondenz, 10 Jahre für Buchungsbelege) gelöscht. Sofern kein Vertragsverhältnis zustande kommt, werden die Daten spätestens nach Ablauf von 3 Monaten gelöscht, es sei denn, Sie haben in eine längere Speicherung eingewilligt.',
+    onlineAppointmentThirdParty:
+      'Weitergabe: Eine Weitergabe der Daten an Dritte erfolgt nicht, außer dies ist zur Erfüllung des Termins gesetzlich erforderlich oder Sie haben hierzu ausdrücklich eingewilligt. Die Daten verbleiben auf Servern innerhalb der Europäischen Union (Deutschland).',
+    onlineAppointmentServerLocation:
+      'Serverstandort: Die Daten werden auf Servern in Deutschland gespeichert.',
     securityTitle: 'Sicherheitsmaßnahmen',
     securityText:
       'Wir treffen im Übrigen technische und organisatorische Sicherheitsmaßnahmen nach dem Stand der Technik, um die Vorschriften der Datenschutzgesetze einzuhalten und Ihre Daten gegen zufällige oder vorsätzliche Manipulationen, teilweisen oder vollständigen Verlust, Zerstörung oder gegen den unbefugten Zugriff Dritter zu schützen.',
diff --git a/src/config/locales/en/TextConfig.ts b/src/config/locales/en/TextConfig.ts
index 2193bce..089bfbb 100644
--- a/src/config/locales/en/TextConfig.ts
+++ b/src/config/locales/en/TextConfig.ts
@@ -174,6 +174,8 @@ export interface TextConfig {
     socialAnnouncement: string;
     codebergLinkText: string;
     linkedinLinkText: string;
+    appointmentHintText: string;
+    appointmentLinkText: string;
   };
 
   // Imprint Page
@@ -227,15 +229,32 @@ export interface TextConfig {
         name: string;
         address: string;
         website: string;
+        privacyPolicyLabel: string;
       };
       contactTitle: string;
       contactText: string;
+      contactDataLabels: {
+        affectedData: string;
+        affectedPersons: string;
+        processingPurpose: string;
+        legalBasis: string;
+      };
       contactDataCategories: {
         affectedData: string[];
         affectedPersons: string;
         processingPurpose: string;
         legalBasis: string;
       };
+      onlineAppointmentTitle: string;
+      onlineAppointmentIntro: string;
+      onlineAppointmentProvider: string;
+      onlineAppointmentDataTitle: string;
+      onlineAppointmentData: string[];
+      onlineAppointmentPurpose: string;
+      onlineAppointmentLegalBasis: string;
+      onlineAppointmentRetention: string;
+      onlineAppointmentThirdParty: string;
+      onlineAppointmentServerLocation: string;
       securityTitle: string;
       securityText: string;
       changesTitle: string;
diff --git a/src/config/locales/en/contact.ts b/src/config/locales/en/contact.ts
index bf40721..0031581 100644
--- a/src/config/locales/en/contact.ts
+++ b/src/config/locales/en/contact.ts
@@ -20,4 +20,6 @@ export const contact = {
   socialAnnouncement: 'Opening {platform} profile in new tab',
   codebergLinkText: 'Sascha Bach on Codeberg',
   linkedinLinkText: 'Sascha Bach on LinkedIn',
+  appointmentHintText: 'Prefer to schedule a call?',
+  appointmentLinkText: 'Book an appointment',
 };
diff --git a/src/config/locales/en/imprint.ts b/src/config/locales/en/imprint.ts
index 7709cde..25a5bd5 100644
--- a/src/config/locales/en/imprint.ts
+++ b/src/config/locales/en/imprint.ts
@@ -1,152 +1,183 @@
 export const imprint = {
-  title: 'Impressum und Datenschutz',
+  title: 'Imprint and Privacy Policy',
   subtitle: 'Legal Information',
-  companyInfoTitle: 'Angaben gemäß § 5 DDG',
-  contactTitle: 'Kontakt',
-  responsibilityTitle: 'Vertretungsberechtigt',
-  disclaimerTitle: 'Haftungsausschluss',
-  contentLiabilityTitle: 'Haftung für Inhalte',
+  companyInfoTitle: 'Information pursuant to § 5 DDG',
+  contactTitle: 'Contact',
+  responsibilityTitle: 'Authorized Representative',
+  disclaimerTitle: 'Disclaimer',
+  contentLiabilityTitle: 'Liability for Content',
   contentLiabilityText: [
-    'Als Diensteanbieter sind wir gemäß § 7 Abs.1 DDG für eigene Inhalte auf diesen Seiten nach den allgemeinen Gesetzen verantwortlich. Nach §§ 8 bis 10 TMG sind wir als Diensteanbieter jedoch nicht unter der Verpflichtung, übermittelte oder gespeicherte fremde Informationen zu überwachen oder nach Umständen zu forschen, die auf eine rechtswidrige Tätigkeit hinweisen.',
-    'Verpflichtungen zur Entfernung oder Sperrung der Nutzung von Informationen nach den allgemeinen Gesetzen bleiben hiervon unberührt. Eine diesbezügliche Haftung ist jedoch erst ab dem Zeitpunkt der Kenntnis einer konkreten Rechtsverletzung möglich. Bei Bekanntwerden von entsprechenden Rechtsverletzungen werden wir diese Inhalte umgehend entfernen.',
+    'As a service provider, we are responsible for our own content on these pages in accordance with general laws pursuant to § 7 para. 1 DDG. According to §§ 8 to 10 TMG, however, we as a service provider are not obligated to monitor transmitted or stored third-party information or to investigate circumstances that indicate illegal activity.',
+    'Obligations to remove or block the use of information under general laws remain unaffected. However, liability in this regard only arises from the moment of knowledge of a specific legal violation. Upon becoming aware of such infringements, we will remove this content immediately.',
   ],
-  copyrightTitle: 'Urheberrecht',
+  copyrightTitle: 'Copyright',
   copyrightText: [
-    'Die durch die Seitenbetreiber erstellten Inhalte und Werke auf diesen Seiten unterliegen dem deutschen Urheberrecht. Die Vervielfältigung, Bearbeitung, Verbreitung und jede Art der Verwertung außerhalb der Grenzen des Urheberrechtes bedürfen der schriftlichen Zustimmung des jeweiligen Autors bzw. Erstellers.',
-    'Downloads und Kopien dieser Seite sind nur für den privaten, nicht kommerziellen Gebrauch gestattet. Soweit die Inhalte auf dieser Seite nicht vom Betreiber erstellt wurden, werden die Urheberrechte Dritter beachtet. Insbesondere werden Inhalte Dritter als solche gekennzeichnet. Sollten Sie trotzdem auf eine Urheberrechtsverletzung aufmerksam werden, bitten wir um einen entsprechenden Hinweis. Bei Bekanntwerden von Rechtsverletzungen werden wir derartige Inhalte umgehend entfernen.',
+    'The content and works created by the website operators on these pages are subject to German copyright law. The reproduction, editing, distribution, and any kind of exploitation outside the limits of copyright law require the written consent of the respective author or creator.',
+    'Downloads and copies of this website are only permitted for private and non-commercial use. Where the content on this website was not created by the operator, the copyrights of third parties are respected. Third-party content is identified as such. Should you nevertheless notice a copyright infringement, please notify us accordingly. Upon becoming aware of infringements, we will remove such content immediately.',
   ],
-  privacyTitle: 'Datenschutz',
+  privacyTitle: 'Privacy',
   privacyText:
-    'Die Nutzung unserer Webseite ist in der Regel ohne Angabe personenbezogener Daten möglich. Soweit auf unseren Seiten personenbezogene Daten (beispielsweise Name, Anschrift oder E-Mail-Adressen) erhoben werden, erfolgt dies, soweit möglich, stets auf freiwilliger Basis. Diese Daten werden ohne Ihre ausdrückliche Zustimmung nicht an Dritte weitergegeben.',
+    'The use of our website is generally possible without providing personal data. To the extent that personal data (such as name, address, or email addresses) is collected on our website, this is done, wherever possible, on a voluntary basis. This data will not be passed on to third parties without your explicit consent.',
   detailedPrivacyPolicy: {
-    title: 'Datenschutzerklärung',
+    title: 'Privacy Policy',
     introduction:
-      'Mit dieser Datenschutzerklärung möchten wir Sie über Art, Umfang und Zweck der Verarbeitung von personenbezogenen Daten (im Folgenden auch nur als "Daten" bezeichnet) aufklären. Personenbezogene Daten sind alle Daten, die einen persönlichen Bezug zu Ihnen aufweisen, z. B. Name, Adresse, E-Mail-Adresse oder Ihr Nutzerverhalten. Die Datenschutzerklärung gilt für alle von uns vorgenommene Daten-Verarbeitungsvorgänge sowohl im Rahmen unserer Kerntätigkeit als auch für die von uns vorgehaltenen Online-Medien.',
+      'With this privacy policy, we would like to inform you about the nature, scope, and purpose of the processing of personal data (hereinafter simply referred to as "data"). Personal data is all data that has a personal reference to you, such as name, address, email address, or your user behavior. This privacy policy applies to all data processing operations carried out by us, both within the scope of our core activities and for the online media we maintain.',
     responsibleTitle:
-      'Wer bei uns für die Datenverarbeitung verantwortlich ist',
-    responsibleText: 'Verantwortlich für die Datenverarbeitung ist:',
+      'Who is responsible for data processing at our company',
+    responsibleText: 'Responsible for data processing is:',
     responsibleContact:
       'Sascha Bach\nAlt-Tempelhof 15\n12099 Berlin\nDE\n01799364867\ninfo@sascha-bach.de',
     dataProtectionOfficerTitle:
-      'Kontaktdaten unseres Datenschutzbeauftragten',
+      'Contact details of our data protection officer',
     dataProtectionOfficerText:
-      'Unseren Datenschutzbeauftragten können Sie per E-Mail unter info [at] sascha-bach.de oder unter unserer Postadresse mit dem Zusatz „an den Datenschutzbeauftragten" erreichen.',
-    rightsTitle: 'Ihre Rechte nach der DSGVO',
+      'You can contact our data protection officer by email at info [at] sascha-bach.de or at our postal address with the addition "to the Data Protection Officer".',
+    rightsTitle: 'Your rights under the GDPR',
     rightsIntro:
-      'Nach der DSGVO stehen Ihnen die nachfolgend aufgeführten Rechte zu, die Sie jederzeit bei dem in Ziffer 1. dieser Datenschutzerklärung genannten Verantwortlichen geltend machen können:',
+      'Under the GDPR, you have the following rights, which you may assert at any time against the controller named in section 1 of this privacy policy:',
     rights: [
       {
-        title: 'Recht auf Auskunft',
-        text: 'Sie haben das Recht, von uns Auskunft darüber zu verlangen, ob und welche Daten wir von Ihnen verarbeiten.',
+        title: 'Right to information',
+        text: 'You have the right to request information from us about whether and what data we process about you.',
       },
       {
-        title: 'Recht auf Berichtigung',
-        text: 'Sie haben das Recht, die Berichtigung unrichtiger oder Vervollständigung unvollständiger Daten zu verlangen.',
+        title: 'Right to rectification',
+        text: 'You have the right to request the correction of inaccurate data or the completion of incomplete data.',
       },
       {
-        title: 'Recht auf Löschung',
-        text: 'Sie haben das Recht, die Löschung Ihrer Daten zu verlangen.',
+        title: 'Right to erasure',
+        text: 'You have the right to request the deletion of your data.',
       },
       {
-        title: 'Recht auf Einschränkung',
-        text: 'Sie haben in bestimmten Fällen das Recht zu verlangen, dass wir Ihre Daten nur noch eingeschränkt bearbeiten.',
+        title: 'Right to restriction',
+        text: 'In certain cases, you have the right to request that we only process your data in a restricted manner.',
       },
       {
-        title: 'Recht auf Datenübertragbarkeit',
-        text: 'Sie haben das Recht zu verlangen, dass wir Ihnen oder einem anderen Verantwortlichen Ihre Daten in einem strukturierten, gängigen und maschinenlesebaren Format übermitteln.',
+        title: 'Right to data portability',
+        text: 'You have the right to request that we transmit your data to you or to another controller in a structured, commonly used, and machine-readable format.',
       },
       {
-        title: 'Beschwerderecht',
-        text: 'Sie haben das Recht, sich bei einer Aufsichtsbehörde zu beschweren. Zuständig ist die Aufsichtsbehörde Ihres üblichen Aufenthaltsortes, Ihres Arbeitsplatzes oder unseres Firmensitzes.',
+        title: 'Right to lodge a complaint',
+        text: 'You have the right to lodge a complaint with a supervisory authority. The supervisory authority of your usual place of residence, your place of work, or our company\'s registered office is responsible.',
       },
     ],
-    revocationTitle: 'Widerrufsrecht',
+    revocationTitle: 'Right of withdrawal',
     revocationText:
-      'Sie haben das Recht, die von Ihnen erteilte Einwilligung zur Datenverarbeitung jederzeit zu widerrufen.',
-    objectionTitle: 'Widerspruchsrecht',
+      'You have the right to withdraw the consent you have given for data processing at any time.',
+    objectionTitle: 'Right to object',
     objectionText:
-      'Sie haben das Recht, jederzeit gegen die Verarbeitung Ihrer Daten, die wir auf unser berechtigtes Interesse nach Art. 6 Abs. 1 lit. f DSGVO stützen, Widerspruch einzulegen. Sofern Sie von Ihrem Widerspruchsrecht Gebrauch machen, bitten wir Sie um die Darlegung der Gründe. Wir werden Ihre personenbezogenen Daten dann nicht mehr verarbeiten, es sei denn, wir können Ihnen gegenüber nachweisen, dass zwingende schutzwürdige Gründe an der Datenverarbeitung Ihre Interessen und Rechte überwiegen.',
+      'You have the right to object at any time to the processing of your data that we base on our legitimate interest pursuant to Art. 6(1)(f) GDPR. If you exercise your right to object, please provide your reasons. We will then no longer process your personal data unless we can demonstrate compelling legitimate grounds for the processing that override your interests and rights.',
     objectionHighlight:
-      'Unabhängig vom vorstehend Gesagten, haben Sie das jederzeitige Recht, der Verarbeitung Ihrer personenbezogenen Daten für Zwecke der Werbung und Datenanalyse zu widersprechen.',
+      'Regardless of the foregoing, you have the right at any time to object to the processing of your personal data for the purposes of advertising and data analysis.',
     objectionContact:
-      'Ihren Widerspruch richten Sie bitte an die oben angegebene Kontaktadresse des Verantwortlichen.',
-    dataDeletionTitle: 'Wann löschen wir Ihre Daten?',
+      'Please direct your objection to the contact address of the controller provided above.',
+    dataDeletionTitle: 'When do we delete your data?',
     dataDeletionIntro:
-      'Wir löschen Ihre Daten dann, wenn wir diese nicht mehr brauchen oder Sie uns dies vorgeben. Das bedeutet, dass - sofern sich aus den einzelnen Datenschutzhinweisen dieser Datenschutzerklärung nichts anderes ergibt - wir Ihre Daten löschen,',
+      'We delete your data when we no longer need it or when you instruct us to do so. This means that – unless otherwise stated in the individual privacy notices in this privacy policy – we will delete your data,',
     dataDeletionReasons: [
-      'wenn der Zweck der Datenverarbeitung weggefallen ist und damit die jeweilige in den einzelnen Datenschutzhinweisen genannte Rechtsgrundlage nicht mehr besteht, also bspw.',
-      'nach Beendigung der zwischen uns bestehenden vertraglichen oder mitgliedschaftlichen Beziehungen (Art. 6 Abs. 1 lit. a DSGVO) oder',
-      'nach Wegfall unseres berechtigten Interesses an der weiteren Verarbeitung oder Speicherung Ihrer Daten (Art. 6 Abs. 1 lit. f DSGVO),',
-      'wenn Sie von Ihrem Widerrufsrecht Gebrauch machen und keine anderweitige gesetzliche Rechtsgrundlage für die Verarbeitung im Sinne von Art. 6 Abs. 1 lit. b-f DSGVO eingreift,',
-      'wenn Sie vom Ihrem Widerspruchsrecht Gebrauch machen und der Löschung keine zwingenden schutzwürdigen Gründe entgegenstehen.',
+      'when the purpose of data processing has ceased to exist and thus the respective legal basis mentioned in the individual privacy notices no longer applies, e.g.',
+      'after termination of the contractual or membership relationships existing between us (Art. 6(1)(a) GDPR), or',
+      'after the cessation of our legitimate interest in further processing or storage of your data (Art. 6(1)(f) GDPR),',
+      'when you exercise your right of withdrawal and no other statutory legal basis for the processing pursuant to Art. 6(1)(b)–(f) GDPR applies,',
+      'when you exercise your right to object and no compelling legitimate grounds for deletion can be opposed.',
     ],
     retentionText:
-      'Sofern wir (bestimmte Teile) Ihre(r) Daten jedoch noch für andere Zwecke vorhalten müssen, weil dies etwa steuerliche Aufbewahrungsfristen (in der Regel 6 Jahre für Geschäftskorrespondenz bzw. 10 Jahre für Buchungsbelege) oder die Geltendmachung, Ausübung oder Verteidigung von Rechtsansprüchen aus vertraglichen Beziehungen (bis zu vier Jahren) erforderlich machen oder die Daten zum Schutz der Rechte einer anderen natürlichen oder juristischen Person gebraucht werden, löschen wir (den Teil) Ihre(r) Daten erst nach Ablauf dieser Fristen. Bis zum Ablauf dieser Fristen beschränken wir die Verarbeitung dieser Daten jedoch auf diese Zwecke (Erfüllung der Aufbewahrungspflichten).',
-    webhostingTitle: 'Webhosting',
+      'However, if we (certain parts of) your data still need to be retained for other purposes, such as statutory retention periods (generally 6 years for business correspondence or 10 years for accounting records), the assertion, exercise, or defense of legal claims arising from contractual relationships (up to four years), or if the data is needed to protect the rights of another natural or legal person, we will only delete (the respective part of) your data after the expiry of these periods. Until these periods expire, we will restrict the processing of this data to these purposes (fulfillment of retention obligations).',
+    webhostingTitle: 'Web Hosting',
     webhostingText:
-      'Wir bedienen uns zum Vorhalten unserer Internetseiten eines Anbieters, auf dessen Server unsere Internetseiten gespeichert und für den Abruf im Internet verfügbar gemacht werden (Hosting). Hierbei können von dem Anbieter all diejenigen über den von Ihnen genutzten Browser übertragenen Daten verarbeitet werden, die bei der Nutzung unserer Internetseiten anfallen. Hierzu gehören insbesondere Ihre IP-Adresse, die der Anbieter benötigt, um unser Online-Angebot an den von Ihnen genutzten Browser ausliefern zu können sowie sämtliche von Ihnen über unsere Internetseite getätigten Eingaben. Daneben kann der von uns genutzte Anbieter',
+      'We use a provider to host our websites, on whose servers our websites are stored and made available for retrieval on the internet (hosting). In doing so, the provider may process all data transmitted by you via the browser during use of our websites. This includes in particular your IP address, which the provider needs to deliver our online offering to the browser you are using, as well as all inputs made by you on our website. In addition, the provider we use may collect',
     webhostingDataTypes: [
-      'das Datum und die Uhrzeit des Zugriffs auf unsere Internetseite',
-      'Zeitzonendifferenz zur Greenwich Mean Time (GMT)',
-      'Zugriffsstatus (HTTP-Status)',
-      'die übertragene Datenmenge',
-      'der Internet-Service-Provider des zugreifenden Systems',
-      'der von Ihnen verwendete Browsertyp und dessen Version',
-      'das von Ihnen verwendete Betriebssystem',
-      'die Internetseite, von welcher Sie gegebenenfalls auf unsere Internetseite gelangt sind',
-      'die Seiten bzw. Unterseiten, welche Sie auf unserer Internetseite besuchen.',
+      'the date and time of access to our website',
+      'time zone difference from Greenwich Mean Time (GMT)',
+      'access status (HTTP status)',
+      'the amount of data transferred',
+      'the internet service provider of the accessing system',
+      'the browser type and version you are using',
+      'the operating system you are using',
+      'the website from which you may have reached our website',
+      'the pages or sub-pages you visit on our website.',
     ],
     webhostingPurpose:
-      'erheben. Die vorgenannten Daten werden als Logfiles auf den Servern unseres Anbieters gespeichert. Dies ist erforderlich, um die Stabilität und Sicherheit des Betriebs unserer Internetseite zu gewährleisten.',
+      'The aforementioned data is stored as log files on our provider\'s servers. This is necessary to ensure the stability and security of our website\'s operation.',
     webhostingDataCategories: {
-      affectedData: 'Betroffene Daten:',
+      affectedData: 'Data affected:',
       affectedDataList: [
-        'Inhaltsdaten (bspw. Posts, Fotos, Videos)',
-        'Nutzungsdaten (bspw. Zugriffszeiten, angeklickte Webseiten)',
-        'Kommunikationsdaten (bspw. Informationen über das genutzte Gerät, IP-Adresse)',
+        'Content data (e.g. posts, photos, videos)',
+        'Usage data (e.g. access times, visited websites)',
+        'Communication data (e.g. information about the device used, IP address)',
       ],
-      affectedPersons: 'Betroffene Personen: Nutzer unserer Internetpräsenz',
+      affectedPersons: 'Affected persons: Users of our online presence',
       processingPurpose:
-        'Verarbeitungszweck: Ausspielen unserer Internetseiten, Gewährleistung des Betriebs unserer Internetseiten',
+        'Processing purpose: Provision of our website, ensuring the operation of our website',
       legalBasis:
-        'Rechtsgrundlage: Berechtigtes Interesse, Art. 6 Abs. 1 lit. f DSGVO',
-      provider: 'Von uns beauftragte(r) Webhoster:',
+        'Legal basis: Legitimate interest, Art. 6(1)(f) GDPR',
+      provider: 'Web host commissioned by us:',
     },
     hostingProvider: {
       name: 'Bitpalast GmbH',
-      address: 'Postfach 19 15 64, D-14005 Berlin, Deutschland',
+      address: 'Postfach 19 15 64, D-14005 Berlin, Germany',
       website: 'https://preiswerter-webserver-de.bitpalast.net/',
+      privacyPolicyLabel: 'Privacy Policy:',
     },
-    contactTitle: 'Kontaktaufnahme',
+    contactTitle: 'Contact',
     contactText:
-      'Soweit Sie uns über E-Mail, Soziale Medien, Telefon, Fax, Post, unser Kontaktformular oder sonstwie ansprechen und uns hierbei personenbezogene Daten wie Ihren Namen, Ihre Telefonnummer oder Ihre E-Mail-Adresse zur Verfügung stellen oder weitere Angaben zur Ihrer Person oder Ihrem Anliegen machen, verarbeiten wir diese Daten zur Beantwortung Ihrer Anfrage im Rahmen des zwischen uns bestehenden vorvertraglichen oder vertraglichen Beziehungen.',
+      'To the extent that you contact us via email, social media, telephone, fax, post, our contact form, or otherwise, and in doing so provide us with personal data such as your name, phone number, or email address, or make further statements about yourself or your request, we will process this data to respond to your inquiry within the scope of the pre-contractual or contractual relationship existing between us.',
+    contactDataLabels: {
+      affectedData: 'Data affected:',
+      affectedPersons: 'Persons affected:',
+      processingPurpose: 'Processing purpose:',
+      legalBasis: 'Legal basis:',
+    },
     contactDataCategories: {
       affectedData: [
-        'Bestandsdaten (bspw. Namen, Adressen)',
-        'Kontakdaten (bspw. E-Mail-Adresse, Telefonnummer, Postanschrift)',
-        'Inhaltsdaten (Texte, Fotos, Videos)',
-        'Vertragsdaten (bspw. Vertragsgegenstand, Vertragsdauer)',
+        'Master data (e.g. names, addresses)',
+        'Contact data (e.g. email address, phone number, postal address)',
+        'Content data (texts, photos, videos)',
+        'Contract data (e.g. subject matter of contract, duration of contract)',
       ],
       affectedPersons:
-        'Interessenten, Kunden, Geschäfts- und Vertragspartner',
+        'Prospective customers, clients, business and contractual partners',
       processingPurpose:
-        'Kommunikation sowie Beantwortung von Kontaktanfragen, Büro und Organisationsverfahren',
+        'Communication and responding to contact requests, office and organizational procedures',
       legalBasis:
-        'Vertragserfüllung und vorvertragliche Anfragen, Art. 6 Abs. 1 lit. b DSGVO, berechtigtes Interesse, Art. 6 Abs. 1 lit. f DSGVO',
+        'Contract fulfillment and pre-contractual inquiries, Art. 6(1)(b) GDPR, legitimate interest, Art. 6(1)(f) GDPR',
     },
-    securityTitle: 'Sicherheitsmaßnahmen',
+    onlineAppointmentTitle: 'Online Appointment Booking (Nextcloud)',
+    onlineAppointmentIntro:
+      'On our website, we offer the option to book appointments for consultations or meetings via an external link. For this purpose, we use the appointment scheduler service of the open-source software Nextcloud, which is operated on our servers at our web hosting provider.',
+    onlineAppointmentProvider:
+      'Infrastructure provider: The servers on which the Nextcloud instance runs are provided by Bitpalast GmbH, Postfach 19 15 64, D-14005 Berlin, Germany. However, the sole responsibility for data processing in connection with appointment booking remains with Sascha Bach (see section "Who is responsible for data processing at our company").',
+    onlineAppointmentDataTitle:
+      'Data collected: When booking an appointment, the following personal data is entered and processed by you:',
+    onlineAppointmentData: [
+      'Name (first and last name)',
+      'Email address',
+      'Phone number if applicable (if included as an optional field in the booking form)',
+      'Comments or notes about the appointment content if applicable',
+      'The selected appointment time slot',
+    ],
+    onlineAppointmentPurpose:
+      'Purpose of processing: The data is processed exclusively for the purpose of scheduling the appointment, sending automatic appointment confirmations by email, and reminding you of the scheduled appointment. Without providing this data, it is not possible to use the booking function.',
+    onlineAppointmentLegalBasis:
+      'Legal basis: The processing of data is based on Art. 6(1)(b) GDPR (performance of pre-contractual measures). Booking an appointment constitutes a specific request to initiate or carry out a contractual relationship.',
+    onlineAppointmentRetention:
+      'Retention period: Data will be deleted after the appointment has taken place and any applicable statutory retention periods have expired (e.g., under tax law: 6 years for business correspondence, 10 years for accounting records). If no contractual relationship is established, the data will be deleted no later than 3 months after the appointment, unless you have consented to longer storage.',
+    onlineAppointmentThirdParty:
+      'Disclosure: Data will not be disclosed to third parties unless this is legally required for the fulfillment of the appointment or you have explicitly consented to such disclosure. The data remains on servers within the European Union (Germany).',
+    onlineAppointmentServerLocation:
+      'Server location: The data is stored on servers in Germany.',
+    securityTitle: 'Security measures',
     securityText:
-      'Wir treffen im Übrigen technische und organisatorische Sicherheitsmaßnahmen nach dem Stand der Technik, um die Vorschriften der Datenschutzgesetze einzuhalten und Ihre Daten gegen zufällige oder vorsätzliche Manipulationen, teilweisen oder vollständigen Verlust, Zerstörung oder gegen den unbefugten Zugriff Dritter zu schützen.',
-    changesTitle: 'Aktualität und Änderung dieser Datenschutzerklärung',
+      'We also take technical and organizational security measures in accordance with the state of the art to comply with data protection laws and to protect your data against accidental or intentional manipulation, partial or complete loss, destruction, or unauthorized access by third parties.',
+    changesTitle: 'Currency and amendments to this privacy policy',
     changesText:
-      'Diese Datenschutzerklärung ist aktuell gültig und hat den Stand September 2025. Aufgrund geänderter gesetzlicher bzw. behördlicher Vorgaben kann es notwendig werden, diese Datenschutzerklärung anzupassen.',
+      'This privacy policy is currently valid and was last updated in September 2025. Due to changes in legislation or official requirements, it may become necessary to amend this privacy policy.',
     disclaimer:
-      'Diese Datenschutzerklärung wurde mit Hilfe des Datenschutz-Generators von SOS Recht erstellt. SOS Recht ist ein Angebot der Mueller.legal Rechtsanwälte Partnerschaft mit Sitz in Berlin.',
+      'This privacy policy was created with the help of the data protection generator by SOS Recht. SOS Recht is an offering of Mueller.legal Attorneys at Law, based in Berlin.',
   },
   address: {
     street: 'Alt-Tempelhof 15',
     city: '12099 Berlin',
-    country: 'Deutschland',
+    country: 'Germany',
   },
   contact: {
     phone: '+49 (0) 179 9364867',
diff --git a/src/config/personal.ts b/src/config/personal.ts
index 37673c9..1737296 100644
--- a/src/config/personal.ts
+++ b/src/config/personal.ts
@@ -10,6 +10,9 @@ export const personalConfig = {
     full: 'freelancer [at] sascha-bach.de',
   },
 
+  // Booking
+  appointmentUrl: 'https://nextcloud.sascha-bach.de/index.php/apps/calendar/appointment/N58i246RSTB2',
+
   // Social Links
   social: {
     codeberg: {
diff --git a/src/hooks/usePageSeo.ts b/src/hooks/usePageSeo.ts
new file mode 100644
index 0000000..bd4ed13
--- /dev/null
+++ b/src/hooks/usePageSeo.ts
@@ -0,0 +1,56 @@
+import { useEffect } from 'react';
+
+interface SeoProps {
+  title: string;
+  description: string;
+  canonical?: string;
+  noIndex?: boolean;
+}
+
+const BASE_URL = 'https://sascha-bach.de';
+
+export function usePageSeo({ title, description, canonical, noIndex }: SeoProps) {
+  useEffect(() => {
+    document.title = title;
+
+    const setMeta = (name: string, content: string, isProperty = false) => {
+      const attr = isProperty ? 'property' : 'name';
+      let el = document.querySelector<HTMLMetaElement>(`meta[${attr}="${name}"]`);
+      if (!el) {
+        el = document.createElement('meta');
+        el.setAttribute(attr, name);
+        document.head.appendChild(el);
+      }
+      el.content = content;
+    };
+
+    setMeta('description', description);
+    setMeta('og:title', title, true);
+    setMeta('og:description', description, true);
+    setMeta('twitter:title', title);
+    setMeta('twitter:description', description);
+
+    if (canonical) {
+      setMeta('og:url', `${BASE_URL}${canonical}`, true);
+
+      let link = document.querySelector<HTMLLinkElement>('link[rel="canonical"]');
+      if (!link) {
+        link = document.createElement('link');
+        link.rel = 'canonical';
+        document.head.appendChild(link);
+      }
+      link.href = `${BASE_URL}${canonical}`;
+    }
+
+    if (noIndex) {
+      setMeta('robots', 'noindex, nofollow');
+    }
+
+    return () => {
+      if (noIndex) {
+        const robotsMeta = document.querySelector('meta[name="robots"]');
+        robotsMeta?.remove();
+      }
+    };
+  }, [title, description, canonical, noIndex]);
+}
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 604a35f..5d3d9b2 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -5,8 +5,15 @@ import SkillsSection from '../components/sections/SkillsSection';
 import CertificationsSection from '../components/sections/CertificationsSection';
 import ProjectsSection from '../components/sections/ProjectsSection';
 import ContactSection from '../components/sections/ContactSection';
+import { usePageSeo } from '../hooks/usePageSeo';
 
 export default function HomePage() {
+  usePageSeo({
+    title: 'Sascha Bach | Technical Portfolio – Skills, Services & Projects',
+    description: 'Explore the technical portfolio of Sascha Bach: services, skills, certifications, and projects in React, TypeScript, and accessible web development.',
+    canonical: '/technical',
+  });
+
   return (
     <>
       <HeroSection />
diff --git a/src/pages/ImprintPage.tsx b/src/pages/ImprintPage.tsx
index 7f06e37..b572d1f 100644
--- a/src/pages/ImprintPage.tsx
+++ b/src/pages/ImprintPage.tsx
@@ -1,26 +1,17 @@
-import { useEffect } from 'react';
 import { personalConfig } from '../config/personal';
 import { useLanguage } from '../contexts/LanguageContext';
+import { usePageSeo } from '../hooks/usePageSeo';
 
 export default function ImprintPage() {
   const { texts: allTexts } = useLanguage();
   const texts = allTexts.imprint;
 
-  useEffect(() => {
-    // Prevent indexing of this page
-    const metaRobots = document.createElement('meta');
-    metaRobots.name = 'robots';
-    metaRobots.content = 'noindex, nofollow';
-    document.head.appendChild(metaRobots);
-
-    // Cleanup on unmount
-    return () => {
-      const existingMeta = document.querySelector('meta[name="robots"]');
-      if (existingMeta) {
-        existingMeta.remove();
-      }
-    };
-  }, []);
+  usePageSeo({
+    title: 'Imprint | Sascha Bach',
+    description: 'Legal information and imprint for Sascha Bach, freelance software developer.',
+    canonical: '/imprint',
+    noIndex: true,
+  });
 
   return (
     <section className="imprint-page">
@@ -179,7 +170,7 @@ export default function ImprintPage() {
                   <p><strong>{texts.detailedPrivacyPolicy.hostingProvider.name}</strong></p>
                   <p>{texts.detailedPrivacyPolicy.hostingProvider.address}</p>
                   <p>
-                    Datenschutzerklärung: {' '}
+                    {texts.detailedPrivacyPolicy.hostingProvider.privacyPolicyLabel}{' '}
                     <a
                       href={texts.detailedPrivacyPolicy.hostingProvider.website}
                       target="_blank"
@@ -198,18 +189,36 @@ export default function ImprintPage() {
                 <p className="imprint-page__privacy-text">{texts.detailedPrivacyPolicy.contactText}</p>
 
                 <div className="imprint-page__data-categories">
-                  <p className="imprint-page__category-title"><strong>Betroffene Daten:</strong></p>
+                  <p className="imprint-page__category-title"><strong>{texts.detailedPrivacyPolicy.contactDataLabels.affectedData}</strong></p>
                   <ul className="imprint-page__category-list">
                     {texts.detailedPrivacyPolicy.contactDataCategories.affectedData.map((item: string) => (
                       <li key={item}>{item}</li>
                     ))}
                   </ul>
-                  <p><strong>Betroffene Personen: </strong>{texts.detailedPrivacyPolicy.contactDataCategories.affectedPersons}</p>
-                  <p><strong>Verarbeitungszweck: </strong>{texts.detailedPrivacyPolicy.contactDataCategories.processingPurpose}</p>
-                  <p><strong>Rechtsgrundlage: </strong>{texts.detailedPrivacyPolicy.contactDataCategories.legalBasis}</p>
+                  <p><strong>{texts.detailedPrivacyPolicy.contactDataLabels.affectedPersons} </strong>{texts.detailedPrivacyPolicy.contactDataCategories.affectedPersons}</p>
+                  <p><strong>{texts.detailedPrivacyPolicy.contactDataLabels.processingPurpose} </strong>{texts.detailedPrivacyPolicy.contactDataCategories.processingPurpose}</p>
+                  <p><strong>{texts.detailedPrivacyPolicy.contactDataLabels.legalBasis} </strong>{texts.detailedPrivacyPolicy.contactDataCategories.legalBasis}</p>
                 </div>
               </div>
 
+              {/* Online Appointment Booking (Nextcloud) */}
+              <div className="imprint-page__privacy-section">
+                <h3 className="imprint-page__privacy-subtitle">{texts.detailedPrivacyPolicy.onlineAppointmentTitle}</h3>
+                <p className="imprint-page__privacy-text">{texts.detailedPrivacyPolicy.onlineAppointmentIntro}</p>
+                <p className="imprint-page__privacy-text">{texts.detailedPrivacyPolicy.onlineAppointmentProvider}</p>
+                <p className="imprint-page__privacy-text">{texts.detailedPrivacyPolicy.onlineAppointmentDataTitle}</p>
+                <ul className="imprint-page__category-list">
+                  {texts.detailedPrivacyPolicy.onlineAppointmentData.map((item: string) => (
+                    <li key={item}>{item}</li>
+                  ))}
+                </ul>
+                <p className="imprint-page__privacy-text">{texts.detailedPrivacyPolicy.onlineAppointmentPurpose}</p>
+                <p className="imprint-page__privacy-text">{texts.detailedPrivacyPolicy.onlineAppointmentLegalBasis}</p>
+                <p className="imprint-page__privacy-text">{texts.detailedPrivacyPolicy.onlineAppointmentRetention}</p>
+                <p className="imprint-page__privacy-text">{texts.detailedPrivacyPolicy.onlineAppointmentThirdParty}</p>
+                <p className="imprint-page__privacy-text">{texts.detailedPrivacyPolicy.onlineAppointmentServerLocation}</p>
+              </div>
+
               {/* Security Measures */}
               <div className="imprint-page__privacy-section">
                 <h3 className="imprint-page__privacy-subtitle">{texts.detailedPrivacyPolicy.securityTitle}</h3>
diff --git a/src/pages/LandingPage.tsx b/src/pages/LandingPage.tsx
index 89b29f2..e9a7c1c 100644
--- a/src/pages/LandingPage.tsx
+++ b/src/pages/LandingPage.tsx
@@ -6,8 +6,15 @@ import ProcessesSection from '../components/landing/ProcessesSection';
 import ProjectsSection from '../components/sections/ProjectsSection';
 import ReferencesSection from '../components/landing/ReferencesSection';
 import ContactSection from '../components/sections/ContactSection';
+import { usePageSeo } from '../hooks/usePageSeo';
 
 export default function LandingPage() {
+  usePageSeo({
+    title: 'Sascha Bach | Freelance Software Developer – Accessible Web Development',
+    description: 'Freelance software developer in Germany specializing in accessible web development. Building inclusive websites compliant with the Accessibility Act.',
+    canonical: '/',
+  });
+
   return (
     <>
       <LandingAboutMeSection />
diff --git a/src/pages/PrivacyPolicy.tsx b/src/pages/PrivacyPolicy.tsx
index 43ba8fb..628563d 100644
--- a/src/pages/PrivacyPolicy.tsx
+++ b/src/pages/PrivacyPolicy.tsx
@@ -1,25 +1,16 @@
-import { useEffect } from 'react';
 import { useLanguage } from '../contexts/LanguageContext';
+import { usePageSeo } from '../hooks/usePageSeo';
 
 export default function PrivacyPolicy() {
   const { texts: allTexts } = useLanguage();
   const texts = allTexts.privacyPolicy;
 
-  useEffect(() => {
-    // Prevent indexing of this page
-    const metaRobots = document.createElement('meta');
-    metaRobots.name = 'robots';
-    metaRobots.content = 'noindex, nofollow';
-    document.head.appendChild(metaRobots);
-
-    // Cleanup on unmount
-    return () => {
-      const existingMeta = document.querySelector('meta[name="robots"]');
-      if (existingMeta) {
-        existingMeta.remove();
-      }
-    };
-  }, []);
+  usePageSeo({
+    title: 'Privacy Policy | Sascha Bach',
+    description: 'Privacy policy for the website of Sascha Bach, freelance software developer.',
+    canonical: '/privacy-policy',
+    noIndex: true,
+  });
 
   return (
     <div className="privacy-policy" style={{ maxWidth: '800px', margin: '0 auto', padding: '2rem' }}>
diff --git a/src/scss/sections/certifications-section.scss b/src/scss/sections/certifications-section.scss
index 90c39ca..d825472 100644
--- a/src/scss/sections/certifications-section.scss
+++ b/src/scss/sections/certifications-section.scss
@@ -171,11 +171,4 @@
       font-size: 1rem;
     }
   }
-
-  // Reduce card height on larger screens
-  @media (min-width: 1200px) {
-    &__card {
-      height: 80%;
-    }
-  }
 }
diff --git a/src/scss/sections/contact-section.scss b/src/scss/sections/contact-section.scss
index 5c420ab..e9feaa7 100644
--- a/src/scss/sections/contact-section.scss
+++ b/src/scss/sections/contact-section.scss
@@ -108,7 +108,51 @@
     color: var(--color-text-muted);
     font-size: 1rem;
     line-height: 1.6;
-    margin-bottom: 2rem;
+    margin-bottom: 1.5rem;
+  }
+
+  &__appointment-hint {
+    display: flex;
+    align-items: center;
+    flex-wrap: wrap;
+    gap: 0.5rem;
+    padding: 0.75rem 1rem;
+    margin-bottom: 1.5rem;
+    background: var(--bg-secondary);
+    border: 1px solid var(--border-color);
+    border-radius: 0.75rem;
+    font-size: 0.9rem;
+  }
+
+  &__appointment-icon {
+    width: 1.125rem;
+    height: 1.125rem;
+    color: var(--color-primary);
+    flex-shrink: 0;
+  }
+
+  &__appointment-text {
+    color: var(--color-text-muted);
+  }
+
+  &__appointment-link {
+    color: var(--color-primary);
+    font-weight: 500;
+    text-decoration: underline;
+    text-decoration-color: transparent;
+    text-underline-offset: 3px;
+    transition: text-decoration-color var(--transition-fast);
+    white-space: nowrap;
+
+    &:hover {
+      text-decoration-color: var(--color-primary);
+    }
+
+    &:focus {
+      outline: 2px solid var(--color-focus-ring, #2563eb);
+      outline-offset: 2px;
+      border-radius: 2px;
+    }
   }
 
   // Social Card - positioned below connect card
diff --git a/src/scss/sections/imprint-page.scss b/src/scss/sections/imprint-page.scss
index 204bac8..939b588 100644
--- a/src/scss/sections/imprint-page.scss
+++ b/src/scss/sections/imprint-page.scss
@@ -137,7 +137,6 @@
     line-height: 1.7;
     color: var(--color-text-muted);
     margin-bottom: 1rem;
-    text-align: justify;
 
     &:last-child {
       margin-bottom: 0;

From 1fbc500c191a2840a6d613780371fa9e4b0b9014 Mon Sep 17 00:00:00 2001
From: Sascha <saschab42@gmail.com>
Date: Thu, 26 Mar 2026 21:19:58 +0100
Subject: [PATCH 08/19] refactor: standardize HTML and JavaScript formatting;
 improve readability

---
 index.html   | 42 ++++++++++++++++++------
 prerender.js | 90 ++++++++++++++++++++++++++--------------------------
 2 files changed, 78 insertions(+), 54 deletions(-)

diff --git a/index.html b/index.html
index b129480..d75d4e5 100644
--- a/index.html
+++ b/index.html
@@ -1,14 +1,22 @@
-<!DOCTYPE html>
+<!doctype html>
 <html lang="en">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
     <!-- Primary Meta Tags -->
-    <title>Sascha Bach | Freelance Software Developer – Accessible Web Development</title>
-    <meta name="description" content="Freelance software developer in Germany specializing in accessible web development. I build inclusive websites compliant with the Accessibility Act using React, TypeScript, and modern frameworks." />
+    <title>
+      Sascha Bach | Freelance Software Developer – Accessible Web Development
+    </title>
+    <meta
+      name="description"
+      content="Freelance software developer in Germany specializing in accessible web development. I build inclusive websites compliant with the Accessibility Act using React, TypeScript, and modern frameworks."
+    />
     <meta name="author" content="Sascha Bach" />
-    <meta name="keywords" content="freelance software developer, accessible web development, barrierefreie Webentwicklung, React developer, TypeScript, web accessibility, BFSG, Germany" />
+    <meta
+      name="keywords"
+      content="freelance software developer, accessible web development, barrierefreie Webentwicklung, React developer, TypeScript, web accessibility, BFSG, Germany"
+    />
     <link rel="canonical" href="https://sascha-bach.de/" />
 
     <!-- Hreflang for multi-language -->
@@ -19,16 +27,28 @@
     <!-- Open Graph / Facebook -->
     <meta property="og:type" content="website" />
     <meta property="og:url" content="https://sascha-bach.de/" />
-    <meta property="og:title" content="Sascha Bach | Freelance Software Developer" />
-    <meta property="og:description" content="Freelance software developer in Germany specializing in accessible web development. Building inclusive websites compliant with the Accessibility Act." />
+    <meta
+      property="og:title"
+      content="Sascha Bach | Freelance Software Developer"
+    />
+    <meta
+      property="og:description"
+      content="Freelance software developer in Germany specializing in accessible web development. Building inclusive websites compliant with the Accessibility Act."
+    />
     <meta property="og:locale" content="en_US" />
     <meta property="og:locale:alternate" content="de_DE" />
     <meta property="og:site_name" content="Sascha Bach Portfolio" />
 
     <!-- Twitter -->
     <meta name="twitter:card" content="summary" />
-    <meta name="twitter:title" content="Sascha Bach | Freelance Software Developer" />
-    <meta name="twitter:description" content="Freelance software developer in Germany specializing in accessible web development. Building inclusive websites compliant with the Accessibility Act." />
+    <meta
+      name="twitter:title"
+      content="Sascha Bach | Freelance Software Developer"
+    />
+    <meta
+      name="twitter:description"
+      content="Freelance software developer in Germany specializing in accessible web development. Building inclusive websites compliant with the Accessibility Act."
+    />
 
     <!-- JSON-LD Structured Data -->
     <script type="application/ld+json">
@@ -77,7 +97,11 @@
     <div id="root"></div>
     <noscript>
       <h1>Sascha Bach – Freelance Software Developer</h1>
-      <p>Freelance software developer in Germany specializing in accessible web development. Building inclusive websites compliant with the Accessibility Act using React, TypeScript, and modern frameworks.</p>
+      <p>
+        Freelance software developer in Germany specializing in accessible web
+        development. Building inclusive websites compliant with the
+        Accessibility Act using React, TypeScript, and modern frameworks.
+      </p>
       <p>Contact: freelancer [at] sascha-bach.de</p>
       <p>Visit with JavaScript enabled for the full experience.</p>
     </noscript>
diff --git a/prerender.js b/prerender.js
index e418b0d..201a062 100644
--- a/prerender.js
+++ b/prerender.js
@@ -6,17 +6,17 @@
  * Usage: node prerender.js  (run after `vite build`)
  */
 
-import { createServer } from 'http';
-import { readFileSync, writeFileSync, mkdirSync, existsSync } from 'fs';
-import { join, dirname } from 'path';
-import { fileURLToPath } from 'url';
-import puppeteer from 'puppeteer';
+import { createServer } from 'http'
+import { readFileSync, writeFileSync, mkdirSync, existsSync } from 'fs'
+import { join, dirname } from 'path'
+import { fileURLToPath } from 'url'
+import puppeteer from 'puppeteer'
 
-const __dirname = dirname(fileURLToPath(import.meta.url));
-const DIST = join(__dirname, 'dist');
-const PORT = 4173;
+const __dirname = dirname(fileURLToPath(import.meta.url))
+const DIST = join(__dirname, 'dist')
+const PORT = 4173
 
-const ROUTES = ['/', '/technical', '/imprint', '/privacy-policy'];
+const ROUTES = ['/', '/technical', '/imprint', '/privacy-policy']
 
 /** Minimal static file server that falls back to index.html (SPA). */
 function startServer() {
@@ -31,71 +31,71 @@ function startServer() {
     '.pdf': 'application/pdf',
     '.woff2': 'font/woff2',
     '.woff': 'font/woff',
-  };
+  }
 
   const server = createServer((req, res) => {
-    let filePath = join(DIST, req.url === '/' ? '/index.html' : req.url);
+    let filePath = join(DIST, req.url === '/' ? '/index.html' : req.url)
 
     if (!existsSync(filePath) || !filePath.includes('.')) {
-      filePath = join(DIST, 'index.html');
+      filePath = join(DIST, 'index.html')
     }
 
-    const ext = '.' + filePath.split('.').pop();
-    const contentType = mimeTypes[ext] || 'application/octet-stream';
+    const ext = '.' + filePath.split('.').pop()
+    const contentType = mimeTypes[ext] || 'application/octet-stream'
 
     try {
-      const content = readFileSync(filePath);
-      res.writeHead(200, { 'Content-Type': contentType });
-      res.end(content);
+      const content = readFileSync(filePath)
+      res.writeHead(200, { 'Content-Type': contentType })
+      res.end(content)
     } catch {
-      res.writeHead(404);
-      res.end('Not found');
+      res.writeHead(404)
+      res.end('Not found')
     }
-  });
+  })
 
   return new Promise((resolve) => {
     server.listen(PORT, () => {
-      console.log(`  Server running on http://localhost:${PORT}`);
-      resolve(server);
-    });
-  });
+      console.log(`  Server running on http://localhost:${PORT}`)
+      resolve(server)
+    })
+  })
 }
 
 async function prerender() {
-  console.log('\n🔍 Prerendering routes...\n');
+  console.log('\n🔍 Prerendering routes...\n')
 
-  const server = await startServer();
-  const browser = await puppeteer.launch({ headless: true });
+  const server = await startServer()
+  const browser = await puppeteer.launch({ headless: true })
 
   for (const route of ROUTES) {
-    const page = await browser.newPage();
-    const url = `http://localhost:${PORT}${route}`;
+    const page = await browser.newPage()
+    const url = `http://localhost:${PORT}${route}`
 
-    console.log(`  Rendering ${route} ...`);
-    await page.goto(url, { waitUntil: 'networkidle0', timeout: 15000 });
+    console.log(`  Rendering ${route} ...`)
+    await page.goto(url, { waitUntil: 'networkidle0', timeout: 15000 })
 
     // Wait a bit for React to finish any async rendering
-    await new Promise((r) => setTimeout(r, 1500));
+    await new Promise((r) => setTimeout(r, 1500))
 
-    const html = await page.content();
-    await page.close();
+    const html = await page.content()
+    await page.close()
 
     // Write to dist/<route>/index.html
-    const outDir = route === '/' ? DIST : join(DIST, route);
+    const outDir = route === '/' ? DIST : join(DIST, route)
     if (!existsSync(outDir)) {
-      mkdirSync(outDir, { recursive: true });
+      mkdirSync(outDir, { recursive: true })
     }
-    const outFile = join(outDir, 'index.html');
-    writeFileSync(outFile, html, 'utf-8');
-    console.log(`  ✓ Saved ${outFile.replace(DIST, 'dist')}`);
+    const outFile = join(outDir, 'index.html')
+    writeFileSync(outFile, html, 'utf-8')
+    console.log(`  ✓ Saved ${outFile.replace(DIST, 'dist')}`)
   }
 
-  await browser.close();
-  server.close();
-  console.log('\n✅ Prerendering complete!\n');
+  await browser.close()
+  server.close()
+  console.log('\n✅ Prerendering complete!\n')
 }
 
 prerender().catch((err) => {
-  console.error('Prerendering failed:', err);
-  process.exit(1);
-});
+  console.error('Prerendering failed:', err)
+  process.exit(1)
+})

From ea5507b51f4359d1f0808ba528ce94ac5c024c0c Mon Sep 17 00:00:00 2001
From: Sascha <saschab42@gmail.com>
Date: Mon, 30 Mar 2026 16:02:18 +0200
Subject: [PATCH 09/19] feat: update accessibility text and improve color
 consistency across sections

---
 src/config/locales/de/landing-experience.ts   |  2 +-
 src/config/locales/en/landing-experience.ts   |  4 +--
 src/scss/mixins.scss                          | 16 +++++-----
 src/scss/sections/about-section.scss          |  7 +---
 src/scss/sections/certifications-section.scss |  7 +---
 src/scss/sections/contact-section.scss        |  7 +---
 src/scss/sections/experience-section.scss     |  7 ++--
 src/scss/sections/hero-section.scss           |  2 +-
 src/scss/sections/imprint-page.scss           |  8 ++---
 src/scss/sections/processes-section.scss      |  7 ++--
 src/scss/sections/projects-section.scss       |  7 +---
 src/scss/sections/reasons-section.scss        |  7 ++--
 src/scss/sections/references-section.scss     |  7 ++--
 src/scss/sections/services-section.scss       | 32 ++++---------------
 src/scss/sections/skills-section.scss         |  7 +---
 src/scss/sections/winnings-section.scss       |  7 ++--
 src/scss/variables.scss                       | 13 +++++---
 17 files changed, 51 insertions(+), 96 deletions(-)

diff --git a/src/config/locales/de/landing-experience.ts b/src/config/locales/de/landing-experience.ts
index b7a35a8..241f13f 100644
--- a/src/config/locales/de/landing-experience.ts
+++ b/src/config/locales/de/landing-experience.ts
@@ -4,6 +4,6 @@ export const landingExperience = {
     'Ich habe Unternehmen wie deins geholfen – von kleinen Läden bis hin zu Dienstleistern – ihre Webseiten barrierefrei zu machen.',
     'Bei ORWO habe ich einen Fotobuch-Designer entwickelt, der für tausende Kunden funktionierte, auch für Menschen mit Sehbeeinträchtigungen. Ich habe ihn nicht nur gut aussehen lassen, ich habe ihn für alle zum Laufen gebracht.',
     'Diese Sorgfalt bringe ich jetzt zu deiner Webseite, egal ob Bäckerei, Therapeut, Handwerker oder Kiosk.',
-    'Barrierefreiheit geht alle was an.',
+    'Barrierefreiheit bedeutet Respekt und mehr Reichweite für dich und deine Produkte.',
   ],
 };
diff --git a/src/config/locales/en/landing-experience.ts b/src/config/locales/en/landing-experience.ts
index e690184..d0c5fd3 100644
--- a/src/config/locales/en/landing-experience.ts
+++ b/src/config/locales/en/landing-experience.ts
@@ -2,8 +2,8 @@ export const landingExperience = {
   title: 'My Experience',
   paragraphs: [
     "I've helped businesses like yours — from small shops to service providers — make their websites accessible.",
-    "At ORWO, I built a photo book designer that worked for thousands of customers, even those with visual impairments. I didn't just make it look good, I made it work for everyone.",
+    "At ORWO, I built a photo book designer that worked for thousands of customers, even those with visual impairments.",
     'Now, I bring that same care to your website, whether you are a bakery, a therapist, a craftsman, or a local shop.',
-    'You do not need to be big. You just need to be accessible.',
+    'Accessibility means respect and more reach for you and your products.',
   ],
 };
diff --git a/src/scss/mixins.scss b/src/scss/mixins.scss
index b74e3ef..7ac540b 100644
--- a/src/scss/mixins.scss
+++ b/src/scss/mixins.scss
@@ -11,7 +11,7 @@
   cursor: pointer;
   transition: all 0.3s ease;
   border-radius: $border-radius-sm;
-  
+
   &:focus {
     outline: none;
     box-shadow: var(--box-shadow-sm);
@@ -21,7 +21,7 @@
 // Card hover effect mixin
 @mixin card-hover {
   transition: all 0.3s ease;
-  
+
   &:hover {
     transform: translateY(-2px);
     box-shadow: var(--box-shadow-lg);
@@ -47,14 +47,14 @@
 // Aspect ratio mixin
 @mixin aspect-ratio($ratio: 1) {
   aspect-ratio: $ratio;
-  
+
   @supports not (aspect-ratio: 1) {
     &::before {
       content: '';
       float: left;
       padding-top: calc(100% / #{$ratio});
     }
-    
+
     &::after {
       content: '';
       display: table;
@@ -65,13 +65,13 @@
 
 // Responsive breakpoint mixins
 @mixin mobile-only {
-  @media (max-width: $mobile-breakpoint) { 
+  @media (max-width: $mobile-breakpoint) {
     @content;
   }
 }
 
 @mixin desktop-only {
-  @media (min-width: $desktop-breakpoint) { 
+  @media (min-width: $desktop-breakpoint) {
     @content;
   }
 }
@@ -96,7 +96,7 @@
   font-size: 1.875rem;
   font-weight: bold;
   margin-bottom: 1rem;
-  color: var(--color-text);
+  color: $color-heading;
 
   @include desktop-only {
     font-size: 2.25rem;
@@ -108,4 +108,4 @@
   color: var(--color-text-muted);
   max-width: 48rem;
   margin: 0 auto;
-}
\ No newline at end of file
+}
diff --git a/src/scss/sections/about-section.scss b/src/scss/sections/about-section.scss
index fb3d8d7..6d70279 100644
--- a/src/scss/sections/about-section.scss
+++ b/src/scss/sections/about-section.scss
@@ -34,11 +34,6 @@
     @include section-title;
     font-size: clamp(2rem, 5vw, 2.75rem);
     font-weight: 800;
-    background: var(--gradient-text);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    background-clip: text;
-    color: transparent;
   }
 
   &__subtitle {
@@ -101,7 +96,7 @@
     font-size: 1.5rem;
     font-weight: bold;
     margin-bottom: 1rem;
-    color: var(--about-greeting-color);
+    color: $color-heading;
   }
 
   &__bio-text {
diff --git a/src/scss/sections/certifications-section.scss b/src/scss/sections/certifications-section.scss
index d825472..09d9c50 100644
--- a/src/scss/sections/certifications-section.scss
+++ b/src/scss/sections/certifications-section.scss
@@ -34,11 +34,6 @@
     @include section-title;
     font-size: clamp(2rem, 5vw, 2.75rem);
     font-weight: 800;
-    background: var(--gradient-text);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    background-clip: text;
-    color: transparent;
   }
 
   &__subtitle {
@@ -128,7 +123,7 @@
   &__card-title {
     font-size: 1.125rem;
     font-weight: 600;
-    color: var(--color-text);
+    color: $color-heading;
     margin-bottom: 0.5rem;
     line-height: 1.4;
   }
diff --git a/src/scss/sections/contact-section.scss b/src/scss/sections/contact-section.scss
index e9feaa7..4e82256 100644
--- a/src/scss/sections/contact-section.scss
+++ b/src/scss/sections/contact-section.scss
@@ -34,11 +34,6 @@
     @include section-title;
     font-size: clamp(2rem, 5vw, 2.75rem);
     font-weight: 800;
-    background: var(--gradient-text);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    background-clip: text;
-    color: transparent;
   }
 
   &__subtitle {
@@ -100,7 +95,7 @@
   &__email-title {
     font-size: 1.5rem;
     font-weight: 700;
-    color: var(--color-text);
+    color: $color-heading;
     margin-bottom: 0.75rem;
   }
 
diff --git a/src/scss/sections/experience-section.scss b/src/scss/sections/experience-section.scss
index 49ba1de..fb72c87 100644
--- a/src/scss/sections/experience-section.scss
+++ b/src/scss/sections/experience-section.scss
@@ -1,3 +1,5 @@
+@use '../variables' as *;
+
 .experience-section {
   padding-block: var(--space-20);
   padding-inline: var(--space-4);
@@ -38,10 +40,7 @@
     font-weight: 800;
     letter-spacing: var(--tracking-tight);
     line-height: var(--leading-tight);
-    background: var(--gradient-text);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    background-clip: text;
+    color: $color-heading;
   }
 
   // ── Body ──────────────────────────────────────────────────────
diff --git a/src/scss/sections/hero-section.scss b/src/scss/sections/hero-section.scss
index 50c5879..f5f0c2c 100644
--- a/src/scss/sections/hero-section.scss
+++ b/src/scss/sections/hero-section.scss
@@ -63,7 +63,7 @@
     margin: 0;
     letter-spacing: -0.03em;
     line-height: 1.1;
-    @include gradient-text(var(--gradient-text));
+    color: $color-heading;
   }
 
   &__description {
diff --git a/src/scss/sections/imprint-page.scss b/src/scss/sections/imprint-page.scss
index 939b588..69f5153 100644
--- a/src/scss/sections/imprint-page.scss
+++ b/src/scss/sections/imprint-page.scss
@@ -23,7 +23,7 @@
   &__title {
     font-size: 2.5rem;
     font-weight: bold;
-    color: var(--color-text);
+    color: globals.$color-heading;
     margin-bottom: 0.5rem;
 
     @include globals.desktop-only {
@@ -52,7 +52,7 @@
   &__section-title {
     font-size: 1.5rem;
     font-weight: 600;
-    color: var(--color-text);
+    color: globals.$color-heading;
     margin-bottom: 1.5rem;
     border-bottom: 2px solid var(--color-primary);
     padding-bottom: 0.5rem;
@@ -69,7 +69,7 @@
   &__subsection-title {
     font-size: 1.25rem;
     font-weight: 600;
-    color: var(--color-text);
+    color: globals.$color-heading;
     margin-bottom: 1rem;
   }
 
@@ -120,7 +120,7 @@
   &__privacy-subtitle {
     font-size: 1.375rem;
     font-weight: 600;
-    color: var(--color-text);
+    color: globals.$color-heading;
     margin-bottom: 1rem;
     padding-bottom: 0.5rem;
     border-bottom: 1px solid var(--border-color);
diff --git a/src/scss/sections/processes-section.scss b/src/scss/sections/processes-section.scss
index 3fae85f..e9b4a2c 100644
--- a/src/scss/sections/processes-section.scss
+++ b/src/scss/sections/processes-section.scss
@@ -1,3 +1,5 @@
+@use '../variables' as *;
+
 .processes-section {
   padding-block: var(--space-20);
   padding-inline: var(--space-4);
@@ -38,10 +40,7 @@
     font-weight: 800;
     letter-spacing: var(--tracking-tight);
     line-height: var(--leading-tight);
-    background: var(--gradient-text);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    background-clip: text;
+    color: $color-heading;
   }
 
   // ── Intro line ────────────────────────────────────────────────
diff --git a/src/scss/sections/projects-section.scss b/src/scss/sections/projects-section.scss
index a3ba3c3..68f9203 100644
--- a/src/scss/sections/projects-section.scss
+++ b/src/scss/sections/projects-section.scss
@@ -34,11 +34,6 @@
     @include section-title;
     font-size: clamp(2rem, 5vw, 2.75rem);
     font-weight: 800;
-    background: var(--gradient-text);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    background-clip: text;
-    color: transparent;
   }
 
   &__subtitle {
@@ -245,7 +240,7 @@
   &__card-title {
     font-size: 1.125rem;
     font-weight: 600;
-    color: var(--color-text);
+    color: $color-heading;
     margin-bottom: 0.5rem;
     line-height: 1.4;
   }
diff --git a/src/scss/sections/reasons-section.scss b/src/scss/sections/reasons-section.scss
index 9cebccd..c72d177 100644
--- a/src/scss/sections/reasons-section.scss
+++ b/src/scss/sections/reasons-section.scss
@@ -1,3 +1,5 @@
+@use '../variables' as *;
+
 .reasons-section {
   padding-block: var(--space-20);
   padding-inline: var(--space-4);
@@ -38,10 +40,7 @@
     font-weight: 800;
     letter-spacing: var(--tracking-tight);
     line-height: var(--leading-tight);
-    background: var(--gradient-text);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    background-clip: text;
+    color: $color-heading;
   }
 
   // ── Intro quote ───────────────────────────────────────────────
diff --git a/src/scss/sections/references-section.scss b/src/scss/sections/references-section.scss
index 17d1422..a7e3a6a 100644
--- a/src/scss/sections/references-section.scss
+++ b/src/scss/sections/references-section.scss
@@ -1,3 +1,5 @@
+@use '../variables' as *;
+
 .references-section {
   padding-block: var(--space-20);
   padding-inline: var(--space-4);
@@ -38,10 +40,7 @@
     font-weight: 800;
     letter-spacing: var(--tracking-tight);
     line-height: var(--leading-tight);
-    background: var(--gradient-text);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    background-clip: text;
+    color: $color-heading;
   }
 
   // ── List ──────────────────────────────────────────────────────
diff --git a/src/scss/sections/services-section.scss b/src/scss/sections/services-section.scss
index 9901501..41f1778 100644
--- a/src/scss/sections/services-section.scss
+++ b/src/scss/sections/services-section.scss
@@ -49,11 +49,6 @@
     @include section-title;
     font-size: clamp(2rem, 5vw, 2.75rem);
     font-weight: 800;
-    background: var(--gradient-text);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    background-clip: text;
-    color: transparent;
   }
 
   &__subtitle {
@@ -348,28 +343,13 @@
       font-size: 1.25rem;
     }
 
-    &--primary {
-      color: var(--service-title-primary);
-    }
-
-    &--secondary {
-      color: var(--service-title-secondary);
-    }
-
-    &--tertiary {
-      color: var(--service-title-tertiary);
-    }
-
-    &--quaternary {
-      color: var(--service-title-quaternary);
-    }
-
-    &--quinary {
-      color: var(--service-title-quinary);
-    }
-
+    &--primary,
+    &--secondary,
+    &--tertiary,
+    &--quaternary,
+    &--quinary,
     &--senary {
-      color: var(--service-title-senary);
+      color: $color-heading;
     }
   }
 
diff --git a/src/scss/sections/skills-section.scss b/src/scss/sections/skills-section.scss
index 5ec685e..84155f5 100644
--- a/src/scss/sections/skills-section.scss
+++ b/src/scss/sections/skills-section.scss
@@ -62,11 +62,6 @@
     @include section-title;
     font-size: clamp(2rem, 5vw, 2.75rem);
     font-weight: 800;
-    background: var(--gradient-text);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    background-clip: text;
-    color: transparent;
   }
 
   &__subtitle {
@@ -239,7 +234,7 @@
     font-size: 1.5rem;
     font-weight: 700;
     margin-bottom: 1.5rem;
-    color: var(--skills-category-title-color);
+    color: $color-heading;
     text-align: center;
     position: relative;
     z-index: 2;
diff --git a/src/scss/sections/winnings-section.scss b/src/scss/sections/winnings-section.scss
index e29be79..7d931ea 100644
--- a/src/scss/sections/winnings-section.scss
+++ b/src/scss/sections/winnings-section.scss
@@ -1,3 +1,5 @@
+@use '../variables' as *;
+
 .winnings-section {
   padding-block: var(--space-20);
   padding-inline: var(--space-4);
@@ -38,10 +40,7 @@
     font-weight: 800;
     letter-spacing: var(--tracking-tight);
     line-height: var(--leading-tight);
-    background: var(--gradient-text);
-    -webkit-background-clip: text;
-    -webkit-text-fill-color: transparent;
-    background-clip: text;
+    color: $color-heading;
   }
 
   // ── Intro line ────────────────────────────────────────────────
diff --git a/src/scss/variables.scss b/src/scss/variables.scss
index dca2df8..70a43f1 100644
--- a/src/scss/variables.scss
+++ b/src/scss/variables.scss
@@ -5,6 +5,7 @@ $desktop-breakpoint: 769px;
 // Color variables
 $color-primary: #9333ea;
 $color-secondary: #2563eb;
+$color-heading: #0f4d46;
 
 // Shadow variables
 $shadow-sm: 0 4px 12px;
@@ -48,13 +49,17 @@ $transition-fast: all 0.2s ease;
 $transition-smooth: all 0.3s cubic-bezier(0.4, 0, 0.2, 1);
 
 // Common shadow variables
-$shadow-card: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
+$shadow-card:
+  0 4px 6px -1px rgba(0, 0, 0, 0.1),
   0 2px 4px -1px rgba(0, 0, 0, 0.06);
-$shadow-card-hover: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
+$shadow-card-hover:
+  0 10px 15px -3px rgba(0, 0, 0, 0.1),
   0 4px 6px -2px rgba(0, 0, 0, 0.05);
-$shadow-card-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1),
+$shadow-card-lg:
+  0 10px 15px -3px rgba(0, 0, 0, 0.1),
   0 4px 6px -2px rgba(0, 0, 0, 0.05);
-$shadow-button: 0 4px 6px -1px rgba(0, 0, 0, 0.1),
+$shadow-button:
+  0 4px 6px -1px rgba(0, 0, 0, 0.1),
   0 2px 4px -1px rgba(0, 0, 0, 0.06);
 
 // Gradient variables

From 8ae3c33cd2b0af8642131160e03392ed5705af48 Mon Sep 17 00:00:00 2001
From: Sascha <saschab42@gmail.com>
Date: Tue, 7 Apr 2026 16:48:50 +0200
Subject: [PATCH 10/19] fix: update language settings to default to German and
 adjust browser language detection

---
 index.html                       | 2 +-
 src/contexts/LanguageContext.tsx | 8 ++++----
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/index.html b/index.html
index d75d4e5..ce83c1e 100644
--- a/index.html
+++ b/index.html
@@ -1,5 +1,5 @@
 <!doctype html>
-<html lang="en">
+<html lang="de">
   <head>
     <meta charset="UTF-8" />
     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
diff --git a/src/contexts/LanguageContext.tsx b/src/contexts/LanguageContext.tsx
index 6d7208e..d00e9fe 100644
--- a/src/contexts/LanguageContext.tsx
+++ b/src/contexts/LanguageContext.tsx
@@ -15,10 +15,10 @@ const LANGUAGE_KEY = 'preferred-language';
 
 function getBrowserLanguage(): Language {
   const browserLang = navigator.language.toLowerCase();
-  if (browserLang.startsWith('de')) {
-    return 'de';
+  if (browserLang.startsWith('en')) {
+    return 'en';
   }
-  return 'en'; // Default to English for all other languages
+  return 'de'; // Default to German for all other languages
 }
 
 function getSavedLanguage(): Language | null {
@@ -31,7 +31,7 @@ function getSavedLanguage(): Language | null {
 
 export function LanguageProvider({ children }: { children: ReactNode; }) {
   const [language, setLanguageState] = useState<Language>(() => {
-    // First check localStorage, then browser language, then default to English
+    // First check localStorage, then browser language, then default to German
     return getSavedLanguage() || getBrowserLanguage();
   });
 

From 0f4a379716a05070acf3d028d2afea17b6858e8d Mon Sep 17 00:00:00 2001
From: Sascha <saschab42@gmail.com>
Date: Wed, 8 Apr 2026 13:14:49 +0200
Subject: [PATCH 11/19] Add German and English localization for landing and
 technical sections

- Created German localization files for landing sections: about me, experience, hero, processes, reasons, references, winnings.
- Created English localization files for landing sections: about me, experience, hero, processes, reasons, references, winnings.
- Added German localization for technical sections: about, certifications, hero, services, skills.
- Added English localization for technical sections: about, certifications, hero, services, skills.
- Introduced SCSS file for landing hero section styling.
---
 index.html                                    | 179 +++++++++++++++---
 prerender.js                                  |  28 ++-
 public/og-image.png                           | Bin 0 -> 22167 bytes
 public/sitemap.xml                            |  38 +++-
 src/app/AppRouter.tsx                         | 105 ++++++----
 src/app/PortfolioApp.tsx                      |   6 +-
 src/assets/og-image.png                       | Bin 0 -> 22167 bytes
 src/components/LanguageToggle.tsx             |  15 +-
 src/components/layout/Navigation.tsx          |   7 +-
 src/components/sections/AboutSection.tsx      |   4 +-
 src/components/sections/HeroSection.tsx       |  73 +++----
 src/config/certifications-config.ts           |   2 +-
 src/config/locales/de/index.ts                |  24 +--
 src/config/locales/de/landing-aboutme.ts      |  10 -
 .../locales/de/landing/landing-aboutme.ts     |  17 ++
 .../de/{ => landing}/landing-experience.ts    |   0
 src/config/locales/de/landing/landing-hero.ts |   5 +
 .../de/{ => landing}/landing-processes.ts     |   0
 .../de/{ => landing}/landing-reasons.ts       |   6 +-
 .../de/{ => landing}/landing-references.ts    |   0
 .../de/{ => landing}/landing-winnings.ts      |   0
 .../locales/de/{ => technical}/about.ts       |   2 +-
 .../de/{ => technical}/certifications.ts      |   2 +-
 src/config/locales/de/{ => technical}/hero.ts |   2 +-
 .../locales/de/{ => technical}/services.ts    |   0
 .../locales/de/{ => technical}/skills.ts      |   0
 src/config/locales/en/TextConfig.ts           |   7 +
 src/config/locales/en/index.ts                |  24 +--
 .../en/{ => landing}/landing-aboutme.ts       |   0
 .../en/{ => landing}/landing-experience.ts    |   0
 src/config/locales/en/landing/landing-hero.ts |   5 +
 .../en/{ => landing}/landing-processes.ts     |   0
 .../en/{ => landing}/landing-reasons.ts       |   0
 .../en/{ => landing}/landing-references.ts    |   0
 .../en/{ => landing}/landing-winnings.ts      |   0
 .../locales/en/{ => technical}/about.ts       |   0
 .../en/{ => technical}/certifications.ts      |   2 +-
 src/config/locales/en/{ => technical}/hero.ts |   0
 .../locales/en/{ => technical}/services.ts    |   0
 .../locales/en/{ => technical}/skills.ts      |   0
 src/contexts/LanguageContext.tsx              |  35 +---
 src/hooks/usePageSeo.ts                       |   9 +-
 src/pages/HomePage.tsx                        |  12 +-
 src/pages/LandingPage.tsx                     |  22 ++-
 src/scss/sections/hero-section.scss           |   2 +-
 src/scss/sections/landing-hero-section.scss   |   0
 src/utils/scrollUtils.ts                      |  27 ++-
 vercel.json                                   |  16 +-
 48 files changed, 474 insertions(+), 212 deletions(-)
 create mode 100644 public/og-image.png
 create mode 100644 src/assets/og-image.png
 delete mode 100644 src/config/locales/de/landing-aboutme.ts
 create mode 100644 src/config/locales/de/landing/landing-aboutme.ts
 rename src/config/locales/de/{ => landing}/landing-experience.ts (100%)
 create mode 100644 src/config/locales/de/landing/landing-hero.ts
 rename src/config/locales/de/{ => landing}/landing-processes.ts (100%)
 rename src/config/locales/de/{ => landing}/landing-reasons.ts (85%)
 rename src/config/locales/de/{ => landing}/landing-references.ts (100%)
 rename src/config/locales/de/{ => landing}/landing-winnings.ts (100%)
 rename src/config/locales/de/{ => technical}/about.ts (97%)
 rename src/config/locales/de/{ => technical}/certifications.ts (72%)
 rename src/config/locales/de/{ => technical}/hero.ts (89%)
 rename src/config/locales/de/{ => technical}/services.ts (100%)
 rename src/config/locales/de/{ => technical}/skills.ts (100%)
 rename src/config/locales/en/{ => landing}/landing-aboutme.ts (100%)
 rename src/config/locales/en/{ => landing}/landing-experience.ts (100%)
 create mode 100644 src/config/locales/en/landing/landing-hero.ts
 rename src/config/locales/en/{ => landing}/landing-processes.ts (100%)
 rename src/config/locales/en/{ => landing}/landing-reasons.ts (100%)
 rename src/config/locales/en/{ => landing}/landing-references.ts (100%)
 rename src/config/locales/en/{ => landing}/landing-winnings.ts (100%)
 rename src/config/locales/en/{ => technical}/about.ts (100%)
 rename src/config/locales/en/{ => technical}/certifications.ts (71%)
 rename src/config/locales/en/{ => technical}/hero.ts (100%)
 rename src/config/locales/en/{ => technical}/services.ts (100%)
 rename src/config/locales/en/{ => technical}/skills.ts (100%)
 create mode 100644 src/scss/sections/landing-hero-section.scss

diff --git a/index.html b/index.html
index ce83c1e..05605ae 100644
--- a/index.html
+++ b/index.html
@@ -17,16 +17,20 @@
       name="keywords"
       content="freelance software developer, accessible web development, barrierefreie Webentwicklung, React developer, TypeScript, web accessibility, BFSG, Germany"
     />
-    <link rel="canonical" href="https://sascha-bach.de/" />
+    <link rel="canonical" href="https://sascha-bach.de/de/" />
 
     <!-- Hreflang for multi-language -->
-    <link rel="alternate" hreflang="en" href="https://sascha-bach.de/" />
-    <link rel="alternate" hreflang="de" href="https://sascha-bach.de/" />
-    <link rel="alternate" hreflang="x-default" href="https://sascha-bach.de/" />
+    <link rel="alternate" hreflang="de" href="https://sascha-bach.de/de/" />
+    <link rel="alternate" hreflang="en" href="https://sascha-bach.de/en/" />
+    <link
+      rel="alternate"
+      hreflang="x-default"
+      href="https://sascha-bach.de/de/"
+    />
 
     <!-- Open Graph / Facebook -->
     <meta property="og:type" content="website" />
-    <meta property="og:url" content="https://sascha-bach.de/" />
+    <meta property="og:url" content="https://sascha-bach.de/de/" />
     <meta
       property="og:title"
       content="Sascha Bach | Freelance Software Developer"
@@ -35,41 +39,88 @@
       property="og:description"
       content="Freelance software developer in Germany specializing in accessible web development. Building inclusive websites compliant with the Accessibility Act."
     />
-    <meta property="og:locale" content="en_US" />
-    <meta property="og:locale:alternate" content="de_DE" />
-    <meta property="og:site_name" content="Sascha Bach Portfolio" />
+    <meta property="og:image" content="https://sascha-bach.de/og-image.png" />
+    <meta property="og:image:width" content="1200" />
+    <meta property="og:image:height" content="630" />
+    <meta
+      property="og:image:alt"
+      content="Sascha Bach – Freelance Software Developer specializing in accessible web development"
+    />
+    <meta property="og:locale" content="de_DE" />
+    <meta property="og:locale:alternate" content="en_US" />
+    <meta property="og:site_name" content="Sascha Bach" />
 
     <!-- Twitter -->
-    <meta name="twitter:card" content="summary" />
+    <meta name="twitter:card" content="summary_large_image" />
     <meta
       name="twitter:title"
-      content="Sascha Bach | Freelance Software Developer"
+      content="Sascha Bach | Freelance Software Developer | Accessibility WCAG Barrierefreiheitsstärkungsgesetz"
     />
     <meta
       name="twitter:description"
-      content="Freelance software developer in Germany specializing in accessible web development. Building inclusive websites compliant with the Accessibility Act."
+      content="Freelance software developer in Germany specializing in accessible web development. Building inclusive websites compliant with the Accessibility Act and WCAG."
+    />
+    <meta name="twitter:image" content="https://sascha-bach.de/og-image.png" />
+    <meta
+      name="twitter:image:alt"
+      content="Sascha Bach – Freelance Software Developer specializing in accessible web development"
     />
 
-    <!-- JSON-LD Structured Data -->
+    <!-- JSON-LD Structured Data: Person (primary entity) -->
+    <script type="application/ld+json">
+      {
+        "@context": "https://schema.org",
+        "@type": "Person",
+        "@id": "https://sascha-bach.de/#person",
+        "name": "Sascha Bach",
+        "jobTitle": "Freelance Software Developer",
+        "url": "https://sascha-bach.de",
+        "image": "https://sascha-bach.de/og-image.png",
+        "description": "Sascha Bach is a freelance software developer based in Germany specializing in accessible web development (BFSG, WCAG 2.1, European Accessibility Act) using React, TypeScript, and Angular.",
+        "knowsLanguage": ["de", "en"],
+        "knowsAbout": [
+          "Web Accessibility",
+          "BFSG",
+          "WCAG 2.1",
+          "React",
+          "TypeScript",
+          "Angular",
+          "Frontend Development"
+        ],
+        "address": {
+          "@type": "PostalAddress",
+          "addressRegion": "Hessen",
+          "addressCountry": "DE"
+        },
+        "sameAs": [
+          "https://www.linkedin.com/in/saschabach/",
+          "https://codeberg.org/saschab"
+        ],
+        "worksFor": {
+          "@id": "https://sascha-bach.de/#business"
+        }
+      }
+    </script>
+
+    <!-- JSON-LD Structured Data: ProfessionalService -->
     <script type="application/ld+json">
       {
         "@context": "https://schema.org",
         "@type": "ProfessionalService",
+        "@id": "https://sascha-bach.de/#business",
         "name": "Sascha Bach – Freelance Software Developer",
         "url": "https://sascha-bach.de",
-        "description": "Freelance software developer specializing in accessible web development, React, TypeScript, and modern frameworks.",
-        "founder": {
-          "@type": "Person",
-          "name": "Sascha Bach",
-          "jobTitle": "Freelance Software Developer",
-          "url": "https://sascha-bach.de",
-          "sameAs": [
-            "https://www.linkedin.com/in/saschabach/",
-            "https://codeberg.org/saschab"
-          ]
+        "logo": "https://sascha-bach.de/og-image.png",
+        "image": "https://sascha-bach.de/og-image.png",
+        "description": "Freelance software developer specializing in accessible web development, React, TypeScript, Angular, and BFSG/WCAG compliance.",
+        "founder": { "@id": "https://sascha-bach.de/#person" },
+        "address": {
+          "@type": "PostalAddress",
+          "addressRegion": "Berlin",
+          "addressCountry": "DE"
         },
-        "areaServed": "DE",
-        "knowsLanguage": ["en", "de"],
+        "areaServed": ["DE", "AT", "CH"],
+        "knowsLanguage": ["de", "en"],
         "hasOfferCatalog": {
           "@type": "OfferCatalog",
           "name": "Web Development Services",
@@ -78,20 +129,96 @@
               "@type": "Offer",
               "itemOffered": {
                 "@type": "Service",
-                "name": "Accessible Web Development"
+                "name": "Accessible Web Development (BFSG / WCAG 2.2)"
               }
             },
             {
               "@type": "Offer",
               "itemOffered": {
                 "@type": "Service",
-                "name": "Frontend Development (React, TypeScript)"
+                "name": "Frontend Development (React, TypeScript, Angular)"
+              }
+            },
+            {
+              "@type": "Offer",
+              "itemOffered": {
+                "@type": "Service",
+                "name": "Responsive Web Design"
+              }
+            },
+            {
+              "@type": "Offer",
+              "itemOffered": {
+                "@type": "Service",
+                "name": "Performance Optimization"
               }
             }
           ]
         }
       }
     </script>
+
+    <!-- JSON-LD Structured Data: WebSite -->
+    <script type="application/ld+json">
+      {
+        "@context": "https://schema.org",
+        "@type": "WebSite",
+        "@id": "https://sascha-bach.de/#website",
+        "url": "https://sascha-bach.de",
+        "name": "Sascha Bach",
+        "publisher": { "@id": "https://sascha-bach.de/#person" }
+      }
+    </script>
+
+    <!-- JSON-LD Structured Data: FAQ (GEO) -->
+    <script type="application/ld+json">
+      {
+        "@context": "https://schema.org",
+        "@type": "FAQPage",
+        "mainEntity": [
+          {
+            "@type": "Question",
+            "name": "Was ist das BFSG und wen betrifft es?",
+            "acceptedAnswer": {
+              "@type": "Answer",
+              "text": "Das Barrierefreiheitsstärkungsgesetz (BFSG) verpflichtet Unternehmen ab dem 28. Juni 2025, ihre digitalen Produkte und Websites barrierefrei zu gestalten. Es gilt für Unternehmen mit mehr als 10 Mitarbeitern oder mehr als 2 Millionen Euro Jahresumsatz."
+            }
+          },
+          {
+            "@type": "Question",
+            "name": "What is accessible web development?",
+            "acceptedAnswer": {
+              "@type": "Answer",
+              "text": "Accessible web development means building websites that can be used by everyone, including people with visual, auditory, motor, or cognitive disabilities. It follows the Web Content Accessibility Guidelines (WCAG 2.1) and ensures compatibility with assistive technologies like screen readers."
+            }
+          },
+          {
+            "@type": "Question",
+            "name": "Welche Technologien nutzt Sascha Bach für die Webentwicklung?",
+            "acceptedAnswer": {
+              "@type": "Answer",
+              "text": "Sascha Bach entwickelt mit React, Angular, TypeScript, JavaScript und modernen CSS-Methoden. Der Fokus liegt auf barrierefreien, responsiven Webanwendungen nach WCAG 2.2 und BFSG-Standard."
+            }
+          },
+          {
+            "@type": "Question",
+            "name": "How does web accessibility improve SEO?",
+            "acceptedAnswer": {
+              "@type": "Answer",
+              "text": "Accessible websites use semantic HTML, proper heading structures, descriptive alt texts, and keyboard-navigable interfaces — all of which search engines reward with better rankings. Google's crawlers are effectively assistive technologies themselves."
+            }
+          },
+          {
+            "@type": "Question",
+            "name": "Wie kann ich prüfen, ob meine Website barrierefrei ist?",
+            "acceptedAnswer": {
+              "@type": "Answer",
+              "text": "Eine erste Überprüfung ist mit kostenlosen Tools wie dem WAVE Web Accessibility Evaluator oder Lighthouse in den Chrome DevTools möglich. Für eine vollständige BFSG-konforme Prüfung empfiehlt sich eine manuelle Analyse durch einen Experten (wie mich ;-) )."
+            }
+          }
+        ]
+      }
+    </script>
   </head>
   <body>
     <div id="root"></div>
diff --git a/prerender.js b/prerender.js
index 201a062..fdf2240 100644
--- a/prerender.js
+++ b/prerender.js
@@ -6,17 +6,24 @@
  * Usage: node prerender.js  (run after `vite build`)
  */
 
-import { createServer } from 'http'
-import { readFileSync, writeFileSync, mkdirSync, existsSync } from 'fs'
-import { join, dirname } from 'path'
-import { fileURLToPath } from 'url'
+import { createServer } from 'node:http'
+import { readFileSync, writeFileSync, mkdirSync, existsSync } from 'node:fs'
+import { join, dirname } from 'node:path'
+import { fileURLToPath } from 'node:url'
 import puppeteer from 'puppeteer'
 
 const __dirname = dirname(fileURLToPath(import.meta.url))
 const DIST = join(__dirname, 'dist')
 const PORT = 4173
 
-const ROUTES = ['/', '/technical', '/imprint', '/privacy-policy']
+const ROUTES = [
+  '/de/',
+  '/de/technical',
+  '/en/',
+  '/en/technical',
+  '/imprint',
+  '/privacy-policy',
+]
 
 /** Minimal static file server that falls back to index.html (SPA). */
 function startServer() {
@@ -81,7 +88,10 @@ async function prerender() {
     await page.close()
 
     // Write to dist/<route>/index.html
-    const outDir = route === '/' ? DIST : join(DIST, route)
+    // Normalise the route: strip trailing slash for directory creation (except root, which is now redirected)
+    const routeDir =
+      route.endsWith('/') && route !== '/' ? route.slice(0, -1) : route
+    const outDir = routeDir === '/' ? DIST : join(DIST, routeDir)
     if (!existsSync(outDir)) {
       mkdirSync(outDir, { recursive: true })
     }
@@ -95,7 +105,9 @@ async function prerender() {
   console.log('\n✅ Prerendering complete!\n')
 }
 
-prerender().catch((err) => {
+try {
+  await prerender()
+} catch (err) {
   console.error('Prerendering failed:', err)
   process.exit(1)
-})
+}
diff --git a/public/og-image.png b/public/og-image.png
new file mode 100644
index 0000000000000000000000000000000000000000..9c74e21df395b63bc787c9d3ccafc08b860e9e85
GIT binary patch
literal 22167
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
OOFfZ$ob&MY`~L=E=%ru)

literal 0
HcmV?d00001

diff --git a/public/sitemap.xml b/public/sitemap.xml
index 53c760d..8bf6994 100644
--- a/public/sitemap.xml
+++ b/public/sitemap.xml
@@ -1,18 +1,44 @@
 <?xml version="1.0" encoding="UTF-8"?>
 <urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"
         xmlns:xhtml="http://www.w3.org/1999/xhtml">
+  <!-- German landing -->
   <url>
-    <loc>https://sascha-bach.de/</loc>
-    <xhtml:link rel="alternate" hreflang="en" href="https://sascha-bach.de/" />
-    <xhtml:link rel="alternate" hreflang="de" href="https://sascha-bach.de/" />
+    <loc>https://sascha-bach.de/de/</loc>
+    <xhtml:link rel="alternate" hreflang="de" href="https://sascha-bach.de/de/" />
+    <xhtml:link rel="alternate" hreflang="en" href="https://sascha-bach.de/en/" />
+    <xhtml:link rel="alternate" hreflang="x-default" href="https://sascha-bach.de/de/" />
+    <lastmod>2025-06-28</lastmod>
     <changefreq>monthly</changefreq>
     <priority>1.0</priority>
   </url>
+  <!-- English landing -->
   <url>
-    <loc>https://sascha-bach.de/technical</loc>
-    <xhtml:link rel="alternate" hreflang="en" href="https://sascha-bach.de/technical" />
-    <xhtml:link rel="alternate" hreflang="de" href="https://sascha-bach.de/technical" />
+    <loc>https://sascha-bach.de/en/</loc>
+    <xhtml:link rel="alternate" hreflang="de" href="https://sascha-bach.de/de/" />
+    <xhtml:link rel="alternate" hreflang="en" href="https://sascha-bach.de/en/" />
+    <xhtml:link rel="alternate" hreflang="x-default" href="https://sascha-bach.de/de/" />
+    <lastmod>2025-06-28</lastmod>
+    <changefreq>monthly</changefreq>
+    <priority>0.9</priority>
+  </url>
+  <!-- German technical portfolio -->
+  <url>
+    <loc>https://sascha-bach.de/de/technical</loc>
+    <xhtml:link rel="alternate" hreflang="de" href="https://sascha-bach.de/de/technical" />
+    <xhtml:link rel="alternate" hreflang="en" href="https://sascha-bach.de/en/technical" />
+    <xhtml:link rel="alternate" hreflang="x-default" href="https://sascha-bach.de/de/technical" />
+    <lastmod>2025-06-28</lastmod>
     <changefreq>monthly</changefreq>
     <priority>0.8</priority>
   </url>
+  <!-- English technical portfolio -->
+  <url>
+    <loc>https://sascha-bach.de/en/technical</loc>
+    <xhtml:link rel="alternate" hreflang="de" href="https://sascha-bach.de/de/technical" />
+    <xhtml:link rel="alternate" hreflang="en" href="https://sascha-bach.de/en/technical" />
+    <xhtml:link rel="alternate" hreflang="x-default" href="https://sascha-bach.de/de/technical" />
+    <lastmod>2025-06-28</lastmod>
+    <changefreq>monthly</changefreq>
+    <priority>0.7</priority>
+  </url>
 </urlset>
diff --git a/src/app/AppRouter.tsx b/src/app/AppRouter.tsx
index 956139e..193cec8 100644
--- a/src/app/AppRouter.tsx
+++ b/src/app/AppRouter.tsx
@@ -1,5 +1,5 @@
 import { useState, useEffect } from 'react';
-import { BrowserRouter as Router, Routes, Route } from 'react-router-dom';
+import { BrowserRouter as Router, Routes, Route, Navigate, useLocation } from 'react-router-dom';
 import '../scss/App.scss';
 import Navbar from '../components/layout/Navigation';
 import Footer from '../components/layout/Footer';
@@ -8,13 +8,73 @@ import LandingPage from '../pages/LandingPage';
 import ImprintPage from '../pages/ImprintPage';
 import PrivacyPolicy from '../pages/PrivacyPolicy';
 import BackToTopButton from '../components/BackToTopButton';
+import { getLanguageFromPath, useLanguage } from '../contexts/LanguageContext';
 import type { Theme } from '../data/types';
 
+/** Syncs the LanguageContext whenever the URL prefix (/de/ or /en/) changes. */
+function LanguageSyncer() {
+  const { setLanguage, language } = useLanguage();
+  const location = useLocation();
+
+  useEffect(() => {
+    const urlLang = getLanguageFromPath(location.pathname);
+    if (urlLang && urlLang !== language) {
+      setLanguage(urlLang);
+    }
+  }, [location.pathname, language, setLanguage]);
+
+  return null;
+}
+
+function AppShell({ theme, setTheme }: Readonly<{ theme: Theme; setTheme: React.Dispatch<React.SetStateAction<Theme>>; }>) {
+  const location = useLocation();
+
+  useEffect(() => {
+    const hash = location.hash.substring(1);
+    if (hash) {
+      setTimeout(() => {
+        const element = document.getElementById(hash);
+        if (element) {
+          element.scrollIntoView({ behavior: 'smooth' });
+        }
+      }, 100);
+    }
+  }, [location.hash]);
+
+  return (
+    <div className="app">
+      <a href="#main-content" className="skip-link">Skip to main content</a>
+      <LanguageSyncer />
+      <Navbar theme={theme} setTheme={setTheme} />
+      <main id="main-content" className="app__main">
+        <Routes>
+          {/* Root redirects → German (primary market) */}
+          <Route path="/" element={<Navigate to="/de/" replace />} />
+          <Route path="/technical" element={<Navigate to="/de/technical" replace />} />
+
+          {/* German routes */}
+          <Route path="/de/" element={<LandingPage />} />
+          <Route path="/de/technical" element={<HomePage />} />
+
+          {/* English routes */}
+          <Route path="/en/" element={<LandingPage />} />
+          <Route path="/en/technical" element={<HomePage />} />
+
+          {/* Shared pages (noindex, language-independent) */}
+          <Route path="/imprint" element={<ImprintPage />} />
+          <Route path="/privacy-policy" element={<PrivacyPolicy />} />
+        </Routes>
+      </main>
+      <Footer />
+      <BackToTopButton />
+    </div>
+  );
+}
+
 function AppRouter() {
   const [theme, setTheme] = useState<Theme>('light');
 
   useEffect(() => {
-    // Check for saved theme preference or default to light mode
     const savedTheme = localStorage.getItem('theme') as Theme | null;
     if (savedTheme) {
       setTheme(savedTheme);
@@ -22,52 +82,13 @@ function AppRouter() {
   }, []);
 
   useEffect(() => {
-    // Apply theme to document and save preference
     document.documentElement.dataset.theme = theme;
     localStorage.setItem('theme', theme);
   }, [theme]);
 
-  useEffect(() => {
-    // Handle hash-based navigation for sections
-    const handleHashChange = () => {
-      const hash = globalThis.location.hash.substring(1);
-      if (hash) {
-        setTimeout(() => {
-          const element = document.getElementById(hash);
-          if (element) {
-            element.scrollIntoView({ behavior: 'smooth' });
-          }
-        }, 100);
-      }
-    };
-
-    // Check hash on initial load
-    handleHashChange();
-
-    // Listen for hash changes
-    globalThis.addEventListener('hashchange', handleHashChange);
-
-    return () => {
-      globalThis.removeEventListener('hashchange', handleHashChange);
-    };
-  }, []);
-
   return (
     <Router>
-      <div className="app">
-        <a href="#main-content" className="skip-link">Skip to main content</a>
-        <Navbar theme={theme} setTheme={setTheme} />
-        <main id="main-content" className="app__main">
-          <Routes>
-            <Route path="/" element={<LandingPage />} />
-            <Route path="/technical" element={<HomePage />} />
-            <Route path="/imprint" element={<ImprintPage />} />
-            <Route path="/privacy-policy" element={<PrivacyPolicy />} />
-          </Routes>
-        </main>
-        <Footer />
-        <BackToTopButton />
-      </div>
+      <AppShell theme={theme} setTheme={setTheme} />
     </Router>
   );
 }
diff --git a/src/app/PortfolioApp.tsx b/src/app/PortfolioApp.tsx
index 667908b..9d18304 100644
--- a/src/app/PortfolioApp.tsx
+++ b/src/app/PortfolioApp.tsx
@@ -1,9 +1,11 @@
-import { LanguageProvider } from '../contexts/LanguageContext';
+import { LanguageProvider, getLanguageFromPath } from '../contexts/LanguageContext';
 import AppRouter from './AppRouter';
 
 function PortfolioApp() {
+  const initialLanguage = getLanguageFromPath(globalThis.location.pathname) ?? 'de';
+
   return (
-    <LanguageProvider>
+    <LanguageProvider initialLanguage={initialLanguage}>
       <AppRouter />
     </LanguageProvider>
   );
diff --git a/src/assets/og-image.png b/src/assets/og-image.png
new file mode 100644
index 0000000000000000000000000000000000000000..9c74e21df395b63bc787c9d3ccafc08b860e9e85
GIT binary patch
literal 22167
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
OOFfZ$ob&MY`~L=E=%ru)

literal 0
HcmV?d00001

diff --git a/src/components/LanguageToggle.tsx b/src/components/LanguageToggle.tsx
index d365b09..a664ca5 100644
--- a/src/components/LanguageToggle.tsx
+++ b/src/components/LanguageToggle.tsx
@@ -1,15 +1,26 @@
+import { useNavigate, useLocation } from 'react-router-dom';
 import { useLanguage } from '../contexts/LanguageContext';
 import type { Language } from '../data/types';
 import '../scss/language-toggle.scss';
 import { useScreenReaderAnnouncements } from '../hooks/useScreenReaderAnnouncements';
 
+/** Swap /de/ ↔ /en/ prefix (or /de/technical ↔ /en/technical) in the pathname. */
+function getEquivalentPath(pathname: string, targetLang: Language): string {
+  if (pathname.startsWith('/de')) return pathname.replace(/^\/de/, `/${targetLang}`);
+  if (pathname.startsWith('/en')) return pathname.replace(/^\/en/, `/${targetLang}`);
+  return `/${targetLang}/`;
+}
+
 export default function LanguageToggle() {
-  const { language, setLanguage } = useLanguage();
+  const { language } = useLanguage();
   const { announce } = useScreenReaderAnnouncements();
+  const navigate = useNavigate();
+  const location = useLocation();
 
   const handleLanguageChange = (newLang: Language) => {
     if (newLang !== language) {
-      setLanguage(newLang);
+      const targetPath = getEquivalentPath(location.pathname, newLang);
+      navigate(targetPath);
       announce(`Language changed to ${newLang === 'en' ? 'English' : 'Deutsch'}`);
     }
   };
diff --git a/src/components/layout/Navigation.tsx b/src/components/layout/Navigation.tsx
index 8b2b48b..e7e6b45 100644
--- a/src/components/layout/Navigation.tsx
+++ b/src/components/layout/Navigation.tsx
@@ -23,14 +23,15 @@ export default function Navbar({
   const navigate = useNavigate();
   const { texts } = useLanguage();
 
-  const isLandingPage = location.pathname === '/';
+  const isLandingPage = location.pathname === '/de/' || location.pathname === '/en/' || location.pathname === '/';
+  const technicalPath = location.pathname.startsWith('/en') ? '/en/technical' : '/de/technical';
   const menuItems = isLandingPage
     ? texts.navigation.landingMenuItems
     : texts.navigation.menuItems;
 
   // Track active section based on scroll position
   useEffect(() => {
-    if (location.pathname !== '/technical' && location.pathname !== '/') {
+    if (location.pathname !== technicalPath && !isLandingPage) {
       setActiveSection('');
       return;
     }
@@ -66,7 +67,7 @@ export default function Navbar({
   return (
     <div className={`navbar${isLandingPage ? ' navbar--landing' : ''}`}>
       <Link
-        to={isLandingPage ? '/' : '/technical'}
+        to={isLandingPage ? location.pathname : technicalPath}
         className="navbar__name"
         onClick={(e) => {
           e.preventDefault();
diff --git a/src/components/sections/AboutSection.tsx b/src/components/sections/AboutSection.tsx
index d111e84..16f2bf8 100644
--- a/src/components/sections/AboutSection.tsx
+++ b/src/components/sections/AboutSection.tsx
@@ -79,8 +79,8 @@ export default function AboutSection(props: AboutSectionProps = {}) {
                 {greeting ?? `Hi, I'm ${name}!`}
               </h3>
               <div className="about-section__bio-text">
-                {bio.map((paragraph, index) => (
-                  <p key={index}>{paragraph}</p>
+                {bio.map((paragraph) => (
+                  <p key={paragraph}>{paragraph}</p>
                 ))}
               </div>
             </div>
diff --git a/src/components/sections/HeroSection.tsx b/src/components/sections/HeroSection.tsx
index 94c2b1a..aa18523 100644
--- a/src/components/sections/HeroSection.tsx
+++ b/src/components/sections/HeroSection.tsx
@@ -14,6 +14,9 @@ interface HeroSectionProps {
   tertiaryButtonText?: string;
   statItems?: StatItem[];
   hideStats?: boolean;
+  showPrimaryButton?: boolean;
+  showSecondaryButton?: boolean;
+  showTertiaryButton?: boolean;
 }
 
 export default function HeroSection(props: HeroSectionProps = {}) {
@@ -30,6 +33,9 @@ export default function HeroSection(props: HeroSectionProps = {}) {
     tertiaryButtonText = texts.tertiaryButtonText,
     statItems = texts.statItems,
     hideStats = false,
+    showPrimaryButton = true,
+    showSecondaryButton = true,
+    showTertiaryButton = true,
   } = props;
   const location = useLocation();
   const navigate = useNavigate();
@@ -54,14 +60,9 @@ export default function HeroSection(props: HeroSectionProps = {}) {
       link.remove();
 
       announce('Resume download started successfully');
-    } catch (error) {
+    } catch {
       announce('Resume download failed, opening in new tab');
-
-      try {
-        window.open(resumePDF, '_blank');
-      } catch {
-        announce('Unable to access resume file');
-      }
+      window.open(resumePDF, '_blank');
     }
   };
 
@@ -88,32 +89,38 @@ export default function HeroSection(props: HeroSectionProps = {}) {
         </header>
 
         <nav className="hero-section__buttons" role="navigation" aria-label="Main actions">
-          <button
-            className="hero-section__button hero-section__button--primary"
-            onClick={handleViewWork}
-            aria-label="View my work and projects"
-            type="button"
-          >
-            {primaryButtonText}
-          </button>
-          <button
-            className="hero-section__button hero-section__button--secondary"
-            onClick={handleDownloadResume}
-            aria-label="Download my resume as PDF file"
-            type="button"
-            aria-describedby="resume-description"
-          >
-            <Download className="hero-section__button-icon" aria-hidden="true" />
-            {secondaryButtonText}
-          </button>
-          <button
-            className="hero-section__button hero-section__button--tertiary"
-            onClick={handleGetInTouch}
-            aria-label="Navigate to contact section to get in touch"
-            type="button"
-          >
-            {tertiaryButtonText}
-          </button>
+          {showPrimaryButton && (
+            <button
+              className="hero-section__button hero-section__button--primary"
+              onClick={handleViewWork}
+              aria-label="View my work and projects"
+              type="button"
+            >
+              {primaryButtonText}
+            </button>
+          )}
+          {showSecondaryButton && (
+            <button
+              className="hero-section__button hero-section__button--secondary"
+              onClick={handleDownloadResume}
+              aria-label="Download my resume as PDF file"
+              type="button"
+              aria-describedby="resume-description"
+            >
+              <Download className="hero-section__button-icon" aria-hidden="true" />
+              {secondaryButtonText}
+            </button>
+          )}
+          {showTertiaryButton && (
+            <button
+              className="hero-section__button hero-section__button--tertiary"
+              onClick={handleGetInTouch}
+              aria-label="Navigate to contact section to get in touch"
+              type="button"
+            >
+              {tertiaryButtonText}
+            </button>
+          )}
         </nav>
 
         {/* Hidden descriptions for screen readers */}
diff --git a/src/config/certifications-config.ts b/src/config/certifications-config.ts
index a375dae..4878f2c 100644
--- a/src/config/certifications-config.ts
+++ b/src/config/certifications-config.ts
@@ -1,4 +1,4 @@
-import { certifications } from './locales/en/certifications';
+import { certifications } from './locales/en/technical/certifications';
 import type { Certification } from '../data/Certification';
 
 export const certificationsData: Certification[] = certifications.certificationItems
diff --git a/src/config/locales/de/index.ts b/src/config/locales/de/index.ts
index f4d8981..e13fd64 100644
--- a/src/config/locales/de/index.ts
+++ b/src/config/locales/de/index.ts
@@ -1,18 +1,19 @@
 import { navigation } from './navigation';
 import { themeToggle } from '../../theme-toggle';
 import { footer } from './footer';
-import { hero } from './hero';
-import { about } from './about';
-import { landingAboutMe } from './landing-aboutme';
-import { landingReasons } from './landing-reasons';
-import { landingExperience } from './landing-experience';
-import { landingWinnings } from './landing-winnings';
-import { landingProcesses } from './landing-processes';
-import { landingReferences } from './landing-references';
-import { services } from './services';
-import { skills } from './skills';
+import { hero } from './technical/hero';
+import { about } from './technical/about';
+import { landingAboutMe } from './landing/landing-aboutme';
+import { landingHero } from './landing/landing-hero';
+import { landingReasons } from './landing/landing-reasons';
+import { landingExperience } from './landing/landing-experience';
+import { landingWinnings } from './landing/landing-winnings';
+import { landingProcesses } from './landing/landing-processes';
+import { landingReferences } from './landing/landing-references';
+import { services } from './technical/services';
+import { skills } from './technical/skills';
 import { projects } from './projects';
-import { certifications } from './certifications';
+import { certifications } from './technical/certifications';
 import { contact } from './contact';
 import { imprint } from './imprint';
 import { privacyPolicy } from './privacy-policy';
@@ -25,6 +26,7 @@ export const de = {
   hero,
   about,
   landingAboutMe,
+  landingHero,
   landingReasons,
   landingExperience,
   landingWinnings,
diff --git a/src/config/locales/de/landing-aboutme.ts b/src/config/locales/de/landing-aboutme.ts
deleted file mode 100644
index c131e19..0000000
--- a/src/config/locales/de/landing-aboutme.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-export const landingAboutMe = {
-  title: 'Mehr Kunden durch Barrierefreiheit',
-  subtitle: '',
-  greeting: 'Hi, ich bin Sascha.',
-  name: 'Sascha',
-  bio: [
-    'Ich verhelfe Unternehmen zu Webseiten, die von allen genutzt werden können. Eine Webseite, die für alle funktioniert, erreicht alle.',
-  ],
-  featureCards: [] as Array<{ title: string; description: string; }>,
-};
diff --git a/src/config/locales/de/landing/landing-aboutme.ts b/src/config/locales/de/landing/landing-aboutme.ts
new file mode 100644
index 0000000..ec8e426
--- /dev/null
+++ b/src/config/locales/de/landing/landing-aboutme.ts
@@ -0,0 +1,17 @@
+export const landingAboutMe = {
+  title: 'Über mich',
+  subtitle: '',
+  greeting: 'Hi, ich bin Sascha.',
+  name: 'Sascha',
+  bio: [
+    `Seit ich zum ersten Mal mit dem Thema Barrierefreiheit in Berührung gekommen bin, habe ich
+    für mich einen Mehrwert in der Webentwicklung entdeckt, der mich seitdem nicht mehr loslässt. 
+    Barrierefreiheit ist für mich nicht nur ein technisches Thema, sondern eine Angelegenheit, die mit meinen persönlichen Werten
+    von Inklusion und Gleichberechtigung übereinstimmt. 
+    Ich helfe Webagenturen und Unternehmen bei der Entwicklung und Umsetzung von Apps und Webseiten mit und ohne Barrierefreiheit.`,
+    `In meiner Freizeit tanze ich Brasilianischen Zouk und West Coast Swing. Ich beschäftige mich mit alternativen 
+    Beziehungsformen und bin ein großer Fan von Science-Fiction-Filmen. Außerdem interessiere ich mich für Persönlichkeitsentwicklung und
+    Ethik in der Technologie. Ich bin immer offen für neue Kontakte und spannende Projekte, also zögert nicht, mich zu kontaktieren!`,
+  ],
+  featureCards: [] as Array<{ title: string; description: string; }>,
+};
diff --git a/src/config/locales/de/landing-experience.ts b/src/config/locales/de/landing/landing-experience.ts
similarity index 100%
rename from src/config/locales/de/landing-experience.ts
rename to src/config/locales/de/landing/landing-experience.ts
diff --git a/src/config/locales/de/landing/landing-hero.ts b/src/config/locales/de/landing/landing-hero.ts
new file mode 100644
index 0000000..93d234c
--- /dev/null
+++ b/src/config/locales/de/landing/landing-hero.ts
@@ -0,0 +1,5 @@
+export const landingHero = {
+  title: 'Barrierefreiheit: 20\u00A0% mehr Reichweite, 100\u00A0% mehr Zugang.',
+  description: 'Ich helfe Ihnen, Ihre Website für jeden zugänglich zu machen – im Einklang mit dem BFSG.',
+  tertiaryButtonText: 'Kontakt aufnehmen',
+};
diff --git a/src/config/locales/de/landing-processes.ts b/src/config/locales/de/landing/landing-processes.ts
similarity index 100%
rename from src/config/locales/de/landing-processes.ts
rename to src/config/locales/de/landing/landing-processes.ts
diff --git a/src/config/locales/de/landing-reasons.ts b/src/config/locales/de/landing/landing-reasons.ts
similarity index 85%
rename from src/config/locales/de/landing-reasons.ts
rename to src/config/locales/de/landing/landing-reasons.ts
index ccf6735..75cb3c6 100644
--- a/src/config/locales/de/landing-reasons.ts
+++ b/src/config/locales/de/landing/landing-reasons.ts
@@ -3,11 +3,11 @@ export const landingReasons = {
 
   reasons: [
     {
-      stat: '15 %',
-      text: 'aller Menschen in Deutschland haben eine Beeinträchtigung. Das sind 12 Millionen potenzielle Kunden.',
+      stat: '20\u00A0%',
+      text: 'aller Menschen in Deutschland haben eine Beeinträchtigung. Das sind 16 Millionen potenzielle Kunden.',
     },
     {
-      stat: '80 %',
+      stat: '80\u00A0%',
       text: 'dieser Menschen verlassen Webseiten, die nicht für sie funktionieren.',
     },
     {
diff --git a/src/config/locales/de/landing-references.ts b/src/config/locales/de/landing/landing-references.ts
similarity index 100%
rename from src/config/locales/de/landing-references.ts
rename to src/config/locales/de/landing/landing-references.ts
diff --git a/src/config/locales/de/landing-winnings.ts b/src/config/locales/de/landing/landing-winnings.ts
similarity index 100%
rename from src/config/locales/de/landing-winnings.ts
rename to src/config/locales/de/landing/landing-winnings.ts
diff --git a/src/config/locales/de/about.ts b/src/config/locales/de/technical/about.ts
similarity index 97%
rename from src/config/locales/de/about.ts
rename to src/config/locales/de/technical/about.ts
index 855d031..bd8f023 100644
--- a/src/config/locales/de/about.ts
+++ b/src/config/locales/de/technical/about.ts
@@ -6,7 +6,7 @@ export const about = {
   bio: [
     'Ich habe Informatik an der TU Darmstadt studiert und 2016 meinen Bachelor mit einer Arbeit über Motion Sickness in Virtual Reality abgeschlossen. Seitdem arbeite ich als Software- und Webentwickler mit Schwerpunkt auf Angular und React.',
     'In meiner Arbeit habe ich gesehen, dass jedes Unternehmen anders ist, aber viele stehen vor der gleichen Herausforderung: ihre digitale Präsenz zugänglich, modern und zukunftssicher zu halten. Vielen Unternehmen ist bereits bewusst, dass Barrierefreiheit gesetzlich vorgeschrieben ist, aber in der Praxis kommt es vor allem darauf an, dass eine Website für alle Nutzer einfach und angenehm funktioniert.',
-    'Meine Spezialisierung liegt in Web Accessibility (WCAG 2.1, BFSG, European Accessibility Act). Ich helfe Unternehmen dabei, ihre Websites und Anwendungen zu aktualisieren, sodass sie konform und gleichzeitig für jeden einfach zu bedienen sind. Was meine Kunden schätzen, ist, dass ich technisches Fachwissen in Angular, React und TypeScript mit einem menschenzentrierten Ansatz verbinde. Denn Barrierefreiheit geht nicht nur um Code, sondern um Menschen.',
+    'Meine Spezialisierung liegt in Web Accessibility (WCAG 2.2, BFSG, European Accessibility Act). Ich helfe Unternehmen dabei, ihre Websites und Anwendungen zu aktualisieren, sodass sie konform und gleichzeitig für jeden einfach zu bedienen sind. Was meine Kunden schätzen, ist, dass ich technisches Fachwissen in Angular, React und TypeScript mit einem menschenzentrierten Ansatz verbinde. Denn Barrierefreiheit geht nicht nur um Code, sondern um Menschen.',
     'Wenn Sie sich fragen, ob Ihre Website bereits den Standards für Barrierefreiheit entspricht, oder wenn Sie das Gefühl haben, dass es Zeit ist, Ihre Online-Präsenz inklusiver und rechtssicher zu gestalten, würde ich Sie gerne unterstützen. Oft können bereits wenige klare Schritte einen großen Unterschied machen und Ihrer Website helfen, mehr Menschen zu erreichen und sich von der Konkurrenz abzuheben.',
     'Lassen Sie uns verbinden und schauen, wie wir Ihre Website barrierefrei, modern und zukunftssicher machen können.',
   ],
diff --git a/src/config/locales/de/certifications.ts b/src/config/locales/de/technical/certifications.ts
similarity index 72%
rename from src/config/locales/de/certifications.ts
rename to src/config/locales/de/technical/certifications.ts
index ef95eb3..1e35ce8 100644
--- a/src/config/locales/de/certifications.ts
+++ b/src/config/locales/de/technical/certifications.ts
@@ -1,4 +1,4 @@
-import { certificationItems } from '../../certifications-data';
+import { certificationItems } from '../../../certifications-data';
 
 export const certifications = {
   title: 'Zertifizierungen & Erfolge',
diff --git a/src/config/locales/de/hero.ts b/src/config/locales/de/technical/hero.ts
similarity index 89%
rename from src/config/locales/de/hero.ts
rename to src/config/locales/de/technical/hero.ts
index 1968d7b..4db7850 100644
--- a/src/config/locales/de/hero.ts
+++ b/src/config/locales/de/technical/hero.ts
@@ -1,5 +1,5 @@
 export const hero = {
-  title: 'Jeder verdient ein reibungsloses Online-Erlebnis',
+  title: 'Barrierefreie Webentwicklung für alle',
   description:
     'Ich helfe Ihnen, barrierefreie Websites zu erstellen, die jeden Besucher einbeziehen, im Einklang mit dem Barrierefreiheitsstärkungsgesetz.',
   primaryButtonText: 'Projekte ansehen',
diff --git a/src/config/locales/de/services.ts b/src/config/locales/de/technical/services.ts
similarity index 100%
rename from src/config/locales/de/services.ts
rename to src/config/locales/de/technical/services.ts
diff --git a/src/config/locales/de/skills.ts b/src/config/locales/de/technical/skills.ts
similarity index 100%
rename from src/config/locales/de/skills.ts
rename to src/config/locales/de/technical/skills.ts
diff --git a/src/config/locales/en/TextConfig.ts b/src/config/locales/en/TextConfig.ts
index 089bfbb..1894060 100644
--- a/src/config/locales/en/TextConfig.ts
+++ b/src/config/locales/en/TextConfig.ts
@@ -52,6 +52,13 @@ export interface TextConfig {
     }>;
   };
 
+  // Landing Hero Section
+  landingHero: {
+    title: string;
+    description: string;
+    tertiaryButtonText: string;
+  };
+
   // Landing About Me Section
   landingAboutMe: {
     title: string;
diff --git a/src/config/locales/en/index.ts b/src/config/locales/en/index.ts
index 01d84c0..e516834 100644
--- a/src/config/locales/en/index.ts
+++ b/src/config/locales/en/index.ts
@@ -1,18 +1,19 @@
 import { navigation } from './navigation';
 import { themeToggle } from '../../theme-toggle';
 import { footer } from './footer';
-import { hero } from './hero';
-import { about } from './about';
-import { landingAboutMe } from './landing-aboutme';
-import { landingReasons } from './landing-reasons';
-import { landingExperience } from './landing-experience';
-import { landingWinnings } from './landing-winnings';
-import { landingProcesses } from './landing-processes';
-import { landingReferences } from './landing-references';
-import { services } from './services';
-import { skills } from './skills';
+import { hero } from './technical/hero';
+import { about } from './technical/about';
+import { landingAboutMe } from './landing/landing-aboutme';
+import { landingHero } from './landing/landing-hero';
+import { landingReasons } from './landing/landing-reasons';
+import { landingExperience } from './landing/landing-experience';
+import { landingWinnings } from './landing/landing-winnings';
+import { landingProcesses } from './landing/landing-processes';
+import { landingReferences } from './landing/landing-references';
+import { services } from './technical/services';
+import { skills } from './technical/skills';
 import { projects } from './projects';
-import { certifications } from './certifications';
+import { certifications } from './technical/certifications';
 import { contact } from './contact';
 import { imprint } from './imprint';
 import { privacyPolicy } from './privacy-policy';
@@ -29,6 +30,7 @@ export const en: TextConfig = {
   hero,
   about,
   landingAboutMe,
+  landingHero,
   landingReasons,
   landingExperience,
   landingWinnings,
diff --git a/src/config/locales/en/landing-aboutme.ts b/src/config/locales/en/landing/landing-aboutme.ts
similarity index 100%
rename from src/config/locales/en/landing-aboutme.ts
rename to src/config/locales/en/landing/landing-aboutme.ts
diff --git a/src/config/locales/en/landing-experience.ts b/src/config/locales/en/landing/landing-experience.ts
similarity index 100%
rename from src/config/locales/en/landing-experience.ts
rename to src/config/locales/en/landing/landing-experience.ts
diff --git a/src/config/locales/en/landing/landing-hero.ts b/src/config/locales/en/landing/landing-hero.ts
new file mode 100644
index 0000000..c040dad
--- /dev/null
+++ b/src/config/locales/en/landing/landing-hero.ts
@@ -0,0 +1,5 @@
+export const landingHero = {
+  title: 'Accessible websites that reach more customers and ensure legal compliance',
+  description: 'I help you make your website accessible to everyone – compliant with accessibility laws.',
+  tertiaryButtonText: 'Get in Touch',
+};
diff --git a/src/config/locales/en/landing-processes.ts b/src/config/locales/en/landing/landing-processes.ts
similarity index 100%
rename from src/config/locales/en/landing-processes.ts
rename to src/config/locales/en/landing/landing-processes.ts
diff --git a/src/config/locales/en/landing-reasons.ts b/src/config/locales/en/landing/landing-reasons.ts
similarity index 100%
rename from src/config/locales/en/landing-reasons.ts
rename to src/config/locales/en/landing/landing-reasons.ts
diff --git a/src/config/locales/en/landing-references.ts b/src/config/locales/en/landing/landing-references.ts
similarity index 100%
rename from src/config/locales/en/landing-references.ts
rename to src/config/locales/en/landing/landing-references.ts
diff --git a/src/config/locales/en/landing-winnings.ts b/src/config/locales/en/landing/landing-winnings.ts
similarity index 100%
rename from src/config/locales/en/landing-winnings.ts
rename to src/config/locales/en/landing/landing-winnings.ts
diff --git a/src/config/locales/en/about.ts b/src/config/locales/en/technical/about.ts
similarity index 100%
rename from src/config/locales/en/about.ts
rename to src/config/locales/en/technical/about.ts
diff --git a/src/config/locales/en/certifications.ts b/src/config/locales/en/technical/certifications.ts
similarity index 71%
rename from src/config/locales/en/certifications.ts
rename to src/config/locales/en/technical/certifications.ts
index 5d91c51..d10a981 100644
--- a/src/config/locales/en/certifications.ts
+++ b/src/config/locales/en/technical/certifications.ts
@@ -1,4 +1,4 @@
-import { certificationItems } from '../../certifications-data';
+import { certificationItems } from '../../../certifications-data';
 
 export const certifications = {
   title: 'Certifications & Achievements',
diff --git a/src/config/locales/en/hero.ts b/src/config/locales/en/technical/hero.ts
similarity index 100%
rename from src/config/locales/en/hero.ts
rename to src/config/locales/en/technical/hero.ts
diff --git a/src/config/locales/en/services.ts b/src/config/locales/en/technical/services.ts
similarity index 100%
rename from src/config/locales/en/services.ts
rename to src/config/locales/en/technical/services.ts
diff --git a/src/config/locales/en/skills.ts b/src/config/locales/en/technical/skills.ts
similarity index 100%
rename from src/config/locales/en/skills.ts
rename to src/config/locales/en/technical/skills.ts
diff --git a/src/contexts/LanguageContext.tsx b/src/contexts/LanguageContext.tsx
index d00e9fe..5571c95 100644
--- a/src/contexts/LanguageContext.tsx
+++ b/src/contexts/LanguageContext.tsx
@@ -11,46 +11,29 @@ interface LanguageContextType {
 
 const LanguageContext = createContext<LanguageContextType | undefined>(undefined);
 
-const LANGUAGE_KEY = 'preferred-language';
-
-function getBrowserLanguage(): Language {
-  const browserLang = navigator.language.toLowerCase();
-  if (browserLang.startsWith('en')) {
-    return 'en';
-  }
-  return 'de'; // Default to German for all other languages
-}
-
-function getSavedLanguage(): Language | null {
-  const saved = localStorage.getItem(LANGUAGE_KEY);
-  if (saved === 'en' || saved === 'de') {
-    return saved;
-  }
+/** Derive the language from the URL pathname prefix (/en/… or /de/…). */
+export function getLanguageFromPath(pathname: string): Language | null {
+  if (pathname.startsWith('/en')) return 'en';
+  if (pathname.startsWith('/de')) return 'de';
   return null;
 }
 
-export function LanguageProvider({ children }: { children: ReactNode; }) {
-  const [language, setLanguageState] = useState<Language>(() => {
-    // First check localStorage, then browser language, then default to German
-    return getSavedLanguage() || getBrowserLanguage();
-  });
+export function LanguageProvider({ initialLanguage = 'de', children }: Readonly<{ initialLanguage?: Language; children: ReactNode; }>) {
+  const [language, setLanguage] = useState<Language>(initialLanguage);
 
   const texts = language === 'de' ? de : en;
 
-  const setLanguage = (lang: Language) => {
-    setLanguageState(lang);
-    localStorage.setItem(LANGUAGE_KEY, lang);
-    // Update HTML lang attribute for accessibility and SEO
+  const handleSetLanguage = (lang: Language) => {
+    setLanguage(lang);
     document.documentElement.lang = lang;
   };
 
   useEffect(() => {
-    // Set initial lang attribute
     document.documentElement.lang = language;
   }, [language]);
 
   return (
-    <LanguageContext.Provider value={{ language, setLanguage, texts }}>
+    <LanguageContext.Provider value={{ language, setLanguage: handleSetLanguage, texts }}>
       {children}
     </LanguageContext.Provider>
   );
diff --git a/src/hooks/usePageSeo.ts b/src/hooks/usePageSeo.ts
index bd4ed13..4986e84 100644
--- a/src/hooks/usePageSeo.ts
+++ b/src/hooks/usePageSeo.ts
@@ -5,11 +5,12 @@ interface SeoProps {
   description: string;
   canonical?: string;
   noIndex?: boolean;
+  image?: string;
 }
 
 const BASE_URL = 'https://sascha-bach.de';
 
-export function usePageSeo({ title, description, canonical, noIndex }: SeoProps) {
+export function usePageSeo({ title, description, canonical, noIndex, image }: SeoProps) {
   useEffect(() => {
     document.title = title;
 
@@ -30,6 +31,12 @@ export function usePageSeo({ title, description, canonical, noIndex }: SeoProps)
     setMeta('twitter:title', title);
     setMeta('twitter:description', description);
 
+    if (image) {
+      const imageUrl = image.startsWith('http') ? image : `${BASE_URL}${image}`;
+      setMeta('og:image', imageUrl, true);
+      setMeta('twitter:image', imageUrl);
+    }
+
     if (canonical) {
       setMeta('og:url', `${BASE_URL}${canonical}`, true);
 
diff --git a/src/pages/HomePage.tsx b/src/pages/HomePage.tsx
index 5d3d9b2..3e3746e 100644
--- a/src/pages/HomePage.tsx
+++ b/src/pages/HomePage.tsx
@@ -6,12 +6,18 @@ import CertificationsSection from '../components/sections/CertificationsSection'
 import ProjectsSection from '../components/sections/ProjectsSection';
 import ContactSection from '../components/sections/ContactSection';
 import { usePageSeo } from '../hooks/usePageSeo';
+import { useLanguage } from '../contexts/LanguageContext';
 
 export default function HomePage() {
+  const { language } = useLanguage();
   usePageSeo({
-    title: 'Sascha Bach | Technical Portfolio – Skills, Services & Projects',
-    description: 'Explore the technical portfolio of Sascha Bach: services, skills, certifications, and projects in React, TypeScript, and accessible web development.',
-    canonical: '/technical',
+    title: language === 'de'
+      ? 'Sascha Bach | Technisches Portfolio – Skills, Services & Projekte'
+      : 'Sascha Bach | Technical Portfolio – Skills, Services & Projects',
+    description: language === 'de'
+      ? 'Das technische Portfolio von Sascha Bach: Services, Fähigkeiten, Zertifizierungen und Projekte in React, TypeScript und barrierefreier Webentwicklung.'
+      : 'Explore the technical portfolio of Sascha Bach: services, skills, certifications, and projects in React, TypeScript, and accessible web development.',
+    canonical: `/${language}/technical`,
   });
 
   return (
diff --git a/src/pages/LandingPage.tsx b/src/pages/LandingPage.tsx
index e9a7c1c..169b49a 100644
--- a/src/pages/LandingPage.tsx
+++ b/src/pages/LandingPage.tsx
@@ -1,3 +1,4 @@
+import HeroSection from '../components/sections/HeroSection';
 import LandingAboutMeSection from '../components/landing/LandingAboutMeSection';
 import ReasonsSection from '../components/landing/ReasonsSection';
 import ExperienceSection from '../components/landing/ExperienceSection';
@@ -7,16 +8,31 @@ import ProjectsSection from '../components/sections/ProjectsSection';
 import ReferencesSection from '../components/landing/ReferencesSection';
 import ContactSection from '../components/sections/ContactSection';
 import { usePageSeo } from '../hooks/usePageSeo';
+import { useLanguage } from '../contexts/LanguageContext';
 
 export default function LandingPage() {
+  const { language, texts } = useLanguage();
+  const t = texts.landingHero;
   usePageSeo({
-    title: 'Sascha Bach | Freelance Software Developer – Accessible Web Development',
-    description: 'Freelance software developer in Germany specializing in accessible web development. Building inclusive websites compliant with the Accessibility Act.',
-    canonical: '/',
+    title: language === 'de'
+      ? 'Sascha Bach | Freelance Softwareentwickler – Barrierefreie Webentwicklung'
+      : 'Sascha Bach | Freelance Software Developer – Accessible Web Development',
+    description: language === 'de'
+      ? 'Freelance Softwareentwickler in Deutschland spezialisiert auf barrierefreie Webentwicklung. Ich baue inklusive Websites konform zum BFSG mit React, TypeScript und modernen Frameworks.'
+      : 'Freelance software developer in Germany specializing in accessible web development. Building inclusive websites compliant with the Accessibility Act.',
+    canonical: `/${language}/`,
   });
 
   return (
     <>
+      <HeroSection
+        title={t.title}
+        description={t.description}
+        tertiaryButtonText={t.tertiaryButtonText}
+        showPrimaryButton={false}
+        showSecondaryButton={false}
+        hideStats={true}
+      />
       <LandingAboutMeSection />
       <ReasonsSection />
       <WinningsSection />
diff --git a/src/scss/sections/hero-section.scss b/src/scss/sections/hero-section.scss
index f5f0c2c..852bff4 100644
--- a/src/scss/sections/hero-section.scss
+++ b/src/scss/sections/hero-section.scss
@@ -47,7 +47,7 @@
   }
 
   &__container {
-    max-width: 800px;
+    max-width: 900px;
     width: 100%;
     text-align: center;
     @include flex-center;
diff --git a/src/scss/sections/landing-hero-section.scss b/src/scss/sections/landing-hero-section.scss
new file mode 100644
index 0000000..e69de29
diff --git a/src/utils/scrollUtils.ts b/src/utils/scrollUtils.ts
index 6e2faff..54aa508 100644
--- a/src/utils/scrollUtils.ts
+++ b/src/utils/scrollUtils.ts
@@ -3,13 +3,30 @@ import type { NavigateFunction } from 'react-router-dom';
 // Offset to account for sticky navbar height (65px) plus some padding
 const SCROLL_OFFSET = 65;
 
+function isScrollablePath(pathname: string): boolean {
+  return (
+    pathname === '/de/' ||
+    pathname === '/en/' ||
+    pathname === '/de/technical' ||
+    pathname === '/en/technical' ||
+    // legacy fallbacks
+    pathname === '/' ||
+    pathname === '/technical'
+  );
+}
+
+/** Returns /de/technical or /en/technical depending on the current path prefix. */
+function getTechnicalPath(currentPath: string): string {
+  if (currentPath.startsWith('/en')) return '/en/technical';
+  return '/de/technical';
+}
+
 export function scrollToSection(
   sectionId: string,
   currentPath: string,
   navigate?: NavigateFunction
 ): void {
-  const isScrollablePage = currentPath === '/technical' || currentPath === '/';
-  if (isScrollablePage) {
+  if (isScrollablePath(currentPath)) {
     const element = document.getElementById(sectionId);
     if (element) {
       const elementPosition = element.getBoundingClientRect().top;
@@ -21,11 +38,9 @@ export function scrollToSection(
       });
     }
   } else if (navigate) {
-    // If we're on another page, navigate to homepage with hash
-    navigate(`/technical#${sectionId}`);
+    navigate(`${getTechnicalPath(currentPath)}#${sectionId}`);
   } else {
-    // Fallback: direct navigation without router
-    globalThis.location.href = `/technical#${sectionId}`;
+    globalThis.location.href = `${getTechnicalPath(currentPath)}#${sectionId}`;
   }
 }
 
diff --git a/vercel.json b/vercel.json
index 3cdefcc..ce49b4c 100644
--- a/vercel.json
+++ b/vercel.json
@@ -3,13 +3,13 @@
   "outputDirectory": "dist",
   "framework": "vite",
   "rewrites": [
-    {
-      "source": "/privacy-policy",
-      "destination": "/privacy-policy.html"
-    },
-    {
-      "source": "/(.*)",
-      "destination": "/index.html"
-    }
+    { "source": "/", "destination": "/de/" },
+    { "source": "/technical", "destination": "/de/technical" },
+    { "source": "/de/", "destination": "/de/index.html" },
+    { "source": "/de/technical", "destination": "/de/technical/index.html" },
+    { "source": "/en/", "destination": "/en/index.html" },
+    { "source": "/en/technical", "destination": "/en/technical/index.html" },
+    { "source": "/privacy-policy", "destination": "/privacy-policy.html" },
+    { "source": "/(.*)", "destination": "/index.html" }
   ]
 }

From ed093e8027315476efb621b777e834d94decb755 Mon Sep 17 00:00:00 2001
From: Sascha <saschab42@gmail.com>
Date: Thu, 16 Apr 2026 21:19:03 +0200
Subject: [PATCH 12/19] Refactor theme styles for improved accessibility and
 consistency

- Updated light and dark themes across contact, hero, projects, services, skills SCSS files to enhance color contrast for better readability.
- Replaced gradients with solid colors where necessary to ensure AAA compliance.
- Adjusted button and text colors for improved visibility and user experience.
- Introduced a new logo SVG asset for branding consistency.
- Modified global color variables to align with the new design scheme.
---
 src/assets/logo.svg                       |  14 +
 src/components/layout/Navigation.tsx      |   3 +-
 src/config/locales/de/navigation.ts       |   1 +
 src/config/locales/en/TextConfig.ts       |   1 +
 src/config/locales/en/navigation.ts       |   3 +-
 src/hooks/useScrollReveal.ts              |  52 +---
 src/scss/App.scss                         | 340 ++++++++++++++++------
 src/scss/components/back-to-top.scss      |   2 +-
 src/scss/globals.scss                     |  30 +-
 src/scss/language-toggle.scss             |  19 +-
 src/scss/layout/footer.scss               |  34 ++-
 src/scss/layout/topbar.scss               |  42 ++-
 src/scss/sections/contact-section.scss    | 150 +++++++---
 src/scss/sections/experience-section.scss |   2 +-
 src/scss/sections/hero-section.scss       |  58 ++--
 src/scss/sections/imprint-page.scss       |   2 +-
 src/scss/sections/reasons-section.scss    |  12 +-
 src/scss/sections/references-section.scss |   2 +-
 src/scss/sections/skills-section.scss     |  39 +--
 src/scss/themes/_about.scss               | 160 ++++------
 src/scss/themes/_base.scss                |  84 +++---
 src/scss/themes/_certifications.scss      |  79 ++---
 src/scss/themes/_contact.scss             | 195 +++++--------
 src/scss/themes/_hero.scss                | 103 ++-----
 src/scss/themes/_projects.scss            |  97 ++----
 src/scss/themes/_services.scss            | 115 ++++----
 src/scss/themes/_skills.scss              | 306 +++++--------------
 src/scss/variables.scss                   |  21 +-
 28 files changed, 916 insertions(+), 1050 deletions(-)
 create mode 100644 src/assets/logo.svg

diff --git a/src/assets/logo.svg b/src/assets/logo.svg
new file mode 100644
index 0000000..91a52fb
--- /dev/null
+++ b/src/assets/logo.svg
@@ -0,0 +1,14 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 60" width="640" height="120">
+  <defs>
+    <style>
+      @import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&amp;display=swap');
+    </style>
+  </defs>
+
+  <rect x="12" y="10" width="20" height="36" rx="2" fill="none" stroke="#E6F1FB" stroke-width="2.5"/>
+  <rect x="21" y="10" width="11" height="36" rx="1.5" fill="#E6F1FB"/>
+  <circle cx="19.5" cy="28" r="2" fill="#EF9F27"/>
+
+  <text x="42" y="29" font-family="Comfortaa, Georgia, serif" font-size="24" font-weight="600" fill="#E6F1FB">Sascha Bach</text>
+  <text x="43" y="46" font-family="Comfortaa, Arial, sans-serif" font-size="8.5" font-weight="600" fill="#FAC775" letter-spacing="1.8">BARRIEREFREIE WEBENTWICKLUNG</text>
+</svg>
diff --git a/src/components/layout/Navigation.tsx b/src/components/layout/Navigation.tsx
index e7e6b45..cace1ed 100644
--- a/src/components/layout/Navigation.tsx
+++ b/src/components/layout/Navigation.tsx
@@ -4,6 +4,7 @@ import ThemeToggle from '../ThemeToggle';
 import LanguageToggle from '../LanguageToggle';
 import MobileMenu from './MobileMenu';
 import { personalConfig } from '../../config/personal';
+import logoUrl from '../../assets/logo.svg';
 import { useLanguage } from '../../contexts/LanguageContext';
 import { scrollToSection } from '../../utils/scrollUtils';
 import type { Theme } from '../../data/types';
@@ -74,7 +75,7 @@ export default function Navbar({
           window.scrollTo({ top: 0, behavior: 'smooth' });
         }}
       >
-        {personalConfig.name}
+        <img src={logoUrl} alt={texts.navigation.logoAlt} className="navbar__logo" />
       </Link>
       <div className="navbar__container">
         {menuItems.map((item) => (
diff --git a/src/config/locales/de/navigation.ts b/src/config/locales/de/navigation.ts
index 7544e09..6fdb667 100644
--- a/src/config/locales/de/navigation.ts
+++ b/src/config/locales/de/navigation.ts
@@ -17,4 +17,5 @@ export const navigation = {
     { section: 'Contact', label: 'Kontakt' },
   ],
   mobileMenuAriaLabel: 'Menü öffnen',
+  logoAlt: 'Sascha Bach – Barrierefreie Webentwicklung',
 };
diff --git a/src/config/locales/en/TextConfig.ts b/src/config/locales/en/TextConfig.ts
index 1894060..b81ec89 100644
--- a/src/config/locales/en/TextConfig.ts
+++ b/src/config/locales/en/TextConfig.ts
@@ -6,6 +6,7 @@ export interface TextConfig {
     menuItems: MenuItem[];
     landingMenuItems: MenuItem[];
     mobileMenuAriaLabel: string;
+    logoAlt: string;
   };
 
   // Theme Toggle
diff --git a/src/config/locales/en/navigation.ts b/src/config/locales/en/navigation.ts
index e7c2cb8..cc50b97 100644
--- a/src/config/locales/en/navigation.ts
+++ b/src/config/locales/en/navigation.ts
@@ -16,5 +16,6 @@ export const navigation = {
     { section: 'References', label: 'References' },
     { section: 'Contact', label: 'Contact' },
   ],
-  mobileMenuAriaLabel: 'Menü öffnen',
+  mobileMenuAriaLabel: 'Open menu',
+  logoAlt: 'Sascha Bach – Accessible Web Development',
 };
diff --git a/src/hooks/useScrollReveal.ts b/src/hooks/useScrollReveal.ts
index aba4dd8..bc761c3 100644
--- a/src/hooks/useScrollReveal.ts
+++ b/src/hooks/useScrollReveal.ts
@@ -5,9 +5,8 @@ import { useEffect, useRef } from 'react';
  * `.is-visible` when they enter the viewport, triggering the CSS transition
  * defined in globals.scss.
  *
- * The observer only starts after the first user interaction (scroll, keydown,
- * or pointer event), so elements already in the viewport on load stay hidden
- * until the user actually engages with the page.
+ * The observer starts immediately so that elements already in the viewport
+ * become visible right away — including after language-change remounts.
  */
 export function useScrollReveal() {
   const ref = useRef<HTMLElement>(null);
@@ -16,42 +15,23 @@ export function useScrollReveal() {
     const container = ref.current;
     if (!container) return;
 
-    let observer: IntersectionObserver | null = null;
-
-    const startObserving = () => {
-      if (observer) return; // already started
-
-      observer = new IntersectionObserver(
-        (entries) => {
-          entries.forEach((entry) => {
-            if (entry.isIntersecting) {
-              entry.target.classList.add('is-visible');
-              observer!.unobserve(entry.target);
-            }
-          });
-        },
-        { threshold: 0.12 }
-      );
-
-      const items = container.querySelectorAll('.reveal-item');
-      items.forEach((el) => observer!.observe(el));
-
-      // Clean up interaction listeners once started
-      INTERACTION_EVENTS.forEach((event) =>
-        window.removeEventListener(event, startObserving, { capture: true })
-      );
-    };
-
-    const INTERACTION_EVENTS = ['scroll', 'keydown', 'pointerdown', 'touchstart'] as const;
-    INTERACTION_EVENTS.forEach((event) =>
-      window.addEventListener(event, startObserving, { once: false, capture: true, passive: true })
+    const observer = new IntersectionObserver(
+      (entries) => {
+        entries.forEach((entry) => {
+          if (entry.isIntersecting) {
+            entry.target.classList.add('is-visible');
+            observer.unobserve(entry.target);
+          }
+        });
+      },
+      { threshold: 0.12 }
     );
 
+    const items = container.querySelectorAll('.reveal-item');
+    items.forEach((el) => observer.observe(el));
+
     return () => {
-      observer?.disconnect();
-      INTERACTION_EVENTS.forEach((event) =>
-        window.removeEventListener(event, startObserving, { capture: true })
-      );
+      observer.disconnect();
     };
   }, []);
 
diff --git a/src/scss/App.scss b/src/scss/App.scss
index 95cc589..43e303b 100644
--- a/src/scss/App.scss
+++ b/src/scss/App.scss
@@ -12,8 +12,7 @@
 // Component styles
 @use 'components/back-to-top';
 
-// Import Geist font from Google Fonts or local files
-@import url('https://fonts.googleapis.com/css2?family=Geist:wght@100;200;300;400;500;600;700;800;900&display=swap');
+@import url('https://fonts.googleapis.com/css2?family=Comfortaa:wght@600&family=Quicksand:wght@400;500&display=swap');
 
 // CSS Reset - Add this
 * {
@@ -69,115 +68,292 @@
   --radius-lg: 0.75rem;
   --radius-xl: 1rem;
 
-  // Shadows (light)
-  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.05);
-  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.06);
-  --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.08);
-  --shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.12);
+  // Shadows (light) – brand-tinted
+  --shadow-xs: 0 1px 2px rgba(4, 44, 83, 0.05);
+  --shadow-sm: 0 2px 8px rgba(4, 44, 83, 0.08);
+  --shadow-md: 0 4px 16px rgba(4, 44, 83, 0.08);
+  --shadow-hover: 0 8px 24px rgba(4, 44, 83, 0.12);
 
   // Transitions
   --transition-fast: 150ms ease;
   --transition-base: 200ms ease;
   --transition-slow: 300ms cubic-bezier(0.4, 0, 0.2, 1);
 
-  // Landing section background gradients (light) – vivid & saturated
-  --bg-reasons: linear-gradient(160deg, #dbeafe 0%, #ede9fe 100%);
-  --bg-winnings: linear-gradient(160deg, #ede9fe 0%, #e0e7ff 100%);
-  --bg-experience: linear-gradient(160deg, #e0f2fe 0%, #ede9fe 100%);
-  --bg-processes: linear-gradient(160deg, #e0e7ff 0%, #dbeafe 100%);
-  --bg-references: linear-gradient(160deg, #ede9fe 0%, #dbeafe 100%);
+  // Brand accent & text-on-dark
+  --color-accent-text: #412402;
+  --color-accent-deco: #ef9f27;
+  --color-text-on-dark: #e6f1fb;
+  --font-headline: 'Comfortaa', sans-serif;
+  --font-body: 'Quicksand', sans-serif;
+  --contact-button-bg: #042c53;
+  --contact-button-text: #e6f1fb;
+  --contact-button-hover-bg: #0c447c;
+
+  // Landing section backgrounds (light) – flat brand
+  --bg-reasons: #ffffff;
+  --bg-winnings: #f1efe8;
+  --bg-experience: #ffffff;
+  --bg-processes: #f1efe8;
+  --bg-references: #ffffff;
 
   // Reused section backgrounds (light)
-  --about-background: linear-gradient(160deg, #f0f9ff 0%, #dbeafe 100%);
-  --projects-background: linear-gradient(160deg, #dbeafe 0%, #ede9fe 100%);
-  --contact-background: linear-gradient(160deg, #ede9fe 0%, #e0f2fe 100%);
+  --about-background: #ffffff;
+  --projects-background: #ffffff;
+  --contact-background: #f1efe8;
 
   // Tech section backgrounds (light)
-  --hero-background: linear-gradient(
-    160deg,
-    #f8faff 0%,
-    #f1f3ff 50%,
-    #f5f0ff 100%
-  );
-  --services-background: linear-gradient(160deg, #ede9fe 0%, #dbeafe 100%);
-  --skills-background: linear-gradient(160deg, #dbeafe 0%, #e0f2fe 100%);
-  --certifications-background: linear-gradient(
-    160deg,
-    #e0e7ff 0%,
-    #ede9fe 100%
-  );
+  --hero-background: #f1efe8;
+  --services-background: #f1efe8;
+  --skills-background: #ffffff;
+  --certifications-background: #f1efe8;
 
-  // Glassmorphism card tokens (light)
-  --card-glass-bg: rgba(255, 255, 255, 0.65);
-  --card-glass-border: rgba(255, 255, 255, 0.9);
+  // Card tokens (light)
+  --card-glass-bg: #ffffff;
+  --card-glass-border: rgba(4, 44, 83, 0.12);
 
-  // Glow shadows (light)
+  // Functional shadows
   --shadow-glow:
-    0 0 0 1px rgba(99, 102, 241, 0.12), 0 8px 24px rgba(99, 102, 241, 0.1);
+    0 0 0 1px rgba(4, 44, 83, 0.1), 0 8px 24px rgba(4, 44, 83, 0.08);
   --shadow-glow-hover:
-    0 0 0 1px rgba(99, 102, 241, 0.28), 0 16px 48px rgba(99, 102, 241, 0.2);
+    0 0 0 1px rgba(4, 44, 83, 0.2), 0 16px 48px rgba(4, 44, 83, 0.15);
 }
 
 // Dark theme + shadow overrides
 [data-theme='dark'] {
   @include t.theme-vars(t.$dark-theme);
 
-  --shadow-xs: 0 1px 3px rgba(0, 0, 0, 0.3);
-  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.35);
+  // Core colors
+  --color-primary: #e6f1fb;
+  --color-secondary: #b5d4f4;
+  --color-accent-text: #fac775;
+  --color-accent-deco: #ef9f27;
+  --color-background: #021829;
+  --color-surface: #042c53;
+  --color-text: #e6f1fb;
+  --color-text-muted: #b5d4f4;
+  --color-text-on-dark: #e6f1fb;
+  --color-border: rgba(230, 241, 251, 0.12);
+  --color-focus-ring: #ef9f27;
+
+  // Section backgrounds
+  --hero-background: #021829;
+  --about-background: #042c53;
+  --services-background: #021829;
+  --skills-background: #042c53;
+  --certifications-background: #021829;
+  --projects-background: #042c53;
+  --contact-background: #021829;
+  --bg-reasons: #042c53;
+  --bg-winnings: #021829;
+  --bg-experience: #042c53;
+  --bg-processes: #021829;
+  --bg-references: #042c53;
+
+  // Cards + shadows
+  --card-glass-bg: rgba(12, 68, 124, 0.5);
+  --card-glass-border: rgba(230, 241, 251, 0.1);
+  --shadow-xs: 0 1px 2px rgba(0, 0, 0, 0.4);
+  --shadow-sm: 0 2px 8px rgba(0, 0, 0, 0.3);
   --shadow-md: 0 4px 16px rgba(0, 0, 0, 0.4);
   --shadow-hover: 0 8px 24px rgba(0, 0, 0, 0.5);
-
-  // Landing section backgrounds (dark) – cinematic deep
-  --bg-reasons: linear-gradient(160deg, #0f172a 0%, #1a0f2e 100%);
-  --bg-winnings: linear-gradient(160deg, #1a0f2e 0%, #0d1a2e 100%);
-  --bg-experience: linear-gradient(160deg, #0d1a2e 0%, #0f172a 100%);
-  --bg-processes: linear-gradient(160deg, #0f172a 0%, #190b2e 100%);
-  --bg-references: linear-gradient(160deg, #190b2e 0%, #0f172a 100%);
-
-  // Reused section backgrounds (dark)
-  --about-background: linear-gradient(160deg, #111827 0%, #0f172a 100%);
-  --projects-background: linear-gradient(160deg, #0f172a 0%, #1a0f2e 100%);
-  --contact-background: linear-gradient(160deg, #1a0f2e 0%, #0d1a2e 100%);
-
-  // Tech section backgrounds (dark) – full cinematic
-  --hero-background: linear-gradient(
-    160deg,
-    #06080f 0%,
-    #0c1220 50%,
-    #120720 100%
-  );
-  --services-background: linear-gradient(160deg, #190b2e 0%, #0f172a 100%);
-  --skills-background: linear-gradient(160deg, #0f172a 0%, #0d1a2e 100%);
-  --certifications-background: linear-gradient(
-    160deg,
-    #0d1a2e 0%,
-    #190b2e 100%
-  );
-
-  // Glassmorphism card tokens (dark)
-  --card-glass-bg: rgba(139, 92, 246, 0.06);
-  --card-glass-border: rgba(139, 92, 246, 0.22);
-
-  // Glow shadows (dark)
   --shadow-glow:
-    0 0 0 1px rgba(139, 92, 246, 0.2), 0 8px 32px rgba(139, 92, 246, 0.18);
+    0 0 0 1px rgba(239, 159, 39, 0.15), 0 8px 24px rgba(0, 0, 0, 0.25);
   --shadow-glow-hover:
-    0 0 0 1px rgba(139, 92, 246, 0.45), 0 16px 56px rgba(139, 92, 246, 0.32);
+    0 0 0 1px rgba(239, 159, 39, 0.3), 0 16px 48px rgba(0, 0, 0, 0.4);
+
+  // Buttons
+  --contact-button-bg: #ef9f27;
+  --contact-button-text: #042c53;
+  --contact-button-hover-bg: #fac775;
+
+  // Form inputs
+  --contact-input-bg: #042c53;
+  --contact-input-border: rgba(230, 241, 251, 0.2);
+  --contact-input-focus-ring: rgba(239, 159, 39, 0.3);
+
+  // Stat cards
+  --stat-primary-bg: rgba(12, 68, 124, 0.4);
+  --stat-primary-value: #e6f1fb;
+  --stat-primary-label: #b5d4f4;
+  --stat-secondary-bg: rgba(12, 68, 124, 0.4);
+  --stat-secondary-value: #e6f1fb;
+  --stat-secondary-label: #b5d4f4;
+  --stat-tertiary-bg: rgba(12, 68, 124, 0.4);
+  --stat-tertiary-value: #e6f1fb;
+  --stat-tertiary-label: #b5d4f4;
+  --stat-quaternary-bg: rgba(12, 68, 124, 0.4);
+  --stat-quaternary-value: #e6f1fb;
+  --stat-quaternary-label: #b5d4f4;
+
+  // Service cards
+  --service-card-primary-bg: rgba(12, 68, 124, 0.5);
+  --service-card-secondary-bg: rgba(4, 44, 83, 0.8);
+  --service-card-tertiary-bg: rgba(12, 68, 124, 0.5);
+  --service-card-quaternary-bg: rgba(4, 44, 83, 0.8);
+  --service-card-quinary-bg: rgba(12, 68, 124, 0.5);
+  --service-card-senary-bg: rgba(4, 44, 83, 0.8);
+  --service-icon-primary: #ef9f27;
+  --service-icon-secondary: #ef9f27;
+  --service-icon-tertiary: #ef9f27;
+  --service-icon-quaternary: #ef9f27;
+  --service-icon-quinary: #ef9f27;
+  --service-icon-senary: #ef9f27;
+  --service-title-primary: #e6f1fb;
+  --service-title-secondary: #e6f1fb;
+  --service-title-tertiary: #e6f1fb;
+  --service-title-quaternary: #e6f1fb;
+  --service-title-quinary: #e6f1fb;
+  --service-title-senary: #e6f1fb;
+  --service-description-primary: #b5d4f4;
+  --service-description-secondary: #b5d4f4;
+  --service-description-tertiary: #b5d4f4;
+  --service-description-quaternary: #b5d4f4;
+  --service-description-quinary: #b5d4f4;
+  --service-description-senary: #b5d4f4;
+
+  // Skills
+  --skills-category-bg: rgba(12, 68, 124, 0.4);
+  --skills-category-border: rgba(230, 241, 251, 0.1);
+  --skills-skill-name-color: #e6f1fb;
+  --skills-skill-level-color: #b5d4f4;
+  --skills-skill-percentage-color: #b5d4f4;
+  --skills-progress-bg: rgba(230, 241, 251, 0.1);
+  --skills-category-bg-primary: rgba(12, 68, 124, 0.5);
+  --skills-category-bg-secondary: rgba(12, 68, 124, 0.5);
+  --skills-category-bg-tertiary: rgba(12, 68, 124, 0.5);
+  --skills-category-bg-quaternary: rgba(12, 68, 124, 0.5);
+  --skills-category-bg-quinary: rgba(12, 68, 124, 0.5);
+  --skills-category-bg-senary: rgba(12, 68, 124, 0.5);
+  --skills-progress-primary: #ef9f27;
+  --skills-progress-secondary: #ef9f27;
+  --skills-progress-tertiary: #ef9f27;
+  --skills-progress-quaternary: #ef9f27;
+  --skills-progress-quinary: #ef9f27;
+  --skills-progress-senary: #ef9f27;
+
+  // Certifications
+  --certifications-card-background: #042c53;
+  --certifications-badge-background: rgba(239, 159, 39, 0.15);
+  --certifications-badge-border: rgba(239, 159, 39, 0.3);
+  --color-certifications-badge-text: #fac775;
+
+  // Projects
+  --projects-card-background: #042c53;
+  --projects-card-border: rgba(239, 159, 39, 0.15);
+  --projects-button-primary-bg: #ef9f27;
+  --projects-button-primary-text: #042c53;
+  --projects-button-primary-border: rgba(239, 159, 39, 0.3);
+  --projects-button-primary-hover-bg: #fac775;
+  --projects-button-secondary-bg: #0c447c;
+  --projects-button-secondary-text: #e6f1fb;
+  --projects-button-secondary-border: rgba(230, 241, 251, 0.15);
+  --projects-button-secondary-hover-bg: #185fa5;
+  --projects-tech-badge-bg: rgba(12, 68, 124, 0.6);
+  --projects-tech-badge-text: #e6f1fb;
+  --projects-tech-badge-border: rgba(239, 159, 39, 0.2);
+
+  // Contact
+  --contact-social-bg: #042c53;
+  --contact-social-text: #e6f1fb;
+  --contact-social-border: rgba(239, 159, 39, 0.3);
+  --contact-social-hover-bg: #0c447c;
+  --contact-social-hover-border: #ef9f27;
+  --contact-status-success-bg: rgba(4, 44, 83, 0.5);
+  --contact-status-success-border: #ef9f27;
+  --contact-status-success-text: #fac775;
+
+  // Page backgrounds
+  --bg-primary: #021829;
+  --bg-secondary: #042c53;
+  --border-color: rgba(230, 241, 251, 0.12);
+
+  // Skill badges
+  --skill-badge-primary-bg: rgba(12, 68, 124, 0.5);
+  --skill-badge-primary-text: #e6f1fb;
+  --skill-badge-secondary-bg: rgba(12, 68, 124, 0.5);
+  --skill-badge-secondary-text: #e6f1fb;
+  --skill-badge-tertiary-bg: rgba(12, 68, 124, 0.5);
+  --skill-badge-tertiary-text: #e6f1fb;
+  --skill-badge-quaternary-bg: rgba(65, 36, 2, 0.4);
+  --skill-badge-quaternary-text: #fac775;
+
+  // Feature cards
+  --feature-card-primary-bg: rgba(12, 68, 124, 0.4);
+  --feature-card-secondary-bg: rgba(4, 44, 83, 0.6);
+  --feature-card-tertiary-bg: rgba(12, 68, 124, 0.4);
+  --feature-icon-primary: #ef9f27;
+  --feature-icon-secondary: #ef9f27;
+  --feature-icon-tertiary: #ef9f27;
+  --feature-title-primary: #e6f1fb;
+  --feature-title-secondary: #e6f1fb;
+  --feature-title-tertiary: #e6f1fb;
+  --feature-description-primary: #b5d4f4;
+  --feature-description-secondary: #b5d4f4;
+  --feature-description-tertiary: #b5d4f4;
+
+  // Remove gradients
+  --gradient-primary: #ef9f27;
+}
+
+// Dark mode: override hardcoded SASS-compiled colors on section headings
+[data-theme='dark'] {
+  h1,
+  h2,
+  h3,
+  h4 {
+    color: #e6f1fb;
+  }
+
+  .about-section__greeting {
+    color: #e6f1fb;
+  }
+
+  .skills-section__category-title {
+    color: #e6f1fb;
+  }
+
+  // Border-left accent colors
+  .reasons-section__item,
+  .references-section__item,
+  .experience-section__paragraph--outro,
+  .reasons-section__outro {
+    border-left-color: #ef9f27;
+  }
+
+  .winnings-section__item,
+  .processes-section__item {
+    border-left-color: #b5d4f4;
+  }
+
+  // Stat numbers in reasons section
+  .reasons-section__stat {
+    color: #ef9f27;
+  }
+
+  // Navbar deepens in dark mode
+  .navbar {
+    background: #021829;
+    border-bottom: 1px solid rgba(230, 241, 251, 0.08);
+  }
 }
 
 body {
-  font-family:
-    'Geist',
-    system-ui,
-    -apple-system,
-    BlinkMacSystemFont,
-    'Segoe UI',
-    'Roboto',
-    sans-serif;
+  font-family: 'Quicksand', sans-serif;
+  font-weight: 400;
+  font-size: 1rem;
   background-color: var(--color-background);
   color: var(--color-text);
-  margin: 0; // Explicitly remove body margin
-  padding: 0; // Explicitly remove body padding
+  margin: 0;
+  padding: 0;
+}
+
+h1,
+h2,
+h3,
+h4 {
+  font-family: 'Comfortaa', sans-serif;
+  font-weight: 600;
+  color: var(--color-primary);
 }
 
 section {
diff --git a/src/scss/components/back-to-top.scss b/src/scss/components/back-to-top.scss
index 6036915..ebdbaab 100644
--- a/src/scss/components/back-to-top.scss
+++ b/src/scss/components/back-to-top.scss
@@ -9,7 +9,7 @@
   height: 3rem;
   border-radius: 50%;
   background: var(--color-primary);
-  color: #000000;
+  color: var(--color-text-on-dark); // #E6F1FB – white on dark navy
   border: none;
   cursor: pointer;
   display: flex;
diff --git a/src/scss/globals.scss b/src/scss/globals.scss
index af950de..32e6d0b 100644
--- a/src/scss/globals.scss
+++ b/src/scss/globals.scss
@@ -5,21 +5,25 @@
 
 // Global CSS custom properties for accessibility
 :root {
-  --color-primary: #2563eb;
-  --color-secondary: #60a5fa;
-  --color-focus-ring: #2563eb;
-  --color-text-aaa-light: #111827;
-  --color-text-aaa-dark: #ffffff;
-  --box-shadow-hover: rgba(0, 0, 0, 0.15);
+  --color-primary: #042c53;
+  --color-secondary: #0c447c;
+  --color-accent-text: #412402;
+  --color-accent-deco: #ef9f27;
+  --color-text-on-dark: #e6f1fb;
+  --color-focus-ring: #042c53;
+  --color-text-aaa-light: #1a1a1a;
+  --color-text-aaa-dark: #e6f1fb;
+  --box-shadow-hover: rgba(4, 44, 83, 0.15);
+  --font-headline: 'Comfortaa', sans-serif;
+  --font-body: 'Quicksand', sans-serif;
+  --contact-button-bg: #042c53;
+  --contact-button-text: #e6f1fb;
+  --contact-button-hover-bg: #0c447c;
 }
 
-@media (prefers-color-scheme: dark) {
-  :root {
-    --color-primary: #60a5fa;
-    --color-secondary: #93c5fd;
-    --color-focus-ring: #60a5fa;
-  }
-}
+// Dark mode is controlled via [data-theme='dark'] attribute on <html>.
+// OS-level prefers-color-scheme is intentionally NOT used here to avoid
+// --color-primary flipping to #E6F1FB, which breaks the always-dark navbar.
 
 // Screen Reader Only Classes - Central Definition
 .sr-only {
diff --git a/src/scss/language-toggle.scss b/src/scss/language-toggle.scss
index 91ef1d8..ce5ffba 100644
--- a/src/scss/language-toggle.scss
+++ b/src/scss/language-toggle.scss
@@ -5,7 +5,7 @@
   display: flex;
   gap: 0.25rem;
   background: transparent;
-  border: 1px solid var(--color-text-muted);
+  border: 1px solid rgba(230, 241, 251, 0.35); // light on always-dark navbar
   border-radius: $border-radius-sm;
   padding: 0.25rem;
 
@@ -16,33 +16,32 @@
     border: none;
     border-radius: 0.25rem;
     background: transparent;
-    color: var(--color-text);
+    color: var(--color-text-on-dark); // #E6F1FB – 10:1 on #042C53 navbar
     cursor: pointer;
     transition: all 0.2s ease;
-    @extend %hover-lift;
 
     &:hover {
-      color: var(--color-text);
+      background: rgba(230, 241, 251, 0.1);
+      color: var(--color-text-on-dark);
     }
 
     &:focus {
-      outline: 2px solid var(--color-primary);
+      outline: 2px solid var(--color-accent-deco); // ochre – always visible on dark
       outline-offset: 2px;
     }
 
     &:active {
-      box-shadow: 0 2px 4px var(--box-shadow-active);
       transform: translateY(0);
     }
 
     &--active {
-      background: var(--color-primary);
-      color: #000000;
+      background: var(--color-text-on-dark); // #E6F1FB bg → 10:1 contrast
+      color: #042c53; // night-blue text on light bg → AAA
       font-weight: 600;
 
       &:hover {
-        background: var(--color-primary);
-        color: #000000;
+        background: var(--color-text-on-dark);
+        color: #042c53;
       }
     }
   }
diff --git a/src/scss/layout/footer.scss b/src/scss/layout/footer.scss
index 7cc16fb..60d5c20 100644
--- a/src/scss/layout/footer.scss
+++ b/src/scss/layout/footer.scss
@@ -2,18 +2,17 @@
 @use '../variables';
 
 .footer {
-  background-color: var(--color-background-muted);
-  margin-top: auto; // Push footer to bottom if using flexbox layout
+  background-color: var(--color-surface);
+  border-top: 1px solid var(--color-border);
+  margin-top: auto;
 
   &__container {
     margin: 0 auto;
-    padding: 0 1rem;
+    padding: 2rem 1rem 1.5rem;
   }
 
   &__separator {
-    height: 1px;
-    background-color: var(--color-border);
-    margin-bottom: 2rem;
+    display: none; // border-top on .footer replaces this
   }
 
   &__content {
@@ -38,7 +37,7 @@
   }
 
   &__link {
-    color: var(--color-text-muted);
+    color: var(--color-text);
     font-size: 0.875rem;
     text-decoration: none;
     padding: 0.5rem;
@@ -46,21 +45,22 @@
     transition: all 0.2s ease-in-out;
 
     &:hover {
-      color: var(--color-text);
-      background-color: var(--color-background-hover);
+      color: var(--color-primary);
+      text-decoration: underline;
     }
 
     &:focus {
-      outline: 2px solid var(--color-primary);
+      outline: 2px solid var(--color-focus-ring);
       outline-offset: 2px;
     }
   }
 
   &__copyright {
-    color: var(--color-text-muted);
+    color: var(--color-text);
     font-size: 0.875rem;
     text-align: center;
     margin: 0;
+    opacity: 0.7;
   }
 
   &__social {
@@ -75,20 +75,22 @@
     width: 2.5rem;
     height: 2.5rem;
     background: transparent;
-    border: none;
+    border: 1px solid var(--color-border);
     border-radius: 0.375rem;
-    color: var(--color-text-muted);
+    color: var(--color-text);
     cursor: pointer;
     transition: all 0.2s ease-in-out;
+    text-decoration: none;
 
     &:hover {
-      background-color: var(--color-background-hover);
-      color: var(--color-text);
+      background-color: var(--color-primary);
+      color: var(--color-text-on-dark);
+      border-color: var(--color-primary);
       transform: translateY(-1px);
     }
 
     &:focus {
-      outline: 2px solid var(--color-primary);
+      outline: 2px solid var(--color-focus-ring);
       outline-offset: 2px;
     }
 
diff --git a/src/scss/layout/topbar.scss b/src/scss/layout/topbar.scss
index 378ed23..79c0e3b 100644
--- a/src/scss/layout/topbar.scss
+++ b/src/scss/layout/topbar.scss
@@ -4,21 +4,32 @@
   @include globals.flex-center();
   justify-content: space-between;
   padding: 1em;
-  background: var(--color-background);
-  color: var(--color-text);
+  background: #042c53; // always night-blue – independent of --color-primary cascade
+  color: var(--color-text-on-dark);
   height: 65px;
   position: sticky;
   top: 0;
   z-index: 100;
-  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
+  box-shadow: 0 2px 8px rgba(4, 44, 83, 0.2);
 
   &__name {
     font-weight: bold;
     font-size: 1.25rem;
-    color: var(--color-text);
+    color: var(--color-text-on-dark);
     text-decoration: none;
   }
 
+  &__logo {
+    height: 65px;
+    max-height: calc(65px - 0.5rem); // stay within navbar height minus padding
+    width: auto;
+    display: block;
+
+    @media (max-width: 768px) {
+      height: 48px;
+    }
+  }
+
   &__container {
     display: flex;
     align-items: center;
@@ -29,18 +40,31 @@
       @extend %hover-lift;
       padding: 0.6rem 1.2rem;
       border-radius: 8px;
+      color: var(--color-text-on-dark);
       transition:
+        color 0.2s ease,
         box-shadow 0.2s ease,
         transform 0.2s ease;
 
+      &:hover {
+        color: var(--color-accent-deco);
+        box-shadow: none;
+        transform: none;
+      }
+
       &:active {
-        box-shadow: 0 2px 4px var(--box-shadow-active);
+        box-shadow: none;
         transform: translateY(0);
       }
 
       &--active {
-        box-shadow: 0 2px 6px rgba(0, 0, 0, 0.15);
-        background: var(--box-shadow-hover, rgba(0, 0, 0, 0.05));
+        color: var(
+          --color-text-on-dark
+        ); // #E6F1FB – 10:1 contrast, same as default
+        box-shadow: none;
+        background: rgba(230, 241, 251, 0.12);
+        border-bottom: 2px solid var(--color-accent-deco); // ochre underline as accent indicator
+        border-radius: 8px 8px 4px 4px;
       }
     }
   }
@@ -60,14 +84,14 @@
       display: block;
       height: 3px;
       width: 100%;
-      background-color: var(--color-text);
+      background-color: var(--color-text-on-dark); // light on dark navy bg
       border-radius: 2px;
       transition: all 0.3s ease;
       margin: 1px 0;
     }
 
     &:hover &__item {
-      background-color: var(--color-primary);
+      background-color: var(--color-accent-deco); // ochre accent on hover
     }
 
     &.active {
diff --git a/src/scss/sections/contact-section.scss b/src/scss/sections/contact-section.scss
index 4e82256..507fb4b 100644
--- a/src/scss/sections/contact-section.scss
+++ b/src/scss/sections/contact-section.scss
@@ -85,8 +85,10 @@
   &__email-icon {
     width: 2rem;
     height: 2rem;
-    color: var(--primary-color);
-    background: rgba(147, 51, 234, 0.1);
+    color: var(
+      --color-primary
+    ); // #042C53 light / #E6F1FB dark – high contrast in both
+    background: rgba(4, 44, 83, 0.08);
     border-radius: 0.75rem;
     padding: 0.5rem;
     flex-shrink: 0;
@@ -225,7 +227,11 @@
   &__status-text {
     font-size: 0.875rem;
     font-weight: 500;
-    color: #22c55e;
+    color: #065f46; // dark emerald – 7.4:1 on white; light-mode accessible
+
+    [data-theme='dark'] & {
+      color: #34d399; // light mint – high contrast on dark bg
+    }
   }
 
   &__quick-facts {
@@ -351,17 +357,10 @@
       outline-offset: 2px;
     }
 
-    // Brand-specific icon colors with better contrast
-    &--email .contact-section__social-icon {
-      color: var(--social-icon-email, #2563eb); // Use theme variable
-    }
-
-    &--github .contact-section__social-icon {
-      color: var(--social-icon-github, #1f2937); // Use theme variable
-    }
-
-    &--linkedin .contact-section__social-icon {
-      color: var(--social-icon-linkedin, #0d67b5); // Use theme variable
+    // Icons inherit color from parent button's var(--contact-social-text)
+    // which is #042C53 (light) / #E6F1FB (dark) – both high contrast
+    .contact-section__social-icon {
+      color: currentColor;
     }
   }
 
@@ -578,7 +577,7 @@
   &__email-card-icon {
     width: 3rem;
     height: 3rem;
-    color: var(--primary-color);
+    color: var(--color-primary); // #042C53 light / #E6F1FB dark – high contrast
     margin: 0 auto 1rem;
     display: block;
   }
@@ -599,39 +598,19 @@
     margin: var(--card-padding-sm) 0;
     text-decoration: none;
     color: var(--contact-button-text);
-    box-shadow:
-      0 4px 14px 0 rgba(37, 99, 235, 0.25),
-      0 2px 4px -1px rgba(0, 0, 0, 0.06);
+    box-shadow: none;
     width: 100%;
     position: relative;
     overflow: hidden;
 
     &::before {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: -100%;
-      width: 100%;
-      height: 100%;
-      background: linear-gradient(
-        90deg,
-        transparent,
-        rgba(255, 255, 255, 0.2),
-        transparent
-      );
-      transition: left 0.5s ease;
+      display: none;
     }
 
     &:hover {
       background: var(--contact-button-hover-bg);
       transform: translateY(-2px);
-      box-shadow:
-        0 8px 25px 0 rgba(37, 99, 235, 0.35),
-        0 4px 6px -2px rgba(0, 0, 0, 0.1);
-
-      &::before {
-        left: 100%;
-      }
+      box-shadow: none;
     }
 
     &:active {
@@ -661,7 +640,7 @@
     line-height: 1.5;
 
     strong {
-      color: var(--primary-color);
+      color: var(--color-primary);
       font-weight: 600;
     }
   }
@@ -753,6 +732,99 @@
   }
 }
 
+// ── Dark mode explicit overrides ─────────────────────────────────────────────
+// CSS vars can silently fall back to light values in certain cascade scenarios.
+// These scoped rules guarantee correct dark appearance regardless.
+[data-theme='dark'] {
+  .contact-section {
+    // Card / form backgrounds
+    &__connect-card,
+    &__social-card,
+    &__info-card,
+    &__email-card,
+    &__form-card {
+      background: #042c53;
+      border-color: rgba(230, 241, 251, 0.12);
+    }
+
+    // Email button – ochre fill, navy text
+    &__email-button {
+      background: #ef9f27;
+      color: #042c53;
+
+      &:hover {
+        background: #fac775;
+        color: #042c53;
+      }
+    }
+
+    // Form submit button
+    &__form-button {
+      background: #ef9f27;
+      color: #042c53;
+
+      &:hover:not(:disabled) {
+        background: #fac775;
+      }
+    }
+
+    // Social list icons (Globe, Linkedin) and links
+    &__social-icon {
+      color: #e6f1fb;
+    }
+
+    &__detail-item {
+      color: #e6f1fb;
+    }
+
+    &__detail-link {
+      color: #e6f1fb;
+
+      &:hover {
+        text-decoration-color: #e6f1fb;
+      }
+    }
+
+    // Appointment hint block
+    &__appointment-hint {
+      background: rgba(12, 68, 124, 0.5);
+      border-color: rgba(230, 241, 251, 0.12);
+    }
+
+    &__appointment-icon,
+    &__appointment-link,
+    &__appointment-text {
+      color: #e6f1fb;
+    }
+
+    // Email icon in header
+    &__email-icon {
+      color: #ef9f27;
+      background: rgba(239, 159, 39, 0.15);
+    }
+
+    // Titles within cards (compiled from $color-heading)
+    &__email-title,
+    &__connect-title,
+    &__social-title,
+    &__form-title {
+      color: #e6f1fb;
+    }
+
+    // Inputs
+    &__form-input,
+    &__form-textarea {
+      background: #021829;
+      color: #e6f1fb;
+      border-color: rgba(230, 241, 251, 0.2);
+
+      &::placeholder {
+        color: #b5d4f4;
+      }
+    }
+  }
+}
+
 // High contrast mode support
 @media (prefers-contrast: high) {
   .contact-section__social-button {
diff --git a/src/scss/sections/experience-section.scss b/src/scss/sections/experience-section.scss
index fb72c87..1ce35b7 100644
--- a/src/scss/sections/experience-section.scss
+++ b/src/scss/sections/experience-section.scss
@@ -68,7 +68,7 @@
       padding: var(--space-5) var(--space-6);
       border-radius: var(--radius-xl);
       border: 1px solid var(--card-glass-border);
-      border-left: 4px solid var(--color-primary);
+      border-left: 4px solid var(--color-secondary);
       box-shadow: var(--shadow-glow);
     }
   }
diff --git a/src/scss/sections/hero-section.scss b/src/scss/sections/hero-section.scss
index 852bff4..bf55578 100644
--- a/src/scss/sections/hero-section.scss
+++ b/src/scss/sections/hero-section.scss
@@ -23,26 +23,38 @@
   background: var(--hero-background);
   position: relative;
 
-  // Subtle radial glow at center for cinematic depth
+  // Mid-Century geometric circle decoration
   &::before {
     content: '';
     position: absolute;
-    inset: 0;
-    background: radial-gradient(
-      ellipse 80% 60% at 50% 40%,
-      rgba(99, 102, 241, 0.12) 0%,
-      transparent 70%
-    );
+    top: -80px;
+    right: -80px;
+    width: 300px;
+    height: 300px;
+    border-radius: 50%;
+    border: 2px solid rgba(12, 68, 124, 0.15);
+    pointer-events: none;
+  }
+
+  &::after {
+    content: '';
+    position: absolute;
+    bottom: 40px;
+    left: -60px;
+    width: 180px;
+    height: 180px;
+    border-radius: 50%;
+    background: rgba(239, 159, 39, 0.08);
     pointer-events: none;
   }
 
   [data-theme='dark'] & {
     &::before {
-      background: radial-gradient(
-        ellipse 80% 60% at 50% 40%,
-        rgba(139, 92, 246, 0.22) 0%,
-        transparent 70%
-      );
+      border-color: rgba(230, 241, 251, 0.1);
+    }
+
+    &::after {
+      background: rgba(239, 159, 39, 0.05);
     }
   }
 
@@ -86,27 +98,31 @@
 
     &--primary,
     &--tertiary {
-      background: var(--gradient-primary);
-      color: var(--color-background);
+      background: var(--color-primary);
+      color: var(--color-text-on-dark);
+      font-family: var(--font-headline);
+      font-weight: 600;
+      border-radius: 8px;
 
       &:hover {
+        background: var(--color-secondary);
+        box-shadow: none;
+        filter: none;
         transform: translateY(-1px);
-        box-shadow: var(--box-shadow-sm);
-        filter: brightness(1.1);
       }
     }
 
     &--secondary {
       background: transparent;
-      color: var(--color-text);
-      border: 2px solid $color-primary;
+      color: var(--color-primary);
+      border: 2px solid var(--color-primary);
       padding: calc(#{$spacing-sm} - 2px) $spacing-xl;
 
       &:hover {
-        background: $color-primary;
-        color: var(--color-background);
+        background: var(--color-primary);
+        color: var(--color-text-on-dark);
         transform: translateY(-1px);
-        box-shadow: var(--box-shadow-sm);
+        box-shadow: none;
       }
     }
   }
diff --git a/src/scss/sections/imprint-page.scss b/src/scss/sections/imprint-page.scss
index 69f5153..2a22af4 100644
--- a/src/scss/sections/imprint-page.scss
+++ b/src/scss/sections/imprint-page.scss
@@ -149,7 +149,7 @@
     margin-bottom: 1rem;
     padding: 1rem;
     background: var(--bg-primary);
-    border-left: 4px solid var(--color-primary);
+    border-left: 4px solid var(--color-secondary);
     border-radius: 0 0.5rem 0.5rem 0;
     font-weight: 500;
     text-decoration: underline;
diff --git a/src/scss/sections/reasons-section.scss b/src/scss/sections/reasons-section.scss
index c72d177..4b5d5b0 100644
--- a/src/scss/sections/reasons-section.scss
+++ b/src/scss/sections/reasons-section.scss
@@ -80,7 +80,7 @@
     backdrop-filter: blur(12px);
     -webkit-backdrop-filter: blur(12px);
     border: 1px solid var(--card-glass-border);
-    border-left: 3px solid var(--color-primary);
+    border-left: 3px solid var(--color-secondary);
     border-radius: var(--radius-lg);
     padding: var(--space-4) var(--space-5);
     box-shadow: var(--shadow-sm);
@@ -102,10 +102,16 @@
   &__stat {
     font-size: var(--font-size-lg);
     font-weight: 800;
-    color: var(--color-primary);
+    color: $color-heading; // compiled literal – immune to CSS var cascade issues
     line-height: var(--leading-normal);
     white-space: nowrap;
     letter-spacing: var(--tracking-tight);
+
+    [data-theme='dark'] & {
+      color: var(
+        --color-text-on-dark
+      ); // #E6F1FB – always defined in globals, never overridden
+    }
   }
 
   &__text {
@@ -127,7 +133,7 @@
     padding: var(--space-5) var(--space-6);
     border-radius: var(--radius-xl);
     border: 1px solid var(--card-glass-border);
-    border-left: 4px solid var(--color-primary);
+    border-left: 4px solid var(--color-secondary);
     box-shadow: var(--shadow-glow);
   }
 }
diff --git a/src/scss/sections/references-section.scss b/src/scss/sections/references-section.scss
index a7e3a6a..a0c67b5 100644
--- a/src/scss/sections/references-section.scss
+++ b/src/scss/sections/references-section.scss
@@ -58,7 +58,7 @@
     backdrop-filter: blur(12px);
     -webkit-backdrop-filter: blur(12px);
     border: 1px solid var(--card-glass-border);
-    border-left: 3px solid var(--color-primary);
+    border-left: 3px solid var(--color-secondary);
     border-radius: var(--radius-lg);
     padding: var(--space-6);
     box-shadow: var(--shadow-sm);
diff --git a/src/scss/sections/skills-section.scss b/src/scss/sections/skills-section.scss
index 84155f5..8f8acc2 100644
--- a/src/scss/sections/skills-section.scss
+++ b/src/scss/sections/skills-section.scss
@@ -358,67 +358,34 @@
     transition: all 0.8s cubic-bezier(0.4, 0, 0.2, 1);
     position: relative;
 
+    // Shimmer disabled for flat design
     &::after {
-      content: '';
-      position: absolute;
-      top: 0;
-      left: 0;
-      right: 0;
-      bottom: 0;
-      background: linear-gradient(
-        90deg,
-        transparent,
-        rgba(255, 255, 255, 0.4),
-        transparent
-      );
-      transform: translateX(-100%);
-      animation: shimmer 2s infinite;
+      display: none;
     }
 
-    // Semantic hierarchy classes with enhanced gradients
+    // Semantic hierarchy classes — flat brand colors via theme vars
     &--primary {
       background: var(--skills-progress-primary);
-      box-shadow: 0 0 8px rgba(59, 130, 246, 0.3);
     }
 
     &--secondary {
       background: var(--skills-progress-secondary);
-      box-shadow: 0 0 8px rgba(16, 185, 129, 0.3);
     }
 
     &--tertiary {
       background: var(--skills-progress-tertiary);
-      box-shadow: 0 0 8px rgba(139, 92, 246, 0.3);
     }
 
     &--quaternary {
       background: var(--skills-progress-quaternary);
-      box-shadow: 0 0 8px rgba(6, 182, 212, 0.3);
     }
 
     &--quinary {
       background: var(--skills-progress-quinary);
-      box-shadow: 0 0 8px rgba(245, 158, 11, 0.3);
     }
 
     &--senary {
       background: var(--skills-progress-senary);
-      box-shadow: 0 0 8px rgba(239, 68, 68, 0.3);
     }
   }
 }
-
-// Enhanced shimmer animation
-@keyframes shimmer {
-  0% {
-    transform: translateX(-100%);
-    opacity: 0;
-  }
-  50% {
-    opacity: 1;
-  }
-  100% {
-    transform: translateX(100%);
-    opacity: 0;
-  }
-}
diff --git a/src/scss/themes/_about.scss b/src/scss/themes/_about.scss
index 59a314e..3aa3f4a 100644
--- a/src/scss/themes/_about.scss
+++ b/src/scss/themes/_about.scss
@@ -64,119 +64,63 @@ $text-aaa-light: #111827; // Near black for AAA contrast on light backgrounds
 $text-aaa-dark: #ffffff; // Pure white for AAA contrast on dark backgrounds
 
 $about-light-theme: (
-  // About section colors
-  about-background:
-    linear-gradient(135deg, $about-bg-light-start 0%, $about-bg-light-end 100%),
-  gradient-about-title: linear-gradient(90deg, $green-primary, $teal-primary),
-  about-greeting-color: $green-secondary,
-  gradient-image-overlay:
-    linear-gradient(
-      45deg,
-      rgba($blue-primary, $alpha-overlay),
-      rgba($purple-primary, $alpha-overlay)
-    ),
-  // Skill badge colors - FIXED for AAA contrast
-  skill-badge-primary-bg: $blue-lightest,
-  skill-badge-primary-text: $text-aaa-light,
-  // Changed from $blue-tertiary for AAA contrast
-  skill-badge-secondary-bg: $green-ultralight,
-  skill-badge-secondary-text: $text-aaa-light,
-  // Changed from $green-tertiary for AAA contrast
-  skill-badge-tertiary-bg: $purple-lightest,
-  skill-badge-tertiary-text: $text-aaa-light,
-  // Changed from $orange-tertiary for AAA contrast
-  skill-badge-quaternary-bg: $orange-lighter,
-  skill-badge-quaternary-text: $text-aaa-light,
+  about-background: #ffffff,
+  gradient-about-title: #042c53,
+  about-greeting-color: #042c53,
+  gradient-image-overlay: rgba(4, 44, 83, 0.1),
+  // Skill badge colors
+  skill-badge-primary-bg: #e6f1fb,
+  skill-badge-primary-text: #042c53,
+  skill-badge-secondary-bg: #f1efe8,
+  skill-badge-secondary-text: #042c53,
+  skill-badge-tertiary-bg: #e6f1fb,
+  skill-badge-tertiary-text: #042c53,
+  skill-badge-quaternary-bg: #faeeda,
+  skill-badge-quaternary-text: #412402,
 
-  // Changed from $orange-secondary for AAA contrast
-  // Feature card colors - FIXED for AAA contrast
-  feature-card-primary-bg:
-    linear-gradient(135deg, $blue-lightest, $blue-ultralight),
-  feature-card-secondary-bg:
-    linear-gradient(135deg, $purple-lightest, $purple-ultralight),
-  feature-card-tertiary-bg:
-    linear-gradient(135deg, $teal-lightest, $teal-lighter),
-  feature-icon-primary: $blue-primary,
-  feature-icon-secondary: $purple-primary,
-  feature-icon-tertiary: $teal-primary,
+  // Feature card colors
+  feature-card-primary-bg: #f1efe8,
+  feature-card-secondary-bg: #ffffff,
+  feature-card-tertiary-bg: #f1efe8,
+  feature-icon-primary: #042c53,
+  feature-icon-secondary: #0c447c,
+  feature-icon-tertiary: #ef9f27,
 
-  // Text colors - FIXED for AAA contrast
-  feature-title-primary: $text-aaa-light,
-  // Changed from $blue-tertiary for AAA contrast
-  feature-title-secondary: $text-aaa-light,
-  // Changed from $purple-tertiary for AAA contrast
-  feature-title-tertiary: $text-aaa-light,
-
-  // Changed from $teal-tertiary for AAA contrast
-  feature-description-primary: $text-aaa-light,
-  // Changed from $blue-secondary for AAA contrast
-  feature-description-secondary: $text-aaa-light,
-  // Changed from $purple-secondary for AAA contrast
-  feature-description-tertiary: $text-aaa-light
-    // Changed from $teal-dark for AAA contrast
+  feature-title-primary: #042c53,
+  feature-title-secondary: #042c53,
+  feature-title-tertiary: #042c53,
+  feature-description-primary: #1a1a1a,
+  feature-description-secondary: #1a1a1a,
+  feature-description-tertiary: #1a1a1a,
 );
 
 $about-dark-theme: (
-  // About section colors
-  about-background:
-    linear-gradient(135deg, $about-bg-dark-start 0%, $about-bg-dark-end 100%),
-  gradient-about-title: linear-gradient(90deg, $green-light, $teal-secondary),
-  about-greeting-color: $green-lighter,
-  gradient-image-overlay:
-    linear-gradient(
-      45deg,
-      rgba($blue-primary, $alpha-overlay),
-      rgba($purple-primary, $alpha-overlay)
-    ),
-  // Skill badge colors - FIXED for AAA contrast
-  skill-badge-primary-bg: rgba($blue-dark, $alpha-bg-low),
-  skill-badge-primary-text: $text-aaa-dark,
-  // Changed from $blue-lighter for AAA contrast
-  skill-badge-secondary-bg: rgba($green-dark, $alpha-bg-low),
-  skill-badge-secondary-text: $text-aaa-dark,
-  // Changed from $green-lightest for AAA contrast
-  skill-badge-tertiary-bg: rgba($purple-dark, $alpha-bg-low),
-  skill-badge-tertiary-text: $text-aaa-dark,
-  // Changed from $purple-lighter for AAA contrast
-  skill-badge-quaternary-bg: rgba($orange-darker, $alpha-bg-low),
-  skill-badge-quaternary-text: $text-aaa-dark,
+  about-background: #0c447c,
+  gradient-about-title: #e6f1fb,
+  about-greeting-color: #e6f1fb,
+  gradient-image-overlay: rgba(230, 241, 251, 0.1),
+  // Skill badge colors (dark)
+  skill-badge-primary-bg: rgba(230, 241, 251, 0.15),
+  skill-badge-primary-text: #e6f1fb,
+  skill-badge-secondary-bg: rgba(230, 241, 251, 0.1),
+  skill-badge-secondary-text: #e6f1fb,
+  skill-badge-tertiary-bg: rgba(230, 241, 251, 0.15),
+  skill-badge-tertiary-text: #e6f1fb,
+  skill-badge-quaternary-bg: rgba(239, 159, 39, 0.15),
+  skill-badge-quaternary-text: #ef9f27,
 
-  // Changed from $orange-light for AAA contrast
-  // Feature card colors - Enhanced for better contrast
-  feature-card-primary-bg:
-    linear-gradient(
-      135deg,
-      rgba($blue-dark, $alpha-bg-low),
-      rgba($blue-darker, $alpha-bg-low)
-    ),
-  feature-card-secondary-bg:
-    linear-gradient(
-      135deg,
-      rgba($purple-dark, $alpha-bg-low),
-      rgba($purple-darker, $alpha-bg-low)
-    ),
-  feature-card-tertiary-bg:
-    linear-gradient(
-      135deg,
-      rgba($teal-dark, $alpha-bg-low),
-      rgba($teal-darker, $alpha-bg-low)
-    ),
-  feature-icon-primary: $blue-light,
-  feature-icon-secondary: $purple-light,
-  feature-icon-tertiary: $teal-secondary,
+  // Feature card colors (dark)
+  feature-card-primary-bg: rgba(12, 68, 124, 0.8),
+  feature-card-secondary-bg: rgba(4, 44, 83, 0.9),
+  feature-card-tertiary-bg: rgba(12, 68, 124, 0.8),
+  feature-icon-primary: #ef9f27,
+  feature-icon-secondary: #ef9f27,
+  feature-icon-tertiary: #ef9f27,
 
-  // Text colors - FIXED for AAA contrast
-  feature-title-primary: $text-aaa-dark,
-  // Changed from $blue-lighter for AAA contrast
-  feature-title-secondary: $text-aaa-dark,
-  // Changed from $purple-lighter for AAA contrast
-  feature-title-tertiary: $text-aaa-dark,
-
-  // Changed from $teal-light for AAA contrast
-  feature-description-primary: $text-aaa-dark,
-  // Changed from $blue-lightest for AAA contrast
-  feature-description-secondary: $text-aaa-dark,
-  // Changed from $purple-lightest for AAA contrast
-  feature-description-tertiary: $text-aaa-dark
-    // Changed from $teal-lightest for AAA contrast
+  feature-title-primary: #e6f1fb,
+  feature-title-secondary: #e6f1fb,
+  feature-title-tertiary: #e6f1fb,
+  feature-description-primary: #b5d4f4,
+  feature-description-secondary: #b5d4f4,
+  feature-description-tertiary: #b5d4f4,
 );
diff --git a/src/scss/themes/_base.scss b/src/scss/themes/_base.scss
index d8690d7..458bd40 100644
--- a/src/scss/themes/_base.scss
+++ b/src/scss/themes/_base.scss
@@ -3,13 +3,13 @@
 
 // Base colors and variables that are used across sections
 $base-light-theme: (
-  primary: #800000,
-  background: #ffffff,
-  text: #000000,
-  text-muted: #2b2b2b,
-  active-box-shadow: rgba(0, 0, 0, 0.6),
-  hover-box-shadow: rgba(0, 0, 0, 0.9),
-  gradient-primary: $gradient-primary,
+  primary: #042c53,
+  background: #f1efe8,
+  text: #1a1a1a,
+  text-muted: #412402,
+  active-box-shadow: rgba(4, 44, 83, 0.2),
+  hover-box-shadow: rgba(4, 44, 83, 0.15),
+  gradient-primary: #042c53,
   gradient-text: $gradient-text-light,
 
   // Shadow variables
@@ -36,10 +36,10 @@ $base-light-theme: (
 
   // Form and text variables
   form-background: #ffffff,
-  form-border: #e5e7eb,
-  text-primary: #111827,
-  text-secondary: #484c56,
-  primary-color: #9333ea,
+  form-border: rgba(4, 44, 83, 0.15),
+  text-primary: #1a1a1a,
+  text-secondary: #412402,
+  primary-color: #042c53,
 
   // Contact status colors (light theme)
   contact-status-success-bg: #d1fae5,
@@ -50,25 +50,24 @@ $base-light-theme: (
   contact-status-error-text: #991b1b,
 
   // Additional missing variables
-  box-shadow-hover: rgba(0, 0, 0, 0.15),
+  box-shadow-hover: rgba(4, 44, 83, 0.15),
   bg-primary: #ffffff,
-  bg-secondary: #f9fafb,
-  border-color: #e5e7eb,
-
+  bg-secondary: #f1efe8,
+  border-color: rgba(4, 44, 83, 0.15),
   // Design system semantic tokens
-  surface: #f8fafc,
-  border: #e5e7eb,
-  secondary: #2563eb,
+  surface: #ffffff,
+  border: rgba(4, 44, 83, 0.15),
+  secondary: #0c447c,
 );
 
 $base-dark-theme: (
-  primary: #9333ea,
-  background: #1f2937,
-  text: #ffffff,
-  text-muted: #ffffff,
-  active-box-shadow: rgba(255, 255, 255, 0.1),
-  hover-box-shadow: rgba(255, 255, 255, 0.15),
-  gradient-primary: $gradient-primary,
+  primary: #e6f1fb,
+  background: #021829,
+  text: #e6f1fb,
+  text-muted: #b5d4f4,
+  active-box-shadow: rgba(230, 241, 251, 0.1),
+  hover-box-shadow: rgba(230, 241, 251, 0.15),
+  gradient-primary: #ef9f27,
   gradient-text: $gradient-text-dark,
 
   // Shadow variables
@@ -93,30 +92,27 @@ $base-dark-theme: (
   transition-fast: #{$transition-fast},
 
   // Form and text variables (dark theme)
-  form-background: #374151,
-  form-border: #4b5563,
-  text-primary: #f9fafb,
-  text-secondary: #9ca3af,
-  primary-color: #9333ea,
+  form-background: #042c53,
+  form-border: rgba(230, 241, 251, 0.15),
+  text-primary: #e6f1fb,
+  text-secondary: #b5d4f4,
+  primary-color: #ef9f27,
 
   // Contact status colors (dark theme)
-  contact-status-success-bg: #064e3b,
-  contact-status-success-border: #059669,
-  contact-status-success-text: #a7f3d0,
-  contact-status-error-bg: #7f1d1d,
+  contact-status-success-bg: rgba(4, 44, 83, 0.5),
+  contact-status-success-border: #ef9f27,
+  contact-status-success-text: #fac775,
+  contact-status-error-bg: rgba(127, 29, 29, 0.3),
   contact-status-error-border: #dc2626,
   contact-status-error-text: #fecaca,
 
   // Additional missing variables (dark theme)
-  box-shadow-hover: rgba(255, 255, 255, 0.15),
-  bg-primary: #1f2937,
-  bg-secondary: #374151,
-  border-color: #4b5563,
-
+  box-shadow-hover: rgba(239, 159, 39, 0.15),
+  bg-primary: #021829,
+  bg-secondary: #042c53,
+  border-color: rgba(230, 241, 251, 0.12),
   // Design system semantic tokens
-  // surface is a subtle step above background — not a stark jump.
-  // Kept close to background so dark sections feel like one canvas.
-  surface: #232f3e,
-  border: #374151,
-  secondary: #60a5fa,
+  surface: #042c53,
+  border: rgba(230, 241, 251, 0.12),
+  secondary: #b5d4f4,
 );
diff --git a/src/scss/themes/_certifications.scss b/src/scss/themes/_certifications.scss
index 24cacf4..816367c 100644
--- a/src/scss/themes/_certifications.scss
+++ b/src/scss/themes/_certifications.scss
@@ -47,74 +47,39 @@ $text-aaa-dark: #ffffff; // Pure white for AAA contrast on dark backgrounds
 
 $certifications-light-theme: (
   // Certifications section background
-  'certifications-background':
-    linear-gradient(135deg, $cert-bg-light-start 0%, $cert-bg-light-end 100%),
-  'gradient-certifications-title':
-    linear-gradient(to right, $purple-primary, $pink-primary),
-  'color-certifications-primary': $purple-primary,
+  'certifications-background': #f1efe8,
+  'gradient-certifications-title': #042c53,
+  'color-certifications-primary': #ef9f27,
 
-  // Card styling
-  'certifications-card-background':
-    linear-gradient(135deg, $white 0%, $gray-50 100%),
+  'certifications-card-background': #ffffff,
   'certifications-card-shadow': $shadow-card-light,
   'certifications-card-shadow-hover': $shadow-card-light-hover,
-  'certifications-card-overlay':
-    linear-gradient(
-      135deg,
-      rgba($purple-primary, $alpha-overlay-light) 0%,
-      rgba($pink-primary, $alpha-overlay-light) 100%
-    ),
-  // Badge styling - FIXED for AAA contrast
-  'certifications-badge-background':
-    linear-gradient(to right, $purple-lightest, $pink-lightest),
-  'certifications-badge-border': rgba($purple-primary, $alpha-border-light),
-  'color-certifications-badge-text': $text-aaa-light,
+  'certifications-card-overlay': rgba(4, 44, 83, 0.04),
+  'certifications-badge-background': #e6f1fb,
+  'certifications-badge-border': rgba(4, 44, 83, 0.15),
+  'color-certifications-badge-text': #042c53,
 
-  // Changed from $purple-secondary for AAA contrast
-  // Text styling for AAA compliance
-  'certifications-card-title': $text-aaa-light,
-  'certifications-card-description': $text-aaa-light,
-  'certifications-card-date': $text-aaa-light,
-  // Medium gray for secondary text
+  'certifications-card-title': #042c53,
+  'certifications-card-description': #1a1a1a,
+  'certifications-card-date': #412402
 );
 
 $certifications-dark-theme: (
-  // Certifications section background (dark purple/pink gradient)
-  'certifications-background':
-    linear-gradient(135deg, $cert-bg-dark-start 0%, $cert-bg-dark-end 100%),
-  // Certifications title gradient (brighter purple to pink for dark mode)
-  'gradient-certifications-title':
-    linear-gradient(to right, $purple-light, $pink-light),
-  // Primary color for icons (lighter purple)
-  'color-certifications-primary': $purple-light,
+  'certifications-background': #042c53,
+  'gradient-certifications-title': #e6f1fb,
+  'color-certifications-primary': #ef9f27,
 
-  // Card styling (dark theme)
-  'certifications-card-background':
-    linear-gradient(135deg, $gray-900 0%, $gray-800 100%),
+  'certifications-card-background': rgba(12, 68, 124, 0.6),
   'certifications-card-shadow': $shadow-card-dark,
   'certifications-card-shadow-hover': $shadow-card-dark-hover,
-  'certifications-card-overlay':
-    linear-gradient(
-      135deg,
-      rgba($purple-light, $alpha-overlay-dark) 0%,
-      rgba($pink-light, $alpha-overlay-dark) 100%
-    ),
-  // Badge styling (dark theme) - FIXED for AAA contrast
-  'certifications-badge-background':
-    linear-gradient(
-      to right,
-      rgba($purple-dark, $alpha-border-dark),
-      rgba($pink-dark, $alpha-border-dark)
-    ),
-  'certifications-badge-border': rgba($purple-light, $alpha-border-dark),
-  'color-certifications-badge-text': $text-aaa-dark,
+  'certifications-card-overlay': rgba(239, 159, 39, 0.04),
+  'certifications-badge-background': rgba(239, 159, 39, 0.15),
+  'certifications-badge-border': rgba(239, 159, 39, 0.3),
+  'color-certifications-badge-text': #ef9f27,
 
-  // Changed from $purple-lighter for AAA contrast
-  // Text styling for AAA compliance
-  'certifications-card-title': $text-aaa-dark,
-  'certifications-card-description': $text-aaa-dark,
-  'certifications-card-date': #d1d5db,
-  // Light gray for secondary text in dark mode
+  'certifications-card-title': #e6f1fb,
+  'certifications-card-description': #b5d4f4,
+  'certifications-card-date': #b5d4f4,
 );
 
 // Card layout styling
diff --git a/src/scss/themes/_contact.scss b/src/scss/themes/_contact.scss
index 8a7adc3..0df3373 100644
--- a/src/scss/themes/_contact.scss
+++ b/src/scss/themes/_contact.scss
@@ -72,148 +72,87 @@ $text-aaa-dark: #ffffff; // Pure white for AAA contrast on dark backgrounds
 
 $contact-light-theme: (
   // Contact section background (light indigo/purple tones)
-  'contact-background':
-    linear-gradient(
-      135deg,
-      $contact-bg-light-start 0%,
-      $contact-bg-light-end 100%
-    ),
-  // Contact title gradient (indigo to purple)
-  'gradient-contact-title':
-    linear-gradient(to right, $indigo-primary, $indigo-secondary),
-  // Primary color for icons (indigo)
-  'color-contact-primary': $indigo-primary,
+  'contact-background': #f1efe8,
+  'gradient-contact-title': #042c53,
+  'color-contact-primary': #042c53,
 
-  // Form styling - warm cream/peach to complement cool blue background
-  'contact-form-bg':
-    linear-gradient(135deg, $orange-lightest 0%, $orange-lighter 100%),
-  'contact-form-border': rgba($orange-primary, $alpha-border-light),
+  'contact-form-bg': #ffffff,
+  'contact-form-border': rgba(4, 44, 83, 0.15),
   'contact-form-shadow': $shadow-light,
 
-  // Input styling - warm background to complement form
-  'contact-input-bg': $amber-primary,
-  'contact-input-border': rgba($orange-primary, $alpha-border-medium),
-  'contact-input-focus-ring': rgba($orange-primary, $alpha-border-light),
-  'contact-input-text': $text-aaa-light,
-  // Added for AAA compliance
-  'contact-input-placeholder': $text-input-placeholder-light,
+  'contact-input-bg': #f1efe8,
+  'contact-input-border': rgba(4, 44, 83, 0.2),
+  'contact-input-focus-ring': rgba(4, 44, 83, 0.3),
+  'contact-input-text': #1a1a1a,
+  'contact-input-placeholder': #412402,
 
-  // Added for form accessibility
-  // Button styling - improved contrast and readability
-  'contact-button-bg':
-    linear-gradient(135deg, $blue-primary 0%, $blue-secondary 100%),
-  'contact-button-text': $text-aaa-dark,
-  // Changed to ensure AAA contrast
-  'contact-button-hover-bg':
-    linear-gradient(135deg, $blue-dark 0%, $blue-darker 100%),
-  // Social button styling - FIXED for AAA contrast
-  'contact-social-bg': $orange-lighter,
-  'contact-social-text': $text-aaa-light,
-  // Changed from $orange-dark for AAA contrast
-  'contact-social-border': $orange-primary,
-  'contact-social-hover-bg': $orange-light,
-  'contact-social-hover-border': $orange-secondary,
+  'contact-button-bg': #042c53,
+  'contact-button-text': #e6f1fb,
+  'contact-button-hover-bg': #0c447c,
 
-  // Status message styling (light theme) - improved readability
-  'contact-status-success-bg': $green-lightest,
-  'contact-status-success-border': $green-primary,
-  'contact-status-success-text': $green-secondary,
-  'contact-status-error-bg': $red-lightest,
-  'contact-status-error-border': $red-primary,
-  'contact-status-error-text': $red-secondary,
+  'contact-social-bg': #f1efe8,
+  'contact-social-text': #042c53,
+  'contact-social-border': rgba(4, 44, 83, 0.15),
+  'contact-social-hover-bg': #e6f1fb,
+  'contact-social-hover-border': #0c447c,
 
-  // Text colors for AAA compliance
-  'color-text': $text-aaa-light,
-  // Near black for AAA contrast
-  'color-text-muted': $gray-neutral-light,
-  // Gray for secondary text
-  'primary-color': $indigo-primary,
-  // Indigo primary
-  'text-primary': $text-aaa-light,
-  // Main text color
-  'text-secondary': $gray-neutral-light,
+  'contact-status-success-bg': #d1fae5,
+  'contact-status-success-border': #10b981,
+  'contact-status-success-text': #065f46,
+  'contact-status-error-bg': #fee2e2,
+  'contact-status-error-border': #ef4444,
+  'contact-status-error-text': #991b1b,
 
-  // Secondary text color
-  // Enhanced social button colors for AAA compliance
-  'social-icon-email': $text-aaa-light,
-  // Dark for better contrast
-  'social-icon-github': $text-aaa-light,
-  // Dark for better contrast
-  'social-icon-linkedin': $text-aaa-light,
-  // Dark for better contrast
+  'color-text': #1a1a1a,
+  'color-text-muted': #412402,
+  'primary-color': #042c53,
+  'text-primary': #1a1a1a,
+  'text-secondary': #412402,
+
+  'social-icon-email': #042c53,
+  'social-icon-github': #042c53,
+  'social-icon-linkedin': #042c53
 );
 
 $contact-dark-theme: (
-  // Contact section background (dark indigo/purple tones)
-  'contact-background':
-    linear-gradient(
-      135deg,
-      rgba($indigo-light, $alpha-border-light) 0%,
-      rgba($purple-primary, $alpha-border-light) 100%
-    ),
-  // Contact title gradient (brighter indigo to purple for dark mode)
-  'gradient-contact-title':
-    linear-gradient(to right, $indigo-light, $purple-primary),
-  // Primary color for icons (lighter indigo)
-  'color-contact-primary': $indigo-light,
+  'contact-background': #021829,
+  'gradient-contact-title': #e6f1fb,
+  'color-contact-primary': #ef9f27,
 
-  // Form styling (dark theme) - warm dark tones to complement cool purple/indigo
-  'contact-form-bg':
-    linear-gradient(135deg, $orange-darkest 0%, $orange-darker 100%),
-  'contact-form-border': rgba($orange-primary, $alpha-border-medium),
+  'contact-form-bg': #042c53,
+  'contact-form-border': rgba(230, 241, 251, 0.12),
   'contact-form-shadow': $shadow-dark,
 
-  // Input styling (dark theme) - FIXED for AAA contrast
-  'contact-input-bg': $gray-neutral-dark,
-  // Changed to neutral dark gray
-  'contact-input-border': rgba($orange-primary, $alpha-border-heavy),
-  'contact-input-focus-ring': rgba($orange-primary, $alpha-border-medium),
-  'contact-input-text': $text-aaa-dark,
-  // White text for AAA contrast
-  'contact-input-placeholder': $gray-neutral-lighter,
+  'contact-input-bg': #042c53,
+  'contact-input-border': rgba(230, 241, 251, 0.2),
+  'contact-input-focus-ring': rgba(239, 159, 39, 0.3),
+  'contact-input-text': #e6f1fb,
+  'contact-input-placeholder': #b5d4f4,
 
-  // Light gray for placeholder
-  // Button styling (dark theme) - improved contrast
-  'contact-button-bg':
-    linear-gradient(135deg, $blue-light 0%, $blue-primary 100%),
-  'contact-button-text': $text-aaa-dark,
-  'contact-button-hover-bg':
-    linear-gradient(135deg, $blue-lighter 0%, $blue-light 100%),
-  // Social button styling (dark theme) - FIXED for AAA contrast
-  'contact-social-bg': $gray-neutral-medium,
-  // Changed to neutral dark background
-  'contact-social-text': $text-aaa-dark,
-  // White text for AAA contrast
-  'contact-social-border': $orange-secondary,
-  'contact-social-hover-bg': $gray-neutral-dark,
-  // Slightly lighter on hover
-  'contact-social-hover-border': $orange-primary,
+  'contact-button-bg': #ef9f27,
+  'contact-button-text': #042c53,
+  'contact-button-hover-bg': #fac775,
 
-  // Status message styling (dark theme) - improved readability
-  'contact-status-success-bg': rgba($green-primary, $alpha-low),
-  'contact-status-success-border': $green-light,
-  'contact-status-success-text': $green-lighter,
-  'contact-status-error-bg': rgba($red-light, $alpha-low),
-  'contact-status-error-border': $red-light,
-  'contact-status-error-text': $red-lighter,
+  'contact-social-bg': #042c53,
+  'contact-social-text': #e6f1fb,
+  'contact-social-border': rgba(239, 159, 39, 0.3),
+  'contact-social-hover-bg': #0c447c,
+  'contact-social-hover-border': #ef9f27,
 
-  // Text colors for AAA compliance - ALL WHITE in dark mode
-  'color-text': $text-aaa-dark,
-  // White for AAA contrast on dark
-  'color-text-muted': $text-aaa-dark,
-  // Changed to white for consistency
-  'primary-color': $indigo-light,
-  // Lighter indigo for dark mode
-  'text-primary': $text-aaa-dark,
-  // Main text color
-  'text-secondary': $text-aaa-dark,
-  // Changed to white for consistency
-  // Secondary text color
-  // Enhanced social button colors for AAA compliance
-  'social-icon-email': $text-aaa-dark,
-  // White for better contrast
-  'social-icon-github': $text-aaa-dark,
-  // White for better contrast
-  'social-icon-linkedin': $text-aaa-dark,
-  // White for better contrast
+  'contact-status-success-bg': rgba(4, 44, 83, 0.5),
+  'contact-status-success-border': #ef9f27,
+  'contact-status-success-text': #fac775,
+  'contact-status-error-bg': rgba(127, 29, 29, 0.3),
+  'contact-status-error-border': #dc2626,
+  'contact-status-error-text': #fecaca,
+
+  'color-text': #e6f1fb,
+  'color-text-muted': #b5d4f4,
+  'primary-color': #ef9f27,
+  'text-primary': #e6f1fb,
+  'text-secondary': #b5d4f4,
+
+  'social-icon-email': #e6f1fb,
+  'social-icon-github': #e6f1fb,
+  'social-icon-linkedin': #e6f1fb,
 );
diff --git a/src/scss/themes/_hero.scss b/src/scss/themes/_hero.scss
index f4bad6d..08efca3 100644
--- a/src/scss/themes/_hero.scss
+++ b/src/scss/themes/_hero.scss
@@ -45,88 +45,41 @@ $text-aaa-light: #111827; // Near black for AAA contrast on light backgrounds
 $text-aaa-dark: #ffffff; // Pure white for AAA contrast on dark backgrounds
 
 $hero-light-theme: (
-  hero-background:
-    linear-gradient(135deg, $hero-bg-light-start 0%, $hero-bg-light-end 100%),
-  // Stat colors - FIXED for AAA contrast
-  stat-primary-bg: linear-gradient(135deg, $blue-lighter, $blue-lightest),
-  stat-primary-value: $text-aaa-light,
-  // Changed from $blue-primary for AAA contrast
-  stat-primary-label: $text-aaa-light,
+  hero-background: #f1efe8,
+  // Stat card backgrounds – flat brand tones
+  stat-primary-bg: #e6f1fb,
+  stat-primary-value: #042c53,
+  stat-primary-label: #042c53,
 
-  // Changed from $blue-secondary for AAA contrast
-  stat-secondary-bg: linear-gradient(135deg, $green-lighter, $green-lightest),
-  stat-secondary-value: $text-aaa-light,
-  // Changed from $green-primary for AAA contrast
-  stat-secondary-label: $text-aaa-light,
+  stat-secondary-bg: #f1efe8,
+  stat-secondary-value: #042c53,
+  stat-secondary-label: #042c53,
 
-  // Changed from $green-secondary for AAA contrast
-  stat-tertiary-bg: linear-gradient(135deg, $teal-lighter, $teal-lightest),
-  stat-tertiary-value: $text-aaa-light,
-  // Changed from $teal-primary for AAA contrast
-  stat-tertiary-label: $text-aaa-light,
+  stat-tertiary-bg: #e6f1fb,
+  stat-tertiary-value: #042c53,
+  stat-tertiary-label: #042c53,
 
-  // Changed from $teal-secondary for AAA contrast
-  stat-quaternary-bg: linear-gradient(
-      135deg,
-      $purple-lighter,
-      $purple-lightest
-    ),
-  stat-quaternary-value: $text-aaa-light,
-  // Changed from $purple-primary for AAA contrast
-  stat-quaternary-label: $text-aaa-light,
-  // Changed from $purple-secondary for AAA contrast
+  stat-quaternary-bg: #faeeda,
+  stat-quaternary-value: #412402,
+  stat-quaternary-label: #412402,
 );
 
 $hero-dark-theme: (
-  hero-background:
-    linear-gradient(
-      135deg,
-      rgba($blue-dark, $alpha-bg-low) 0%,
-      rgba($purple-dark, $alpha-bg-low) 50%,
-      rgba($purple-darker, $alpha-bg-low) 100%
-    ),
-  // Stat colors - Enhanced contrast for AAA compliance
-  stat-primary-bg:
-    linear-gradient(
-      135deg,
-      rgba($blue-dark, $alpha-bg-low),
-      rgba($blue-darker, $alpha-bg-low)
-    ),
-  stat-primary-value: $text-aaa-dark,
-  // Changed from $blue-primary to white for AAA contrast
-  stat-primary-label: $text-aaa-dark,
+  hero-background: #042c53,
+  // Stat card backgrounds – flat brand tones for dark
+  stat-primary-bg: rgba(12, 68, 124, 0.6),
+  stat-primary-value: #e6f1fb,
+  stat-primary-label: #b5d4f4,
 
-  // Changed from $blue-light to white for better contrast
-  stat-secondary-bg:
-    linear-gradient(
-      135deg,
-      rgba($green-dark, $alpha-bg-low),
-      rgba($green-darker, $alpha-bg-low)
-    ),
-  stat-secondary-value: $text-aaa-dark,
-  // Changed from $green-primary to white for AAA contrast
-  stat-secondary-label: $text-aaa-dark,
+  stat-secondary-bg: rgba(12, 68, 124, 0.4),
+  stat-secondary-value: #e6f1fb,
+  stat-secondary-label: #b5d4f4,
 
-  // Changed from $green-light to white for better contrast
-  stat-tertiary-bg:
-    linear-gradient(
-      135deg,
-      rgba($teal-dark, $alpha-bg-low),
-      rgba($teal-darker, $alpha-bg-low)
-    ),
-  stat-tertiary-value: $text-aaa-dark,
-  // Changed from $teal-primary to white for AAA contrast
-  stat-tertiary-label: $text-aaa-dark,
+  stat-tertiary-bg: rgba(12, 68, 124, 0.6),
+  stat-tertiary-value: #e6f1fb,
+  stat-tertiary-label: #b5d4f4,
 
-  // Changed from $teal-light to white for better contrast
-  stat-quaternary-bg:
-    linear-gradient(
-      135deg,
-      rgba($purple-dark, $alpha-bg-low),
-      rgba($purple-darker, $alpha-bg-low)
-    ),
-  stat-quaternary-value: $text-aaa-dark,
-  // Changed from $purple-primary to white for AAA contrast
-  stat-quaternary-label: $text-aaa-dark,
-  // Changed from $purple-light to white for better contrast
+  stat-quaternary-bg: rgba(239, 159, 39, 0.15),
+  stat-quaternary-value: #ef9f27,
+  stat-quaternary-label: #e6f1fb,
 );
diff --git a/src/scss/themes/_projects.scss b/src/scss/themes/_projects.scss
index 85b53da..0186094 100644
--- a/src/scss/themes/_projects.scss
+++ b/src/scss/themes/_projects.scss
@@ -57,76 +57,43 @@ $text-aaa-dark: $white; // #ffffff - ensures AAA contrast on dark backgrounds
 
 $projects-light-theme: (
   // Projects section background
-  'projects-background':
-    linear-gradient(135deg, $bg-light-start 0%, $bg-light-end 100%),
-  // Projects title gradient
-  'gradient-projects-title':
-    linear-gradient(to right, $orange-primary, $red-primary),
-  // Card styling
-  'projects-card-background':
-    linear-gradient(135deg, $card-light-start 0%, $card-light-end 100%),
-  'projects-card-border': rgba($orange-primary, $alpha-border-light),
+  'projects-background': #ffffff,
+  'gradient-projects-title': #042c53,
+  'projects-card-background': #ffffff,
+  'projects-card-border': rgba(4, 44, 83, 0.12),
   'projects-card-shadow': $shadow-light,
   'projects-card-shadow-hover': $shadow-light-hover,
-  // Overlay styling
-  'projects-overlay-background': rgba($black, $alpha-overlay-light),
-  // Button styling
-  'projects-button-primary-bg':
-    linear-gradient(135deg, $orange-primary 0%, $red-primary 100%),
-  'projects-button-primary-text': $text-aaa-dark,
-  // Changed to ensure AAA contrast
-  'projects-button-primary-border': rgba($orange-primary, $alpha-border-heavy),
-  'projects-button-primary-hover-bg':
-    linear-gradient(135deg, $red-primary 0%, $red-secondary 100%),
-  'projects-button-secondary-bg': $white,
-  'projects-button-secondary-text': $text-aaa-light,
-  // Changed from $gray-800 for AAA compliance
-  'projects-button-secondary-border': rgba($gray-300, $alpha-border-medium),
-  'projects-button-secondary-hover-bg': $gray-50,
-  // Changed from $white for subtle hover effect
-  // Tech badge styling - FIXED for AAA contrast
-  'projects-tech-badge-bg': $gray-100,
-  // Changed to solid light gray instead of gradient
-  'projects-tech-badge-text': $text-aaa-light,
-  // Changed to dark text for AAA contrast
-  'projects-tech-badge-border': rgba($orange-primary, $alpha-border-medium)
+  'projects-overlay-background': rgba(0, 0, 0, 0.6),
+  'projects-button-primary-bg': #042c53,
+  'projects-button-primary-text': #e6f1fb,
+  'projects-button-primary-border': rgba(4, 44, 83, 0.3),
+  'projects-button-primary-hover-bg': #0c447c,
+  'projects-button-secondary-bg': #ffffff,
+  'projects-button-secondary-text': #042c53,
+  'projects-button-secondary-border': rgba(4, 44, 83, 0.2),
+  'projects-button-secondary-hover-bg': #f1efe8,
+  'projects-tech-badge-bg': #f1efe8,
+  'projects-tech-badge-text': #042c53,
+  'projects-tech-badge-border': rgba(4, 44, 83, 0.15)
 );
 
 $projects-dark-theme: (
-  // Projects section background - using variables instead of hardcoded rgba
-  'projects-background':
-    linear-gradient(
-      135deg,
-      rgba($brown-primary, $alpha-border-medium) 0%,
-      rgba($brown-secondary, $alpha-border-medium) 100%
-    ),
-  // Projects title gradient
-  'gradient-projects-title':
-    linear-gradient(to right, $orange-secondary, $red-light),
-  // Card styling
-  'projects-card-background':
-    linear-gradient(135deg, $gray-900 0%, $gray-800 100%),
-  'projects-card-border': rgba($orange-secondary, $alpha-border-medium),
+  'projects-background': #0c447c,
+  'gradient-projects-title': #e6f1fb,
+  'projects-card-background': rgba(12, 68, 124, 0.6),
+  'projects-card-border': rgba(230, 241, 251, 0.12),
   'projects-card-shadow': $shadow-dark,
   'projects-card-shadow-hover': $shadow-dark-hover,
-  // Overlay styling
-  'projects-overlay-background': rgba($black, $alpha-overlay-dark),
-  // Button styling
-  'projects-button-primary-bg':
-    linear-gradient(135deg, $orange-primary 0%, $red-primary 100%),
-  'projects-button-primary-text': $text-aaa-dark,
-  'projects-button-primary-border': rgba($orange-primary, $alpha-border-heavy),
-  'projects-button-primary-hover-bg':
-    linear-gradient(135deg, $orange-secondary 0%, $red-light 100%),
-  'projects-button-secondary-bg': rgba($gray-800, $alpha-bg-light),
-  'projects-button-secondary-text': $text-aaa-dark,
-  // Changed from $gray-200 for AAA compliance
-  'projects-button-secondary-border': rgba($gray-600, $alpha-border-heavy),
-  'projects-button-secondary-hover-bg': $gray-700,
-  // Tech badge styling - FIXED for AAA contrast
-  'projects-tech-badge-bg': $gray-800,
-  // Changed to solid dark background
-  'projects-tech-badge-text': $text-aaa-dark,
-  // White text for AAA contrast
-  'projects-tech-badge-border': rgba($orange-secondary, $alpha-border-heavy)
+  'projects-overlay-background': rgba(0, 0, 0, 0.7),
+  'projects-button-primary-bg': #ef9f27,
+  'projects-button-primary-text': #042c53,
+  'projects-button-primary-border': rgba(239, 159, 39, 0.3),
+  'projects-button-primary-hover-bg': #ba7517,
+  'projects-button-secondary-bg': rgba(12, 68, 124, 0.8),
+  'projects-button-secondary-text': #e6f1fb,
+  'projects-button-secondary-border': rgba(230, 241, 251, 0.3),
+  'projects-button-secondary-hover-bg': rgba(4, 44, 83, 0.9),
+  'projects-tech-badge-bg': rgba(4, 44, 83, 0.8),
+  'projects-tech-badge-text': #e6f1fb,
+  'projects-tech-badge-border': rgba(230, 241, 251, 0.2),
 );
diff --git a/src/scss/themes/_services.scss b/src/scss/themes/_services.scss
index 3f76b04..2f57746 100644
--- a/src/scss/themes/_services.scss
+++ b/src/scss/themes/_services.scss
@@ -148,77 +148,66 @@ $dark-senary-title: #fca5a5; // Medium red
 // ================================
 
 $services-light-theme: (
-  // Section backgrounds
-  services-background: $light-services-bg,
-  gradient-services-title: $light-title-gradient,
+  services-background: #f1efe8,
+  gradient-services-title: #042c53,
 
-  // Card backgrounds
-  service-card-primary-bg: $light-card-primary-bg,
-  service-card-secondary-bg: $light-card-secondary-bg,
-  service-card-tertiary-bg: $light-card-tertiary-bg,
-  service-card-quaternary-bg: $light-card-quaternary-bg,
-  service-card-quinary-bg: $light-card-quinary-bg,
-  service-card-senary-bg: $light-card-senary-bg,
+  service-card-primary-bg: #ffffff,
+  service-card-secondary-bg: #f1efe8,
+  service-card-tertiary-bg: #ffffff,
+  service-card-quaternary-bg: #f1efe8,
+  service-card-quinary-bg: #ffffff,
+  service-card-senary-bg: #f1efe8,
 
-  // Icons - using same color for consistency
-  service-icon-primary: $light-text-primary,
-  service-icon-secondary: $light-text-primary,
-  service-icon-tertiary: $light-text-primary,
-  service-icon-quaternary: $light-text-primary,
-  service-icon-quinary: $light-text-primary,
-  service-icon-senary: $light-text-primary,
+  service-icon-primary: #ef9f27,
+  service-icon-secondary: #ef9f27,
+  service-icon-tertiary: #ef9f27,
+  service-icon-quaternary: #ef9f27,
+  service-icon-quinary: #ef9f27,
+  service-icon-senary: #ef9f27,
 
-  // Titles - using same color as icons
-  service-title-primary: $light-text-primary,
-  service-title-secondary: $light-text-primary,
-  service-title-tertiary: $light-text-primary,
-  service-title-quaternary: $light-text-primary,
-  service-title-quinary: $light-text-primary,
-  service-title-senary: $light-text-primary,
+  service-title-primary: #042c53,
+  service-title-secondary: #042c53,
+  service-title-tertiary: #042c53,
+  service-title-quaternary: #042c53,
+  service-title-quinary: #042c53,
+  service-title-senary: #042c53,
 
-  // Descriptions - using same color as icons and titles
-  service-description-primary: $light-text-primary,
-  service-description-secondary: $light-text-primary,
-  service-description-tertiary: $light-text-primary,
-  service-description-quaternary: $light-text-primary,
-  service-description-quinary: $light-text-primary,
-  service-description-senary: $light-text-primary
+  service-description-primary: #1a1a1a,
+  service-description-secondary: #1a1a1a,
+  service-description-tertiary: #1a1a1a,
+  service-description-quaternary: #1a1a1a,
+  service-description-quinary: #1a1a1a,
+  service-description-senary: #1a1a1a,
 );
 
 $services-dark-theme: (
-  // Section backgrounds
-  services-background: $dark-services-bg,
-  gradient-services-title: $dark-title-gradient,
+  services-background: #042c53,
+  gradient-services-title: #e6f1fb,
 
-  // Card backgrounds
-  service-card-primary-bg: $dark-card-primary-bg,
-  service-card-secondary-bg: $dark-card-secondary-bg,
-  service-card-tertiary-bg: $dark-card-tertiary-bg,
-  service-card-quaternary-bg: $dark-card-quaternary-bg,
-  service-card-quinary-bg: $dark-card-quinary-bg,
-  service-card-senary-bg: $dark-card-senary-bg,
+  service-card-primary-bg: rgba(12, 68, 124, 0.6),
+  service-card-secondary-bg: rgba(4, 44, 83, 0.8),
+  service-card-tertiary-bg: rgba(12, 68, 124, 0.6),
+  service-card-quaternary-bg: rgba(4, 44, 83, 0.8),
+  service-card-quinary-bg: rgba(12, 68, 124, 0.6),
+  service-card-senary-bg: rgba(4, 44, 83, 0.8),
+  service-icon-primary: #ef9f27,
+  service-icon-secondary: #ef9f27,
+  service-icon-tertiary: #ef9f27,
+  service-icon-quaternary: #ef9f27,
+  service-icon-quinary: #ef9f27,
+  service-icon-senary: #ef9f27,
 
-  // Icons - all using pure white
-  service-icon-primary: #ffffff,
-  service-icon-secondary: #ffffff,
-  service-icon-tertiary: #ffffff,
-  service-icon-quaternary: #ffffff,
-  service-icon-quinary: #ffffff,
-  service-icon-senary: #ffffff,
+  service-title-primary: #e6f1fb,
+  service-title-secondary: #e6f1fb,
+  service-title-tertiary: #e6f1fb,
+  service-title-quaternary: #e6f1fb,
+  service-title-quinary: #e6f1fb,
+  service-title-senary: #e6f1fb,
 
-  // Titles - all using pure white
-  service-title-primary: #ffffff,
-  service-title-secondary: #ffffff,
-  service-title-tertiary: #ffffff,
-  service-title-quaternary: #ffffff,
-  service-title-quinary: #ffffff,
-  service-title-senary: #ffffff,
-
-  // Descriptions - all using pure white
-  service-description-primary: #ffffff,
-  service-description-secondary: #ffffff,
-  service-description-tertiary: #ffffff,
-  service-description-quaternary: #ffffff,
-  service-description-quinary: #ffffff,
-  service-description-senary: #ffffff
+  service-description-primary: #b5d4f4,
+  service-description-secondary: #b5d4f4,
+  service-description-tertiary: #b5d4f4,
+  service-description-quaternary: #b5d4f4,
+  service-description-quinary: #b5d4f4,
+  service-description-senary: #b5d4f4,
 );
diff --git a/src/scss/themes/_skills.scss b/src/scss/themes/_skills.scss
index c34f5f8..ceb0189 100644
--- a/src/scss/themes/_skills.scss
+++ b/src/scss/themes/_skills.scss
@@ -52,245 +52,99 @@ $alpha-bg-card-strong: 0.95;
 
 $skills-light-theme: (
   // Skills section colors
-  skills-background: linear-gradient(135deg, #e0e7ef 0%, #bae6fd 100%),
-  skills-background-pattern:
-    radial-gradient(circle at 25% 25%, $blue-primary, transparent 50%),
-  gradient-skills-title:
-    linear-gradient(90deg, $blue-tertiary, $blue-primary, $green-primary),
-  skills-category-bg: rgba($slate-50, $alpha-bg),
-  skills-category-border: rgba($slate-400, $alpha-medium),
-  skills-category-title-color: $slate-800,
-  skills-skill-name-color: $slate-700,
-  skills-skill-level-color: $slate-900,
-  skills-skill-percentage-color: $slate-600,
-  skills-progress-bg: rgba($slate-200, $alpha-bg-card),
-  // Card 1 - Web Frameworks (Blue theme)
-  skills-category-bg-primary:
-    linear-gradient(
-      135deg,
-      rgba(239, 246, 255, $alpha-bg-card-alt),
-      rgba(219, 234, 254, $alpha-bg-card-strong)
-    ),
-  skills-category-border-primary: rgba($blue-primary, $alpha-medium),
-  skills-gradient-primary:
-    linear-gradient(
-      135deg,
-      rgba($blue-primary, $alpha-light),
-      rgba($blue-secondary, 0.05)
-    ),
-  skills-accent-primary: $blue-primary,
+  skills-background: #ffffff,
+  skills-background-pattern: none,
+  gradient-skills-title: #042c53,
+  skills-category-bg: #ffffff,
+  skills-category-border: rgba(4, 44, 83, 0.12),
+  skills-category-title-color: #042c53,
+  skills-skill-name-color: #1a1a1a,
+  skills-skill-level-color: #1a1a1a,
+  skills-skill-percentage-color: #412402,
+  skills-progress-bg: rgba(4, 44, 83, 0.06),
+  skills-category-bg-primary: #ffffff,
+  skills-category-border-primary: rgba(4, 44, 83, 0.12),
+  skills-gradient-primary: transparent,
+  skills-accent-primary: #042c53,
 
-  // Card 2 - Styling & Design (Green theme)
-  skills-category-bg-secondary:
-    linear-gradient(
-      135deg,
-      rgba(236, 253, 245, $alpha-bg-card-alt),
-      rgba(209, 250, 229, $alpha-bg-card-strong)
-    ),
-  skills-category-border-secondary: rgba($green-primary, $alpha-medium),
-  skills-gradient-secondary:
-    linear-gradient(
-      135deg,
-      rgba($green-primary, $alpha-light),
-      rgba($green-secondary, 0.05)
-    ),
-  skills-accent-secondary: $green-primary,
+  skills-category-bg-secondary: #f1efe8,
+  skills-category-border-secondary: rgba(4, 44, 83, 0.12),
+  skills-gradient-secondary: transparent,
+  skills-accent-secondary: #042c53,
 
-  // Card 3 - Backend Development (Purple theme)
-  skills-category-bg-tertiary:
-    linear-gradient(
-      135deg,
-      rgba(245, 243, 255, $alpha-bg-card-alt),
-      rgba(237, 233, 254, $alpha-bg-card-strong)
-    ),
-  skills-category-border-tertiary: rgba($purple-primary, $alpha-medium),
-  skills-gradient-tertiary:
-    linear-gradient(
-      135deg,
-      rgba($purple-primary, $alpha-light),
-      rgba($purple-secondary, 0.05)
-    ),
-  skills-accent-tertiary: $purple-primary,
+  skills-category-bg-tertiary: #ffffff,
+  skills-category-border-tertiary: rgba(4, 44, 83, 0.12),
+  skills-gradient-tertiary: transparent,
+  skills-accent-tertiary: #042c53,
 
-  // Card 4 - Development Tools (Teal theme)
-  skills-category-bg-quaternary:
-    linear-gradient(
-      135deg,
-      rgba(240, 253, 250, $alpha-bg-card-alt),
-      rgba(204, 251, 241, $alpha-bg-card-strong)
-    ),
-  skills-category-border-quaternary: rgba($teal-primary, $alpha-medium),
-  skills-gradient-quaternary:
-    linear-gradient(
-      135deg,
-      rgba($teal-primary, $alpha-light),
-      rgba($teal-secondary, 0.05)
-    ),
-  skills-accent-quaternary: $teal-primary,
+  skills-category-bg-quaternary: #f1efe8,
+  skills-category-border-quaternary: rgba(4, 44, 83, 0.12),
+  skills-gradient-quaternary: transparent,
+  skills-accent-quaternary: #042c53,
 
-  // Card 5 - Testing & Quality (Orange theme)
-  skills-category-bg-quinary:
-    linear-gradient(
-      135deg,
-      rgba(255, 251, 235, $alpha-bg-card-alt),
-      rgba(254, 243, 199, $alpha-bg-card-strong)
-    ),
-  skills-category-border-quinary: rgba($orange-primary, $alpha-medium),
-  skills-gradient-quinary:
-    linear-gradient(
-      135deg,
-      rgba($orange-primary, $alpha-light),
-      rgba($orange-secondary, 0.05)
-    ),
-  skills-accent-quinary: $orange-primary,
+  skills-category-bg-quinary: #ffffff,
+  skills-category-border-quinary: rgba(4, 44, 83, 0.12),
+  skills-gradient-quinary: transparent,
+  skills-accent-quinary: #042c53,
 
-  // Card 6 - AI-Tools (Indigo theme)
-  skills-category-bg-senary:
-    linear-gradient(
-      135deg,
-      rgba(238, 242, 255, $alpha-bg-card-alt),
-      rgba(224, 231, 255, $alpha-bg-card-strong)
-    ),
-  skills-category-border-senary: rgba($indigo-primary, $alpha-medium),
-  skills-gradient-senary:
-    linear-gradient(
-      135deg,
-      rgba($indigo-primary, $alpha-light),
-      rgba($indigo-secondary, 0.05)
-    ),
-  skills-accent-senary: $indigo-primary,
+  skills-category-bg-senary: #f1efe8,
+  skills-category-border-senary: rgba(4, 44, 83, 0.12),
+  skills-gradient-senary: transparent,
+  skills-accent-senary: #042c53,
 
-  // Progress bar gradients
-  skills-progress-primary:
-    linear-gradient(90deg, $blue-primary, $blue-secondary, $blue-tertiary),
-  skills-progress-secondary:
-    linear-gradient(90deg, $green-primary, $green-secondary, $green-tertiary),
-  skills-progress-tertiary:
-    linear-gradient(90deg, $purple-primary, $purple-tertiary, $purple-secondary),
-  skills-progress-quaternary:
-    linear-gradient(90deg, $teal-primary, $teal-secondary, $teal-tertiary),
-  skills-progress-quinary:
-    linear-gradient(90deg, $orange-primary, $orange-secondary, $orange-tertiary),
-  skills-progress-senary:
-    linear-gradient(90deg, $indigo-primary, $indigo-secondary, $indigo-tertiary)
+  skills-progress-primary: #042c53,
+  skills-progress-secondary: #042c53,
+  skills-progress-tertiary: #042c53,
+  skills-progress-quaternary: #042c53,
+  skills-progress-quinary: #042c53,
+  skills-progress-senary: #042c53
 );
 
 $skills-dark-theme: (
-  // Skills section colors
-  skills-background: linear-gradient(135deg, $slate-800 0%, #0ea5e9 100%),
-  skills-background-pattern:
-    radial-gradient(circle at 25% 25%, $blue-tertiary, transparent 50%),
-  gradient-skills-title:
-    linear-gradient(90deg, $blue-light, $green-light, $purple-light),
-  skills-category-bg: rgba($slate-800, $alpha-bg-card),
-  skills-category-border: rgba($slate-600, $alpha-heavy),
-  skills-category-title-color: #ffffff,
-  skills-skill-name-color: #ffffff,
-  skills-skill-level-color: #ffffff,
-  skills-skill-percentage-color: #ffffff,
-  skills-progress-bg: rgba($slate-700, $alpha-bg-card),
-  // Dark theme card backgrounds
-  skills-category-bg-primary:
-    linear-gradient(
-      135deg,
-      rgba(30, 58, 138, 0.4),
-      rgba(29, 78, 216, $alpha-heavy)
-    ),
-  skills-category-border-primary: rgba($blue-light, $alpha-heavy),
-  skills-gradient-primary:
-    linear-gradient(
-      135deg,
-      rgba($blue-light, $alpha-light),
-      rgba($blue-primary, 0.05)
-    ),
-  skills-accent-primary: $blue-light,
+  skills-background: #0c447c,
+  skills-background-pattern: none,
+  gradient-skills-title: #e6f1fb,
+  skills-category-bg: rgba(12, 68, 124, 0.6),
+  skills-category-border: rgba(230, 241, 251, 0.12),
+  skills-category-title-color: #e6f1fb,
+  skills-skill-name-color: #e6f1fb,
+  skills-skill-level-color: #e6f1fb,
+  skills-skill-percentage-color: #b5d4f4,
+  skills-progress-bg: rgba(230, 241, 251, 0.1),
+  skills-category-bg-primary: rgba(12, 68, 124, 0.6),
+  skills-category-border-primary: rgba(230, 241, 251, 0.12),
+  skills-gradient-primary: transparent,
+  skills-accent-primary: #ef9f27,
 
-  skills-category-bg-secondary:
-    linear-gradient(
-      135deg,
-      rgba(6, 95, 70, 0.4),
-      rgba(4, 120, 87, $alpha-heavy)
-    ),
-  skills-category-border-secondary: rgba($green-light, $alpha-heavy),
-  skills-gradient-secondary:
-    linear-gradient(
-      135deg,
-      rgba($green-light, $alpha-light),
-      rgba($green-primary, 0.05)
-    ),
-  skills-accent-secondary: $green-light,
+  skills-category-bg-secondary: rgba(4, 44, 83, 0.8),
+  skills-category-border-secondary: rgba(230, 241, 251, 0.12),
+  skills-gradient-secondary: transparent,
+  skills-accent-secondary: #ef9f27,
 
-  skills-category-bg-tertiary:
-    linear-gradient(
-      135deg,
-      rgba(88, 28, 135, 0.4),
-      rgba(109, 40, 217, $alpha-heavy)
-    ),
-  skills-category-border-tertiary: rgba($purple-light, $alpha-heavy),
-  skills-gradient-tertiary:
-    linear-gradient(
-      135deg,
-      rgba($purple-light, $alpha-light),
-      rgba($purple-primary, 0.05)
-    ),
-  skills-accent-tertiary: $purple-light,
+  skills-category-bg-tertiary: rgba(12, 68, 124, 0.6),
+  skills-category-border-tertiary: rgba(230, 241, 251, 0.12),
+  skills-gradient-tertiary: transparent,
+  skills-accent-tertiary: #ef9f27,
 
-  skills-category-bg-quaternary:
-    linear-gradient(
-      135deg,
-      rgba(15, 118, 110, 0.4),
-      rgba(17, 94, 89, $alpha-heavy)
-    ),
-  skills-category-border-quaternary: rgba($teal-light, $alpha-heavy),
-  skills-gradient-quaternary:
-    linear-gradient(
-      135deg,
-      rgba($teal-light, $alpha-light),
-      rgba($teal-primary, 0.05)
-    ),
-  skills-accent-quaternary: $teal-light,
+  skills-category-bg-quaternary: rgba(4, 44, 83, 0.8),
+  skills-category-border-quaternary: rgba(230, 241, 251, 0.12),
+  skills-gradient-quaternary: transparent,
+  skills-accent-quaternary: #ef9f27,
 
-  skills-category-bg-quinary:
-    linear-gradient(
-      135deg,
-      rgba(180, 83, 9, 0.4),
-      rgba(217, 119, 6, $alpha-heavy)
-    ),
-  skills-category-border-quinary: rgba($orange-light, $alpha-heavy),
-  skills-gradient-quinary:
-    linear-gradient(
-      135deg,
-      rgba($orange-light, $alpha-light),
-      rgba($orange-primary, 0.05)
-    ),
-  skills-accent-quinary: $orange-light,
+  skills-category-bg-quinary: rgba(12, 68, 124, 0.6),
+  skills-category-border-quinary: rgba(230, 241, 251, 0.12),
+  skills-gradient-quinary: transparent,
+  skills-accent-quinary: #ef9f27,
 
-  skills-category-bg-senary:
-    linear-gradient(
-      135deg,
-      rgba(67, 56, 202, 0.4),
-      rgba(79, 70, 229, $alpha-heavy)
-    ),
-  skills-category-border-senary: rgba($indigo-light, $alpha-heavy),
-  skills-gradient-senary:
-    linear-gradient(
-      135deg,
-      rgba($indigo-light, $alpha-light),
-      rgba($indigo-primary, 0.05)
-    ),
-  skills-accent-senary: $indigo-light,
+  skills-category-bg-senary: rgba(4, 44, 83, 0.8),
+  skills-category-border-senary: rgba(230, 241, 251, 0.12),
+  skills-gradient-senary: transparent,
+  skills-accent-senary: #ef9f27,
 
-  // Progress bars for dark theme
-  skills-progress-primary:
-    linear-gradient(90deg, $blue-light, $blue-primary, $blue-secondary),
-  skills-progress-secondary:
-    linear-gradient(90deg, $green-light, $green-primary, $green-secondary),
-  skills-progress-tertiary:
-    linear-gradient(90deg, $purple-light, $purple-primary, $purple-tertiary),
-  skills-progress-quaternary:
-    linear-gradient(90deg, $teal-light, $teal-primary, $teal-secondary),
-  skills-progress-quinary:
-    linear-gradient(90deg, $orange-light, $orange-primary, $orange-secondary),
-  skills-progress-senary:
-    linear-gradient(90deg, $indigo-light, $indigo-primary, $indigo-secondary)
+  skills-progress-primary: #ef9f27,
+  skills-progress-secondary: #ef9f27,
+  skills-progress-tertiary: #ef9f27,
+  skills-progress-quaternary: #ef9f27,
+  skills-progress-quinary: #ef9f27,
+  skills-progress-senary: #ef9f27,
 );
diff --git a/src/scss/variables.scss b/src/scss/variables.scss
index 70a43f1..2a5db6e 100644
--- a/src/scss/variables.scss
+++ b/src/scss/variables.scss
@@ -3,9 +3,9 @@ $mobile-breakpoint: 768px;
 $desktop-breakpoint: 769px;
 
 // Color variables
-$color-primary: #9333ea;
-$color-secondary: #2563eb;
-$color-heading: #0f4d46;
+$color-primary: #042c53;
+$color-secondary: #0c447c;
+$color-heading: #042c53;
 
 // Shadow variables
 $shadow-sm: 0 4px 12px;
@@ -63,22 +63,17 @@ $shadow-button:
   0 2px 4px -1px rgba(0, 0, 0, 0.06);
 
 // Gradient variables
-$gradient-primary: linear-gradient(
-  90deg,
-  $color-secondary 0%,
-  $color-primary 100%
-);
+$gradient-primary: #042c53;
 
-// Light theme gradient (keep original)
+// Light theme gradient
 $gradient-text-light: linear-gradient(
   to right,
   $color-secondary,
-  $color-primary,
-  #0d9488
+  $color-primary
 );
 
-// Dark theme gradient (white to light purple for hero title)
-$gradient-text-dark: linear-gradient(to right, #ffffff, #c4b5fd, #a78bfa);
+// Dark theme gradient
+$gradient-text-dark: linear-gradient(to right, #e6f1fb, #b5d4f4);
 
 // Default gradient for backwards compatibility
 $gradient-text: $gradient-text-light;

From 63002b70b34a47fe26318aaa13072c50a230ee29 Mon Sep 17 00:00:00 2001
From: Sascha <saschab42@gmail.com>
Date: Thu, 16 Apr 2026 21:20:28 +0200
Subject: [PATCH 13/19] refactor: remove unused personalConfig import from
 Navigation component

---
 src/components/layout/Navigation.tsx | 1 -
 1 file changed, 1 deletion(-)

diff --git a/src/components/layout/Navigation.tsx b/src/components/layout/Navigation.tsx
index cace1ed..5013be2 100644
--- a/src/components/layout/Navigation.tsx
+++ b/src/components/layout/Navigation.tsx
@@ -3,7 +3,6 @@ import { Link, useLocation, useNavigate } from 'react-router-dom';
 import ThemeToggle from '../ThemeToggle';
 import LanguageToggle from '../LanguageToggle';
 import MobileMenu from './MobileMenu';
-import { personalConfig } from '../../config/personal';
 import logoUrl from '../../assets/logo.svg';
 import { useLanguage } from '../../contexts/LanguageContext';
 import { scrollToSection } from '../../utils/scrollUtils';

From dfe535eb1bba95623bab4e74ed0d7ac81e07c421 Mon Sep 17 00:00:00 2001
From: Sascha <saschab42@gmail.com>
Date: Wed, 22 Apr 2026 13:13:32 +0200
Subject: [PATCH 14/19] feat: enhance German localization for landing sections
 with updated descriptions and new legal compliance information

---
 src/config/locales/de/landing/landing-experience.ts | 2 +-
 src/config/locales/de/landing/landing-hero.ts       | 2 +-
 src/config/locales/de/landing/landing-reasons.ts    | 4 ++++
 src/config/locales/de/landing/landing-winnings.ts   | 5 +++--
 4 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/src/config/locales/de/landing/landing-experience.ts b/src/config/locales/de/landing/landing-experience.ts
index 241f13f..6d31a7a 100644
--- a/src/config/locales/de/landing/landing-experience.ts
+++ b/src/config/locales/de/landing/landing-experience.ts
@@ -3,7 +3,7 @@ export const landingExperience = {
   paragraphs: [
     'Ich habe Unternehmen wie deins geholfen – von kleinen Läden bis hin zu Dienstleistern – ihre Webseiten barrierefrei zu machen.',
     'Bei ORWO habe ich einen Fotobuch-Designer entwickelt, der für tausende Kunden funktionierte, auch für Menschen mit Sehbeeinträchtigungen. Ich habe ihn nicht nur gut aussehen lassen, ich habe ihn für alle zum Laufen gebracht.',
-    'Diese Sorgfalt bringe ich jetzt zu deiner Webseite, egal ob Bäckerei, Therapeut, Handwerker oder Kiosk.',
+    'Diese Sorgfalt bringe ich jetzt zu deiner Webseite, egal ob Bäckerei, Therapeut, Handwerker oder Online-Shop.',
     'Barrierefreiheit bedeutet Respekt und mehr Reichweite für dich und deine Produkte.',
   ],
 };
diff --git a/src/config/locales/de/landing/landing-hero.ts b/src/config/locales/de/landing/landing-hero.ts
index 93d234c..136a2a0 100644
--- a/src/config/locales/de/landing/landing-hero.ts
+++ b/src/config/locales/de/landing/landing-hero.ts
@@ -1,5 +1,5 @@
 export const landingHero = {
   title: 'Barrierefreiheit: 20\u00A0% mehr Reichweite, 100\u00A0% mehr Zugang.',
-  description: 'Ich helfe Ihnen, Ihre Website für jeden zugänglich zu machen – im Einklang mit dem BFSG.',
+  description: 'Das BFSG gilt seit Juni 2025. Ich mache deine Website barrierefrei und rechtssicher – bevor Haftungsrisiken entstehen.',
   tertiaryButtonText: 'Kontakt aufnehmen',
 };
diff --git a/src/config/locales/de/landing/landing-reasons.ts b/src/config/locales/de/landing/landing-reasons.ts
index 75cb3c6..c146816 100644
--- a/src/config/locales/de/landing/landing-reasons.ts
+++ b/src/config/locales/de/landing/landing-reasons.ts
@@ -10,6 +10,10 @@ export const landingReasons = {
       stat: '80\u00A0%',
       text: 'dieser Menschen verlassen Webseiten, die nicht für sie funktionieren.',
     },
+    {
+      stat: 'BFSG',
+      text: 'Seit Juni 2025 sind viele Unternehmen gesetzlich verpflichtet. Wer nicht handelt, riskiert Abmahnungen und Haftung.',
+    },
     {
       stat: 'SEO',
       text: 'Google belohnt barrierefreie Webseiten mit besseren Rankings, mehr Traffic und mehr Umsatz.',
diff --git a/src/config/locales/de/landing/landing-winnings.ts b/src/config/locales/de/landing/landing-winnings.ts
index ecd44f3..29fdc39 100644
--- a/src/config/locales/de/landing/landing-winnings.ts
+++ b/src/config/locales/de/landing/landing-winnings.ts
@@ -4,9 +4,10 @@ export const landingWinnings = {
   items: [
     { text: 'Eine Webseite, die für alle funktioniert, egal wie sie surfen.' },
     { text: 'Mehr Besucher, denn Google liebt barrierefreie Seiten.' },
-    { text: 'Mehr Umsatz, denn Menschen kaufen, wenn sie sich eingeschlossen fühlen.' },
+    { text: 'Mehr Umsatz, denn Menschen kaufen, wenn sie sich einbezogen fühlen.' },
     { text: 'Mehr Vertrauen, denn deine Kunden fühlen sich respektiert.' },
-    { text: 'Entspannung, denn ich kümmere mich um alles, vom Testen bis zur rechtlichen Konformität.' },
+    { text: 'Rechtssicherheit, denn ich stelle sicher, dass deine Webseite die BFSG-Anforderungen erfüllt.' },
+    { text: 'Entspannung, denn ich kümmere mich um alles, vom Testen bis zur Konformitätsprüfung.' },
     { text: 'Kein Tech-Stress, denn ich erkläre alles in einfacher Sprache, ohne Fachjargon.' },
   ],
   outro: 'Ich stelle sicher, dass ich dein Problem verstehe und meine Lösung passt.',

From 8deb151241c5ee1d60cf2052986815f5911840bb Mon Sep 17 00:00:00 2001
From: Sascha <saschab42@gmail.com>
Date: Thu, 30 Apr 2026 13:29:08 +0200
Subject: [PATCH 15/19] Refactor code structure for improved readability and
 maintainability

---
 package-lock.json                        | 20 +++++++
 package.json                             |  1 +
 src/assets/sascha_pixel.svg              |  3 ++
 src/components/sections/AboutSection.tsx | 34 +++++++++++-
 src/components/sections/HeroSection.tsx  | 14 ++++-
 src/scss/layout/topbar.scss              | 19 ++++---
 src/scss/sections/about-section.scss     | 44 ++++++++++++++++
 src/scss/sections/hero-section.scss      | 67 ++++++++++++++++++++++++
 src/scss/variables.scss                  |  4 +-
 9 files changed, 196 insertions(+), 10 deletions(-)
 create mode 100644 src/assets/sascha_pixel.svg

diff --git a/package-lock.json b/package-lock.json
index d759509..6b525a4 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -20,6 +20,7 @@
         "@types/react-dom": "^19.1.7",
         "@types/react-router-dom": "^5.3.3",
         "@vitejs/plugin-react": "^4.7.0",
+        "agentation": "^3.0.2",
         "babel-plugin-react-compiler": "1.0.0",
         "dotenv": "^17.2.2",
         "eslint": "^9.32.0",
@@ -2138,6 +2139,25 @@
         "node": ">= 14"
       }
     },
+    "node_modules/agentation": {
+      "version": "3.0.2",
+      "resolved": "https://registry.npmjs.org/agentation/-/agentation-3.0.2.tgz",
+      "integrity": "sha512-iGzBxFVTuZEIKzLY6AExSLAQH6i6SwxV4pAu7v7m3X6bInZ7qlZXAwrEqyc4+EfP4gM7z2RXBF6SF4DeH0f2lA==",
+      "dev": true,
+      "license": "PolyForm-Shield-1.0.0",
+      "peerDependencies": {
+        "react": ">=18.0.0",
+        "react-dom": ">=18.0.0"
+      },
+      "peerDependenciesMeta": {
+        "react": {
+          "optional": true
+        },
+        "react-dom": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/ajv": {
       "version": "6.12.6",
       "resolved": "https://registry.npmjs.org/ajv/-/ajv-6.12.6.tgz",
diff --git a/package.json b/package.json
index f73aed5..f53d08c 100644
--- a/package.json
+++ b/package.json
@@ -25,6 +25,7 @@
     "@types/react-dom": "^19.1.7",
     "@types/react-router-dom": "^5.3.3",
     "@vitejs/plugin-react": "^4.7.0",
+    "agentation": "^3.0.2",
     "babel-plugin-react-compiler": "1.0.0",
     "dotenv": "^17.2.2",
     "eslint": "^9.32.0",
diff --git a/src/assets/sascha_pixel.svg b/src/assets/sascha_pixel.svg
new file mode 100644
index 0000000..eed1d6c
--- /dev/null
+++ b/src/assets/sascha_pixel.svg
@@ -0,0 +1,3 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 300 300" width="300" height="300" shape-rendering="crispEdges">
+  <image href="data:image/png;base64,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" x="0" y="0" width="300" height="300" image-rendering="pixelated"/>
+</svg>
\ No newline at end of file
diff --git a/src/components/sections/AboutSection.tsx b/src/components/sections/AboutSection.tsx
index 16f2bf8..9ed04a7 100644
--- a/src/components/sections/AboutSection.tsx
+++ b/src/components/sections/AboutSection.tsx
@@ -1,8 +1,10 @@
+import { useRef, useState, useEffect } from 'react';
 import { Code, Palette, ShieldCheck, Eye } from 'lucide-react';
 import { useLanguage } from '../../contexts/LanguageContext';
 import FeatureCardsGrid from '../FeatureCardsGrid';
 import type { Service } from '../../data/Service';
 import saschaImage from '../../assets/sascha.png';
+import saschaPixel from '../../assets/sascha_pixel.svg';
 
 // Define feature card icon and color mappings as constants
 const FEATURE_CARD_ICONS = [Code, Palette, ShieldCheck, Eye] as const;
@@ -39,6 +41,26 @@ export default function AboutSection(props: AboutSectionProps = {}) {
     }))
   } = props;
 
+  const wrapperRef = useRef<HTMLDivElement>(null);
+  const [fading, setFading] = useState(false);
+
+  useEffect(() => {
+    const el = wrapperRef.current;
+    if (!el) return;
+    const observer = new IntersectionObserver(
+      ([entry]) => {
+        if (entry.isIntersecting) {
+          const timer = setTimeout(() => setFading(true), 2000);
+          observer.disconnect();
+          return () => clearTimeout(timer);
+        }
+      },
+      { threshold: 0.4 }
+    );
+    observer.observe(el);
+    return () => observer.disconnect();
+  }, []);
+
   return (
     <section id="about" className="about-section" aria-labelledby="about-title">
       <div className="about-section__container">
@@ -63,7 +85,7 @@ export default function AboutSection(props: AboutSectionProps = {}) {
 
         {/* Personal Photo and Bio */}
         <main className="about-section__content">
-          <div className="about-section__image-wrapper">
+          <div className="about-section__image-wrapper" ref={wrapperRef}>
             <img
               src={profileImage}
               alt={`Professional headshot of ${name}, Web Developer and Software Engineer`}
@@ -71,6 +93,16 @@ export default function AboutSection(props: AboutSectionProps = {}) {
               loading="lazy"
             />
             <div className="about-section__image-overlay" aria-hidden="true"></div>
+            <div
+              aria-hidden="true"
+              className={`about-section__pixel-bg${fading ? ' about-section__pixel-bg--fade' : ''}`}
+            />
+            <img
+              src={saschaPixel}
+              alt=""
+              aria-hidden="true"
+              className={`about-section__pixel-overlay${fading ? ' about-section__pixel-overlay--fade' : ''}`}
+            />
           </div>
 
           <div className="about-section__bio-section">
diff --git a/src/components/sections/HeroSection.tsx b/src/components/sections/HeroSection.tsx
index aa18523..b039a97 100644
--- a/src/components/sections/HeroSection.tsx
+++ b/src/components/sections/HeroSection.tsx
@@ -1,3 +1,4 @@
+import { useState, useEffect } from 'react';
 import { Download } from 'lucide-react';
 import { useLocation, useNavigate } from 'react-router-dom';
 import type { StatItem } from '../../data/StatItem';
@@ -41,6 +42,17 @@ export default function HeroSection(props: HeroSectionProps = {}) {
   const navigate = useNavigate();
   const { announce } = useScreenReaderAnnouncements();
 
+  const [loaded, setLoaded] = useState(false);
+  useEffect(() => {
+    if (document.readyState === 'complete') {
+      setLoaded(true);
+    } else {
+      const onLoad = () => setLoaded(true);
+      window.addEventListener('load', onLoad);
+      return () => window.removeEventListener('load', onLoad);
+    }
+  }, []);
+
   const handleViewWork = () => {
     announce('Navigating to projects section');
     scrollToProjects(location.pathname, navigate);
@@ -72,7 +84,7 @@ export default function HeroSection(props: HeroSectionProps = {}) {
   };
 
   return (
-    <main className="hero-section" aria-labelledby="hero-title">
+    <main className={`hero-section${loaded ? ' hero-section--loaded' : ''}`} aria-labelledby="hero-title">
       <div className="hero-section__container">
         {/* Skip link for keyboard navigation */}
         <div className="hero-section__skip">
diff --git a/src/scss/layout/topbar.scss b/src/scss/layout/topbar.scss
index 79c0e3b..fb3ee1d 100644
--- a/src/scss/layout/topbar.scss
+++ b/src/scss/layout/topbar.scss
@@ -33,14 +33,20 @@
   &__container {
     display: flex;
     align-items: center;
-    gap: 0.5rem;
+    // Fluid gap: 0.25rem at 1050px → 0.5rem at 1300px
+    gap: clamp(0.25rem, -0.8rem + 1.6vw, 0.5rem);
 
     &__button {
       @extend %button-reset;
       @extend %hover-lift;
-      padding: 0.6rem 1.2rem;
+      // Fluid padding: 0.5rem 0.5rem at 1050px → 0.6rem 1.2rem at 1300px
+      padding: clamp(0.5rem, 0.08rem + 0.64vw, 0.6rem)
+        clamp(0.5rem, -2.44rem + 4.48vw, 1.2rem);
       border-radius: 8px;
       color: var(--color-text-on-dark);
+      white-space: nowrap;
+      // Fluid font-size: 0.85rem at 1050px → 1rem at 1300px
+      font-size: clamp(0.85rem, 0.22rem + 0.96vw, 1rem);
       transition:
         color 0.2s ease,
         box-shadow 0.2s ease,
@@ -113,6 +119,7 @@
     top: 65px;
     right: 0;
     background: var(--color-background);
+    color: var(--color-text);
     border: 1px solid var(--color-primary);
     border-radius: 8px;
     padding: 0;
@@ -172,8 +179,8 @@
   }
 }
 
-// Landing page has 7 menu items — switch to burger at a wider breakpoint
-@media (max-width: 1023px) {
+// Landing page has 7 menu items — switch to burger at same breakpoint as regular nav
+@media (max-width: 1049px) {
   .navbar--landing .navbar__container__button {
     display: none;
   }
@@ -185,8 +192,8 @@
   }
 }
 
-// Keep burger visible for landing page up to 1023px
-@media (min-width: 769px) and (max-width: 1023px) {
+// Keep burger visible for landing page up to 1049px
+@media (min-width: 769px) and (max-width: 1049px) {
   .navbar--landing .navbar__burger-button {
     display: flex;
   }
diff --git a/src/scss/sections/about-section.scss b/src/scss/sections/about-section.scss
index 6d70279..95514a1 100644
--- a/src/scss/sections/about-section.scss
+++ b/src/scss/sections/about-section.scss
@@ -74,6 +74,50 @@
     background: var(--gradient-image-overlay);
   }
 
+  &__pixel-bg {
+    position: absolute;
+    inset: 0 0 0 -35px;
+    background-color: #dbeafe;
+    opacity: 1;
+    transition: opacity 1.2s ease-in-out;
+    will-change: opacity;
+    pointer-events: none;
+
+    [data-theme='dark'] & {
+      background-color: #1e3a8a;
+    }
+
+    &--fade {
+      opacity: 0;
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      display: none;
+    }
+  }
+
+  &__pixel-overlay {
+    position: absolute;
+    inset: 0 0 0 -35px;
+    width: calc(100% + 35px);
+    height: 100%;
+    object-fit: cover;
+    object-position: calc(30%) 50%;
+    border: 4px solid var(--color-background);
+    opacity: 1;
+    transition: opacity 1.2s ease-in-out;
+    will-change: opacity;
+    pointer-events: none;
+
+    &--fade {
+      opacity: 0;
+    }
+
+    @media (prefers-reduced-motion: reduce) {
+      display: none;
+    }
+  }
+
   &__bio-section {
     flex: 1;
     text-align: center;
diff --git a/src/scss/sections/hero-section.scss b/src/scss/sections/hero-section.scss
index bf55578..9a193cc 100644
--- a/src/scss/sections/hero-section.scss
+++ b/src/scss/sections/hero-section.scss
@@ -17,6 +17,33 @@
   }
 }
 
+@keyframes hero-fade-up {
+  from {
+    opacity: 0;
+    transform: translate3d(0, 20px, 0);
+  }
+  to {
+    opacity: 1;
+    transform: translate3d(0, 0, 0);
+  }
+}
+
+@keyframes hero-bubble-before {
+  0%   { transform: scale(0.6) translate3d(0, 16px, 0); opacity: 0; }
+  40%  { transform: scale(1.1) translate3d(0, -5px, 0); opacity: 1; }
+  65%  { transform: scale(0.96) translate3d(0, 3px, 0); }
+  82%  { transform: scale(1.03) translate3d(0, -1px, 0); }
+  100% { transform: scale(1) translate3d(0, 0, 0); opacity: 1; }
+}
+
+@keyframes hero-bubble-after {
+  0%   { transform: scale(0.5) translate3d(0, -12px, 0); opacity: 0; }
+  45%  { transform: scale(1.14) translate3d(0, 4px, 0); opacity: 1; }
+  68%  { transform: scale(0.94) translate3d(0, -2px, 0); }
+  84%  { transform: scale(1.04) translate3d(0, 1px, 0); }
+  100% { transform: scale(1) translate3d(0, 0, 0); opacity: 1; }
+}
+
 .hero-section {
   @include flex-center;
   min-height: 100vh;
@@ -34,6 +61,7 @@
     border-radius: 50%;
     border: 2px solid rgba(12, 68, 124, 0.15);
     pointer-events: none;
+    will-change: transform, opacity;
   }
 
   &::after {
@@ -46,6 +74,7 @@
     border-radius: 50%;
     background: rgba(239, 159, 39, 0.08);
     pointer-events: none;
+    will-change: transform, opacity;
   }
 
   [data-theme='dark'] & {
@@ -76,6 +105,7 @@
     letter-spacing: -0.03em;
     line-height: 1.1;
     color: $color-heading;
+    will-change: transform, opacity;
   }
 
   &__description {
@@ -85,12 +115,14 @@
     max-width: 600px;
     margin-left: auto;
     margin-right: auto;
+    will-change: transform, opacity;
   }
 
   &__buttons {
     @include flex-center;
     gap: $spacing-lg;
     flex-wrap: wrap;
+    will-change: transform, opacity;
   }
 
   &__button {
@@ -148,6 +180,7 @@
     text-align: center;
     padding: $spacing-md;
     border-radius: $border-radius-md;
+    will-change: transform, opacity;
 
     &--1 {
       background: var(--stat-primary-bg);
@@ -231,3 +264,37 @@
     }
   }
 }
+
+// Animations fire only after the page has fully loaded (--loaded class added via JS)
+@media (prefers-reduced-motion: no-preference) {
+  .hero-section--loaded {
+    &::before {
+      animation: hero-bubble-before 4s cubic-bezier(0.34, 1.2, 0.64, 1) both 0.2s;
+    }
+
+    &::after {
+      animation: hero-bubble-after 4s cubic-bezier(0.34, 1.2, 0.64, 1) both 0.7s;
+    }
+
+    .hero-section__title {
+      animation: hero-fade-up 0.6s ease-out both 0.2s;
+    }
+
+    .hero-section__description {
+      animation: hero-fade-up 0.6s ease-out both 0.35s;
+    }
+
+    .hero-section__buttons {
+      animation: hero-fade-up 0.6s ease-out both 0.5s;
+    }
+
+    .hero-section__stat-item {
+      animation: hero-fade-up 0.7s ease-out both;
+
+      &--1 { animation-delay: 0.7s; }
+      &--2 { animation-delay: 0.85s; }
+      &--3 { animation-delay: 1s; }
+      &--4 { animation-delay: 1.15s; }
+    }
+  }
+}
diff --git a/src/scss/variables.scss b/src/scss/variables.scss
index 2a5db6e..fd83587 100644
--- a/src/scss/variables.scss
+++ b/src/scss/variables.scss
@@ -1,6 +1,6 @@
 // Breakpoint variables
-$mobile-breakpoint: 768px;
-$desktop-breakpoint: 769px;
+$mobile-breakpoint: 1050px;
+$desktop-breakpoint: 1050px;
 
 // Color variables
 $color-primary: #042c53;

From b28a26b7e92153a64e9a8e9f902e0a33d9ec48d6 Mon Sep 17 00:00:00 2001
From: Sascha <saschab42@gmail.com>
Date: Thu, 7 May 2026 14:38:39 +0200
Subject: [PATCH 16/19] feat: add VAT ID and update privacy policy dates in
 imprint sections for localization

Co-authored-by: Copilot <copilot@github.com>
---
 src/config/locales/de/imprint.ts    | 3 ++-
 src/config/locales/en/TextConfig.ts | 2 ++
 src/config/locales/en/imprint.ts    | 3 ++-
 src/pages/ImprintPage.tsx           | 1 +
 4 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/src/config/locales/de/imprint.ts b/src/config/locales/de/imprint.ts
index 3ad5bc1..d51b83a 100644
--- a/src/config/locales/de/imprint.ts
+++ b/src/config/locales/de/imprint.ts
@@ -2,6 +2,7 @@ export const imprint = {
   title: 'Impressum und Datenschutz',
   subtitle: 'Rechtliche Informationen',
   companyInfoTitle: 'Angaben gemäß § 5 DDG',
+  umsatzsteuerID: 'Umsatzsteuer-ID: DE316934637',
   contactTitle: 'Kontakt',
   responsibilityTitle: 'Vertretungsberechtigt',
   disclaimerTitle: 'Haftungsausschluss',
@@ -170,7 +171,7 @@ export const imprint = {
       'Wir treffen im Übrigen technische und organisatorische Sicherheitsmaßnahmen nach dem Stand der Technik, um die Vorschriften der Datenschutzgesetze einzuhalten und Ihre Daten gegen zufällige oder vorsätzliche Manipulationen, teilweisen oder vollständigen Verlust, Zerstörung oder gegen den unbefugten Zugriff Dritter zu schützen.',
     changesTitle: 'Aktualität und Änderung dieser Datenschutzerklärung',
     changesText:
-      'Diese Datenschutzerklärung ist aktuell gültig und hat den Stand September 2025. Aufgrund geänderter gesetzlicher bzw. behördlicher Vorgaben kann es notwendig werden, diese Datenschutzerklärung anzupassen.',
+      'Diese Datenschutzerklärung ist aktuell gültig und hat den Stand Mai 2026. Aufgrund geänderter gesetzlicher bzw. behördlicher Vorgaben kann es notwendig werden, diese Datenschutzerklärung anzupassen.',
     disclaimer:
       'Diese Datenschutzerklärung wurde mit Hilfe des Datenschutz-Generators von SOS Recht erstellt. SOS Recht ist ein Angebot der Mueller.legal Rechtsanwälte Partnerschaft mit Sitz in Berlin.',
   },
diff --git a/src/config/locales/en/TextConfig.ts b/src/config/locales/en/TextConfig.ts
index b81ec89..2a70e68 100644
--- a/src/config/locales/en/TextConfig.ts
+++ b/src/config/locales/en/TextConfig.ts
@@ -188,6 +188,8 @@ export interface TextConfig {
 
   // Imprint Page
   imprint: {
+    umsatzsteuerID: string;
+    vatID: string;
     title: string;
     subtitle: string;
     companyInfoTitle: string;
diff --git a/src/config/locales/en/imprint.ts b/src/config/locales/en/imprint.ts
index 25a5bd5..a2727cf 100644
--- a/src/config/locales/en/imprint.ts
+++ b/src/config/locales/en/imprint.ts
@@ -2,6 +2,7 @@ export const imprint = {
   title: 'Imprint and Privacy Policy',
   subtitle: 'Legal Information',
   companyInfoTitle: 'Information pursuant to § 5 DDG',
+  vatID: 'VAT ID: DE316934637',
   contactTitle: 'Contact',
   responsibilityTitle: 'Authorized Representative',
   disclaimerTitle: 'Disclaimer',
@@ -170,7 +171,7 @@ export const imprint = {
       'We also take technical and organizational security measures in accordance with the state of the art to comply with data protection laws and to protect your data against accidental or intentional manipulation, partial or complete loss, destruction, or unauthorized access by third parties.',
     changesTitle: 'Currency and amendments to this privacy policy',
     changesText:
-      'This privacy policy is currently valid and was last updated in September 2025. Due to changes in legislation or official requirements, it may become necessary to amend this privacy policy.',
+      'This privacy policy is currently valid and was last updated in May 2026. Due to changes in legislation or official requirements, it may become necessary to amend this privacy policy.',
     disclaimer:
       'This privacy policy was created with the help of the data protection generator by SOS Recht. SOS Recht is an offering of Mueller.legal Attorneys at Law, based in Berlin.',
   },
diff --git a/src/pages/ImprintPage.tsx b/src/pages/ImprintPage.tsx
index b572d1f..d173402 100644
--- a/src/pages/ImprintPage.tsx
+++ b/src/pages/ImprintPage.tsx
@@ -30,6 +30,7 @@ export default function ImprintPage() {
               <p>{texts.address.street}</p>
               <p>{texts.address.city}</p>
               <p>{texts.address.country}</p>
+              <p>{texts.umsatzsteuerID || texts.vatID}</p>
             </div>
           </div>
 

From e7fa5dcb8df3c285ac9f3935dbe52cc896d50474 Mon Sep 17 00:00:00 2001
From: Sascha <saschab42@gmail.com>
Date: Thu, 7 May 2026 14:40:22 +0200
Subject: [PATCH 17/19] feat: add VAT ID to imprint sections for German and
 English localization

Co-authored-by: Copilot <copilot@github.com>
---
 src/config/locales/de/imprint.ts | 1 +
 src/config/locales/en/imprint.ts | 1 +
 2 files changed, 2 insertions(+)

diff --git a/src/config/locales/de/imprint.ts b/src/config/locales/de/imprint.ts
index d51b83a..9e1edd3 100644
--- a/src/config/locales/de/imprint.ts
+++ b/src/config/locales/de/imprint.ts
@@ -3,6 +3,7 @@ export const imprint = {
   subtitle: 'Rechtliche Informationen',
   companyInfoTitle: 'Angaben gemäß § 5 DDG',
   umsatzsteuerID: 'Umsatzsteuer-ID: DE316934637',
+  vatID: 'VAT ID: DE316934637',
   contactTitle: 'Kontakt',
   responsibilityTitle: 'Vertretungsberechtigt',
   disclaimerTitle: 'Haftungsausschluss',
diff --git a/src/config/locales/en/imprint.ts b/src/config/locales/en/imprint.ts
index a2727cf..ef09d58 100644
--- a/src/config/locales/en/imprint.ts
+++ b/src/config/locales/en/imprint.ts
@@ -2,6 +2,7 @@ export const imprint = {
   title: 'Imprint and Privacy Policy',
   subtitle: 'Legal Information',
   companyInfoTitle: 'Information pursuant to § 5 DDG',
+  umsatzsteuerID: 'Umsatzsteuer-ID: DE316934637',
   vatID: 'VAT ID: DE316934637',
   contactTitle: 'Contact',
   responsibilityTitle: 'Authorized Representative',

From 051d614364ddcddb87584cd8e4cf5a5ddd715858 Mon Sep 17 00:00:00 2001
From: Sascha <saschab42@gmail.com>
Date: Wed, 20 May 2026 13:26:09 +0200
Subject: [PATCH 18/19] feat: add business registration information to imprint
 sections for German and English localization

---
 src/config/locales/de/imprint.ts |  7 +++++++
 src/config/locales/en/imprint.ts |  7 +++++++
 src/pages/ImprintPage.tsx        | 10 ++++++++++
 3 files changed, 24 insertions(+)

diff --git a/src/config/locales/de/imprint.ts b/src/config/locales/de/imprint.ts
index 9e1edd3..900304e 100644
--- a/src/config/locales/de/imprint.ts
+++ b/src/config/locales/de/imprint.ts
@@ -4,6 +4,13 @@ export const imprint = {
   companyInfoTitle: 'Angaben gemäß § 5 DDG',
   umsatzsteuerID: 'Umsatzsteuer-ID: DE316934637',
   vatID: 'VAT ID: DE316934637',
+  businessRegistrationTitle: 'Gewerbeanmeldung',
+  businessRegistration: {
+    title: 'Gewerbeerlaubnis nach § 34c GewO',
+    dateIssued: '18.03.2026',
+    issuedBy: 'Bezirksamt Tempelhof-Schöneberg von Berlin',
+    authority: 'Ordnungsamt',
+  },
   contactTitle: 'Kontakt',
   responsibilityTitle: 'Vertretungsberechtigt',
   disclaimerTitle: 'Haftungsausschluss',
diff --git a/src/config/locales/en/imprint.ts b/src/config/locales/en/imprint.ts
index ef09d58..5b4d396 100644
--- a/src/config/locales/en/imprint.ts
+++ b/src/config/locales/en/imprint.ts
@@ -4,6 +4,13 @@ export const imprint = {
   companyInfoTitle: 'Information pursuant to § 5 DDG',
   umsatzsteuerID: 'Umsatzsteuer-ID: DE316934637',
   vatID: 'VAT ID: DE316934637',
+  businessRegistrationTitle: 'Business Registration',
+  businessRegistration: {
+    title: 'Business License pursuant to § 34c GewO',
+    dateIssued: '18.03.2026',
+    issuedBy: 'District Office Tempelhof-Schöneberg of Berlin',
+    authority: 'Regulatory Authority',
+  },
   contactTitle: 'Contact',
   responsibilityTitle: 'Authorized Representative',
   disclaimerTitle: 'Disclaimer',
diff --git a/src/pages/ImprintPage.tsx b/src/pages/ImprintPage.tsx
index d173402..5ec569f 100644
--- a/src/pages/ImprintPage.tsx
+++ b/src/pages/ImprintPage.tsx
@@ -34,6 +34,16 @@ export default function ImprintPage() {
             </div>
           </div>
 
+          <div className="imprint-page__section">
+            <h2 className="imprint-page__section-title">{texts.businessRegistrationTitle}</h2>
+            <div className="imprint-page__info">
+              <p><strong>{texts.businessRegistration.title}</strong></p>
+              <p><strong>Datum der Erteilung:</strong> {texts.businessRegistration.dateIssued}</p>
+              <p><strong>Erteilt von:</strong> {texts.businessRegistration.issuedBy}</p>
+              <p>{texts.businessRegistration.authority}</p>
+            </div>
+          </div>
+
           <div className="imprint-page__section">
             <h2 className="imprint-page__section-title">{texts.contactTitle}</h2>
             <div className="imprint-page__info">

From 4190be4d15be6bacaa1415563dacefced5ec5f34 Mon Sep 17 00:00:00 2001
From: Sascha <saschab42@gmail.com>
Date: Wed, 20 May 2026 13:32:32 +0200
Subject: [PATCH 19/19] feat: add business registration section to TextConfig
 interface

---
 src/config/locales/en/TextConfig.ts | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/src/config/locales/en/TextConfig.ts b/src/config/locales/en/TextConfig.ts
index 2a70e68..de84c09 100644
--- a/src/config/locales/en/TextConfig.ts
+++ b/src/config/locales/en/TextConfig.ts
@@ -193,6 +193,13 @@ export interface TextConfig {
     title: string;
     subtitle: string;
     companyInfoTitle: string;
+    businessRegistrationTitle: string;
+    businessRegistration: {
+      title: string;
+      dateIssued: string;
+      issuedBy: string;
+      authority: string;
+    };
     contactTitle: string;
     responsibilityTitle: string;
     disclaimerTitle: string;