From 890d7b8670d39d684e49cea89bd0bfddd0ac5a78 Mon Sep 17 00:00:00 2001
From: becarta <github.devotee752@passmail.net>
Date: Sat, 29 Mar 2025 22:32:31 +0100
Subject: [PATCH] Updated site completely

---
 netlify/functions/contact.js                  |  30 +
 package-lock.json                             |   9 +-
 src/assets/styles/tailwind.css                |  88 ++-
 src/components/CookieBanner.astro             |  24 +-
 src/components/CustomStyles.astro             |   1 -
 src/components/LanguageDropdown.astro         | 132 ++--
 src/components/LanguagePersistence.astro      |   4 +-
 src/components/LanguageSelector.astro         |   2 +-
 src/components/LanguageSelectorReact.tsx      |  13 +-
 src/components/Logo.astro                     |   3 +-
 src/components/common/BasicScripts.astro      | 122 ++--
 src/components/common/StructuredData.astro    |   2 +-
 src/components/ui/Accordion.astro             |  52 +-
 src/components/ui/BackToTop.astro             |  16 +-
 src/components/ui/Background.astro            | 208 +++---
 src/components/ui/CompactTimeline.astro       |  12 +-
 src/components/ui/Form.astro                  |  86 ++-
 src/components/ui/GlobalBackground.astro      |  80 +-
 src/components/ui/Headline.astro              |  14 +-
 src/components/ui/ImageModal.astro            |  85 ++-
 src/components/ui/ItemGrid.astro              |  78 +-
 src/components/ui/ItemGrid2.astro             |   5 +-
 src/components/ui/ModernTimeline.astro        | 102 ++-
 src/components/ui/StaggeredTimeline.astro     |  24 +-
 src/components/ui/WidgetWrapper.astro         |  14 +-
 src/components/widgets/BlogLatestPosts.astro  |   4 +-
 src/components/widgets/CompactSkills.astro    |  39 +-
 src/components/widgets/CompactSteps.astro     |   2 +-
 src/components/widgets/Content.astro          |   6 +-
 src/components/widgets/Footer.astro           |  61 +-
 src/components/widgets/Header.astro           |  30 +-
 src/components/widgets/Hero.astro             |  14 +-
 src/components/widgets/Testimonials.astro     |  28 +-
 src/components/widgets/WorkExperience.astro   |  30 +-
 src/config.yaml                               |   2 +-
 .../Custom_Connectors_in_Power_Automate.mdx   |  24 +-
 src/data/post/Enterprise_App_Protection.mdx   |  20 +-
 ...nizations_with_Proactive_IT_Management.mdx |   6 +-
 src/email-templates/README.md                 |   2 +-
 src/email-templates/admin-notification.ts     |   6 +-
 src/email-templates/user-confirmation.ts      |  10 +-
 src/i18n/translations.ts                      | 686 ++++++++++++------
 src/layouts/Layout.astro                      |  30 +-
 src/navigation.ts                             |  26 +-
 src/pages/[lang]/aboutme.astro                |  76 +-
 src/pages/[lang]/index.astro                  | 133 ++--
 src/pages/[lang]/privacy.astro                | 171 +++--
 src/pages/[lang]/terms.astro                  | 120 +--
 src/pages/aboutme.astro                       |  17 +-
 src/pages/api/contact.ts                      | 154 ++--
 src/pages/index.astro                         |  28 +-
 src/test-email.ts                             |  12 +-
 src/utils/email-handler.ts                    | 127 ++--
 src/utils/images-optimization.ts              |   2 +-
 src/utils/language.ts                         |  28 +
 src/utils/permalinks.ts                       |   6 +-
 56 files changed, 1807 insertions(+), 1299 deletions(-)
 create mode 100644 netlify/functions/contact.js
 create mode 100644 src/utils/language.ts

diff --git a/netlify/functions/contact.js b/netlify/functions/contact.js
new file mode 100644
index 0000000..ab327e2
--- /dev/null
+++ b/netlify/functions/contact.js
@@ -0,0 +1,30 @@
+import { JSDOM } from 'jsdom';
+import createDOMPurify from 'dompurify';
+
+export const handler = async (event) => {
+  try {
+    const data = JSON.parse(event.body);
+    const DOMPurify = createDOMPurify(new JSDOM('').window);
+
+    // Sanitize user input
+    const sanitizedData = {
+      name: DOMPurify.sanitize(data.name),
+      email: DOMPurify.sanitize(data.email),
+      message: DOMPurify.sanitize(data.message),
+    };
+
+    // TODO: Process the sanitized data (e.g., send an email)
+    console.log('Sanitized data:', sanitizedData);
+
+    return {
+      statusCode: 200,
+      body: JSON.stringify({ message: 'Form submitted successfully!' }),
+    };
+  } catch (error) {
+    console.error('Error:', error);
+    return {
+      statusCode: 500,
+      body: JSON.stringify({ message: 'An error occurred.' }),
+    };
+  }
+};
\ No newline at end of file
diff --git a/package-lock.json b/package-lock.json
index 7b08ebc..21d1442 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -4016,9 +4016,9 @@
       }
     },
     "node_modules/caniuse-lite": {
-      "version": "1.0.30001667",
-      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001667.tgz",
-      "integrity": "sha512-7LTwJjcRkzKFmtqGsibMeuXmvFDfZq/nzIjnmgCGzKKRVzjD72selLDK1oPF/Oxzmt4fNcPvTDvGqSDG4tCALw==",
+      "version": "1.0.30001707",
+      "resolved": "https://registry.npmjs.org/caniuse-lite/-/caniuse-lite-1.0.30001707.tgz",
+      "integrity": "sha512-3qtRjw/HQSMlDWf+X79N206fepf4SOOU6SQLMaq/0KkZLmSjPxAkBOQQ+FxbHKfHmYLZFfdWsO3KA90ceHPSnw==",
       "funding": [
         {
           "type": "opencollective",
@@ -4032,7 +4032,8 @@
           "type": "github",
           "url": "https://github.com/sponsors/ai"
         }
-      ]
+      ],
+      "license": "CC-BY-4.0"
     },
     "node_modules/ccount": {
       "version": "2.0.1",
diff --git a/src/assets/styles/tailwind.css b/src/assets/styles/tailwind.css
index 04032b3..01c69d0 100644
--- a/src/assets/styles/tailwind.css
+++ b/src/assets/styles/tailwind.css
@@ -1,14 +1,16 @@
 @tailwind base;
-@tailwind components;
-@tailwind utilities;
+ @tailwind components;
+ @tailwind utilities;
 
-@layer base {
-  p, li, div {
+ @layer base {
+  p,
+  li,
+  div {
     line-height: 1.5;
   }
-}
+ }
 
-@layer utilities {
+ @layer utilities {
   .bg-page {
     background-color: var(--aw-color-bg-page);
   }
@@ -24,83 +26,75 @@
   .text-muted {
     color: var(--aw-color-text-muted);
   }
-  .content-backdrop {
-    @apply bg-white/20 dark:bg-gray-900/15 backdrop-blur-sm hover:bg-white/30 hover:backdrop-blur-md dark:hover:backdrop-blur-md transition-all duration-300 ease-in-out;
-  }
-  .content-card {
-    @apply rounded-lg p-4 md:p-6 content-backdrop;
-  }
-}
+ }
 
-@layer components {
+ @layer components {
   .btn {
-    @apply inline-flex items-center justify-center rounded-full border-gray-400 border bg-transparent font-medium text-center text-base text-page leading-snug transition py-3.5 px-6 md:px-8 ease-in duration-200 focus:ring-blue-500 focus:ring-offset-blue-200 focus:ring-2 focus:ring-offset-2 hover:bg-gray-100 hover:border-gray-600 dark:text-slate-300 dark:border-slate-500 dark:hover:bg-slate-800 dark:hover:border-slate-800 cursor-pointer;
+   @apply inline-flex items-center justify-center rounded-full border-gray-400 border bg-transparent font-medium text-center text-base text-page leading-snug transition py-3.5 px-6 md:px-8 ease-in duration-200 focus:ring-blue-500 focus:ring-offset-blue-200 focus:ring-2 focus:ring-offset-2 hover:bg-gray-100 hover:border-gray-600 dark:text-slate-300 dark:border-slate-500 dark:hover:bg-slate-800 dark:hover:border-slate-800 cursor-pointer;
   }
 
   .btn-primary {
-    @apply btn font-semibold bg-primary text-white border-primary hover:bg-secondary hover:border-secondary hover:text-white dark:text-white dark:bg-primary dark:border-primary dark:hover:border-secondary dark:hover:bg-secondary;
+   @apply btn font-semibold bg-primary text-white border-primary hover:bg-secondary hover:border-secondary hover:text-white dark:text-white dark:bg-primary dark:border-primary dark:hover:border-secondary dark:hover:bg-secondary;
   }
 
   .btn-secondary {
-    @apply btn;
+   @apply btn;
   }
 
   .btn-tertiary {
-    @apply btn border-none shadow-none text-muted hover:text-gray-900 dark:text-gray-400 dark:hover:text-white;
+   @apply btn border-none shadow-none text-muted hover:text-gray-900 dark:text-gray-400 dark:hover:text-white;
   }
-}
+ }
 
-#header.scroll > div:first-child {
+ #header.scroll > div:first-child {
   @apply bg-page md:bg-white/90 md:backdrop-blur-md;
   box-shadow: 0 0.375rem 1.5rem 0 rgb(140 152 164 / 13%);
-}
-.dark #header.scroll > div:first-child,
-#header.scroll.dark > div:first-child {
+ }
+ .dark #header.scroll > div:first-child,
+ #header.scroll.dark > div:first-child {
   @apply bg-page md:bg-[#030621e6] border-b border-gray-500/20;
   box-shadow: none;
-}
-/* #header.scroll > div:last-child {
+ }
+ /* #header.scroll > div:last-child {
   @apply py-3;
-} */
+ } */
 
-#header.expanded nav {
+ #header.expanded nav {
   position: fixed;
   top: 70px;
   left: 0;
   right: 0;
   bottom: 70px !important;
   padding: 0 5px;
-}
+ }
 
-.dropdown:focus .dropdown-menu,
-.dropdown:focus-within .dropdown-menu,
-.dropdown:hover .dropdown-menu {
+ .dropdown:focus .dropdown-menu,
+ .dropdown:focus-within .dropdown-menu,
+ .dropdown:hover .dropdown-menu {
   display: block;
-}
+ }
 
-[astro-icon].icon-light > * {
+ [astro-icon].icon-light > * {
   stroke-width: 1.2;
-}
+ }
 
-[astro-icon].icon-bold > * {
+ [astro-icon].icon-bold > * {
   stroke-width: 2.4;
-}
+ }
 
-[data-aw-toggle-menu] path {
+ [data-aw-toggle-menu] path {
   @apply transition;
-}
-[data-aw-toggle-menu].expanded g > path:first-child {
+ }
+ [data-aw-toggle-menu].expanded g > path:first-child {
   @apply -rotate-45 translate-y-[15px] translate-x-[-3px];
-}
+ }
 
-[data-aw-toggle-menu].expanded g > path:last-child {
+ [data-aw-toggle-menu].expanded g > path:last-child {
   @apply rotate-45 translate-y-[-8px] translate-x-[14px];
-}
+ }
 
-/* To deprecated */
+ /* To deprecated */
 
-.dd *:first-child {
+ .dd *:first-child {
   margin-top: 0;
-}
-
-
+ }
diff --git a/src/components/CookieBanner.astro b/src/components/CookieBanner.astro
index e5ead8f..0cea04c 100644
--- a/src/components/CookieBanner.astro
+++ b/src/components/CookieBanner.astro
@@ -5,12 +5,18 @@ const { lang = 'en' } = Astro.params;
 const t = getTranslation(lang);
 ---
 
-<div id="cookie-banner" class="fixed bottom-0 left-0 right-0 z-50 p-4 content-backdrop shadow-lg transform transition-transform duration-300 translate-y-full" style="display: none;">
+<div
+  id="cookie-banner"
+  class="fixed bottom-0 left-0 right-0 z-50 p-4 content-backdrop shadow-lg transform transition-transform duration-300 translate-y-full"
+  style="display: none;"
+>
   <div class="container mx-auto max-w-6xl flex flex-col sm:flex-row items-center justify-between gap-4">
     <div class="text-sm text-gray-800 dark:text-gray-200 font-medium">
       <p>
-        {t.cookies.message} 
-        <a href={`/${lang}/privacy#cookie-usage`} class="text-blue-600 dark:text-blue-400 hover:underline">{t.cookies.learnMore}</a>
+        {t.cookies.message}
+        <a href={`/${lang}/privacy#cookie-usage`} class="text-blue-600 dark:text-blue-400 hover:underline"
+          >{t.cookies.learnMore}</a
+        >
       </p>
     </div>
     <div class="flex-shrink-0">
@@ -41,7 +47,7 @@ const t = getTranslation(lang);
   // Helper function to set cookie with expiration
   function setCookie(name, value, days) {
     const date = new Date();
-    date.setTime(date.getTime() + (days * 24 * 60 * 60 * 1000));
+    date.setTime(date.getTime() + days * 24 * 60 * 60 * 1000);
     const expires = `expires=${date.toUTCString()}`;
     document.cookie = `${name}=${value}; ${expires}; path=/; SameSite=Lax`;
   }
@@ -49,7 +55,7 @@ const t = getTranslation(lang);
   function setupCookieBanner() {
     const cookieBanner = document.getElementById('cookie-banner');
     const acceptButton = document.getElementById('accept-cookies');
-    
+
     if (!cookieBanner || !acceptButton) return;
 
     // Check if user has already accepted cookies
@@ -83,7 +89,7 @@ const t = getTranslation(lang);
     acceptButton.addEventListener('click', () => {
       // Store consent in cookie (primary storage)
       setCookie('cookieConsentAccepted', 'true', 365);
-      
+
       // Also store in localStorage as backup
       try {
         localStorage.setItem('cookieConsentAccepted', 'true');
@@ -91,14 +97,14 @@ const t = getTranslation(lang);
         console.error('Error setting localStorage:', e);
         // Continue with cookie storage
       }
-      
+
       // Hide the banner with animation
       cookieBanner.classList.add('translate-y-full');
-      
+
       // Remove from DOM after animation completes
       setTimeout(() => {
         cookieBanner.style.display = 'none';
       }, 300);
     });
   }
-</script>
\ No newline at end of file
+</script>
diff --git a/src/components/CustomStyles.astro b/src/components/CustomStyles.astro
index a03957e..b9d1655 100644
--- a/src/components/CustomStyles.astro
+++ b/src/components/CustomStyles.astro
@@ -66,5 +66,4 @@ import '@fontsource-variable/inter';
       color: snow;
     }
   }
-
 </style>
diff --git a/src/components/LanguageDropdown.astro b/src/components/LanguageDropdown.astro
index 5665848..cb150f2 100644
--- a/src/components/LanguageDropdown.astro
+++ b/src/components/LanguageDropdown.astro
@@ -8,16 +8,16 @@ interface Props {
 
 const { currentLang } = Astro.props;
 
-type SupportedLanguage = typeof supportedLanguages[number];
+type SupportedLanguage = (typeof supportedLanguages)[number];
 
 const languages = [
   { code: 'en' as SupportedLanguage, name: 'English', flag: 'gb' },
   { code: 'nl' as SupportedLanguage, name: 'Dutch', flag: 'nl' },
   { code: 'de' as SupportedLanguage, name: 'German', flag: 'de' },
   { code: 'fr' as SupportedLanguage, name: 'French', flag: 'fr' },
-].filter(lang => supportedLanguages.includes(lang.code));
+].filter((lang) => supportedLanguages.includes(lang.code));
 
-const currentLanguage = languages.find(lang => lang.code === currentLang) || languages[0];
+const currentLanguage = languages.find((lang) => lang.code === currentLang) || languages[0];
 ---
 
 <div class="relative inline-block text-left language-dropdown">
@@ -32,9 +32,9 @@ const currentLanguage = languages.find(lang => lang.code === currentLang) || lan
     >
       <Icon name={`circle-flags:${currentLanguage.flag}`} class="inline-block w-5 h-5 mr-2" />
       <span id="selected-language">{currentLanguage.name}</span>
-      <Icon 
-        name="tabler:chevron-down" 
-        class="ml-2 -mr-1 h-5 w-5 transition-transform duration-200" 
+      <Icon
+        name="tabler:chevron-down"
+        class="ml-2 -mr-1 h-5 w-5 transition-transform duration-200"
         aria-hidden="true"
         id="chevron-icon"
       />
@@ -51,28 +51,35 @@ const currentLanguage = languages.find(lang => lang.code === currentLang) || lan
     style="max-height: min(300px, 70vh);"
   >
     <div class="py-1" role="none">
-      {languages.map(lang => (
-        <button
-          type="button"
-          data-lang-code={lang.code}
-          class="text-gray-700 dark:text-gray-300 block w-full text-left px-4 py-2 text-sm hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-white transition-colors duration-200"
-          role="menuitem"
-          tabindex="-1"
-          aria-label={`Switch to ${lang.name} language`}
-        >
-          <Icon name={`circle-flags:${lang.flag}`} class="inline-block w-5 h-5 mr-2" />
-          {lang.name}
-        </button>
-      ))}
+      {
+        languages.map((lang) => (
+          <button
+            type="button"
+            data-lang-code={lang.code}
+            class="text-gray-700 dark:text-gray-300 block w-full text-left px-4 py-2 text-sm hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-white transition-colors duration-200"
+            role="menuitem"
+            tabindex="-1"
+            aria-label={`Switch to ${lang.name} language`}
+          >
+            <Icon name={`circle-flags:${lang.flag}`} class="inline-block w-5 h-5 mr-2" />
+            {lang.name}
+          </button>
+        ))
+      }
     </div>
   </div>
-  
-  <select id="language-select" class="block w-full text-left px-4 py-2 text-sm hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-white focus:bg-gray-100 dark:focus:bg-gray-700 focus:text-gray-900 dark:focus:text-white focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:focus:ring-indigo-400 transition-colors duration-200 rounded-md border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-200 language-select">
-    {languages.map(lang => (
-      <option value={lang.code} selected={lang.code === currentLang}>
-        {lang.name}
-      </option>
-    ))}
+
+  <select
+    id="language-select"
+    class="block w-full text-left px-4 py-2 text-sm hover:bg-gray-100 dark:hover:bg-gray-700 hover:text-gray-900 dark:hover:text-white focus:bg-gray-100 dark:focus:bg-gray-700 focus:text-gray-900 dark:focus:text-white focus:outline-none focus:ring-2 focus:ring-indigo-500 dark:focus:ring-indigo-400 transition-colors duration-200 rounded-md border border-gray-300 dark:border-gray-600 bg-white dark:bg-gray-800 text-gray-700 dark:text-gray-200 language-select"
+  >
+    {
+      languages.map((lang) => (
+        <option value={lang.code} selected={lang.code === currentLang}>
+          {lang.name}
+        </option>
+      ))
+    }
   </select>
 </div>
 
@@ -89,7 +96,7 @@ const currentLanguage = languages.find(lang => lang.code === currentLang) || lan
     .language-dropdown {
       display: inline-block;
     }
-  
+
     /* Keep the native select hidden even on mobile */
     .language-select {
       display: none;
@@ -168,7 +175,7 @@ const currentLanguage = languages.find(lang => lang.code === currentLang) || lan
         // First show the menu to calculate its height
         menu.classList.remove('hidden');
         menu.classList.remove('open-upward', 'open-downward');
-        
+
         // Calculate available space
         const buttonRect = button.getBoundingClientRect();
         const menuRect = menu.getBoundingClientRect();
@@ -176,15 +183,12 @@ const currentLanguage = languages.find(lang => lang.code === currentLang) || lan
         const spaceBelow = viewportHeight - buttonRect.bottom;
         const spaceAbove = buttonRect.top;
         const menuHeight = Math.min(menuRect.height, 300); // Cap at 300px
-        
+
         // Determine if menu should open upward
         const shouldOpenUpward = spaceBelow < menuHeight && spaceAbove > spaceBelow;
 
         // Position menu
-        menu.style.maxHeight = `${Math.min(
-          shouldOpenUpward ? spaceAbove - 8 : spaceBelow - 8,
-          300
-        )}px`;
+        menu.style.maxHeight = `${Math.min(shouldOpenUpward ? spaceAbove - 8 : spaceBelow - 8, 300)}px`;
 
         if (shouldOpenUpward) {
           menu.classList.add('open-upward');
@@ -214,7 +218,7 @@ const currentLanguage = languages.find(lang => lang.code === currentLang) || lan
     });
 
     // Handle language selection
-    languageButtons.forEach(langButton => {
+    languageButtons.forEach((langButton) => {
       langButton.addEventListener('click', () => {
         const langCode = langButton.dataset.langCode;
         if (!langCode) return;
@@ -238,13 +242,13 @@ const currentLanguage = languages.find(lang => lang.code === currentLang) || lan
         const currentPath = currentUrl.pathname.replace(/\/$/, '');
         const currentHash = currentUrl.hash;
         const pathSegments = currentPath.split('/').filter(Boolean);
-        
+
         // Check if we're on a language-specific path
         const isLangPath = supportedLanguages.includes(pathSegments[0]);
-        
+
         // Get the previous language code
         const previousLangCode = isLangPath ? pathSegments[0] : 'en';
-        
+
         // Extract the page path without language
         let pagePath = '';
         if (isLangPath && pathSegments.length > 1) {
@@ -254,48 +258,48 @@ const currentLanguage = languages.find(lang => lang.code === currentLang) || lan
           // If we're not on a language-specific path, use the current path
           pagePath = `/${pathSegments.join('/')}`;
         }
-        
+
         // Handle special case for root path
         const isRootPath = pathSegments.length === 0 || (isLangPath && pathSegments.length === 1);
-        
+
         // Construct the new URL
         let newUrl = isRootPath ? `/${langCode}` : `/${langCode}${pagePath}`;
-        
+
         // Clean up any potential double slashes
         newUrl = newUrl.replace(/\/+/g, '/');
-        
+
         // Append hash fragment if it exists
         if (currentHash) {
           newUrl += currentHash;
         }
-        
+
         // Store the language preference in localStorage and cookies
         if (window.languageUtils) {
           window.languageUtils.storeLanguagePreference(langCode);
         } else {
           // Fallback if languageUtils is not available
           localStorage.setItem('preferredLanguage', langCode);
-          
+
           // Also set a cookie for server-side detection
           const expirationDate = new Date();
           expirationDate.setFullYear(expirationDate.getFullYear() + 1);
           document.cookie = `preferredLanguage=${langCode}; expires=${expirationDate.toUTCString()}; path=/; SameSite=Lax`;
         }
-        
+
         // Dispatch the language changed event
         const reloadEvent = new CustomEvent('languageChanged', {
           detail: {
             langCode,
             previousLangCode,
             path: newUrl,
-            willReload: true
-          }
+            willReload: true,
+          },
         });
         document.dispatchEvent(reloadEvent);
-        
+
         // Construct the full URL
         const newFullUrl = `${window.location.origin}${newUrl}`;
-        
+
         // Force a complete page reload to ensure all content is updated to the new language
         // This bypasses any client-side caching and ensures a fresh server render
         window.location.href = newFullUrl + '?t=' + Date.now();
@@ -312,13 +316,13 @@ const currentLanguage = languages.find(lang => lang.code === currentLang) || lan
       const currentPath = currentUrl.pathname.replace(/\/$/, '');
       const currentHash = currentUrl.hash;
       const pathSegments = currentPath.split('/').filter(Boolean);
-      
+
       // Check if we're on a language-specific path
       const isLangPath = supportedLanguages.includes(pathSegments[0]);
-      
+
       // Get the previous language code
       const previousLangCode = isLangPath ? pathSegments[0] : 'en';
-      
+
       // Extract the page path without language
       let pagePath = '';
       if (isLangPath && pathSegments.length > 1) {
@@ -328,48 +332,48 @@ const currentLanguage = languages.find(lang => lang.code === currentLang) || lan
         // If we're not on a language-specific path, use the current path
         pagePath = `/${pathSegments.join('/')}`;
       }
-      
+
       // Handle special case for root path
       const isRootPath = pathSegments.length === 0 || (isLangPath && pathSegments.length === 1);
-      
+
       // Construct the new URL
       let newUrl = isRootPath ? `/${langCode}` : `/${langCode}${pagePath}`;
-      
+
       // Clean up any potential double slashes
       newUrl = newUrl.replace(/\/+/g, '/');
-      
+
       // Append hash fragment if it exists
       if (currentHash) {
         newUrl += currentHash;
       }
-      
+
       // Store the language preference in localStorage and cookies
       if (window.languageUtils) {
         window.languageUtils.storeLanguagePreference(langCode);
       } else {
         // Fallback if languageUtils is not available
         localStorage.setItem('preferredLanguage', langCode);
-        
+
         // Also set a cookie for server-side detection
         const expirationDate = new Date();
         expirationDate.setFullYear(expirationDate.getFullYear() + 1);
         document.cookie = `preferredLanguage=${langCode}; expires=${expirationDate.toUTCString()}; path=/; SameSite=Lax`;
       }
-      
+
       // Dispatch the language changed event
       const reloadEvent = new CustomEvent('languageChanged', {
         detail: {
           langCode,
           previousLangCode,
           path: newUrl,
-          willReload: true
-        }
+          willReload: true,
+        },
       });
       document.dispatchEvent(reloadEvent);
-      
+
       // Construct the full URL
       const newFullUrl = `${window.location.origin}${newUrl}`;
-      
+
       // Force a complete page reload to ensure all content is updated to the new language
       // This bypasses any client-side caching and ensures a fresh server render
       window.location.href = newFullUrl + '?t=' + Date.now();
@@ -385,10 +389,10 @@ const currentLanguage = languages.find(lang => lang.code === currentLang) || lan
 
   // Re-run setup when the page content is updated (e.g., after navigation)
   document.addEventListener('astro:page-load', setupLanguageDropdown);
-  
+
   // Listen for popstate events (browser back/forward buttons)
   window.addEventListener('popstate', (_event) => {
     // No need to manually update anything here as the browser will
     // automatically load the correct URL, and Astro will handle the rendering
   });
-</script>
\ No newline at end of file
+</script>
diff --git a/src/components/LanguagePersistence.astro b/src/components/LanguagePersistence.astro
index e9e919a..c963ce4 100644
--- a/src/components/LanguagePersistence.astro
+++ b/src/components/LanguagePersistence.astro
@@ -96,7 +96,7 @@ declare global {
       storeLanguagePreference: (langCode) => {
         localStorage.setItem('preferredLanguage', langCode);
         setLanguageCookie(langCode);
-      }
+      },
     };
   }
 
@@ -109,4 +109,4 @@ declare global {
 
   // Re-run setup when the page content is updated (e.g., after navigation)
   document.addEventListener('astro:page-load', setupLanguagePersistence);
-</script>
\ No newline at end of file
+</script>
diff --git a/src/components/LanguageSelector.astro b/src/components/LanguageSelector.astro
index 33cd5f7..3056e3a 100644
--- a/src/components/LanguageSelector.astro
+++ b/src/components/LanguageSelector.astro
@@ -8,4 +8,4 @@ interface Props {
 const { defaultLang } = Astro.props;
 ---
 
-<LanguageSelectorComponent client:load defaultLang={defaultLang} />
\ No newline at end of file
+<LanguageSelectorComponent client:load defaultLang={defaultLang} />
diff --git a/src/components/LanguageSelectorReact.tsx b/src/components/LanguageSelectorReact.tsx
index b01b3fd..22c0097 100644
--- a/src/components/LanguageSelectorReact.tsx
+++ b/src/components/LanguageSelectorReact.tsx
@@ -41,21 +41,14 @@ export default function LanguageSelectorComponent({ defaultLang }: LanguageSelec
           className={`
             inline-flex items-center px-3 py-2 text-sm font-medium rounded-md
             transition-colors duration-200 hover:bg-gray-100
-            ${language.code === currentLang 
-              ? 'text-blue-600 bg-blue-50' 
-              : 'text-gray-600 hover:text-gray-900'
-            }
+            ${language.code === currentLang ? 'text-blue-600 bg-blue-50' : 'text-gray-600 hover:text-gray-900'}
           `}
           aria-current={language.code === currentLang ? 'page' : undefined}
         >
-          <Icon 
-            name={`circle-flags:${language.flag}`} 
-            className="w-5 h-5 mr-2" 
-            aria-hidden="true" 
-          />
+          <Icon name={`circle-flags:${language.flag}`} className="w-5 h-5 mr-2" aria-hidden="true" />
           <span>{language.name}</span>
         </button>
       ))}
     </div>
   );
-}
\ No newline at end of file
+}
diff --git a/src/components/Logo.astro b/src/components/Logo.astro
index cb0d173..97e03e0 100644
--- a/src/components/Logo.astro
+++ b/src/components/Logo.astro
@@ -4,6 +4,7 @@ import { SITE } from 'astrowind:config';
 
 <span
   class="self-center ml-2 rtl:ml-0 rtl:mr-2 text-2xl md:text-xl font-bold text-gray-900 whitespace-nowrap dark:text-white"
+  aria-label={SITE?.name}
 >
-   {SITE?.name}
+  {SITE?.name}
 </span>
diff --git a/src/components/common/BasicScripts.astro b/src/components/common/BasicScripts.astro
index 8f7d81d..4e80e3c 100644
--- a/src/components/common/BasicScripts.astro
+++ b/src/components/common/BasicScripts.astro
@@ -163,7 +163,7 @@ import { UI } from 'astrowind:config';
   // Handle smooth scrolling for anchor links across all pages
   function setupSmoothScrolling() {
     // Handle links that start with # (pure anchor links)
-    document.querySelectorAll('a[href^="#"]:not([href="#"])').forEach(anchor => {
+    document.querySelectorAll('a[href^="#"]:not([href="#"])').forEach((anchor) => {
       anchor.addEventListener('click', function (e) {
         e.preventDefault();
 
@@ -173,23 +173,23 @@ import { UI } from 'astrowind:config';
         if (targetElement) {
           window.scrollTo({
             top: targetElement.offsetTop - 50, // Offset for header
-            behavior: 'smooth'
+            behavior: 'smooth',
           });
         }
       });
     });
 
     // Handle links that contain # but don't start with it (page + anchor)
-    document.querySelectorAll('a[href*="#"]:not([href^="#"])').forEach(anchor => {
+    document.querySelectorAll('a[href*="#"]:not([href^="#"])').forEach((anchor) => {
       anchor.addEventListener('click', function (e) {
         const href = this.getAttribute('href');
         const isHashLink = this.getAttribute('data-hash-link') === 'true';
-        
+
         // Check if this is a link to the current page
         // First, extract the path part (before the hash)
         const hrefPath = href.split('#')[0];
         const currentPath = window.location.pathname;
-        
+
         // Consider it's the current page if:
         // 1. The path matches exactly
         // 2. The href is just a hash (like '/#services')
@@ -198,23 +198,23 @@ import { UI } from 'astrowind:config';
           currentPath === hrefPath ||
           hrefPath === '' ||
           (hrefPath === '/' && (currentPath === '/' || currentPath.endsWith('/index.html')));
-        
+
         // For hash links, we want to update the URL and scroll to the element
         if (isHashLink || isCurrentPage) {
           e.preventDefault();
-          
+
           const hashIndex = href.indexOf('#');
           if (hashIndex !== -1) {
             const targetId = href.substring(hashIndex + 1);
             const targetElement = document.getElementById(targetId);
-            
+
             if (targetElement) {
               // Update the URL with the hash fragment
               history.pushState(null, null, href);
-              
+
               window.scrollTo({
                 top: targetElement.offsetTop - 50, // Offset for header
-                behavior: 'smooth'
+                behavior: 'smooth',
               });
             } else {
               // If the target element doesn't exist on the current page, navigate to the page
@@ -245,50 +245,48 @@ import { UI } from 'astrowind:config';
     function updateUrlsWithLanguage() {
       const currentLang = getStoredLanguage();
       const supportedLanguages = ['en', 'nl', 'de', 'fr'];
-      
+
       // Update all internal links to include the language prefix
-      document.querySelectorAll('a[href^="/"]:not([href^="//"])').forEach(link => {
+      document.querySelectorAll('a[href^="/"]:not([href^="//"])').forEach((link) => {
         const href = link.getAttribute('href');
         if (!href) return;
-        
+
         // Skip hash-only links (e.g., "#services")
         if (href.startsWith('#')) {
           return;
         }
-        
+
         // Extract hash fragment if present
         let hashFragment = '';
         let pathWithoutHash = href;
-        
+
         if (href.includes('#')) {
           const parts = href.split('#');
           pathWithoutHash = parts[0];
           hashFragment = '#' + parts[1];
         }
-        
+
         // Parse the URL path (without hash) to check for existing language code
         const pathSegments = pathWithoutHash.split('/').filter(Boolean);
         const hasLanguagePrefix = pathSegments.length > 0 && supportedLanguages.includes(pathSegments[0]);
-        
+
         // If it already has a language prefix but it's different from the current language,
         // update it to the current language
         if (hasLanguagePrefix && pathSegments[0] !== currentLang) {
           // Replace the existing language prefix with the current one
           pathSegments[0] = currentLang;
           const newPath = '/' + pathSegments.join('/');
-          
+
           // Set the new href with the hash fragment (if any)
           link.setAttribute('href', newPath + hashFragment);
           return;
         }
-        
+
         // If it doesn't have a language prefix, add the current language
         if (!hasLanguagePrefix) {
           // Create the new path with the language prefix
-          const newPath = pathWithoutHash === '/' ?
-            `/${currentLang}` :
-            `/${currentLang}${pathWithoutHash}`;
-          
+          const newPath = pathWithoutHash === '/' ? `/${currentLang}` : `/${currentLang}${pathWithoutHash}`;
+
           // Set the new href with the hash fragment (if any)
           link.setAttribute('href', newPath + hashFragment);
         }
@@ -300,11 +298,11 @@ import { UI } from 'astrowind:config';
       // Store the selected language in localStorage
       if (event.detail && event.detail.langCode) {
         storeLanguagePreference(event.detail.langCode);
-        
+
         // Always update all internal links with the new language
         // regardless of whether we're doing a full page reload
         updateUrlsWithLanguage();
-        
+
         // If this event includes a path but doesn't indicate it will reload,
         // force a full page reload to ensure all content is properly translated
         if (event.detail.path && !event.detail.willReload) {
@@ -312,13 +310,13 @@ import { UI } from 'astrowind:config';
         }
       }
     });
-    
+
     // Process links when the page loads
     updateUrlsWithLanguage();
-    
+
     // Process links after client-side navigation
     document.addEventListener('astro:page-load', updateUrlsWithLanguage);
-    
+
     // Also update links when the DOM content is loaded
     document.addEventListener('DOMContentLoaded', updateUrlsWithLanguage);
 
@@ -327,25 +325,25 @@ import { UI } from 'astrowind:config';
       if (window.location.hash) {
         const targetId = window.location.hash.substring(1);
         const targetElement = document.getElementById(targetId);
-        
+
         if (targetElement) {
           // Use setTimeout to ensure the page has fully loaded
           setTimeout(() => {
             window.scrollTo({
               top: targetElement.offsetTop - 50, // Offset for header
-              behavior: 'smooth'
+              behavior: 'smooth',
             });
           }, 100);
         }
       }
     }
-    
+
     scrollToHashOnLoad();
 
     // Make language functions available globally
     window.languageUtils = {
       getStoredLanguage,
-      storeLanguagePreference
+      storeLanguagePreference,
     };
   }
 
@@ -471,36 +469,36 @@ import { UI } from 'astrowind:config';
     if (!contactForm) return;
 
     // Form validation and submission
-    contactForm.addEventListener('submit', async function(e) {
+    contactForm.addEventListener('submit', async function (e) {
       e.preventDefault();
-      
+
       // Reset previous error messages
       resetFormErrors();
-      
+
       // Client-side validation
       if (!validateForm(contactForm)) {
         return;
       }
-      
+
       // Show loading state
       const submitButton = contactForm.querySelector('button[type="submit"]');
       const originalButtonText = submitButton.innerHTML;
       submitButton.disabled = true;
       submitButton.innerHTML = 'Sending...';
-      
+
       try {
         const formData = new FormData(contactForm);
-        
+
         // Add timestamp to help prevent duplicate submissions
         formData.append('timestamp', Date.now().toString());
-        
+
         // Submit the form to Netlify
         const response = await fetch('/', {
           method: 'POST',
           headers: { 'Content-Type': 'application/x-www-form-urlencoded' },
-          body: new URLSearchParams(formData).toString()
+          body: new URLSearchParams(formData).toString(),
         });
-        
+
         if (response.ok) {
           // Show success message
           document.getElementById('form-success').classList.remove('hidden');
@@ -516,14 +514,14 @@ import { UI } from 'astrowind:config';
         submitButton.innerHTML = originalButtonText;
       }
     });
-    
+
     // Add input validation on blur
-    contactForm.querySelectorAll('input, textarea').forEach(input => {
-      input.addEventListener('blur', function() {
+    contactForm.querySelectorAll('input, textarea').forEach((input) => {
+      input.addEventListener('blur', function () {
         validateInput(this);
       });
-      
-      input.addEventListener('input', function() {
+
+      input.addEventListener('input', function () {
         // Remove error styling when user starts typing
         this.classList.remove('border-red-500');
         const feedbackElement = this.closest('div').querySelector('.invalid-feedback');
@@ -536,29 +534,29 @@ import { UI } from 'astrowind:config';
 
   function validateForm(form) {
     let isValid = true;
-    
+
     // Validate all inputs
-    form.querySelectorAll('input, textarea').forEach(input => {
+    form.querySelectorAll('input, textarea').forEach((input) => {
       if (!validateInput(input)) {
         isValid = false;
       }
     });
-    
+
     return isValid;
   }
 
   function validateInput(input) {
     if (!input.required) return true;
-    
+
     let isValid = true;
     const feedbackElement = input.closest('div').querySelector('.invalid-feedback');
-    
+
     // Reset previous error
     if (feedbackElement) {
       feedbackElement.classList.add('hidden');
     }
     input.classList.remove('border-red-500');
-    
+
     // Checkbox validation (special case for disclaimer)
     if (input.type === 'checkbox') {
       if (input.required && !input.checked) {
@@ -582,7 +580,7 @@ import { UI } from 'astrowind:config';
       }
       return isValid;
     }
-    
+
     // Check if empty
     if (input.required && !input.value.trim()) {
       isValid = false;
@@ -592,7 +590,7 @@ import { UI } from 'astrowind:config';
       }
       input.classList.add('border-red-500');
     }
-    
+
     // Email validation
     if (input.type === 'email' && input.value.trim()) {
       const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
@@ -605,7 +603,7 @@ import { UI } from 'astrowind:config';
         input.classList.add('border-red-500');
       }
     }
-    
+
     // Textarea minimum length
     if (input.tagName === 'TEXTAREA' && input.value.trim().length < 10) {
       isValid = false;
@@ -615,26 +613,26 @@ import { UI } from 'astrowind:config';
       }
       input.classList.add('border-red-500');
     }
-    
+
     return isValid;
   }
 
   function resetFormErrors() {
     // Hide all error messages
-    document.querySelectorAll('.invalid-feedback').forEach(el => {
+    document.querySelectorAll('.invalid-feedback').forEach((el) => {
       el.classList.add('hidden');
     });
-    
+
     // Remove error styling
-    document.querySelectorAll('input, textarea').forEach(input => {
+    document.querySelectorAll('input, textarea').forEach((input) => {
       input.classList.remove('border-red-500');
     });
-    
+
     // Remove checkbox container error styling
-    document.querySelectorAll('.flex.items-start').forEach(container => {
+    document.querySelectorAll('.flex.items-start').forEach((container) => {
       container.classList.remove('checkbox-error');
     });
-    
+
     // Hide form-level messages
     document.getElementById('form-success')?.classList.add('hidden');
     document.getElementById('form-error')?.classList.add('hidden');
diff --git a/src/components/common/StructuredData.astro b/src/components/common/StructuredData.astro
index 0677ec2..2827aab 100644
--- a/src/components/common/StructuredData.astro
+++ b/src/components/common/StructuredData.astro
@@ -2,4 +2,4 @@
 const { data } = Astro.props;
 ---
 
-<script type="application/ld+json" set:html={JSON.stringify(data)} />
\ No newline at end of file
+<script type="application/ld+json" set:html={JSON.stringify(data)} />
diff --git a/src/components/ui/Accordion.astro b/src/components/ui/Accordion.astro
index 7caf1c5..168f779 100644
--- a/src/components/ui/Accordion.astro
+++ b/src/components/ui/Accordion.astro
@@ -10,25 +10,33 @@ const { items } = Astro.props;
 ---
 
 <div class="accordion">
-  {items.map((item, index) => (
-    <div class="accordion-item">
-      <button class="accordion-header" data-accordion-target={`#accordion-body-${index}`}>
-        {item.title}
-        <svg class="w-4 h-4 ml-2 shrink-0" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z" clip-rule="evenodd"></path></svg>
-      </button>
-      <div id={`accordion-body-${index}`} class="accordion-body" aria-labelledby={`accordion-header-${index}`}>
-        <div class="p-5 border border-b-0 dark:border-gray-700 dark:bg-gray-900">
-          <p class="text-gray-500 dark:text-gray-400">{item.description}</p>
+  {
+    items.map((item, index) => (
+      <div class="accordion-item">
+        <button class="accordion-header" data-accordion-target={`#accordion-body-${index}`}>
+          {item.title}
+          <svg class="w-4 h-4 ml-2 shrink-0" fill="currentColor" viewBox="0 0 20 20" xmlns="http://www.w3.org/2000/svg">
+            <path
+              fill-rule="evenodd"
+              d="M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z"
+              clip-rule="evenodd"
+            />
+          </svg>
+        </button>
+        <div id={`accordion-body-${index}`} class="accordion-body" aria-labelledby={`accordion-header-${index}`}>
+          <div class="p-5 border border-b-0 dark:border-gray-700 dark:bg-gray-900">
+            <p class="text-gray-500 dark:text-gray-400">{item.description}</p>
+          </div>
         </div>
       </div>
-    </div>
-  ))}
+    ))
+  }
 </div>
 
 <script>
   const accordionHeaders = document.querySelectorAll('.accordion-header');
 
-  accordionHeaders.forEach(header => {
+  accordionHeaders.forEach((header) => {
     header.addEventListener('click', () => {
       const target = header.getAttribute('data-accordion-target');
       const body = document.querySelector(target);
@@ -37,7 +45,7 @@ const { items } = Astro.props;
         const expanded = (body as HTMLElement).classList.contains('expanded');
 
         // Close all accordion items
-        document.querySelectorAll('.accordion-body.expanded').forEach(item => {
+        document.querySelectorAll('.accordion-body.expanded').forEach((item) => {
           if (item && 'style' in item) {
             (item as any).style.display = 'none';
             item.classList.remove('expanded');
@@ -57,7 +65,7 @@ const { items } = Astro.props;
 </script>
 
 <style>
-.accordion-header {
+  .accordion-header {
     display: flex;
     align-items: center;
     width: 100%;
@@ -69,17 +77,17 @@ const { items } = Astro.props;
     border-bottom: 1px solid #e5e7eb;
     cursor: pointer;
     transition: background-color 0.15s ease;
-}
+  }
 
-.accordion-header:hover {
+  .accordion-header:hover {
     background-color: #f9fafb;
-}
+  }
 
-.accordion-body {
+  .accordion-body {
     display: none;
-}
+  }
 
-.accordion-body.expanded {
+  .accordion-body.expanded {
     display: block;
-}
-</style>
\ No newline at end of file
+  }
+</style>
diff --git a/src/components/ui/BackToTop.astro b/src/components/ui/BackToTop.astro
index 85cc316..2ae429d 100644
--- a/src/components/ui/BackToTop.astro
+++ b/src/components/ui/BackToTop.astro
@@ -1,12 +1,8 @@
 ---
----
 
-<button
-  id="back-to-top"
-  class="back-to-top"
-  aria-label="Back to top"
-  title="Return to Top"
->
+---
+
+<button id="back-to-top" class="back-to-top" aria-label="Back to top" title="Return to Top">
   <svg
     xmlns="http://www.w3.org/2000/svg"
     width="24"
@@ -81,7 +77,7 @@
   // Function to initialize the back to top button
   function initBackToTop() {
     const backToTopButton = document.getElementById('back-to-top');
-    
+
     if (!backToTopButton) return;
 
     // Show button when scrolling down
@@ -98,7 +94,7 @@
       e.preventDefault();
       window.scrollTo({
         top: 0,
-        behavior: 'smooth'
+        behavior: 'smooth',
       });
     };
 
@@ -116,4 +112,4 @@
   // Re-initialize on view transitions (for Astro's View Transitions)
   document.addEventListener('astro:page-load', initBackToTop);
   document.addEventListener('astro:after-swap', initBackToTop);
-</script>
\ No newline at end of file
+</script>
diff --git a/src/components/ui/Background.astro b/src/components/ui/Background.astro
index 5907e81..356eab5 100644
--- a/src/components/ui/Background.astro
+++ b/src/components/ui/Background.astro
@@ -70,7 +70,7 @@ const iconNames: string[] = [
   'tabler:brand-github',
   'tabler:device-desktop',
   'tabler:brand-azure',
-  
+
   // Additional tech-related icons
   'tabler:cpu',
   'tabler:device-mobile',
@@ -79,7 +79,7 @@ const iconNames: string[] = [
   'tabler:shield',
   'tabler:lock',
   'tabler:key',
-  
+
   // Tangentially related icons for visual diversity
   'tabler:bulb',
   'tabler:compass',
@@ -101,17 +101,13 @@ const getRandomRotation = (): string => {
 // Function to get a random size
 const getRandomSize = (isDarkMode: boolean = false): string => {
   // Slightly larger size range for dark mode for better visibility
-  return isDarkMode
-    ? `${getRandomInRange(160, 200)}px`
-    : `${getRandomInRange(140, 180)}px`;
+  return isDarkMode ? `${getRandomInRange(160, 200)}px` : `${getRandomInRange(140, 180)}px`;
 };
 
 // Function to get a random opacity
 const getRandomOpacity = (isDarkMode: boolean = false): string => {
   // Higher opacity range for dark mode for better visibility
-  return isDarkMode
-    ? getRandomInRange(0.45, 0.55).toFixed(2)
-    : getRandomInRange(0.32, 0.38).toFixed(2);
+  return isDarkMode ? getRandomInRange(0.45, 0.55).toFixed(2) : getRandomInRange(0.32, 0.38).toFixed(2);
 };
 
 // Create a spacious layout with well-separated icons
@@ -119,14 +115,14 @@ const createSpacedIcons = (): BaseIconObject[] => {
   const icons: BaseIconObject[] = [];
   const rows = 6; // Reduced from 8 to 6 for fewer potential positions
   const cols = 6; // Reduced from 8 to 6 for fewer potential positions
-  
+
   // Define larger margins to keep icons away from edges (in percentage)
   const marginX = 10; // 10% margin from left and right edges (increased from 5%)
   const marginY = 10; // 10% margin from top and bottom edges (increased from 5%)
-  
+
   // Minimum distance between icons (in percentage points)
   const minDistance = 20; // Ensure at least 20% distance between any two icons
-  
+
   // Create a base grid of positions
   for (let row = 0; row < rows; row++) {
     for (let col = 0; col < cols; col++) {
@@ -134,46 +130,43 @@ const createSpacedIcons = (): BaseIconObject[] => {
       if (Math.random() < 0.75) {
         continue;
       }
-      
+
       // Base position in the grid with margins applied
-      const baseX = marginX + ((col / cols) * (100 - 2 * marginX));
-      const baseY = marginY + ((row / rows) * (100 - 2 * marginY));
-      
+      const baseX = marginX + (col / cols) * (100 - 2 * marginX);
+      const baseY = marginY + (row / rows) * (100 - 2 * marginY);
+
       // Add limited randomness to the position (±5%) to maintain spacing
       const randomOffsetX = getRandomInRange(-5, 5);
       const randomOffsetY = getRandomInRange(-5, 5);
-      
+
       // Ensure positions stay within margins
       const x = Math.max(marginX, Math.min(100 - marginX, baseX + randomOffsetX));
       const y = Math.max(marginY, Math.min(100 - marginY, baseY + randomOffsetY));
-      
+
       // Check if this position is too close to any existing icon
       let tooClose = false;
       for (const existingIcon of icons) {
         // Extract numeric values from percentage strings
         const existingX = parseFloat(existingIcon.x);
         const existingY = parseFloat(existingIcon.y);
-        
+
         // Calculate distance between points
-        const distance = Math.sqrt(
-          Math.pow(x - existingX, 2) +
-          Math.pow(y - existingY, 2)
-        );
-        
+        const distance = Math.sqrt(Math.pow(x - existingX, 2) + Math.pow(y - existingY, 2));
+
         // If too close to an existing icon, skip this position
         if (distance < minDistance) {
           tooClose = true;
           break;
         }
       }
-      
+
       if (tooClose) {
         continue;
       }
-      
+
       // Randomly select an icon from the expanded set
       const iconIndex = Math.floor(Math.random() * iconNames.length);
-      
+
       icons.push({
         icon: iconNames[iconIndex],
         x: `${x}%`,
@@ -184,14 +177,14 @@ const createSpacedIcons = (): BaseIconObject[] => {
       });
     }
   }
-  
+
   return icons;
 };
 
 const icons: BaseIconObject[] = createSpacedIcons();
 
 // Assign random colors to each icon
-const iconsWithColors: IconWithColors[] = icons.map(icon => ({
+const iconsWithColors: IconWithColors[] = icons.map((icon) => ({
   icon: icon.icon,
   x: icon.x,
   y: icon.y,
@@ -202,85 +195,89 @@ const iconsWithColors: IconWithColors[] = icons.map(icon => ({
   darkColor: getRandomColor(darkModeColors),
 }));
 ---
+
 <div class:list={['absolute inset-0', { 'backdrop-blur-sm bg-white/5 dark:bg-gray-900/10': isDark }]}>
   <slot />
-  
-  {showIcons && (
-    /* Decorative background icons with random placement */
-    <div id="background-icons" class="absolute inset-0 overflow-hidden pointer-events-none z-[-5]">
-      {iconsWithColors.map(({ icon, x, y, size, opacity, rotate, lightColor, darkColor }) => (
-        <div
-          class={`absolute ${lightColor} ${darkColor} background-icon`}
-          style={`left: ${x}; top: ${y}; opacity: ${opacity}; transform: rotate(${rotate});`}
-        >
-          <Icon name={icon} style={`width: ${size}; height: ${size};`} />
-        </div>
-      ))}
-    </div>
-  )}
+
+  {
+    showIcons && (
+      /* Decorative background icons with random placement */
+      <div id="background-icons" class="absolute inset-0 overflow-hidden pointer-events-none z-[-5]">
+        {iconsWithColors.map(({ icon, x, y, size, opacity, rotate, lightColor, darkColor }) => (
+          <div
+            class={`absolute ${lightColor} ${darkColor} background-icon`}
+            style={`left: ${x}; top: ${y}; opacity: ${opacity}; transform: rotate(${rotate});`}
+          >
+            <Icon name={icon} style={`width: ${size}; height: ${size};`} />
+          </div>
+        ))}
+      </div>
+    )
+  }
 </div>
 
-{showIcons && (
-  <script define:vars={{ disableParallax }}>
-    // Parallax scrolling effect for background icons
-    document.addEventListener('DOMContentLoaded', () => {
-      // Get all parallax icons
-      const parallaxIcons = document.querySelectorAll('.parallax-icon');
-      
-      // Skip parallax on mobile devices for better performance or if parallax is disabled
-      const isMobile = window.matchMedia('(max-width: 768px)').matches;
-      if (isMobile || disableParallax) return;
-      
-      // Variables to track scroll position
-      let lastScrollY = window.scrollY;
-      let ticking = false;
-      
-      // Function to update icon positions based on scroll
-      const updateParallax = () => {
-        parallaxIcons.forEach((icon) => {
-          const depth = parseFloat(icon.getAttribute('data-depth') || '0.5');
-          
-          // Calculate parallax offset based on scroll position and depth
-          // Lower depth value means the icon moves slower (appears further away)
-          const yOffset = (lastScrollY * depth * 0.15);
-          
-          // Get the original rotation
-          const transformValue = icon.style.transform;
-          const rotateMatch = transformValue.match(/rotate\([^)]+\)/);
-          const rotateValue = rotateMatch ? rotateMatch[0] : 'rotate(0deg)';
-          
-          // Apply transform with the original rotation plus the parallax offset
-          icon.style.transform = `${rotateValue} translate3d(0, ${yOffset}px, 0)`;
+<script define:vars={{ disableParallax }}>
+  // Parallax scrolling effect for background icons
+  document.addEventListener('DOMContentLoaded', () => {
+    // Get all parallax icons
+    const parallaxIcons = document.querySelectorAll('.parallax-icon');
+
+    // Skip parallax on mobile devices for better performance or if parallax is disabled
+    const isMobile = window.matchMedia('(max-width: 768px)').matches;
+    if (isMobile || disableParallax) return;
+
+    // Variables to track scroll position
+    let lastScrollY = window.scrollY;
+    let ticking = false;
+
+    // Function to update icon positions based on scroll
+    const updateParallax = () => {
+      parallaxIcons.forEach((icon) => {
+        const depth = parseFloat(icon.getAttribute('data-depth') || '0.5');
+
+        // Calculate parallax offset based on scroll position and depth
+        // Lower depth value means the icon moves slower (appears further away)
+        const yOffset = lastScrollY * depth * 0.15;
+
+        // Get the original rotation
+        const transformValue = icon.style.transform;
+        const rotateMatch = transformValue.match(/rotate\([^)]+\)/);
+        const rotateValue = rotateMatch ? rotateMatch[0] : 'rotate(0deg)';
+
+        // Apply transform with the original rotation plus the parallax offset
+        icon.style.transform = `${rotateValue} translate3d(0, ${yOffset}px, 0)`;
+      });
+
+      ticking = false;
+    };
+
+    // Throttle scroll events for better performance
+    const onScroll = () => {
+      lastScrollY = window.scrollY;
+
+      if (!ticking) {
+        window.requestAnimationFrame(() => {
+          updateParallax();
+          ticking = false;
         });
-        
-        ticking = false;
-      };
-      
-      // Throttle scroll events for better performance
-      const onScroll = () => {
-        lastScrollY = window.scrollY;
-        
-        if (!ticking) {
-          window.requestAnimationFrame(() => {
-            updateParallax();
-            ticking = false;
-          });
-          
-          ticking = true;
-        }
-      };
-      
-      // Add scroll event listener
-      window.addEventListener('scroll', onScroll, { passive: true });
-      
-      // Update on resize (debounced)
-      let resizeTimer;
-      window.addEventListener('resize', () => {
+
+        ticking = true;
+      }
+    };
+
+    // Add scroll event listener
+    window.addEventListener('scroll', onScroll, { passive: true });
+
+    // Update on resize (debounced)
+    let resizeTimer;
+    window.addEventListener(
+      'resize',
+      () => {
         clearTimeout(resizeTimer);
         resizeTimer = setTimeout(() => {
           // Check if device is now mobile and disable parallax if needed
           const isMobileNow = window.matchMedia('(max-width: 768px)').matches;
-          
+
           if (isMobileNow) {
             // Reset positions on mobile
             parallaxIcons.forEach((icon) => {
@@ -294,10 +291,11 @@ const iconsWithColors: IconWithColors[] = icons.map(icon => ({
             updateParallax();
           }
         }, 200);
-      }, { passive: true });
-      
-      // Initial update
-      updateParallax();
-    });
-  </script>
-)}
+      },
+      { passive: true }
+    );
+
+    // Initial update
+    updateParallax();
+  });
+</script>
diff --git a/src/components/ui/CompactTimeline.astro b/src/components/ui/CompactTimeline.astro
index bd13f4f..a0bb018 100644
--- a/src/components/ui/CompactTimeline.astro
+++ b/src/components/ui/CompactTimeline.astro
@@ -22,7 +22,7 @@ const {
 
 {
   items && items.length && (
-    <div class={twMerge("grid grid-cols-1 md:grid-cols-2 gap-4", containerClass)}>
+    <div class={twMerge('grid grid-cols-1 md:grid-cols-2 gap-4', containerClass)}>
       {items.map(({ title, description, icon, classes: itemClasses = {} }) => (
         <div
           class={twMerge(
@@ -44,7 +44,11 @@ const {
             {description && (
               <div class="text-muted mt-2 overflow-hidden">
                 <div
-                  class={twMerge('text-sm max-h-[6rem] hover:max-h-[300px] transition-all duration-500 ease-description', descriptionClass, itemClasses?.description)}
+                  class={twMerge(
+                    'text-sm max-h-[6rem] hover:max-h-[300px] transition-all duration-500 ease-description',
+                    descriptionClass,
+                    itemClasses?.description
+                  )}
                   set:html={description}
                 />
               </div>
@@ -61,9 +65,9 @@ const {
   .ease-description {
     transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
   }
-  
+
   /* Fade effect for the gradient overlay */
   .hover\:opacity-0:hover {
     opacity: 0;
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/ui/Form.astro b/src/components/ui/Form.astro
index 5551f8b..0447375 100644
--- a/src/components/ui/Form.astro
+++ b/src/components/ui/Form.astro
@@ -15,20 +15,27 @@ const { inputs, textarea, disclaimer, button = 'Contact us', description = '' }
   }
 </style>
 
-<form id="contact-form" name="contact" method="POST" class="needs-validation" data-netlify="true" data-netlify-honeypot="bot-field" novalidate>
-  
+<form
+  id="contact-form"
+  name="contact"
+  method="POST"
+  class="needs-validation"
+  data-netlify="true"
+  data-netlify-honeypot="bot-field"
+  novalidate
+>
   <!-- Form status messages -->
   <div id="form-success" class="hidden mb-6 p-4 bg-green-100 border border-green-200 text-green-700 rounded-lg">
     Your message has been sent successfully. We will get back to you soon!
   </div>
-  
+
   <div id="form-error" class="hidden mb-6 p-4 bg-red-100 border border-red-200 text-red-700 rounded-lg">
     There was an error sending your message. Please check all fields and try again.
   </div>
-  
+
   <!-- Netlify form name -->
   <input type="hidden" name="form-name" value="contact" />
-  
+
   <!-- Honeypot field to prevent spam -->
   <p class="hidden">
     <label>Don't fill this out if you're human: <input name="bot-field" /></label>
@@ -41,7 +48,8 @@ const { inputs, textarea, disclaimer, button = 'Contact us', description = '' }
             <div class="mb-6">
               {label && (
                 <label for={name} class="block text-sm font-medium">
-                  {label}{required && <span class="text-red-600">*</span>}
+                  {label}
+                  {required && <span class="text-red-600">*</span>}
                 </label>
               )}
               <input
@@ -53,7 +61,7 @@ const { inputs, textarea, disclaimer, button = 'Contact us', description = '' }
                 class="py-3 px-4 block w-full text-md rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-slate-900"
                 required={required}
               />
-              <div class="invalid-feedback hidden text-red-600 text-sm mt-1"></div>
+              <div class="invalid-feedback hidden text-red-600 text-sm mt-1" />
             </div>
           )
       )
@@ -63,7 +71,8 @@ const { inputs, textarea, disclaimer, button = 'Contact us', description = '' }
     textarea && (
       <div class="mb-6">
         <label for="textarea" class="block text-sm font-medium">
-          {textarea.label}<span class="text-red-600">*</span>
+          {textarea.label}
+          <span class="text-red-600">*</span>
         </label>
         <textarea
           id="textarea"
@@ -73,7 +82,7 @@ const { inputs, textarea, disclaimer, button = 'Contact us', description = '' }
           class="py-3 px-4 block w-full text-md rounded-lg border border-gray-200 dark:border-gray-700 bg-white dark:bg-slate-900"
           required
         />
-        <div class="invalid-feedback hidden text-red-600 text-sm mt-1"></div>
+        <div class="invalid-feedback hidden text-red-600 text-sm mt-1" />
       </div>
     )
   }
@@ -92,9 +101,10 @@ const { inputs, textarea, disclaimer, button = 'Contact us', description = '' }
         </div>
         <div class="ml-3">
           <label for="disclaimer" class="cursor-pointer select-none text-sm text-gray-600 dark:text-gray-400">
-            {disclaimer.label}<span class="text-red-600">*</span>
+            {disclaimer.label}
+            <span class="text-red-600">*</span>
           </label>
-          <div class="invalid-feedback hidden text-red-600 text-sm mt-1"></div>
+          <div class="invalid-feedback hidden text-red-600 text-sm mt-1" />
         </div>
       </div>
     )
@@ -118,3 +128,57 @@ const { inputs, textarea, disclaimer, button = 'Contact us', description = '' }
     )
   }
 </form>
+
+<script>
+  const form = document.getElementById('contact-form') as HTMLFormElement;
+
+  if (form) {
+    form.addEventListener('submit', async (event) => {
+      event.preventDefault();
+
+      const formData = new FormData(form);
+      const data = Object.fromEntries(formData.entries());
+
+      try {
+        const response = await fetch('/.netlify/functions/contact', {
+          method: 'POST',
+          body: JSON.stringify(data),
+        });
+
+        if (response.ok) {
+          const result = await response.json();
+          console.log(result.message); // Log success message
+          const successElement = document.getElementById('form-success');
+          if (successElement) {
+            successElement.classList.remove('hidden');
+          }
+          const errorElement = document.getElementById('form-error');
+          if (errorElement) {
+            errorElement.classList.add('hidden');
+          }
+          form.reset(); // Clear the form
+        } else {
+          console.error('Error:', response.status);
+          const errorElement = document.getElementById('form-error');
+          if (errorElement) {
+            errorElement.classList.remove('hidden');
+          }
+          const successElement = document.getElementById('form-success');
+          if (successElement) {
+            successElement.classList.add('hidden');
+          }
+        }
+      } catch (error) {
+        console.error('Error:', error);
+        const errorElement = document.getElementById('form-error');
+        if (errorElement) {
+          errorElement.classList.remove('hidden');
+        }
+        const successElement = document.getElementById('form-success');
+        if (successElement) {
+          successElement.classList.add('hidden');
+        }
+      }
+    });
+  }
+</script>
diff --git a/src/components/ui/GlobalBackground.astro b/src/components/ui/GlobalBackground.astro
index 00946bd..1e68cc5 100644
--- a/src/components/ui/GlobalBackground.astro
+++ b/src/components/ui/GlobalBackground.astro
@@ -70,7 +70,7 @@ const iconNames: string[] = [
   'tabler:brand-github',
   'tabler:device-desktop',
   'tabler:brand-azure',
-  
+
   // Additional tech-related icons
   'tabler:cpu',
   'tabler:device-mobile',
@@ -79,7 +79,7 @@ const iconNames: string[] = [
   'tabler:shield',
   'tabler:lock',
   'tabler:key',
-  
+
   // Tangentially related icons for visual diversity
   'tabler:bulb',
   'tabler:compass',
@@ -101,17 +101,13 @@ const getRandomRotation = (): string => {
 // Function to get a random size
 const getRandomSize = (isDarkMode: boolean = false): string => {
   // Slightly larger size range for dark mode for better visibility
-  return isDarkMode
-    ? `${getRandomInRange(160, 200)}px`
-    : `${getRandomInRange(140, 180)}px`;
+  return isDarkMode ? `${getRandomInRange(160, 200)}px` : `${getRandomInRange(140, 180)}px`;
 };
 
 // Function to get a random opacity
 const getRandomOpacity = (isDarkMode: boolean = false): string => {
   // Higher opacity range for dark mode for better visibility
-  return isDarkMode
-    ? getRandomInRange(0.45, 0.55).toFixed(2)
-    : getRandomInRange(0.32, 0.38).toFixed(2);
+  return isDarkMode ? getRandomInRange(0.45, 0.55).toFixed(2) : getRandomInRange(0.32, 0.38).toFixed(2);
 };
 
 // Create a spacious layout with well-separated icons
@@ -119,14 +115,14 @@ const createSpacedIcons = (): BaseIconObject[] => {
   const icons: BaseIconObject[] = [];
   const rows = 10; // Increased from 6 to 10 for more coverage across the entire page
   const cols = 6;
-  
+
   // Define larger margins to keep icons away from edges (in percentage)
   const marginX = 10;
   const marginY = 5; // Reduced from 10 to 5 to allow icons to span more of the page height
-  
+
   // Minimum distance between icons (in percentage points)
   const minDistance = 15; // Reduced from 20 to 15 to allow more icons
-  
+
   // Create a base grid of positions
   for (let row = 0; row < rows; row++) {
     for (let col = 0; col < cols; col++) {
@@ -134,62 +130,59 @@ const createSpacedIcons = (): BaseIconObject[] => {
       // For small screens: 88% chance to skip (showing ~1/3 of the icons)
       // For larger screens: 65% chance to skip (original density)
       const skipProbability = 0.65;
-      
+
       // We'll add a data attribute to each icon to control visibility based on screen size
       let visibilityClass = '';
-      
+
       // Generate a random number to determine if we skip this position
       const randomValue = Math.random();
-      
+
       // Skip for all screen sizes if below the base threshold
       if (randomValue < skipProbability) {
         continue;
       }
-      
+
       // For values between 0.65 and 0.88, create the icon but mark it to be hidden on small screens
       if (randomValue < 0.88) {
         visibilityClass = 'hidden sm:block'; // Hidden on small screens, visible on sm and up
       }
-      
+
       // Base position in the grid with margins applied
-      const baseX = marginX + ((col / cols) * (100 - 2 * marginX));
-      const baseY = marginY + ((row / rows) * (100 - 2 * marginY));
-      
+      const baseX = marginX + (col / cols) * (100 - 2 * marginX);
+      const baseY = marginY + (row / rows) * (100 - 2 * marginY);
+
       // Add limited randomness to the position (±5%) to maintain spacing
       const randomOffsetX = getRandomInRange(-5, 5);
       const randomOffsetY = getRandomInRange(-5, 5);
-      
+
       // Ensure positions stay within margins
       const x = Math.max(marginX, Math.min(100 - marginX, baseX + randomOffsetX));
       const y = Math.max(marginY, Math.min(100 - marginY, baseY + randomOffsetY));
-      
+
       // Check if this position is too close to any existing icon
       let tooClose = false;
       for (const existingIcon of icons) {
         // Extract numeric values from percentage strings
         const existingX = parseFloat(existingIcon.x);
         const existingY = parseFloat(existingIcon.y);
-        
+
         // Calculate distance between points
-        const distance = Math.sqrt(
-          Math.pow(x - existingX, 2) +
-          Math.pow(y - existingY, 2)
-        );
-        
+        const distance = Math.sqrt(Math.pow(x - existingX, 2) + Math.pow(y - existingY, 2));
+
         // If too close to an existing icon, skip this position
         if (distance < minDistance) {
           tooClose = true;
           break;
         }
       }
-      
+
       if (tooClose) {
         continue;
       }
-      
+
       // Randomly select an icon from the expanded set
       const iconIndex = Math.floor(Math.random() * iconNames.length);
-      
+
       icons.push({
         icon: iconNames[iconIndex],
         x: `${x}%`,
@@ -201,15 +194,14 @@ const createSpacedIcons = (): BaseIconObject[] => {
       });
     }
   }
-  
+
   return icons;
 };
 
-
 const icons: BaseIconObject[] = createSpacedIcons();
 
 // Assign random colors to each icon
-const iconsWithColors: IconWithColors[] = icons.map(icon => ({
+const iconsWithColors: IconWithColors[] = icons.map((icon) => ({
   icon: icon.icon,
   x: icon.x,
   y: icon.y,
@@ -224,18 +216,20 @@ const iconsWithColors: IconWithColors[] = icons.map(icon => ({
 
 <div class="fixed inset-0 overflow-hidden pointer-events-none z-[-5]" aria-hidden="true">
   <div class:list={['absolute inset-0', { 'backdrop-blur-sm bg-white/5 dark:bg-gray-900/10': isDark }]}></div>
-  
+
   {/* Decorative background icons with random placement */}
   <div id="background-icons" class="absolute inset-0 overflow-hidden">
-    {iconsWithColors.map(({ icon, x, y, size, opacity, rotate, lightColor, darkColor, visibilityClass }) => (
-      <div
-        class={`absolute ${lightColor} ${darkColor} ${visibilityClass}`}
-        style={`left: ${x}; top: ${y}; opacity: ${opacity}; transform: rotate(${rotate});`}
-      >
-        <Icon name={icon} style={`width: ${size}; height: ${size};`} />
-      </div>
-    ))}
+    {
+      iconsWithColors.map(({ icon, x, y, size, opacity, rotate, lightColor, darkColor, visibilityClass }) => (
+        <div
+          class={`absolute ${lightColor} ${darkColor} ${visibilityClass}`}
+          style={`left: ${x}; top: ${y}; opacity: ${opacity}; transform: rotate(${rotate});`}
+        >
+          <Icon name={icon} style={`width: ${size}; height: ${size};`} />
+        </div>
+      ))
+    }
   </div>
 </div>
 
-<!-- Parallax effect removed while maintaining random icon placement -->
\ No newline at end of file
+<!-- Parallax effect removed while maintaining random icon placement -->
diff --git a/src/components/ui/Headline.astro b/src/components/ui/Headline.astro
index 7a681dc..59d3a92 100644
--- a/src/components/ui/Headline.astro
+++ b/src/components/ui/Headline.astro
@@ -20,16 +20,24 @@ const {
   (title || subtitle || tagline) && (
     <div class={twMerge('mb-8 md:mx-auto md:mb-12 text-center', containerClass)}>
       {tagline && (
-        <p class="text-base text-secondary dark:text-blue-200 font-bold tracking-wide uppercase content-backdrop p-2 inline-block rounded-md" set:html={tagline} />
+        <p
+          class="text-base text-secondary dark:text-blue-200 font-bold tracking-wide uppercase content-backdrop p-2 inline-block rounded-md"
+          set:html={tagline}
+        />
       )}
       {title && (
         <h2
-          class={twMerge('font-bold leading-tighter tracking-tighter font-heading text-heading text-3xl content-backdrop p-2 block rounded-md', titleClass)}
+          class={twMerge(
+            'font-bold leading-tighter tracking-tighter font-heading text-heading text-3xl content-backdrop p-2 block rounded-md',
+            titleClass
+          )}
           set:html={title}
         />
       )}
 
-      {subtitle && <p class={twMerge('mt-2 text-muted content-backdrop p-2 rounded-md', subtitleClass)} set:html={subtitle} />}
+      {subtitle && (
+        <p class={twMerge('mt-2 text-muted content-backdrop p-2 rounded-md', subtitleClass)} set:html={subtitle} />
+      )}
     </div>
   )
 }
diff --git a/src/components/ui/ImageModal.astro b/src/components/ui/ImageModal.astro
index 5919485..a139926 100644
--- a/src/components/ui/ImageModal.astro
+++ b/src/components/ui/ImageModal.astro
@@ -2,25 +2,44 @@
 // ImageModal.astro - A reusable modal component for displaying enlarged images
 ---
 
-<div id="image-modal" class="fixed inset-0 z-50 flex items-center justify-center opacity-0 pointer-events-none transition-opacity duration-300 ease-in-out">
+<div
+  id="image-modal"
+  class="fixed inset-0 z-50 flex items-center justify-center opacity-0 pointer-events-none transition-opacity duration-300 ease-in-out"
+>
   <!-- Backdrop overlay -->
-  <div id="modal-backdrop" class="absolute inset-0 bg-black bg-opacity-75 backdrop-blur-sm transition-opacity duration-300"></div>
-  
+  <div
+    id="modal-backdrop"
+    class="absolute inset-0 bg-black bg-opacity-75 backdrop-blur-sm transition-opacity duration-300"
+  >
+  </div>
+
   <!-- Modal container with animation -->
-  <div id="modal-container" class="relative max-w-4xl mx-auto p-4 transform scale-95 transition-all duration-300 ease-in-out flex flex-col items-center">
+  <div
+    id="modal-container"
+    class="relative max-w-4xl mx-auto p-4 transform scale-95 transition-all duration-300 ease-in-out flex flex-col items-center"
+  >
     <!-- Close button -->
-    <button 
-      id="modal-close" 
+    <button
+      id="modal-close"
       class="absolute top-2 right-2 z-10 bg-white dark:bg-gray-800 rounded-full p-2 shadow-md hover:bg-gray-100 dark:hover:bg-gray-700 transition-colors duration-200"
       aria-label="Close modal"
     >
-      <svg xmlns="http://www.w3.org/2000/svg" class="h-6 w-6 text-gray-600 dark:text-gray-300" fill="none" viewBox="0 0 24 24" stroke="currentColor">
-        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12" />
+      <svg
+        xmlns="http://www.w3.org/2000/svg"
+        class="h-6 w-6 text-gray-600 dark:text-gray-300"
+        fill="none"
+        viewBox="0 0 24 24"
+        stroke="currentColor"
+      >
+        <path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M6 18L18 6M6 6l12 12"></path>
       </svg>
     </button>
-    
+
     <!-- Image container -->
-    <div class="bg-white dark:bg-gray-800 rounded-lg shadow-xl overflow-hidden" style="min-height: 300px; max-height: 75vh;">
+    <div
+      class="bg-white dark:bg-gray-800 rounded-lg shadow-xl overflow-hidden"
+      style="min-height: 300px; max-height: 75vh;"
+    >
       <div class="flex items-center justify-center h-full w-full">
         <img
           id="modal-image"
@@ -31,7 +50,7 @@
         />
       </div>
     </div>
-    
+
     <!-- Caption -->
     <div id="modal-caption" class="mt-2 text-center text-white text-lg font-medium"></div>
   </div>
@@ -53,77 +72,77 @@
     const modalImage = document.getElementById('modal-image') as HTMLImageElement;
     const modalCaption = document.getElementById('modal-caption');
     const closeButton = document.getElementById('modal-close');
-    
+
     // Function to open the modal with a specific image
     function openModal(imgSrc, imgAlt) {
       if (!modal || !modalImage || !modalCaption) return;
-      
+
       // Create a temporary image to get the natural dimensions
       const tempImg = new Image();
-      tempImg.onload = function() {
+      tempImg.onload = function () {
         // Calculate the certification section height (75% of viewport height as defined in the container)
         const certSectionHeight = window.innerHeight * 0.75;
         const maxHeight = certSectionHeight * 0.75; // 75% of the certification section height
-        
+
         // If the natural image height is smaller than the max height, use the natural height
         if (tempImg.height < maxHeight) {
           modalImage.style.setProperty('--cert-max-height', `${tempImg.height}px`);
         } else {
           modalImage.style.setProperty('--cert-max-height', `${maxHeight}px`);
         }
-        
+
         // Set the image source and alt text
         modalImage.src = imgSrc;
         modalCaption.textContent = imgAlt;
-        
+
         // Make the modal visible
         modal.classList.remove('opacity-0', 'pointer-events-none');
         modal.classList.add('opacity-100', 'pointer-events-auto');
-        
+
         // Animate the container
         if (modalContainer) {
           modalContainer.classList.remove('scale-95');
           modalContainer.classList.add('scale-100');
         }
-        
+
         // Set focus to the close button for accessibility
         if (closeButton) {
           setTimeout(() => closeButton.focus(), 100);
         }
       };
-      
+
       // Start loading the image
       tempImg.src = imgSrc;
-      
+
       // Prevent scrolling on the body
       document.body.style.overflow = 'hidden';
     }
-    
+
     // Function to close the modal
     function closeModal() {
       if (!modal || !modalContainer) return;
-      
+
       // Hide the modal with animation
       modal.classList.remove('opacity-100', 'pointer-events-auto');
       modal.classList.add('opacity-0', 'pointer-events-none');
-      
+
       // Animate the container
       modalContainer.classList.remove('scale-100');
       modalContainer.classList.add('scale-95');
-      
+
       // Re-enable scrolling
       document.body.style.overflow = '';
-      
+
       // Clear the image source after animation completes
       setTimeout(() => {
         if (modalImage) modalImage.src = '';
         if (modalCaption) modalCaption.textContent = '';
       }, 300);
     }
-    
+
     // Register the openImageModal function globally so it can be called from anywhere
     window.openImageModal = openModal;
-    
+
     // Close modal when clicking the close button
     if (closeButton) {
       closeButton.addEventListener('click', (e) => {
@@ -131,7 +150,7 @@
         closeModal();
       });
     }
-    
+
     // Close modal when clicking outside the image container
     if (modal) {
       modal.addEventListener('click', (e) => {
@@ -141,14 +160,14 @@
         }
       });
     }
-    
+
     // Close modal when pressing Escape key
     document.addEventListener('keydown', (e) => {
       if (e.key === 'Escape') {
         closeModal();
       }
     });
-    
+
     // Handle window resize to recalculate image dimensions
     let resizeTimeout;
     window.addEventListener('resize', () => {
@@ -158,7 +177,7 @@
           // Get current image source and recalculate dimensions
           const currentSrc = modalImage.src;
           const currentAlt = modalCaption?.textContent || '';
-          
+
           // Close and reopen modal to trigger recalculation
           closeModal();
           setTimeout(() => openModal(currentSrc, currentAlt), 350);
@@ -166,4 +185,4 @@
       }, 200); // Debounce resize events
     });
   });
-</script>
\ No newline at end of file
+</script>
diff --git a/src/components/ui/ItemGrid.astro b/src/components/ui/ItemGrid.astro
index fdf520c..1a80332 100644
--- a/src/components/ui/ItemGrid.astro
+++ b/src/components/ui/ItemGrid.astro
@@ -19,40 +19,56 @@ const {
 {
   items && (
     <div
-          class={twMerge(
-            `grid mx-auto gap-8 md:gap-y-12 ${
-              columns === 4
-                ? 'lg:grid-cols-4 md:grid-cols-3 sm:grid-cols-2'
-                : columns === 3
-                  ? 'lg:grid-cols-3 sm:grid-cols-2'
-                  : columns === 2
-                    ? 'sm:grid-cols-2 '
-                    : ''
-            } grid-flow-row auto-rows-fr text-center sm:text-left`,
-            containerClass
-          )}
-        >
+      class={twMerge(
+        `grid mx-auto gap-8 md:gap-y-12 ${
+          columns === 4
+            ? 'lg:grid-cols-4 md:grid-cols-3 sm:grid-cols-2'
+            : columns === 3
+              ? 'lg:grid-cols-3 sm:grid-cols-2'
+              : columns === 2
+                ? 'sm:grid-cols-2 '
+                : ''
+        } grid-flow-row auto-rows-fr text-center sm:text-left`,
+        containerClass
+      )}
+    >
       {items.map(({ title, description, icon, callToAction, classes: itemClasses = {} }) => (
         <div class="intersect-once motion-safe:md:opacity-0 motion-safe:md:intersect:animate-fade h-full">
-          <div class={twMerge('flex flex-col sm:flex-row max-w-md mx-auto sm:mx-0 h-full min-h-[220px] backdrop-blur-sm bg-white/15 dark:bg-transparent p-3 rounded-md border border-gray-200 dark:border-gray-700 hover:bg-white/30 hover:backdrop-blur-md dark:hover:backdrop-blur-md transition-all duration-300 ease-in-out', panelClass, itemClasses?.panel)}>
-                      <div class="flex justify-center sm:justify-start flex-shrink-0 mb-2 sm:mb-0">
-                        {(icon || defaultIcon) && (
-                          <Icon
-                            name={icon || defaultIcon}
-                            class={twMerge('w-7 h-7 sm:mr-2 rtl:sm:mr-0 rtl:sm:ml-2', defaultIconClass, itemClasses?.icon)}
-                          />
-                        )}
-                      </div>
-                      <div class="mt-0.5 flex flex-col overflow-hidden flex-grow items-center sm:items-start">
-                        {title && <h3 class={twMerge('text-xl font-bold', titleClass, itemClasses?.title)}>{title}</h3>}
-                        {description && (
-                          <p
-                            class={twMerge(`${title ? 'mt-3' : ''} text-muted text-base overflow-y-auto`, descriptionClass, itemClasses?.description)}
-                            set:html={description}
-                          />
-                        )}
+          <div
+            class={twMerge(
+              'flex flex-col sm:flex-row max-w-md mx-auto sm:mx-0 h-full min-h-[220px] backdrop-blur-sm bg-white/15 dark:bg-transparent p-3 rounded-md border border-gray-200 dark:border-gray-700 hover:bg-white/30 hover:backdrop-blur-md dark:hover:backdrop-blur-md transition-all duration-300 ease-in-out',
+              panelClass,
+              itemClasses?.panel
+            )}
+          >
+            <div class="flex justify-center sm:justify-start flex-shrink-0 mb-2 sm:mb-0">
+              {(icon || defaultIcon) && (
+                <Icon
+                  name={icon || defaultIcon}
+                  class={twMerge('w-7 h-7 sm:mr-2 rtl:sm:mr-0 rtl:sm:ml-2', defaultIconClass, itemClasses?.icon)}
+                />
+              )}
+            </div>
+            <div class="mt-0.5 flex flex-col overflow-hidden flex-grow items-center sm:items-start">
+              {title && <h3 class={twMerge('text-xl font-bold', titleClass, itemClasses?.title)}>{title}</h3>}
+              {description && (
+                <p
+                  class={twMerge(
+                    `${title ? 'mt-3' : ''} text-muted text-base overflow-y-auto`,
+                    descriptionClass,
+                    itemClasses?.description
+                  )}
+                  set:html={description}
+                />
+              )}
               {callToAction && (
-                <div class={twMerge(`${title || description ? 'mt-3' : ''} mt-auto`, actionClass, itemClasses?.actionClass)}>
+                <div
+                  class={twMerge(
+                    `${title || description ? 'mt-3' : ''} mt-auto`,
+                    actionClass,
+                    itemClasses?.actionClass
+                  )}
+                >
                   <Button variant="link" {...callToAction} />
                 </div>
               )}
diff --git a/src/components/ui/ItemGrid2.astro b/src/components/ui/ItemGrid2.astro
index 69f8168..78cdcfb 100644
--- a/src/components/ui/ItemGrid2.astro
+++ b/src/components/ui/ItemGrid2.astro
@@ -45,7 +45,10 @@ const {
           )}
           <div class={twMerge('text-xl font-bold', titleClass, itemClasses?.title)}>{title}</div>
           {description && (
-            <p class={twMerge('text-muted text-base mt-2', descriptionClass, itemClasses?.description)} set:html={description} />
+            <p
+              class={twMerge('text-muted text-base mt-2', descriptionClass, itemClasses?.description)}
+              set:html={description}
+            />
           )}
           {callToAction && (
             <div class="mt-2">
diff --git a/src/components/ui/ModernTimeline.astro b/src/components/ui/ModernTimeline.astro
index 67fcdba..93c81f6 100644
--- a/src/components/ui/ModernTimeline.astro
+++ b/src/components/ui/ModernTimeline.astro
@@ -26,18 +26,21 @@ const {
 
 {
   items && items.length && (
-    <div class={twMerge("relative mx-auto max-w-5xl", containerClass)}>
+    <div class={twMerge('relative mx-auto max-w-5xl', containerClass)}>
       {/* Main timeline line */}
-      <div class="absolute left-4 md:left-1/2 top-0 h-full w-1 transform -translate-x-1/2 z-0 transition-all duration-300 ease-in-out shadow-sm bg-blue-700/15 dark:bg-blue-700/30" class:list={[timelineClass]}></div>
+      <div
+       class="absolute left-4 md:left-1/2 top-0 h-full w-1 transform -translate-x-1/2 z-0 transition-all duration-300 ease-in-out shadow-sm bg-blue-700/15 dark:bg-gray-800"
+       class:list={[timelineClass]}
+      />
       
       <div class="relative">
         {items.map((item, index) => {
           const { title, description, icon, classes: itemClasses = {} } = item;
           const isEven = index % 2 === 0;
-          
+
           // Use the year property if available, otherwise try to extract from date
           let year = item.year;
-          
+
           // If year is not provided, try to extract from date in the description
           if (!year && description) {
             // Look for a date pattern like MM-YYYY
@@ -46,24 +49,32 @@ const {
               year = dateMatch[1];
             }
           }
-          
+
           return (
             <div class={`relative ${compact ? 'mb-6' : 'mb-12'}`}>
               {/* Year marker (if available) */}
               {year && (
-                <div class={twMerge("absolute left-4 md:left-1/2 transform -translate-x-1/2 -top-4 font-bold text-sm z-10", yearClass)}>
+                <div
+                  class={twMerge(
+                    'absolute left-4 md:left-1/2 transform -translate-x-1/2 -top-4 font-bold text-sm z-10',
+                    yearClass
+                  )}
+                >
                   <span class="relative">
-                    <span class="absolute inset-0 bg-white/20 backdrop-blur-sm rounded-md -z-10"></span>
+                    <span class="absolute inset-0 bg-white/20 backdrop-blur-sm rounded-md -z-10" />
                     {year}
                   </span>
                 </div>
               )}
-              
+
               {/* Timeline dot */}
-              <div class={`absolute left-4 md:left-1/2 transform -translate-x-1/2 top-5 ${compact ? 'w-3 h-3' : 'w-4 h-4'} rounded-full z-10 shadow-md transition-all duration-300 ease-in-out`} class:list={[timelineDotClass]}></div>
-              
+              <div
+                class={`absolute left-4 md:left-1/2 transform -translate-x-1/2 top-5 ${compact ? 'w-3 h-3' : 'w-4 h-4'} rounded-full z-10 shadow-md transition-all duration-300 ease-in-out`}
+                class:list={[timelineDotClass]}
+              />
+
               {/* Content card */}
-              <div 
+              <div
                 class={twMerge(
                   'relative ml-10 md:ml-0 md:w-[45%]',
                   isEven ? 'md:mr-auto md:pr-6' : 'md:ml-auto md:pl-6',
@@ -81,29 +92,51 @@ const {
                     {(icon || defaultIcon) && (
                       <Icon
                         name={icon || defaultIcon}
-                        class={twMerge(`${compact ? 'w-6 h-6 p-1' : 'w-7 h-7 p-1.5'} rounded-full border-2 mr-2 flex-shrink-0`, defaultIconClass, itemClasses?.icon)}
+                        class={twMerge(
+                          `${compact ? 'w-6 h-6 p-1' : 'w-7 h-7 p-1.5'} rounded-full border-2 mr-2 flex-shrink-0`,
+                          defaultIconClass,
+                          itemClasses?.icon
+                        )}
+                      />
+                    )}
+                    {title && (
+                      <p
+                        class={twMerge(
+                          `${compact ? 'text-base' : 'text-lg'} font-bold`,
+                          titleClass,
+                          itemClasses?.title
+                        )}
+                        set:html={title}
                       />
                     )}
-                    {title && <p class={twMerge(`${compact ? 'text-base' : 'text-lg'} font-bold`, titleClass, itemClasses?.title)} set:html={title} />}
                   </div>
                   {description && (
-                    <div class="max-h-0 group-hover:max-h-[500px] overflow-hidden transition-all duration-500 ease-in-out" data-details>
+                    <div
+                      class="max-h-0 group-hover:max-h-[500px] overflow-hidden transition-all duration-500 ease-in-out"
+                      data-details
+                    >
                       <div class="flex items-center justify-center mb-1 opacity-70 group-hover:opacity-0 transition-opacity duration-200 h-4">
-                        <div class="w-6 h-1 bg-gray-300 dark:bg-gray-700 rounded-full"></div>
+                        <div class="w-6 h-1 bg-gray-300 dark:bg-gray-700 rounded-full" />
                       </div>
                       <div
-                        class={twMerge(`text-muted ${compact ? 'text-sm' : 'text-sm'} opacity-0 group-hover:opacity-100 transition-all duration-500 ease-in-out`, descriptionClass, itemClasses?.description)}
+                        class={twMerge(
+                          `text-muted ${compact ? 'text-sm' : 'text-sm'} opacity-0 group-hover:opacity-100 transition-all duration-500 ease-in-out`,
+                          descriptionClass,
+                          itemClasses?.description
+                        )}
                         set:html={description}
                       />
                     </div>
                   )}
                 </div>
                 {/* Connector line to timeline (visible only on desktop) */}
-                <div class={twMerge(
-                  'absolute top-5 hidden md:block h-0.5 w-10 z-0',
-                  isEven ? 'right-0 bg-gradient-to-r' : 'left-0 bg-gradient-to-l',
-                  'from-transparent to-blue-700 dark:to-blue-700'
-                )}></div>
+                <div
+                  class={twMerge(
+                    'absolute top-5 hidden md:block h-0.5 w-10 z-0',
+                    isEven ? 'right-0 bg-gradient-to-r' : 'left-0 bg-gradient-to-l',
+                    'from-transparent to-blue-700 dark:to-blue-700'
+                  )}
+                />
               </div>
             </div>
           );
@@ -125,37 +158,42 @@ const {
       transform: translateY(0);
     }
   }
-  
+
   /* Card container styles */
   .card-container {
     min-height: 0;
     height: auto;
-    transition: transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94), box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+    transition:
+      transform 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94),
+      box-shadow 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
     will-change: transform, box-shadow;
   }
-  
+
   /* Hover effect for details */
   [data-details] {
     transform-origin: top;
-    transition: max-height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94),
-                opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
+    transition:
+      max-height 0.6s cubic-bezier(0.25, 0.46, 0.45, 0.94),
+      opacity 0.4s cubic-bezier(0.25, 0.46, 0.45, 0.94);
     will-change: max-height, opacity;
   }
-  
+
   /* Add a subtle indicator that more content is available */
   .group:not(:hover) [data-details] {
     max-height: 0 !important;
     overflow: hidden;
   }
-  
+
   .group:hover [data-details] {
     max-height: 550px; /* Large enough to fit content but still allows animation */
   }
-  
+
   @keyframes fadeIn {
-    to { opacity: 1; }
+    to {
+      opacity: 1;
+    }
   }
-  
+
   /* Responsive adjustments */
   @media (max-width: 768px) {
     .timeline-item {
@@ -163,4 +201,4 @@ const {
       margin-left: 2.5rem;
     }
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/ui/StaggeredTimeline.astro b/src/components/ui/StaggeredTimeline.astro
index 91de9c2..b0487d4 100644
--- a/src/components/ui/StaggeredTimeline.astro
+++ b/src/components/ui/StaggeredTimeline.astro
@@ -100,28 +100,22 @@ const {
       
       {/* Responsive styles for small screens */}
       <style>
+        .ease-staggered {
+          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
+        }
+
+        .hover\:opacity-0:hover {
+          opacity: 0;
+        }
+
         @media (max-width: 768px) {
-          #timeline-item-0,
-          #timeline-item-1,
-          #timeline-item-2,
-          #timeline-item-3,
-          #timeline-item-4 {
+          [id^="timeline-item-"] {
             margin-top: 0 !important;
             margin-left: 2rem !important;
             margin-right: 0 !important;
             width: calc(100% - 2rem) !important;
           }
         }
-        
-        /* Custom easing function for staggered timeline */
-        .ease-staggered {
-          transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
-        }
-        
-        /* Fade effect for the gradient overlay */
-        .hover\:opacity-0:hover {
-          opacity: 0;
-        }
       </style>
     </div>
   )
diff --git a/src/components/ui/WidgetWrapper.astro b/src/components/ui/WidgetWrapper.astro
index d73d8c0..2029a5b 100644
--- a/src/components/ui/WidgetWrapper.astro
+++ b/src/components/ui/WidgetWrapper.astro
@@ -16,13 +16,13 @@ const WrapperTag = as;
 ---
 
 <WrapperTag class="relative not-prose scroll-mt-[72px]" {...id ? { id } : {}}>
-  {!disableBackground && (
-    <div class="absolute inset-0 pointer-events-none -z-[1]" aria-hidden="true">
-      <slot name="bg">
-        {bg ? <Fragment set:html={bg} /> : <Background isDark={isDark} />}
-      </slot>
-    </div>
-  )}
+  {
+    !disableBackground && (
+      <div class="absolute inset-0 pointer-events-none -z-[1]" aria-hidden="true">
+        <slot name="bg">{bg ? <Fragment set:html={bg} /> : <Background isDark={isDark} />}</slot>
+      </div>
+    )
+  }
   <div
     class:list={[
       twMerge(
diff --git a/src/components/widgets/BlogLatestPosts.astro b/src/components/widgets/BlogLatestPosts.astro
index 4f0cc05..8694797 100644
--- a/src/components/widgets/BlogLatestPosts.astro
+++ b/src/components/widgets/BlogLatestPosts.astro
@@ -52,7 +52,9 @@ const posts = APP_BLOG.isEnabled ? await findLatestPosts({ count }) : [];
           </div>
         )}
 
-        {information && <p class="text-muted dark:text-slate-400 lg:text-sm lg:max-w-md text-sm" set:html={information} />}
+        {information && (
+          <p class="text-muted dark:text-slate-400 lg:text-sm lg:max-w-md text-sm" set:html={information} />
+        )}
       </div>
 
       <Grid posts={posts} />
diff --git a/src/components/widgets/CompactSkills.astro b/src/components/widgets/CompactSkills.astro
index 3537c7b..c0c8d10 100644
--- a/src/components/widgets/CompactSkills.astro
+++ b/src/components/widgets/CompactSkills.astro
@@ -19,10 +19,10 @@ const {
 ---
 
 <WidgetWrapper id={id} isDark={isDark} containerClass={`max-w-7xl mx-auto ${classes?.container ?? ''}`} bg={bg}>
-  <Headline 
-    title={title} 
-    subtitle={subtitle} 
-    tagline={tagline} 
+  <Headline
+    title={title}
+    subtitle={subtitle}
+    tagline={tagline}
     classes={{
       container: 'max-w-3xl',
       title: 'text-3xl lg:text-4xl',
@@ -30,17 +30,24 @@ const {
   />
 
   <div class="mt-6 grid grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4 gap-4">
-    {items.map(({ title, description, icon }) => (
-      <div class="group backdrop-blur-sm bg-white/15 dark:bg-transparent p-3 rounded-lg shadow-sm hover:shadow-md transition-all duration-300 ease-in-out hover:bg-white/30 hover:backdrop-blur-md dark:hover:backdrop-blur-md border border-gray-200 dark:border-gray-700 hover:translate-y-[-2px]">
-        <div class="flex items-center mb-2">
-          <Icon name={icon || defaultIcon} class="w-5 h-5 mr-2 text-primary dark:text-blue-300 transition-transform duration-300 group-hover:scale-110 dark:shadow-blue-500/40 dark:shadow-sm" />
-          <h3 class="text-base font-semibold">{title}</h3>
+    {
+      items.map(({ title, description, icon }) => (
+        <div class="group backdrop-blur-sm bg-white/15 dark:bg-transparent p-3 rounded-lg shadow-sm hover:shadow-md transition-all duration-300 ease-in-out hover:bg-white/30 hover:backdrop-blur-md dark:hover:backdrop-blur-md border border-gray-200 dark:border-gray-700 hover:translate-y-[-2px]">
+          <div class="flex items-center mb-2">
+            <Icon
+              name={icon || defaultIcon}
+              class="w-5 h-5 mr-2 text-primary dark:text-blue-300 transition-transform duration-300 group-hover:scale-110 dark:shadow-blue-500/40 dark:shadow-sm"
+            />
+            <h3 class="text-base font-semibold">{title}</h3>
+          </div>
+          <div class="text-muted overflow-hidden">
+            <p class="text-base max-h-[12rem] hover:max-h-[300px] transition-all duration-500 ease-skills">
+              {description}
+            </p>
+          </div>
         </div>
-        <div class="text-muted overflow-hidden">
-          <p class="text-base max-h-[12rem] hover:max-h-[300px] transition-all duration-500 ease-skills">{description}</p>
-        </div>
-      </div>
-    ))}
+      ))
+    }
   </div>
 </WidgetWrapper>
 
@@ -49,9 +56,9 @@ const {
   .ease-skills {
     transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94);
   }
-  
+
   /* Fade effect for the gradient overlay */
   .hover\:opacity-0:hover {
     opacity: 0;
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/widgets/CompactSteps.astro b/src/components/widgets/CompactSteps.astro
index cf6a450..5e67574 100644
--- a/src/components/widgets/CompactSteps.astro
+++ b/src/components/widgets/CompactSteps.astro
@@ -31,4 +31,4 @@ const {
     />
     <CompactTimeline items={items} classes={classes?.items as Record<string, never>} />
   </div>
-</WidgetWrapper>
\ No newline at end of file
+</WidgetWrapper>
diff --git a/src/components/widgets/Content.astro b/src/components/widgets/Content.astro
index 070d9ec..debecad 100644
--- a/src/components/widgets/Content.astro
+++ b/src/components/widgets/Content.astro
@@ -44,7 +44,11 @@ const {
   <div class="mx-auto max-w-7xl p-4 md:px-8">
     <div class={`md:flex ${isReversed ? 'md:flex-row-reverse' : ''} md:gap-16`}>
       <div class="md:basis-1/2 self-center">
-        {content && <div class="mb-12 text-lg dark:text-slate-400 content-backdrop p-3 rounded-md" set:html={content} />}
+        {
+          content && (
+            <div class="mb-12 text-lg dark:text-slate-400 content-backdrop p-3 rounded-md" set:html={content} />
+          )
+        }
 
         {
           callToAction && (
diff --git a/src/components/widgets/Footer.astro b/src/components/widgets/Footer.astro
index 24287f9..2374f85 100644
--- a/src/components/widgets/Footer.astro
+++ b/src/components/widgets/Footer.astro
@@ -27,25 +27,27 @@ export interface Props {
 import { supportedLanguages } from '~/i18n/translations';
 
 // Define the type for supported languages
-type SupportedLanguage = typeof supportedLanguages[number];
+type SupportedLanguage = (typeof supportedLanguages)[number];
 
 // Get current language from URL
 const currentPath = `/${Astro.url.pathname.replace(/^\/+|\/+$/g, '')}`;
 const pathSegments = currentPath.split('/').filter(Boolean);
 
 // Check for language in URL path
-let currentLang = pathSegments[0] && supportedLanguages.includes(pathSegments[0] as SupportedLanguage)
-  ? pathSegments[0] as SupportedLanguage
-  : null;
+let currentLang =
+  pathSegments[0] && supportedLanguages.includes(pathSegments[0] as SupportedLanguage)
+    ? (pathSegments[0] as SupportedLanguage)
+    : null;
 
 // If no language in URL, check cookies
 if (!currentLang) {
   const cookies = Astro.request.headers.get('cookie') || '';
-  const cookieLanguage = cookies.split(';')
-    .map(cookie => cookie.trim())
-    .find(cookie => cookie.startsWith('preferredLanguage='))
+  const cookieLanguage = cookies
+    .split(';')
+    .map((cookie) => cookie.trim())
+    .find((cookie) => cookie.startsWith('preferredLanguage='))
     ?.split('=')[1];
-  
+
   if (cookieLanguage && supportedLanguages.includes(cookieLanguage as SupportedLanguage)) {
     currentLang = cookieLanguage as SupportedLanguage;
   } else {
@@ -60,7 +62,7 @@ const footerData = getFooterData(currentLang);
 const {
   secondaryLinks = footerData.secondaryLinks,
   socialLinks = footerData.socialLinks,
-  theme = 'light'
+  theme = 'light',
 } = Astro.props;
 ---
 
@@ -69,10 +71,8 @@ const {
   <div
     class="relative max-w-7xl mx-auto px-4 sm:px-6 dark:text-slate-300 intersect-once intersect-quarter intercept-no-queue motion-safe:md:opacity-0 motion-safe:md:intersect:animate-fade"
   >
-    
     <!-- ✅ Combined Footer Section -->
     <div class="flex flex-col md:flex-row md:justify-between py-6 md:py-8 space-y-6 md:space-y-0">
-      
       <!-- Left Section: Company Name and Business Details -->
       <div class="flex flex-col items-start space-y-2">
         <!-- Site Title -->
@@ -86,39 +86,28 @@ const {
         </a>
         <!-- Business Information (Dutch Law Requirements) -->
         <div class="text-sm text-white-500 space-y-1">
-          <p>KVK: 87654321 | BTW: NL123456789B01</p>
           <p>info@365devnet.eu</p>
         </div>
       </div>
 
       <!-- Right Section: Social Icons and Terms/Privacy Links -->
       <div class="flex flex-col items-start md:items-end space-y-4">
-        <!-- Social Icons -->
-        {
-          socialLinks?.length && (
-            <ul class="flex space-x-4">
-              {socialLinks.map(({ ariaLabel, href, icon }) => (
-                <li>
-                  <a
-                    class="text-muted dark:text-white-400 hover:bg-gray-100 dark:hover:bg-gray-700 focus:outline-none focus:ring-4 focus:ring-gray-200 dark:focus:ring-gray-700 rounded-lg p-2 inline-flex items-center"
-                    aria-label={ariaLabel}
-                    href={href}
-                  >
-                    {icon && <Icon name={icon} class="w-5 h-5" />}
-                  </a>
-                </li>
-              ))}
-            </ul>
-          )
-        }
+        <div class="text-sm text-white-500 space-y-1">
+          <p>KVK: 87654321 | BTW: NL123456789B01</p>
+        </div>
 
         <!-- Terms & Privacy Policy Links -->
         <div class="flex items-center space-x-4 text-sm text-white-500">
-          {secondaryLinks.map(({ text, href }) => (
-            <a class="hover:text-gray-700 hover:underline dark:hover:text-gray-200 transition duration-150 ease-in-out" href={href}>
-              {text}
-            </a>
-          ))}
+          {
+            secondaryLinks.map(({ text, href }) => (
+              <a
+                class="hover:text-gray-700 hover:underline dark:hover:text-gray-200 transition duration-150 ease-in-out"
+                href={href}
+              >
+                {text}
+              </a>
+            ))
+          }
         </div>
       </div>
     </div>
@@ -130,4 +119,4 @@ const {
     border-radius: 0 !important;
     overflow: hidden;
   }
-</style>
\ No newline at end of file
+</style>
diff --git a/src/components/widgets/Header.astro b/src/components/widgets/Header.astro
index 823ef55..0d9b098 100644
--- a/src/components/widgets/Header.astro
+++ b/src/components/widgets/Header.astro
@@ -7,7 +7,7 @@ import ToggleMenu from '~/components/common/ToggleMenu.astro';
 import LanguageDropdown from '~/components/LanguageDropdown.astro';
 
 import { getHomePermalink } from '~/utils/permalinks';
-import { trimSlash, getAsset } from '~/utils/permalinks';
+import { trimSlash } from '~/utils/permalinks';
 import { getHeaderData } from '~/navigation';
 
 interface Link {
@@ -40,21 +40,23 @@ const currentPath = `/${trimSlash(new URL(Astro.url).pathname)}`;
 const pathSegments = currentPath.split('/').filter(Boolean);
 
 // Define the type for supported languages
-type SupportedLanguage = typeof supportedLanguages[number];
+type SupportedLanguage = (typeof supportedLanguages)[number];
 
 // Check for language in URL path
-let currentLang = pathSegments[0] && supportedLanguages.includes(pathSegments[0] as SupportedLanguage)
-  ? pathSegments[0] as SupportedLanguage
-  : null;
+let currentLang =
+  pathSegments[0] && supportedLanguages.includes(pathSegments[0] as SupportedLanguage)
+    ? (pathSegments[0] as SupportedLanguage)
+    : null;
 
 // If no language in URL, check cookies
 if (!currentLang) {
   const cookies = Astro.request.headers.get('cookie') || '';
-  const cookieLanguage = cookies.split(';')
-    .map(cookie => cookie.trim())
-    .find(cookie => cookie.startsWith('preferredLanguage='))
+  const cookieLanguage = cookies
+    .split(';')
+    .map((cookie) => cookie.trim())
+    .find((cookie) => cookie.startsWith('preferredLanguage='))
     ?.split('=')[1];
-  
+
   if (cookieLanguage && supportedLanguages.includes(cookieLanguage as SupportedLanguage)) {
     currentLang = cookieLanguage as SupportedLanguage;
   } else {
@@ -65,7 +67,6 @@ if (!currentLang) {
 
 // Get translated header data - ensure we're using the current language
 const headerData = getHeaderData(currentLang);
-console.log(`Header initialized with language: ${currentLang}`);
 
 const {
   id = 'header',
@@ -74,7 +75,7 @@ const {
   isDark = false,
   isFullWidth = false,
   showToggleTheme = false,
-  showRssFeed = false,
+
   position = 'center',
 } = Astro.props;
 ---
@@ -93,7 +94,7 @@ const {
       'relative text-default py-3 px-3 md:px-6 mx-auto w-full',
       {
         'md:flex md:justify-between': position !== 'center',
-        },
+      },
       {
         'md:grid md:grid-cols-3 md:items-center': position === 'center',
       },
@@ -112,7 +113,8 @@ const {
       <!-- Improved mobile navigation accessibility -->
       <style>
         @media (max-width: 767px) {
-          nav ul li a, nav ul li button {
+          nav ul li a,
+          nav ul li button {
             padding: 0.75rem 1rem; /* Larger touch targets */
             min-height: 44px; /* Minimum touch target size */
             display: flex;
@@ -189,4 +191,4 @@ const {
       </div>
     </div>
   </div>
-</header>
\ No newline at end of file
+</header>
diff --git a/src/components/widgets/Hero.astro b/src/components/widgets/Hero.astro
index 122ed39..2a621f0 100644
--- a/src/components/widgets/Hero.astro
+++ b/src/components/widgets/Hero.astro
@@ -26,13 +26,13 @@ const {
 ---
 
 <section class="relative md:-mt-[76px] not-prose" {...id ? { id } : {}}>
-  {!disableBackground && (
-    <div class="absolute inset-0 pointer-events-none" aria-hidden="true">
-      <slot name="bg">
-        {bg ? <Fragment set:html={bg} /> : <Background isDark={isDark} disableParallax={true} />}
-      </slot>
-    </div>
-  )}
+  {
+    !disableBackground && (
+      <div class="absolute inset-0 pointer-events-none" aria-hidden="true">
+        <slot name="bg">{bg ? <Fragment set:html={bg} /> : <Background isDark={isDark} disableParallax={true} />}</slot>
+      </div>
+    )
+  }
   <div class="relative max-w-7xl mx-auto px-4 sm:px-6">
     <div class="pt-0 md:pt-[76px] pointer-events-none"></div>
     <div class="py-12 md:py-20">
diff --git a/src/components/widgets/Testimonials.astro b/src/components/widgets/Testimonials.astro
index 2ee2aa3..d679f80 100644
--- a/src/components/widgets/Testimonials.astro
+++ b/src/components/widgets/Testimonials.astro
@@ -26,7 +26,12 @@ const {
     {
       testimonials &&
         testimonials.map(({ title, linkUrl, name, issueDate, description, image }) => (
-          <a href={linkUrl} target="_blank" rel="noopener noreferrer" class="flex flex-col justify-start items-center p-2 md:p-4 rounded-md shadow-md backdrop-blur-sm bg-white/15 dark:bg-transparent border border-gray-200 dark:border-slate-600 hover:bg-white/30 hover:backdrop-blur-md dark:hover:backdrop-blur-md transition-all duration-300 ease-in-out hover:shadow-lg hover:translate-y-[-2px] w-[425px] mx-auto sm:mx-0">
+          <a
+            href={linkUrl}
+            target="_blank"
+            rel="noopener noreferrer"
+            class="flex flex-col justify-start items-center p-2 md:p-4 rounded-md shadow-md backdrop-blur-sm bg-white/15 dark:bg-transparent border border-gray-200 dark:border-slate-600 hover:bg-white/30 hover:backdrop-blur-md dark:hover:backdrop-blur-md transition-all duration-300 ease-in-out hover:shadow-lg hover:translate-y-[-2px] w-[425px] mx-auto sm:mx-0"
+          >
             {title && <h2 class="text-lg font-medium leading-6 pb-4 text-center">{title}</h2>}
             {image && (
               <div class="h-[160px] w-[160px] border-slate-200 dark:border-slate-600 mx-auto">
@@ -42,10 +47,10 @@ const {
                 />
               </div>
             )}
-  
+
             {/* Horizontal line directly under the image */}
             <hr class="border-slate-200 dark:border-slate-600 my-4" />
-  
+
             {/* Text content takes up the remaining space */}
             <div class="flex flex-col flex-grow items-center">
               {name && <p class="text-lg font-semibold text-center">{name}</p>}
@@ -56,8 +61,7 @@ const {
         ))
     }
   </div>
-  
-  
+
   {
     callToAction && (
       <div class="flex justify-center mx-auto w-fit mt-8 md:mt-12 font-medium">
@@ -68,12 +72,12 @@ const {
 </WidgetWrapper>
 
 <style>
-@media (max-width: 640px) {
-  .grid {
-    justify-content: center;
+  @media (max-width: 640px) {
+    .grid {
+      justify-content: center;
+    }
+    .grid > a {
+      margin: 0 auto;
+    }
   }
-  .grid > a {
-    margin: 0 auto;
-  }
-}
 </style>
diff --git a/src/components/widgets/WorkExperience.astro b/src/components/widgets/WorkExperience.astro
index 9e3aa2d..7d91dc3 100644
--- a/src/components/widgets/WorkExperience.astro
+++ b/src/components/widgets/WorkExperience.astro
@@ -32,7 +32,7 @@ const {
 } = Astro.props as Props;
 
 // Transform the work experience items to the format expected by ModernTimeline
-const timelineItems = items.map(item => {
+const timelineItems = items.map((item) => {
   // Extract year from date if available
   let year: string | undefined = undefined;
   if (item.date) {
@@ -43,7 +43,7 @@ const timelineItems = items.map(item => {
       year = dateMatch[1];
     }
   }
-  
+
   return {
     title: `<span class="${compact ? 'text-lg' : 'text-xl'}">${item.title}</span>${item.company ? `<span class="block ${compact ? 'text-sm' : 'text-sm'} font-normal text-gray-600 dark:text-gray-400">${item.company}</span>` : ''}`,
     description: `<div class="transform-origin-top transition-transform duration-300">${item.description || ''}${item.description && (item.date || item.location) ? '<div class="mt-2"></div>' : ''}${item.date ? `<span class="block text-sm font-semibold text-gray-500 dark:text-gray-400">${item.date}</span>` : ''}${item.location ? `<span class="block text-sm text-gray-500 dark:text-gray-400">${item.location}</span>` : ''}</div>`,
@@ -56,15 +56,21 @@ const timelineItems = items.map(item => {
 
 <WidgetWrapper id={id} isDark={isDark} bg={bg} classes={classes}>
   <div class={`flex flex-col gap-${compact ? '8' : '12'} md:gap-${compact ? '12' : '16'}`}>
-    {title && (
-      <div class="flex flex-col gap-4 text-center">
-        {tagline && (
-          <p class="text-sm font-semibold uppercase tracking-wide text-primary dark:text-blue-200">{tagline}</p>
-        )}
-        {title && <h2 class={`${compact ? 'text-2xl md:text-3xl' : 'text-3xl md:text-4xl'} font-bold font-heading`}>{title}</h2>}
-        {subtitle && <p class={`${compact ? 'text-lg' : 'text-xl'} text-muted dark:text-slate-400`}>{subtitle}</p>}
-      </div>
-    )}
+    {
+      title && (
+        <div class="flex flex-col gap-4 text-center">
+          {tagline && (
+            <p class="text-sm font-semibold uppercase tracking-wide text-primary dark:text-blue-200">{tagline}</p>
+          )}
+          {title && (
+            <h2 class={`${compact ? 'text-2xl md:text-3xl' : 'text-3xl md:text-4xl'} font-bold font-heading`}>
+              {title}
+            </h2>
+          )}
+          {subtitle && <p class={`${compact ? 'text-lg' : 'text-xl'} text-muted dark:text-slate-400`}>{subtitle}</p>}
+        </div>
+      )
+    }
     <ModernTimeline
       items={timelineItems}
       compact={compact}
@@ -79,4 +85,4 @@ const timelineItems = items.map(item => {
       }}
     />
   </div>
-</WidgetWrapper>
\ No newline at end of file
+</WidgetWrapper>
diff --git a/src/config.yaml b/src/config.yaml
index 34c9b46..6a3ec69 100644
--- a/src/config.yaml
+++ b/src/config.yaml
@@ -9,7 +9,7 @@ metadata:
   title:
     default: 365DevNet
     template: '%s — 365DevNet'
-  description: "The website 365DevNet serves as the personal portfolio of Richard Bergsma, an IT Systems and Automation Manager with over 15 years of experience. The site provides detailed information about his professional background, including his work experience, skills, and certifications.  "
+  description: 'The website 365DevNet serves as the personal portfolio of Richard Bergsma, an IT Systems and Automation Manager with over 15 years of experience. The site provides detailed information about his professional background, including his work experience, skills, and certifications.  '
   robots:
     index: true
     follow: true
diff --git a/src/data/post/Custom_Connectors_in_Power_Automate.mdx b/src/data/post/Custom_Connectors_in_Power_Automate.mdx
index 07dff8a..53bb5be 100644
--- a/src/data/post/Custom_Connectors_in_Power_Automate.mdx
+++ b/src/data/post/Custom_Connectors_in_Power_Automate.mdx
@@ -1,11 +1,11 @@
 ---
-title: "Custom Connectors in Power Automate – Extending Your Automation Capabilities"
-excerpt: "Learn how to build custom connectors in Power Automate to integrate with any API and extend your automation capabilities. This comprehensive guide covers implementation steps, real-world use cases, and best practices for creating reliable connectors."
+title: 'Custom Connectors in Power Automate – Extending Your Automation Capabilities'
+excerpt: 'Learn how to build custom connectors in Power Automate to integrate with any API and extend your automation capabilities. This comprehensive guide covers implementation steps, real-world use cases, and best practices for creating reliable connectors.'
 publishDate: 2025-02-26T02:30:00Z
-author: "Richard Bergsma"
+author: 'Richard Bergsma'
 category: Automation
 image: https://res.cloudinary.com/dmgi9movl/image/upload/v1708908828/PowerAutomate_CustomConnectors.png
-tags: ["Power Automate", "Custom Connectors", "API Integration", "Microsoft Power Platform", "Low-Code Development"]
+tags: ['Power Automate', 'Custom Connectors', 'API Integration', 'Microsoft Power Platform', 'Low-Code Development']
 ---
 
 # 🚀 Custom Connectors in Power Automate – Extending Your Automation Capabilities
@@ -97,6 +97,7 @@ Select and configure the appropriate authentication type:
 - **Windows authentication** – For internal corporate resources
 
 For OAuth 2.0, you'll need to provide:
+
 - Client ID and secret
 - Authorization and token URLs
 - Scope information
@@ -109,6 +110,7 @@ Operations represent the API endpoints your connector will expose:
 
 1. Click **New action** to add an endpoint
 2. Configure:
+
    - **Summary** – Short description of what the operation does
    - **Description** – Detailed explanation
    - **Operation ID** – Unique identifier (no spaces)
@@ -129,6 +131,7 @@ For each operation, define:
 - **Body parameters** – Data sent in the request body
 
 For each parameter, specify:
+
 - Name and description
 - Whether it's required
 - Data type and format
@@ -205,6 +208,7 @@ A manufacturing company needed to connect their modern Power Apps solution with
 ![Legacy System Integration](https://via.placeholder.com/800x400?text=Legacy+System+Integration)
 
 **Results:**
+
 - Avoided costly system replacement
 - Enabled mobile inventory management
 - Reduced manual data entry by 85%
@@ -216,6 +220,7 @@ A healthcare provider needed to integrate with a specialized medical records sys
 **Solution:** They developed a custom connector that implemented the required authentication and data transformation, while ensuring HIPAA compliance.
 
 **Results:**
+
 - Automated patient record updates
 - Reduced administrative workload
 - Improved data accuracy and compliance
@@ -229,6 +234,7 @@ A financial services firm with a microservices architecture needed to orchestrat
 ![Microservices Architecture](https://via.placeholder.com/800x400?text=Microservices+Architecture)
 
 **Results:**
+
 - Simplified complex cross-service workflows
 - Enabled business users to create automations
 - Reduced development time for new integrations
@@ -359,6 +365,7 @@ Even with careful planning, you may encounter issues when implementing custom co
 **Problem:** Connector fails to authenticate with the API.
 
 **Solutions:**
+
 - Verify credentials and client IDs/secrets
 - Check for expired tokens or certificates
 - Ensure redirect URLs are correctly configured
@@ -369,6 +376,7 @@ Even with careful planning, you may encounter issues when implementing custom co
 **Problem:** API rejects requests due to schema validation failures.
 
 **Solutions:**
+
 - Compare your request schema with the API documentation
 - Use the API's test endpoints to validate request formats
 - Check for required fields that might be missing
@@ -381,6 +389,7 @@ Even with careful planning, you may encounter issues when implementing custom co
 **Problem:** Connector operations are slow or time out.
 
 **Solutions:**
+
 - Implement pagination for large data sets
 - Add appropriate timeouts in your connector definition
 - Consider caching strategies for frequently accessed data
@@ -391,6 +400,7 @@ Even with careful planning, you may encounter issues when implementing custom co
 **Problem:** Connector works in development but fails in production.
 
 **Solutions:**
+
 - Check environment-specific configurations
 - Verify network connectivity and firewall rules
 - Ensure service accounts have appropriate permissions
@@ -425,7 +435,7 @@ Whether you're connecting to legacy applications, specialized industry solutions
 ✅ **Extend your integration capabilities.**  
 ✅ **Simplify complex API interactions.**  
 ✅ **Create reusable components across the Power Platform.**  
-✅ **Empower citizen developers with secure, managed API access.**  
+✅ **Empower citizen developers with secure, managed API access.**
 
 ---
 
@@ -434,8 +444,8 @@ Whether you're connecting to legacy applications, specialized industry solutions
 📌 **[Microsoft's Official Documentation on Custom Connectors](https://docs.microsoft.com/en-us/connectors/custom-connectors/)**  
 📌 **[Power Automate Community](https://powerusers.microsoft.com/t5/Power-Automate-Community/ct-p/MPACommunity)**  
 📌 **[OpenAPI Specification](https://swagger.io/specification/)**  
-📌 **[Power CAT Custom Connector DevKit](https://github.com/microsoft/PowerCAT.PowerShell.CustomConnector)**  
+📌 **[Power CAT Custom Connector DevKit](https://github.com/microsoft/PowerCAT.PowerShell.CustomConnector)**
 
 ---
 
-Have you implemented custom connectors in your organization? I'd love to hear about your experiences and use cases! 🚀
\ No newline at end of file
+Have you implemented custom connectors in your organization? I'd love to hear about your experiences and use cases! 🚀
diff --git a/src/data/post/Enterprise_App_Protection.mdx b/src/data/post/Enterprise_App_Protection.mdx
index 593c14a..cd087d9 100644
--- a/src/data/post/Enterprise_App_Protection.mdx
+++ b/src/data/post/Enterprise_App_Protection.mdx
@@ -1,21 +1,21 @@
 ---
-title: "Enterprise App Protection – Your First Line of Defense Against Phishing"
-excerpt: "Protect your organization from phishing attacks impersonating Microsoft 365, DocuSign, Salesforce, and more. Enterprise App Protection automatically scans and warns about malicious links."
+title: 'Enterprise App Protection – Your First Line of Defense Against Phishing'
+excerpt: 'Protect your organization from phishing attacks impersonating Microsoft 365, DocuSign, Salesforce, and more. Enterprise App Protection automatically scans and warns about malicious links.'
 publishDate: 2025-02-16T02:00:00Z
-author: "Richard Bergsma"
+author: 'Richard Bergsma'
 category: Security
 image: https://raw.githubusercontent.com/rrpbergsma/EnterpriseAppProtection/main/EnterpriseAppProtection.png
-tags: ["Security", "Phishing", "Microsoft 365", "Browser Extensions", "Cybersecurity"]
+tags: ['Security', 'Phishing', 'Microsoft 365', 'Browser Extensions', 'Cybersecurity']
 ---
 
 # 🚀 Enterprise App Protection – Your First Line of Defense Against Phishing
 
-
 ## 🔍 Why This Extension Matters
 
 **Phishing attacks** are one of the biggest cybersecurity threats in modern enterprises. Attackers frequently **spoof trusted brands** like **Microsoft 365, DocuSign, and Salesforce** to trick employees into entering credentials on fake websites.
 
 With **Enterprise App Protection**, you get **real-time phishing detection** to help prevent accidental clicks on **fraudulent links** in:
+
 - **Emails**
 - **Microsoft Teams chats**
 - **SharePoint documents**
@@ -66,9 +66,11 @@ Unlike many security extensions, **Enterprise App Protection prioritizes user pr
 ## 📥 How to Install
 
 ### **🔹 From the Chrome Web Store (Coming Soon)**
+
 Once published, the extension will be available directly from the Chrome Web Store.
 
 ### **🔹 Manually Install (Developer Mode)**
+
 1️⃣ **Download the latest version** from the [GitHub repository](https://github.com/rrpbergsma/EnterpriseAppProtection).  
 2️⃣ Open **`chrome://extensions/`** in Chrome or Edge.  
 3️⃣ Enable **Developer Mode** (top-right corner).  
@@ -81,7 +83,7 @@ Once published, the extension will be available directly from the Chrome Web Sto
 
 🔹 **Multi-browser support** – Firefox & Safari compatibility.  
 🔹 **Advanced AI-based phishing detection** – More intelligent scanning for phishing patterns.  
-🔹 **Expanded enterprise app coverage** – Supporting even more cloud-based applications.  
+🔹 **Expanded enterprise app coverage** – Supporting even more cloud-based applications.
 
 If you have feature requests or want to contribute, check out our **GitHub repository**: 👉 **[View the Source Code on GitHub](https://github.com/rrpbergsma/EnterpriseAppProtection)**
 
@@ -93,15 +95,15 @@ Enterprise App Protection is your **first line of defense against phishing attac
 
 ✅ **Protect your accounts.**  
 ✅ **Stay secure when using enterprise apps.**  
-✅ **Avoid falling victim to sophisticated phishing attacks.**  
+✅ **Avoid falling victim to sophisticated phishing attacks.**
 
 ---
 
 ## 🔗 Get Started Now
 
 📌 **[Download the Extension](#)** (Coming Soon)  
-📌 **[View on GitHub](https://github.com/rrpbergsma/EnterpriseAppProtection)**  
+📌 **[View on GitHub](https://github.com/rrpbergsma/EnterpriseAppProtection)**
 
 ---
 
-Would love to hear your feedback! Let me know what you think. 🚀  
+Would love to hear your feedback! Let me know what you think. 🚀
diff --git a/src/data/post/Nexthink_Empowering_Organizations_with_Proactive_IT_Management.mdx b/src/data/post/Nexthink_Empowering_Organizations_with_Proactive_IT_Management.mdx
index 788ad47..334685b 100644
--- a/src/data/post/Nexthink_Empowering_Organizations_with_Proactive_IT_Management.mdx
+++ b/src/data/post/Nexthink_Empowering_Organizations_with_Proactive_IT_Management.mdx
@@ -68,6 +68,7 @@ Organizations face increasing challenges in managing complex IT environments, es
 One of Nexthink’s standout features is **Remote Actions**—a powerful tool that enables IT teams to automate diagnostics and remediation tasks across devices without user intervention.
 
 ### Key Capabilities of Remote Actions:
+
 - **Automated Troubleshooting:** Run scripts to check system performance, clean caches, reset configurations, or diagnose network issues.
 - **Bulk Execution:** Apply fixes to hundreds or thousands of devices simultaneously.
 - **Silent Operations:** Perform actions without disrupting the end user’s workflow.
@@ -90,13 +91,16 @@ Nexthink Flow allows IT teams to create **multi-step, conditional workflows** th
 ![Nexthink Flow](https://via.placeholder.com/800x400?text=Nexthink+Flow)
 
 ### Key Features of Nexthink Flow:
+
 - **Visual Workflow Builder:** Design automation flows using a drag-and-drop interface, making it easy to create complex logic without coding.
 - **Conditional Logic:** Set conditions based on device status, user behavior, or system performance to trigger different actions automatically.
 - **Cross-Platform Integration:** Integrate with external ITSM tools, cloud platforms, or internal APIs to orchestrate end-to-end processes.
 - **Real-Time Feedback:** Monitor the success or failure of each step in the workflow for quick diagnostics and optimization.
 
 ### Example Use Case:
+
 Imagine an employee reports a problem with their VPN connection:
+
 1. **Trigger:** The issue is detected automatically via performance monitoring or reported through a Nexthink campaign.
 2. **Diagnostics:** Flow initiates a series of Remote Actions to diagnose the issue—checking network settings, verifying credentials, and testing connectivity.
 3. **Remediation:** If an issue is found, Flow applies the appropriate fix automatically. If not resolved, it escalates the issue by creating a ServiceNow ticket with all diagnostic data attached.
@@ -114,4 +118,4 @@ For organizations looking to enhance productivity, reduce IT costs, and improve
 
 ---
 
-If you're interested in learning more about Nexthink or exploring how it can transform your IT operations, feel free to reach out or request a demo from [Nexthink’s official website](https://www.nexthink.com) rel="noopener noreferrer".
\ No newline at end of file
+If you're interested in learning more about Nexthink or exploring how it can transform your IT operations, feel free to reach out or request a demo from [Nexthink’s official website](https://www.nexthink.com) rel="noopener noreferrer".
diff --git a/src/email-templates/README.md b/src/email-templates/README.md
index 78ced15..1e34724 100644
--- a/src/email-templates/README.md
+++ b/src/email-templates/README.md
@@ -69,4 +69,4 @@ To test the email system:
 1. Configure the `.env` file with your SMTP settings
 2. Submit the contact form on the website
 3. Check the logs for email sending attempts
-4. In production mode, check your inbox for the actual emails
\ No newline at end of file
+4. In production mode, check your inbox for the actual emails
diff --git a/src/email-templates/admin-notification.ts b/src/email-templates/admin-notification.ts
index fdaa7b6..11d1f69 100644
--- a/src/email-templates/admin-notification.ts
+++ b/src/email-templates/admin-notification.ts
@@ -13,7 +13,7 @@ export function getAdminNotificationSubject(): string {
 
 export function getAdminNotificationHtml(props: AdminNotificationProps): string {
   const { name, email, message, submittedAt, ipAddress, userAgent } = props;
-  
+
   return `
 <!DOCTYPE html>
 <html>
@@ -92,7 +92,7 @@ export function getAdminNotificationHtml(props: AdminNotificationProps): string
 
 export function getAdminNotificationText(props: AdminNotificationProps): string {
   const { name, email, message, submittedAt, ipAddress, userAgent } = props;
-  
+
   return `
 New Contact Form Submission
 
@@ -108,4 +108,4 @@ User Agent: ${userAgent || 'Not available'}
 
 This is an automated email from your website contact form.
   `;
-}
\ No newline at end of file
+}
diff --git a/src/email-templates/user-confirmation.ts b/src/email-templates/user-confirmation.ts
index 416eb85..5c4cd83 100644
--- a/src/email-templates/user-confirmation.ts
+++ b/src/email-templates/user-confirmation.ts
@@ -17,9 +17,9 @@ export function getUserConfirmationHtml(props: UserConfirmationProps): string {
     message,
     submittedAt,
     websiteName = process.env.WEBSITE_NAME || '365devnet.eu',
-    contactEmail = process.env.ADMIN_EMAIL || 'richard@bergsma.it'
+    contactEmail = process.env.ADMIN_EMAIL || 'richard@bergsma.it',
   } = props;
-  
+
   return `
 <!DOCTYPE html>
 <html>
@@ -97,9 +97,9 @@ export function getUserConfirmationText(props: UserConfirmationProps): string {
     message,
     submittedAt,
     websiteName = process.env.WEBSITE_NAME || '365devnet.eu',
-    contactEmail = process.env.ADMIN_EMAIL || 'richard@bergsma.it'
+    contactEmail = process.env.ADMIN_EMAIL || 'richard@bergsma.it',
   } = props;
-  
+
   return `
 Thank you for contacting ${websiteName}
 
@@ -117,4 +117,4 @@ The ${websiteName} Team
 
 If you did not submit this contact form, please disregard this email or contact us at ${contactEmail}.
   `;
-}
\ No newline at end of file
+}
diff --git a/src/i18n/translations.ts b/src/i18n/translations.ts
index aee8cce..bf4c08c 100644
--- a/src/i18n/translations.ts
+++ b/src/i18n/translations.ts
@@ -142,7 +142,8 @@ export const translations: Record<string, Translation> = {
       aboutUs: 'About me',
     },
     cookies: {
-      message: 'This website uses cookies to store your language preference and remember your cookie consent. No personal data is collected.',
+      message:
+        'This website uses cookies to store your language preference and remember your cookie consent. No personal data is collected.',
       learnMore: 'Learn more in our Privacy Policy',
       accept: 'OK',
     },
@@ -164,14 +165,15 @@ export const translations: Record<string, Translation> = {
     hero: {
       title: 'Unlock Your Business Potential with Expert IT Automation',
       greeting: 'Richard Bergsma, IT Systems & Automation Specialist',
-      subtitle: 'I deliver enterprise-grade automation solutions using Power Automate, Copilot Studio, and custom API development. My expertise helps businesses streamline operations, reduce costs, and improve productivity through Microsoft 365, SharePoint, and Azure.',
+      subtitle:
+        'I deliver enterprise-grade automation solutions using Power Automate, Copilot Studio, and custom API development. My expertise helps businesses streamline operations, reduce costs, and improve productivity through Microsoft 365, SharePoint, and Azure.',
     },
     about: {
       title: 'About me',
       content: [
         'With over 15 years of IT experience, I am a passionate IT Systems and Automation Manager who thrives on delivering optimal solutions for complex cloud and on-premise systems. I focus on driving automation with Power Automate, building intelligent chatbots in Copilot Studio, and integrating APIs to streamline workflows. I also manage the Microsoft 365 environment, support 3rd line requests, and enhance efficiency with tools like Power Apps, Nexthink, and TOPdesk.',
         'Previously, I led Microsoft 365 and SharePoint Online implementations, migrated mail systems, and improved automation with SCCM. Additionally, I founded Bergsma IT, helping small businesses move to the cloud and managing tailored WordPress websites.',
-        'I hold certifications in Microsoft Teams Administration, Azure Fundamentals, and Nexthink Administration. My mission is to drive IT excellence by optimizing cloud solutions, automating processes, and providing outstanding technical support.'
+        'I hold certifications in Microsoft Teams Administration, Azure Fundamentals, and Nexthink Administration. My mission is to drive IT excellence by optimizing cloud solutions, automating processes, and providing outstanding technical support.',
       ],
     },
     homepage: {
@@ -182,36 +184,43 @@ export const translations: Record<string, Translation> = {
       services: {
         tagline: 'Automation & Integration Experts',
         title: 'Drive Business Growth with Strategic IT Automation',
-        subtitle: 'Specialized IT solutions to optimize operations, enhance infrastructure, and deliver measurable results.',
+        subtitle:
+          'Specialized IT solutions to optimize operations, enhance infrastructure, and deliver measurable results.',
         items: [
           {
             title: 'Workflow Automation',
-            description: 'Automate repetitive tasks and streamline processes with Power Automate, freeing up your team to focus on strategic initiatives and boosting overall efficiency.',
+            description:
+              'Automate repetitive tasks and streamline processes with Power Automate, freeing up your team to focus on strategic initiatives and boosting overall efficiency.',
             icon: 'tabler:settings-automation',
           },
           {
             title: 'Intelligent Chatbots',
-            description: 'Enhance customer service and employee productivity with AI-powered chatbots built in Copilot Studio, providing instant support and personalized experiences.',
+            description:
+              'Enhance customer service and employee productivity with AI-powered chatbots built in Copilot Studio, providing instant support and personalized experiences.',
             icon: 'tabler:message-chatbot',
           },
           {
             title: 'API Integrations',
-            description: 'Connect your critical applications and services with seamless API integrations, enabling efficient data exchange and automated workflows across your entire ecosystem.',
+            description:
+              'Connect your critical applications and services with seamless API integrations, enabling efficient data exchange and automated workflows across your entire ecosystem.',
             icon: 'tabler:api',
           },
           {
             title: 'Microsoft 365 Management',
-            description: 'Maximize the value of your Microsoft 365 investment with expert administration, proactive security, and ongoing optimization to ensure a secure and productive environment.',
+            description:
+              'Maximize the value of your Microsoft 365 investment with expert administration, proactive security, and ongoing optimization to ensure a secure and productive environment.',
             icon: 'tabler:brand-office',
           },
           {
             title: 'SharePoint Solutions',
-            description: 'Transform your document management and collaboration with tailored SharePoint solutions that streamline workflows, improve information sharing, and enhance team productivity.',
+            description:
+              'Transform your document management and collaboration with tailored SharePoint solutions that streamline workflows, improve information sharing, and enhance team productivity.',
             icon: 'tabler:share',
           },
           {
             title: 'IT Infrastructure Oversight',
-            description: 'Ensure reliable and efficient IT operations with proactive infrastructure management, minimizing downtime and maximizing performance across your global environment.',
+            description:
+              'Ensure reliable and efficient IT operations with proactive infrastructure management, minimizing downtime and maximizing performance across your global environment.',
             icon: 'tabler:server',
           },
         ],
@@ -224,20 +233,23 @@ export const translations: Record<string, Translation> = {
           'We are committed to driving IT excellence through strategic cloud optimization, process automation, and enterprise-grade technical support. We leverage cutting-edge technology to address complex business challenges and deliver measurable value.',
           'With deep expertise in Microsoft technologies and automation, we empower organizations to transform their digital capabilities and achieve their business objectives. We design solutions that enhance user experience and maximize productivity, ensuring technology empowers your business.',
           'We stay ahead of the curve by researching and implementing emerging technologies, providing scalable solutions that adapt to your evolving needs. Our approach aligns technical solutions with your core business objectives, delivering measurable ROI and a competitive advantage.',
-          'Our mission is to leverage technology to solve real business challenges and create value through innovation. With over 15 years of IT experience, we bring a wealth of knowledge in Microsoft technologies, automation tools, and system integration to help organizations transform their digital capabilities and achieve their strategic goals.'
+          'Our mission is to leverage technology to solve real business challenges and create value through innovation. With over 15 years of IT experience, we bring a wealth of knowledge in Microsoft technologies, automation tools, and system integration to help organizations transform their digital capabilities and achieve their strategic goals.',
         ],
         items: [
           {
             title: 'User-Centric Solutions',
-            description: 'We design solutions that enhance user experience and maximize productivity, ensuring technology empowers your business.',
+            description:
+              'We design solutions that enhance user experience and maximize productivity, ensuring technology empowers your business.',
           },
           {
             title: 'Continuous Innovation',
-            description: 'We stay ahead of the curve by researching and implementing emerging technologies, providing scalable solutions that adapt to your evolving needs.',
+            description:
+              'We stay ahead of the curve by researching and implementing emerging technologies, providing scalable solutions that adapt to your evolving needs.',
           },
           {
             title: 'Strategic Implementation',
-            description: 'We align technical solutions with your core business objectives, delivering measurable ROI and a competitive advantage.',
+            description:
+              'We align technical solutions with your core business objectives, delivering measurable ROI and a competitive advantage.',
           },
         ],
       },
@@ -246,17 +258,20 @@ export const translations: Record<string, Translation> = {
         title: 'What Our Clients Are Saying',
         items: [
           {
-            testimonial: 'Richard\'s Power Automate expertise was instrumental in automating our invoice processing, reducing manual effort by 70% and eliminating data entry errors. The ROI was immediate and significant.',
+            testimonial:
+              "Richard's Power Automate expertise was instrumental in automating our invoice processing, reducing manual effort by 70% and eliminating data entry errors. The ROI was immediate and significant.",
             name: 'John Smith',
             description: 'CFO, Acme Corp',
           },
           {
-            testimonial: 'The SharePoint implementation Richard delivered completely transformed our team\'s ability to collaborate and share information. We\'ve seen a dramatic increase in productivity and a significant reduction in email clutter.',
+            testimonial:
+              "The SharePoint implementation Richard delivered completely transformed our team's ability to collaborate and share information. We've seen a dramatic increase in productivity and a significant reduction in email clutter.",
             name: 'Jane Doe',
             description: 'Project Manager, Beta Industries',
           },
           {
-            testimonial: 'Richard took the time to truly understand our unique business challenges and developed customized IT solutions that perfectly addressed our needs. His technical knowledge and problem-solving skills are exceptional.',
+            testimonial:
+              'Richard took the time to truly understand our unique business challenges and developed customized IT solutions that perfectly addressed our needs. His technical knowledge and problem-solving skills are exceptional.',
             name: 'David Lee',
             description: 'CEO, Gamma Solutions',
           },
@@ -264,20 +279,24 @@ export const translations: Record<string, Translation> = {
       },
       callToAction: {
         title: 'Take Control of Your IT Future',
-        subtitle: 'Let\'s discuss how our solutions can streamline your processes, improve collaboration, and drive digital transformation.',
+        subtitle:
+          "Let's discuss how our solutions can streamline your processes, improve collaboration, and drive digital transformation.",
         button: 'Schedule Your Consultation Now',
       },
       contact: {
         title: 'Contact Our Team',
-        subtitle: 'Discuss your enterprise requirements or inquire about our professional services. Our consultants are ready to provide expert guidance tailored to your business needs.',
+        subtitle:
+          'Discuss your enterprise requirements or inquire about our professional services. Our consultants are ready to provide expert guidance tailored to your business needs.',
         nameLabel: 'Name',
         namePlaceholder: 'Your name',
         emailLabel: 'Email',
         emailPlaceholder: 'Your email address',
         messageLabel: 'Message',
         messagePlaceholder: 'Your message',
-        disclaimer: 'By submitting this form, you agree to our privacy policy and allow us to use your information to contact you about our services.',
-        description: 'All inquiries receive a prompt professional response. For additional information about our enterprise solutions, connect with our team on LinkedIn or explore our technical resources on GitHub.',
+        disclaimer:
+          'By submitting this form, you agree to our privacy policy and allow us to use your information to contact you about our services.',
+        description:
+          'All inquiries receive a prompt professional response. For additional information about our enterprise solutions, connect with our team on LinkedIn or explore our technical resources on GitHub.',
       },
     },
     resume: {
@@ -288,43 +307,49 @@ export const translations: Record<string, Translation> = {
           company: 'COFRA Holding C.V.',
           location: 'Amsterdam',
           period: '02-2025 - Present',
-          description: 'As the IT Systems and Automation Manager at COFRA Holding, I focus on driving automation through Power Automate and building advanced chatbots in Copilot Studio to streamline processes and enhance operational efficiency. My work involves integrating APIs to create seamless workflows, automating recurring tasks, and supporting digital transformation initiatives. In addition to my automation responsibilities, I continue to manage our Microsoft 365 environment, support 3rd line requests, develop Power Apps, oversee our Nexthink environment, manage TOPdesk, and contribute to various IT projects as needed.',
+          description:
+            'As the IT Systems and Automation Manager at COFRA Holding, I focus on driving automation through Power Automate and building advanced chatbots in Copilot Studio to streamline processes and enhance operational efficiency. My work involves integrating APIs to create seamless workflows, automating recurring tasks, and supporting digital transformation initiatives. In addition to my automation responsibilities, I continue to manage our Microsoft 365 environment, support 3rd line requests, develop Power Apps, oversee our Nexthink environment, manage TOPdesk, and contribute to various IT projects as needed.',
         },
         {
           title: 'Office 365 Professional',
           company: 'COFRA Holding C.V.',
           location: 'Amsterdam',
           period: '08-2020 - 01-2025',
-          description: 'As the Microsoft 365 expert within COFRA Holding, I ensure that the environment is managed, new features are communicated, and colleagues are supported with 3rd line requests. New requests that come to me range from new Power Automate flows to Power Apps. Additionally, I focus on the setup and management of our Nexthink environment, manage TopDesk, and support other projects as required. Lately, I\'ve been concentrating on leveraging Power Automate to enhance automation across various areas.',
+          description:
+            "As the Microsoft 365 expert within COFRA Holding, I ensure that the environment is managed, new features are communicated, and colleagues are supported with 3rd line requests. New requests that come to me range from new Power Automate flows to Power Apps. Additionally, I focus on the setup and management of our Nexthink environment, manage TopDesk, and support other projects as required. Lately, I've been concentrating on leveraging Power Automate to enhance automation across various areas.",
         },
         {
           title: 'Cloud systems and Application Engineer',
           company: 'Hyva',
           location: 'Alphen aan den Rijn',
           period: '09-2018 - 04-2020',
-          description: 'Managed global IT infrastructure across 35 countries, driving the implementation and integration of Office 365 and SharePoint Online to enhance collaboration. Led seamless migrations from diverse mail systems to Office 365, improving communication efficiency and reliability. Spearheaded the consolidation of global IT operations by replacing two data centers, setting up and optimizing Azure environments, and managing costs effectively. Implemented SCCM to automate key processes, boosting service desk efficiency. Provided third-line support via TOPdesk, resolving complex IT issues and ensuring high service quality.',
+          description:
+            'Managed global IT infrastructure across 35 countries, driving the implementation and integration of Office 365 and SharePoint Online to enhance collaboration. Led seamless migrations from diverse mail systems to Office 365, improving communication efficiency and reliability. Spearheaded the consolidation of global IT operations by replacing two data centers, setting up and optimizing Azure environments, and managing costs effectively. Implemented SCCM to automate key processes, boosting service desk efficiency. Provided third-line support via TOPdesk, resolving complex IT issues and ensuring high service quality.',
         },
         {
           title: 'IT Consultant',
           company: 'Bergsma.IT',
           location: 'Zoetermeer',
           period: '01-2018 - 07-2019',
-          description: 'Founded the company to help small businesses modernize their IT infrastructure through cloud-based solutions, focusing on Microsoft technologies to enhance efficiency, scalability, and collaboration. Successfully executed email and file server migrations to Microsoft cloud platforms, provided ongoing technical support, and designed tailored WordPress websites. Streamlined workflows with Microsoft 365 and delivered customized IT solutions aligned with clients\' business goals.',
+          description:
+            "Founded the company to help small businesses modernize their IT infrastructure through cloud-based solutions, focusing on Microsoft technologies to enhance efficiency, scalability, and collaboration. Successfully executed email and file server migrations to Microsoft cloud platforms, provided ongoing technical support, and designed tailored WordPress websites. Streamlined workflows with Microsoft 365 and delivered customized IT solutions aligned with clients' business goals.",
         },
         {
           title: 'Technical Application Engineer SharePoint',
           company: 'Allseas',
           location: 'Delft',
           period: '04-2018 - 09-2018',
-          description: 'Managed and optimized SharePoint 2013 and SharePoint Online environments to support collaboration and productivity. Created and customized SharePoint sites, implemented workflows, and provided expert support for Cadac Organice. Worked closely with stakeholders to deliver tailored solutions, ensuring secure, up-to-date, and high-performing SharePoint systems.',
+          description:
+            'Managed and optimized SharePoint 2013 and SharePoint Online environments to support collaboration and productivity. Created and customized SharePoint sites, implemented workflows, and provided expert support for Cadac Organice. Worked closely with stakeholders to deliver tailored solutions, ensuring secure, up-to-date, and high-performing SharePoint systems.',
         },
         {
           title: 'IT System Administrator',
           company: 'OZ Export',
           location: 'De Kwakel',
           period: '10-2015 - 12-2017',
-          description: 'Managed and maintained the organization\'s IT infrastructure to ensure system reliability and seamless operations. Oversaw servers, client PCs, portable scanners, and printers, optimizing performance and minimizing downtime. Configured VoIP systems, managed network switches, and administered Citrix environments for secure remote access. Installed and supported on-premise SharePoint environments to enhance collaboration. Designed and maintained the organization\'s surveillance system and helpdesk platform, streamlining IT support and strengthening security. Provided hands-on troubleshooting for hardware, software, and network issues to support daily operations.',
-        }
+          description:
+            "Managed and maintained the organization's IT infrastructure to ensure system reliability and seamless operations. Oversaw servers, client PCs, portable scanners, and printers, optimizing performance and minimizing downtime. Configured VoIP systems, managed network switches, and administered Citrix environments for secure remote access. Installed and supported on-premise SharePoint environments to enhance collaboration. Designed and maintained the organization's surveillance system and helpdesk platform, streamlining IT support and strengthening security. Provided hands-on troubleshooting for hardware, software, and network issues to support daily operations.",
+        },
       ],
     },
     education: {
@@ -348,7 +373,8 @@ export const translations: Record<string, Translation> = {
         {
           name: 'Stakeholder Management',
           issueDate: 'Date Issued: 03-2025',
-          description: 'Earning the Stakeholder Management certification demonstrates expertise in navigating complex political dynamics around projects and effectively managing diverse stakeholder interests. This certification validates skills in analyzing power relationships, negotiating effectively, and developing strategic approaches to transform resistance into productive collaboration for better project outcomes.',
+          description:
+            'Earning the Stakeholder Management certification demonstrates expertise in navigating complex political dynamics around projects and effectively managing diverse stakeholder interests. This certification validates skills in analyzing power relationships, negotiating effectively, and developing strategic approaches to transform resistance into productive collaboration for better project outcomes.',
           linkUrl: 'https://www.sn.nl/opleidingen/trainingen/projectmanagement-het-managen-van-stakeholders/',
           image: {
             src: '/images/certificates/SN_Logo2.webp',
@@ -359,7 +385,8 @@ export const translations: Record<string, Translation> = {
         {
           name: 'Certified Nexthink Professional',
           issueDate: 'Date Issued: 01-2025',
-          description: 'Earning the Nexthink Certified Application Experience Management certification validates the expertise in optimizing application performance, ensuring seamless user adoption, and driving cost efficiency. This certification demonstrates advanced knowledge in measuring and improving digital employee experience across enterprise environments.',
+          description:
+            'Earning the Nexthink Certified Application Experience Management certification validates the expertise in optimizing application performance, ensuring seamless user adoption, and driving cost efficiency. This certification demonstrates advanced knowledge in measuring and improving digital employee experience across enterprise environments.',
           linkUrl: 'https://certified.nexthink.com/babd1e3a-c593-4a81-90a2-6a002f43e692#acc.fUOog9dj',
           image: {
             src: '/images/certificates/CertifiedNexthinkProfessionalinApplicationExperienceManagement.webp',
@@ -370,7 +397,8 @@ export const translations: Record<string, Translation> = {
         {
           name: 'Certified Nexthink Administrator',
           issueDate: 'Date Issued: 11-2024',
-          description: 'Earning the Nexthink Platform Administration certification demonstrates proficiency in configuring and customizing the Nexthink Platform to meet organizational needs. This certification validates skills in deploying, managing, and maintaining Nexthink environments to support IT operations and enhance end-user experience.',
+          description:
+            'Earning the Nexthink Platform Administration certification demonstrates proficiency in configuring and customizing the Nexthink Platform to meet organizational needs. This certification validates skills in deploying, managing, and maintaining Nexthink environments to support IT operations and enhance end-user experience.',
           linkUrl: 'https://certified.nexthink.com/8bfc61f2-31b8-45d8-82e7-e4a1df2b915d#acc.7eo6pFxb',
           image: {
             src: '/images/certificates/NexthinkAdministrator.webp',
@@ -381,7 +409,8 @@ export const translations: Record<string, Translation> = {
         {
           name: 'Certified Nexthink Associate',
           issueDate: 'Date Issued: 11-2024',
-          description: 'Earning the Nexthink Infinity Fundamentals certification validates your understanding of the Nexthink Infinity platform and its role in enhancing digital employee experience. This certification confirms knowledge of key platform components, data collection methods, and analytics capabilities for monitoring and improving workplace technology environments.',
+          description:
+            'Earning the Nexthink Infinity Fundamentals certification validates your understanding of the Nexthink Infinity platform and its role in enhancing digital employee experience. This certification confirms knowledge of key platform components, data collection methods, and analytics capabilities for monitoring and improving workplace technology environments.',
           linkUrl: 'https://certified.nexthink.com/cf5e9e43-9d95-4dc6-bb95-0f7e0bada9b3#acc.YWDnxiaU',
           image: {
             src: '/images/certificates/NexthinkAssociate.webp',
@@ -392,7 +421,8 @@ export const translations: Record<string, Translation> = {
         {
           name: 'Crucial Conversations',
           issueDate: 'Date Issued: 03-2024',
-          description: 'Earning the Crucial Conversations certification demonstrates proficiency in effective dialogue techniques for high-stakes situations where opinions vary and emotions run strong, enabling transformation of disagreements into productive conversations that achieve better outcomes.',
+          description:
+            'Earning the Crucial Conversations certification demonstrates proficiency in effective dialogue techniques for high-stakes situations where opinions vary and emotions run strong, enabling transformation of disagreements into productive conversations that achieve better outcomes.',
           linkUrl: 'https://cruciallearning.com/courses/crucial-conversations-for-dialogue/',
           image: {
             src: '/images/certificates/CrucialConversations_FMD-logo.webp',
@@ -403,7 +433,8 @@ export const translations: Record<string, Translation> = {
         {
           name: 'Python Programmer (PCEP)',
           issueDate: 'Date Issued: 11-2023',
-          description: 'Earning the PCEP™ certification demonstrates proficiency in fundamental Python programming concepts, including data types, control flow, data collections, functions, and exception handling.',
+          description:
+            'Earning the PCEP™ certification demonstrates proficiency in fundamental Python programming concepts, including data types, control flow, data collections, functions, and exception handling.',
           linkUrl: 'https://pythoninstitute.org/pcep',
           image: {
             src: '/images/certificates/PCEP.webp',
@@ -414,8 +445,10 @@ export const translations: Record<string, Translation> = {
         {
           name: 'Desktop Administrator Associate',
           issueDate: 'Date Issued: 06-2023',
-          description: 'Earning the Modern Desktop Administrator Associate certification demonstrates proficiency in deploying, configuring, securing, managing, and monitoring devices and client applications within an enterprise environment.',
-          linkUrl: 'https://learn.microsoft.com/en-us/credentials/certifications/modern-desktop/?practice-assessment-type=certification',
+          description:
+            'Earning the Modern Desktop Administrator Associate certification demonstrates proficiency in deploying, configuring, securing, managing, and monitoring devices and client applications within an enterprise environment.',
+          linkUrl:
+            'https://learn.microsoft.com/en-us/credentials/certifications/modern-desktop/?practice-assessment-type=certification',
           image: {
             src: '/images/certificates/microsoft-certified-associate-badge.webp',
             alt: 'Microsoft Certified Associate badge',
@@ -425,8 +458,10 @@ export const translations: Record<string, Translation> = {
         {
           name: 'Microsoft 365 Fundamentals',
           issueDate: 'Date Issued: 05-2023',
-          description: 'Earning the Microsoft 365 Certified: Fundamentals certification demonstrates foundational knowledge of cloud-based solutions, including productivity, collaboration, security, compliance, and Microsoft 365 services.',
-          linkUrl: 'https://learn.microsoft.com/en-us/credentials/certifications/microsoft-365-fundamentals/?practice-assessment-type=certification',
+          description:
+            'Earning the Microsoft 365 Certified: Fundamentals certification demonstrates foundational knowledge of cloud-based solutions, including productivity, collaboration, security, compliance, and Microsoft 365 services.',
+          linkUrl:
+            'https://learn.microsoft.com/en-us/credentials/certifications/microsoft-365-fundamentals/?practice-assessment-type=certification',
           image: {
             src: '/images/certificates/microsoft-certified-fundamentals-badge.webp',
             alt: 'Microsoft 365 Fundamentals badge',
@@ -436,8 +471,10 @@ export const translations: Record<string, Translation> = {
         {
           name: 'Teams Administrator Associate',
           issueDate: 'Date Issued: 06-2021',
-          description: 'Earning the Teams Administrator Associate certification demonstrates your ability to plan, deploy, configure, and manage Microsoft Teams to facilitate efficient collaboration and communication within a Microsoft 365 environment.',
-          linkUrl: 'https://learn.microsoft.com/en-us/credentials/certifications/m365-teams-administrator-associate/?practice-assessment-type=certification',
+          description:
+            'Earning the Teams Administrator Associate certification demonstrates your ability to plan, deploy, configure, and manage Microsoft Teams to facilitate efficient collaboration and communication within a Microsoft 365 environment.',
+          linkUrl:
+            'https://learn.microsoft.com/en-us/credentials/certifications/m365-teams-administrator-associate/?practice-assessment-type=certification',
           image: {
             src: '/images/certificates/microsoft-certified-associate-badge.webp',
             alt: 'Microsoft Certified Associate badge',
@@ -447,8 +484,10 @@ export const translations: Record<string, Translation> = {
         {
           name: 'Azure Fundamentals',
           issueDate: 'Date Issued: 01-2020',
-          description: 'Earning the Microsoft Certified: Azure Fundamentals certification demonstrates foundational knowledge of cloud concepts, core Azure services, and Azure management and governance features and tools.',
-          linkUrl: 'https://learn.microsoft.com/en-us/credentials/certifications/azure-fundamentals/?practice-assessment-type=certification',
+          description:
+            'Earning the Microsoft Certified: Azure Fundamentals certification demonstrates foundational knowledge of cloud concepts, core Azure services, and Azure management and governance features and tools.',
+          linkUrl:
+            'https://learn.microsoft.com/en-us/credentials/certifications/azure-fundamentals/?practice-assessment-type=certification',
           image: {
             src: '/images/certificates/microsoft-certified-fundamentals-badge.webp',
             alt: 'Azure Fundamentals badge',
@@ -463,57 +502,70 @@ export const translations: Record<string, Translation> = {
       items: [
         {
           title: 'Power Automate',
-          description: 'Expertise in designing and implementing advanced automation workflows using Microsoft Power Automate to streamline business processes, reduce manual effort, and enhance operational efficiency.',
+          description:
+            'Expertise in designing and implementing advanced automation workflows using Microsoft Power Automate to streamline business processes, reduce manual effort, and enhance operational efficiency.',
         },
         {
           title: 'Copilot Studio',
-          description: 'Proficiency in developing intelligent chatbots within Copilot Studio, enabling enhanced user interactions and support through natural language processing and automated responses.',
+          description:
+            'Proficiency in developing intelligent chatbots within Copilot Studio, enabling enhanced user interactions and support through natural language processing and automated responses.',
         },
         {
           title: 'API Integrations',
-          description: 'Skilled in creating custom connectors and integrating various applications and services via APIs to facilitate seamless data exchange and process automation across platforms.',
+          description:
+            'Skilled in creating custom connectors and integrating various applications and services via APIs to facilitate seamless data exchange and process automation across platforms.',
         },
         {
           title: 'Microsoft 365 Administration',
-          description: 'Comprehensive experience in managing Microsoft 365 environments, including user management, security configurations, and service optimization to support global collaboration and productivity.',
+          description:
+            'Comprehensive experience in managing Microsoft 365 environments, including user management, security configurations, and service optimization to support global collaboration and productivity.',
         },
         {
           title: 'SharePoint Online & On-Premise',
-          description: 'Adept at setting up, managing, and optimizing both SharePoint Online and on-premise deployments, ensuring effective document management, collaboration, and information sharing within organizations.',
+          description:
+            'Adept at setting up, managing, and optimizing both SharePoint Online and on-premise deployments, ensuring effective document management, collaboration, and information sharing within organizations.',
         },
         {
           title: 'Nexthink Administration',
-          description: 'Proficient in administering the Nexthink platform, utilizing its capabilities for IT infrastructure monitoring, executing remote actions, and developing workflows to enhance IT service delivery and user experience.',
+          description:
+            'Proficient in administering the Nexthink platform, utilizing its capabilities for IT infrastructure monitoring, executing remote actions, and developing workflows to enhance IT service delivery and user experience.',
         },
         {
           title: 'Microsoft Power Apps',
-          description: 'Proficient in utilizing Microsoft Power Apps to design and develop custom business applications with minimal coding. Experienced in creating both canvas and model-driven apps that connect to various data sources.',
+          description:
+            'Proficient in utilizing Microsoft Power Apps to design and develop custom business applications with minimal coding. Experienced in creating both canvas and model-driven apps that connect to various data sources.',
         },
         {
           title: 'IT Infrastructure Management',
-          description: 'Extensive experience overseeing global IT infrastructures, managing servers, networks, and end-user devices across multiple countries to ensure reliable and efficient IT operations.',
+          description:
+            'Extensive experience overseeing global IT infrastructures, managing servers, networks, and end-user devices across multiple countries to ensure reliable and efficient IT operations.',
         },
         {
           title: 'ITSM (TOPDesk)',
-          description: 'Experienced in managing ITSM processes using TOPdesk. Proficient in core functionalities such as Incident Management and Asset Management, while leveraging API usage for seamless integrations with other systems.',
+          description:
+            'Experienced in managing ITSM processes using TOPdesk. Proficient in core functionalities such as Incident Management and Asset Management, while leveraging API usage for seamless integrations with other systems.',
         },
         {
           title: 'PowerShell',
-          description: 'Proficient in utilizing PowerShell for automation, system administration, and configuration management across Microsoft environments. Experienced in creating robust scripts for task automation, system monitoring, and integration with various Microsoft services.',
+          description:
+            'Proficient in utilizing PowerShell for automation, system administration, and configuration management across Microsoft environments. Experienced in creating robust scripts for task automation, system monitoring, and integration with various Microsoft services.',
         },
         {
           title: 'Intune Device Management',
-          description: 'Skilled in deploying, configuring, and managing Windows 10/11 devices through Microsoft Intune. Experienced in creating and implementing device policies, application deployment, and security configurations for enterprise environments.',
+          description:
+            'Skilled in deploying, configuring, and managing Windows 10/11 devices through Microsoft Intune. Experienced in creating and implementing device policies, application deployment, and security configurations for enterprise environments.',
         },
         {
           title: '3rd Line IT Support',
-          description: 'Experienced in providing advanced technical support for complex IT issues that require in-depth knowledge and specialized expertise. Proficient in troubleshooting, diagnosing, and resolving critical system problems across various platforms and applications.',
+          description:
+            'Experienced in providing advanced technical support for complex IT issues that require in-depth knowledge and specialized expertise. Proficient in troubleshooting, diagnosing, and resolving critical system problems across various platforms and applications.',
         },
       ],
     },
     blog: {
       title: 'Explore my insightful articles on my blog',
-      information: 'Welcome to my blog, where I share insights, tips, and solutions on Microsoft 365, Nexthink, Power Automate, PowerShell, and other automation tools. Whether you\'re looking to streamline workflows, enhance productivity, or dive into technical problem-solving, you\'ll find practical content to support your journey.',
+      information:
+        "Welcome to my blog, where I share insights, tips, and solutions on Microsoft 365, Nexthink, Power Automate, PowerShell, and other automation tools. Whether you're looking to streamline workflows, enhance productivity, or dive into technical problem-solving, you'll find practical content to support your journey.",
     },
   },
   nl: {
@@ -522,7 +574,8 @@ export const translations: Record<string, Translation> = {
       aboutUs: 'Over mij',
     },
     cookies: {
-      message: 'Deze website gebruikt cookies om uw taalvoorkeur op te slaan en uw cookie-toestemming te onthouden. Er worden geen persoonlijke gegevens verzameld.',
+      message:
+        'Deze website gebruikt cookies om uw taalvoorkeur op te slaan en uw cookie-toestemming te onthouden. Er worden geen persoonlijke gegevens verzameld.',
       learnMore: 'Lees meer in ons Privacybeleid',
       accept: 'OK',
     },
@@ -544,14 +597,15 @@ export const translations: Record<string, Translation> = {
     hero: {
       title: 'Ontgrendel uw zakelijk potentieel met expert IT-automatisering',
       greeting: 'Richard Bergsma, IT-systemen & Automatisering Specialist',
-      subtitle: 'Ik lever automatiseringsoplossingen van enterprise-niveau met Power Automate, Copilot Studio en aangepaste API-ontwikkeling. Mijn expertise helpt bedrijven om processen te stroomlijnen, kosten te verlagen en productiviteit te verbeteren via Microsoft 365, SharePoint en Azure.',
+      subtitle:
+        'Ik lever automatiseringsoplossingen van enterprise-niveau met Power Automate, Copilot Studio en aangepaste API-ontwikkeling. Mijn expertise helpt bedrijven om processen te stroomlijnen, kosten te verlagen en productiviteit te verbeteren via Microsoft 365, SharePoint en Azure.',
     },
     about: {
       title: 'Over mij',
       content: [
-        'Met meer dan 15 jaar IT-ervaring ben ik een gepassioneerde IT-systemen- en automatiseringsmanager die uitblinkt in het leveren van optimale oplossingen voor complexe cloud- en on-premise systemen. Ik richt mij op het stimuleren van automatisering met Power Automate, het bouwen van intelligente chatbots in Copilot Studio en het integreren van API\'s om werkstromen te stroomlijnen. Ik beheer ook de Microsoft 365-omgeving, ondersteun derde-lijnsaanvragen en verhoog de efficiëntie met tools zoals Power Apps, Nexthink en TOPdesk.',
+        "Met meer dan 15 jaar IT-ervaring ben ik een gepassioneerde IT-systemen- en automatiseringsmanager die uitblinkt in het leveren van optimale oplossingen voor complexe cloud- en on-premise systemen. Ik richt mij op het stimuleren van automatisering met Power Automate, het bouwen van intelligente chatbots in Copilot Studio en het integreren van API's om werkstromen te stroomlijnen. Ik beheer ook de Microsoft 365-omgeving, ondersteun derde-lijnsaanvragen en verhoog de efficiëntie met tools zoals Power Apps, Nexthink en TOPdesk.",
         'Vroeger leidde ik de implementaties van Microsoft 365 en SharePoint Online, migreerde ik mailsystemen en verbeterde ik de automatisering met SCCM. Daarnaast richtte ik Bergsma IT op, waarmee ik kleine bedrijven hielp de overstap naar de cloud te maken en beheer ik op maat gemaakte WordPress-websites.',
-        'Ik ben gecertificeerd in Microsoft Teams Administration, Azure Fundamentals en Nexthink Administration. Mijn missie is IT-excellentie te bevorderen door het optimaliseren van cloudoplossingen, het automatiseren van processen en het leveren van uitstekende technische ondersteuning.'
+        'Ik ben gecertificeerd in Microsoft Teams Administration, Azure Fundamentals en Nexthink Administration. Mijn missie is IT-excellentie te bevorderen door het optimaliseren van cloudoplossingen, het automatiseren van processen en het leveren van uitstekende technische ondersteuning.',
       ],
     },
     homepage: {
@@ -562,36 +616,43 @@ export const translations: Record<string, Translation> = {
       services: {
         tagline: 'Automatisering & Integratie Experts',
         title: 'Stimuleer bedrijfsgroei met strategische IT-automatisering',
-        subtitle: 'Gespecialiseerde IT-oplossingen om operaties te optimaliseren, infrastructuur te verbeteren en meetbare resultaten te leveren.',
+        subtitle:
+          'Gespecialiseerde IT-oplossingen om operaties te optimaliseren, infrastructuur te verbeteren en meetbare resultaten te leveren.',
         items: [
           {
             title: 'Workflow Automatisering',
-            description: 'Automatiseer repetitieve taken en stroomlijn processen met Power Automate, waardoor uw team zich kan richten op strategische initiatieven en de algehele efficiëntie wordt verhoogd.',
+            description:
+              'Automatiseer repetitieve taken en stroomlijn processen met Power Automate, waardoor uw team zich kan richten op strategische initiatieven en de algehele efficiëntie wordt verhoogd.',
             icon: 'tabler:settings-automation',
           },
           {
             title: 'Intelligente Chatbots',
-            description: 'Verbeter klantenservice en werknemersproductiviteit met AI-gestuurde chatbots gebouwd in Copilot Studio, die directe ondersteuning en gepersonaliseerde ervaringen bieden.',
+            description:
+              'Verbeter klantenservice en werknemersproductiviteit met AI-gestuurde chatbots gebouwd in Copilot Studio, die directe ondersteuning en gepersonaliseerde ervaringen bieden.',
             icon: 'tabler:message-chatbot',
           },
           {
             title: 'API-integraties',
-            description: 'Verbind uw kritieke applicaties en diensten met naadloze API-integraties, waardoor efficiënte gegevensuitwisseling en geautomatiseerde workflows in uw hele ecosysteem mogelijk worden.',
+            description:
+              'Verbind uw kritieke applicaties en diensten met naadloze API-integraties, waardoor efficiënte gegevensuitwisseling en geautomatiseerde workflows in uw hele ecosysteem mogelijk worden.',
             icon: 'tabler:api',
           },
           {
             title: 'Microsoft 365 Beheer',
-            description: 'Maximaliseer de waarde van uw Microsoft 365-investering met deskundig beheer, proactieve beveiliging en voortdurende optimalisatie voor een veilige en productieve omgeving.',
+            description:
+              'Maximaliseer de waarde van uw Microsoft 365-investering met deskundig beheer, proactieve beveiliging en voortdurende optimalisatie voor een veilige en productieve omgeving.',
             icon: 'tabler:brand-office',
           },
           {
             title: 'SharePoint Oplossingen',
-            description: 'Transformeer uw documentbeheer en samenwerking met op maat gemaakte SharePoint-oplossingen die workflows stroomlijnen, informatie-uitwisseling verbeteren en teamproductiviteit verhogen.',
+            description:
+              'Transformeer uw documentbeheer en samenwerking met op maat gemaakte SharePoint-oplossingen die workflows stroomlijnen, informatie-uitwisseling verbeteren en teamproductiviteit verhogen.',
             icon: 'tabler:share',
           },
           {
             title: 'IT-infrastructuur Toezicht',
-            description: 'Zorg voor betrouwbare en efficiënte IT-operaties met proactief infrastructuurbeheer, minimaliseer downtime en maximaliseer prestaties in uw wereldwijde omgeving.',
+            description:
+              'Zorg voor betrouwbare en efficiënte IT-operaties met proactief infrastructuurbeheer, minimaliseer downtime en maximaliseer prestaties in uw wereldwijde omgeving.',
             icon: 'tabler:server',
           },
         ],
@@ -604,20 +665,23 @@ export const translations: Record<string, Translation> = {
           'Wij zijn toegewijd aan het stimuleren van IT-excellentie door strategische cloud-optimalisatie, procesautomatisering en technische ondersteuning van enterprise-niveau. We benutten geavanceerde technologie om complexe zakelijke uitdagingen aan te pakken en meetbare waarde te leveren.',
           'Met diepgaande expertise in Microsoft-technologieën en automatisering stellen we organisaties in staat hun digitale mogelijkheden te transformeren en hun bedrijfsdoelstellingen te bereiken. We ontwerpen oplossingen die de gebruikerservaring verbeteren en productiviteit maximaliseren, zodat technologie uw bedrijf versterkt.',
           'We blijven voorop lopen door onderzoek en implementatie van opkomende technologieën, en bieden schaalbare oplossingen die zich aanpassen aan uw evoluerende behoeften. We stemmen technische oplossingen af op uw kernbedrijfsdoelstellingen, wat resulteert in meetbare ROI en een concurrentievoordeel.',
-          'Onze missie is om technologie te benutten om echte zakelijke uitdagingen op te lossen en waarde te creëren door innovatie. Met meer dan 15 jaar IT-ervaring brengen we een schat aan kennis in Microsoft-technologieën, automatiseringstools en systeemintegratie om organisaties te helpen hun digitale mogelijkheden te transformeren en hun strategische doelen te bereiken.'
+          'Onze missie is om technologie te benutten om echte zakelijke uitdagingen op te lossen en waarde te creëren door innovatie. Met meer dan 15 jaar IT-ervaring brengen we een schat aan kennis in Microsoft-technologieën, automatiseringstools en systeemintegratie om organisaties te helpen hun digitale mogelijkheden te transformeren en hun strategische doelen te bereiken.',
         ],
         items: [
           {
             title: 'Gebruikersgerichte Oplossingen',
-            description: 'We ontwerpen oplossingen die de gebruikerservaring verbeteren en productiviteit maximaliseren, zodat technologie uw bedrijf versterkt.',
+            description:
+              'We ontwerpen oplossingen die de gebruikerservaring verbeteren en productiviteit maximaliseren, zodat technologie uw bedrijf versterkt.',
           },
           {
             title: 'Continue Innovatie',
-            description: 'We blijven voorop lopen door onderzoek en implementatie van opkomende technologieën, en bieden schaalbare oplossingen die zich aanpassen aan uw evoluerende behoeften.',
+            description:
+              'We blijven voorop lopen door onderzoek en implementatie van opkomende technologieën, en bieden schaalbare oplossingen die zich aanpassen aan uw evoluerende behoeften.',
           },
           {
             title: 'Strategische Implementatie',
-            description: 'We stemmen technische oplossingen af op uw kernbedrijfsdoelstellingen, wat resulteert in meetbare ROI en een concurrentievoordeel.',
+            description:
+              'We stemmen technische oplossingen af op uw kernbedrijfsdoelstellingen, wat resulteert in meetbare ROI en een concurrentievoordeel.',
           },
         ],
       },
@@ -626,17 +690,20 @@ export const translations: Record<string, Translation> = {
         title: 'Wat Onze Klanten Zeggen',
         items: [
           {
-            testimonial: 'Richards expertise in Power Automate was essentieel bij het automatiseren van onze factuurverwerking, waardoor handmatige inspanning met 70% werd verminderd en invoerfouten werden geëlimineerd. De ROI was direct en significant.',
+            testimonial:
+              'Richards expertise in Power Automate was essentieel bij het automatiseren van onze factuurverwerking, waardoor handmatige inspanning met 70% werd verminderd en invoerfouten werden geëlimineerd. De ROI was direct en significant.',
             name: 'John Smith',
             description: 'CFO, Acme Corp',
           },
           {
-            testimonial: 'De SharePoint-implementatie die Richard heeft geleverd, heeft de mogelijkheden van ons team om samen te werken en informatie te delen volledig getransformeerd. We hebben een dramatische toename in productiviteit gezien en een aanzienlijke vermindering van e-mailverkeer.',
+            testimonial:
+              'De SharePoint-implementatie die Richard heeft geleverd, heeft de mogelijkheden van ons team om samen te werken en informatie te delen volledig getransformeerd. We hebben een dramatische toename in productiviteit gezien en een aanzienlijke vermindering van e-mailverkeer.',
             name: 'Jane Doe',
             description: 'Projectmanager, Beta Industries',
           },
           {
-            testimonial: 'Richard nam de tijd om onze unieke zakelijke uitdagingen echt te begrijpen en ontwikkelde aangepaste IT-oplossingen die perfect aan onze behoeften voldeden. Zijn technische kennis en probleemoplossende vaardigheden zijn uitzonderlijk.',
+            testimonial:
+              'Richard nam de tijd om onze unieke zakelijke uitdagingen echt te begrijpen en ontwikkelde aangepaste IT-oplossingen die perfect aan onze behoeften voldeden. Zijn technische kennis en probleemoplossende vaardigheden zijn uitzonderlijk.',
             name: 'David Lee',
             description: 'CEO, Gamma Solutions',
           },
@@ -644,20 +711,24 @@ export const translations: Record<string, Translation> = {
       },
       callToAction: {
         title: 'Neem de controle over uw IT-toekomst',
-        subtitle: 'Laten we bespreken hoe onze oplossingen uw processen kunnen stroomlijnen, samenwerking kunnen verbeteren en digitale transformatie kunnen stimuleren.',
+        subtitle:
+          'Laten we bespreken hoe onze oplossingen uw processen kunnen stroomlijnen, samenwerking kunnen verbeteren en digitale transformatie kunnen stimuleren.',
         button: 'Plan nu uw consultatie',
       },
       contact: {
         title: 'Neem contact op met ons team',
-        subtitle: 'Bespreek uw zakelijke vereisten of informeer naar onze professionele diensten. Onze consultants staan klaar om deskundige begeleiding te bieden die is afgestemd op uw bedrijfsbehoeften.',
+        subtitle:
+          'Bespreek uw zakelijke vereisten of informeer naar onze professionele diensten. Onze consultants staan klaar om deskundige begeleiding te bieden die is afgestemd op uw bedrijfsbehoeften.',
         nameLabel: 'Naam',
         namePlaceholder: 'Uw naam',
         emailLabel: 'E-mail',
         emailPlaceholder: 'Uw e-mailadres',
         messageLabel: 'Bericht',
         messagePlaceholder: 'Uw bericht',
-        disclaimer: 'Door dit formulier in te dienen, gaat u akkoord met ons privacybeleid en staat u ons toe uw gegevens te gebruiken om contact met u op te nemen over onze diensten.',
-        description: 'Alle vragen ontvangen een snelle professionele reactie. Voor aanvullende informatie over onze zakelijke oplossingen kunt u contact opnemen met ons team op LinkedIn of onze technische bronnen op GitHub verkennen.',
+        disclaimer:
+          'Door dit formulier in te dienen, gaat u akkoord met ons privacybeleid en staat u ons toe uw gegevens te gebruiken om contact met u op te nemen over onze diensten.',
+        description:
+          'Alle vragen ontvangen een snelle professionele reactie. Voor aanvullende informatie over onze zakelijke oplossingen kunt u contact opnemen met ons team op LinkedIn of onze technische bronnen op GitHub verkennen.',
       },
     },
     resume: {
@@ -668,43 +739,49 @@ export const translations: Record<string, Translation> = {
           company: 'COFRA Holding C.V.',
           location: 'Amsterdam',
           period: '02-2025 - Heden',
-          description: 'Als IT-systemen en automatiseringsmanager bij COFRA Holding richt ik mij op het stimuleren van automatisering met Power Automate en het bouwen van geavanceerde chatbots in Copilot Studio om processen te stroomlijnen en de operationele efficiëntie te verbeteren. Mijn werk omvat het integreren van API\'s om naadloze werkstromen te creëren, het automatiseren van terugkerende taken en het ondersteunen van digitale transformatie-initiatieven. Naast mijn verantwoordelijkheden op het gebied van automatisering beheer ik onze Microsoft 365-omgeving, ondersteun ik derde-lijnsaanvragen, ontwikkel ik Power Apps, houd ik toezicht op onze Nexthink-omgeving, beheer ik TOPdesk en draag ik bij aan diverse IT-projecten waar nodig.',
+          description:
+            "Als IT-systemen en automatiseringsmanager bij COFRA Holding richt ik mij op het stimuleren van automatisering met Power Automate en het bouwen van geavanceerde chatbots in Copilot Studio om processen te stroomlijnen en de operationele efficiëntie te verbeteren. Mijn werk omvat het integreren van API's om naadloze werkstromen te creëren, het automatiseren van terugkerende taken en het ondersteunen van digitale transformatie-initiatieven. Naast mijn verantwoordelijkheden op het gebied van automatisering beheer ik onze Microsoft 365-omgeving, ondersteun ik derde-lijnsaanvragen, ontwikkel ik Power Apps, houd ik toezicht op onze Nexthink-omgeving, beheer ik TOPdesk en draag ik bij aan diverse IT-projecten waar nodig.",
         },
         {
           title: 'Office 365 Professional',
           company: 'COFRA Holding C.V.',
           location: 'Amsterdam',
           period: '08-2020 - 01-2025',
-          description: 'Als de Microsoft 365-expert binnen COFRA Holding zorg ik ervoor dat de omgeving wordt beheerd, nieuwe functies worden gecommuniceerd en collega\'s worden ondersteund bij derde-lijnsaanvragen. Nieuwe aanvragen variëren van nieuwe Power Automate-stromen tot Power Apps. Daarnaast richt ik mij op de opzet en het beheer van onze Nexthink-omgeving, beheer ik TOPdesk en ondersteun ik andere projecten waar nodig. De laatste tijd concentreer ik mij op het benutten van Power Automate om de automatisering op verschillende gebieden te verbeteren.',
+          description:
+            "Als de Microsoft 365-expert binnen COFRA Holding zorg ik ervoor dat de omgeving wordt beheerd, nieuwe functies worden gecommuniceerd en collega's worden ondersteund bij derde-lijnsaanvragen. Nieuwe aanvragen variëren van nieuwe Power Automate-stromen tot Power Apps. Daarnaast richt ik mij op de opzet en het beheer van onze Nexthink-omgeving, beheer ik TOPdesk en ondersteun ik andere projecten waar nodig. De laatste tijd concentreer ik mij op het benutten van Power Automate om de automatisering op verschillende gebieden te verbeteren.",
         },
         {
           title: 'Cloudsystemen- en applicatie-ingenieur',
           company: 'Hyva',
           location: 'Alphen aan den Rijn',
           period: '09-2018 - 04-2020',
-          description: 'Beheerde de wereldwijde IT-infrastructuur in 35 landen en stimuleerde de implementatie en integratie van Office 365 en SharePoint Online om de samenwerking te verbeteren. Leidde naadloze migraties van diverse mailsystemen naar Office 365, waardoor de communicatie-efficiëntie en betrouwbaarheid werden verbeterd. Stuurde de consolidatie van wereldwijde IT-operaties door vervanging van twee datacenters, het opzetten en optimaliseren van Azure-omgevingen en het effectief beheren van kosten. Implementeerde SCCM om belangrijke processen te automatiseren, wat de efficiëntie van de servicedesk verhoogde. Bood derde-lijnsondersteuning via TOPdesk, loste complexe IT-problemen op en zorgde voor hoge servicekwaliteit.',
+          description:
+            'Beheerde de wereldwijde IT-infrastructuur in 35 landen en stimuleerde de implementatie en integratie van Office 365 en SharePoint Online om de samenwerking te verbeteren. Leidde naadloze migraties van diverse mailsystemen naar Office 365, waardoor de communicatie-efficiëntie en betrouwbaarheid werden verbeterd. Stuurde de consolidatie van wereldwijde IT-operaties door vervanging van twee datacenters, het opzetten en optimaliseren van Azure-omgevingen en het effectief beheren van kosten. Implementeerde SCCM om belangrijke processen te automatiseren, wat de efficiëntie van de servicedesk verhoogde. Bood derde-lijnsondersteuning via TOPdesk, loste complexe IT-problemen op en zorgde voor hoge servicekwaliteit.',
         },
         {
           title: 'IT-consultant',
           company: 'Bergsma.IT',
           location: 'Zoetermeer',
           period: '01-2018 - 07-2019',
-          description: 'Richtte het bedrijf op om kleine bedrijven te helpen hun IT-infrastructuur te moderniseren via cloudoplossingen, met de focus op Microsoft-technologieën om efficiëntie, schaalbaarheid en samenwerking te verbeteren. Voerde met succes e-mail- en bestandserversmigraties uit naar Microsoft-cloudplatforms, bood doorlopende technische ondersteuning en ontwierp op maat gemaakte WordPress-websites. Stroomlijnde werkstromen met Microsoft 365 en leverde aangepaste IT-oplossingen die aansloten op de bedrijfsdoelen van de klanten.',
+          description:
+            'Richtte het bedrijf op om kleine bedrijven te helpen hun IT-infrastructuur te moderniseren via cloudoplossingen, met de focus op Microsoft-technologieën om efficiëntie, schaalbaarheid en samenwerking te verbeteren. Voerde met succes e-mail- en bestandserversmigraties uit naar Microsoft-cloudplatforms, bood doorlopende technische ondersteuning en ontwierp op maat gemaakte WordPress-websites. Stroomlijnde werkstromen met Microsoft 365 en leverde aangepaste IT-oplossingen die aansloten op de bedrijfsdoelen van de klanten.',
         },
         {
           title: 'Technisch applicatie-ingenieur SharePoint',
           company: 'Allseas',
           location: 'Delft',
           period: '04-2018 - 09-2018',
-          description: 'Beheerde en optimaliseerde SharePoint 2013- en SharePoint Online-omgevingen om samenwerking en productiviteit te ondersteunen. Creëerde en paste SharePoint-sites aan, implementeerde workflows en bood deskundige ondersteuning voor Cadac Organice. Werkte nauw samen met belanghebbenden om op maat gemaakte oplossingen te leveren, waarmee veilige, actuele en hoogpresterende SharePoint-systemen werden gegarandeerd.',
+          description:
+            'Beheerde en optimaliseerde SharePoint 2013- en SharePoint Online-omgevingen om samenwerking en productiviteit te ondersteunen. Creëerde en paste SharePoint-sites aan, implementeerde workflows en bood deskundige ondersteuning voor Cadac Organice. Werkte nauw samen met belanghebbenden om op maat gemaakte oplossingen te leveren, waarmee veilige, actuele en hoogpresterende SharePoint-systemen werden gegarandeerd.',
         },
         {
           title: 'IT-systeembeheerder',
           company: 'OZ Export',
           location: 'De Kwakel',
           period: '10-2015 - 12-2017',
-          description: 'Beheerde en onderhield de IT-infrastructuur van de organisatie om de betrouwbaarheid van systemen en naadloze operaties te waarborgen. Toezicht gehouden op servers, client-pc\'s, draagbare scanners en printers, waarbij de prestaties werden geoptimaliseerd en de uitvaltijd werd geminimaliseerd. Configureerde VoIP-systemen, beheerde netwerk switches en administreerde Citrix-omgevingen voor veilige externe toegang. Installeerde en ondersteunde on-premise SharePoint-omgevingen om samenwerking te bevorderen. Ontwierp en onderhield het bewakingssysteem en de helpdesk van de organisatie, waardoor IT-ondersteuning werd gestroomlijnd en de beveiliging werd versterkt. Bood praktische probleemoplossing voor hardware-, software- en netwerkproblemen om de dagelijkse operaties te ondersteunen.',
-        }
+          description:
+            "Beheerde en onderhield de IT-infrastructuur van de organisatie om de betrouwbaarheid van systemen en naadloze operaties te waarborgen. Toezicht gehouden op servers, client-pc's, draagbare scanners en printers, waarbij de prestaties werden geoptimaliseerd en de uitvaltijd werd geminimaliseerd. Configureerde VoIP-systemen, beheerde netwerk switches en administreerde Citrix-omgevingen voor veilige externe toegang. Installeerde en ondersteunde on-premise SharePoint-omgevingen om samenwerking te bevorderen. Ontwierp en onderhield het bewakingssysteem en de helpdesk van de organisatie, waardoor IT-ondersteuning werd gestroomlijnd en de beveiliging werd versterkt. Bood praktische probleemoplossing voor hardware-, software- en netwerkproblemen om de dagelijkse operaties te ondersteunen.",
+        },
       ],
     },
     education: {
@@ -728,7 +805,8 @@ export const translations: Record<string, Translation> = {
         {
           name: 'Stakeholder Management',
           issueDate: 'Datum van afgifte: 03-2025',
-          description: 'Het behalen van de Stakeholder Management-certificering toont expertise aan in het navigeren van complexe politieke dynamiek rondom projecten en het effectief managen van diverse belanghebbenden. Deze certificering valideert vaardigheden in het analyseren van machtsverhoudingen, effectief onderhandelen en het ontwikkelen van strategische benaderingen om weerstand om te zetten in productieve samenwerking voor betere projectresultaten.',
+          description:
+            'Het behalen van de Stakeholder Management-certificering toont expertise aan in het navigeren van complexe politieke dynamiek rondom projecten en het effectief managen van diverse belanghebbenden. Deze certificering valideert vaardigheden in het analyseren van machtsverhoudingen, effectief onderhandelen en het ontwikkelen van strategische benaderingen om weerstand om te zetten in productieve samenwerking voor betere projectresultaten.',
           linkUrl: 'https://www.sn.nl/opleidingen/trainingen/projectmanagement-het-managen-van-stakeholders/',
           image: {
             src: '/images/certificates/SN_Logo2.webp',
@@ -739,7 +817,8 @@ export const translations: Record<string, Translation> = {
         {
           name: 'Certified Nexthink Professional',
           issueDate: 'Datum van afgifte: 01-2025',
-          description: 'Het behalen van de Nexthink Certified Application Experience Management-certificering bevestigt de expertise in het optimaliseren van applicatieprestaties, het zorgen voor een naadloze gebruikersacceptatie en het bevorderen van kostenefficiëntie. Deze certificering toont geavanceerde kennis aan in het meten en verbeteren van de digitale werknemerservaring in bedrijfsomgevingen.',
+          description:
+            'Het behalen van de Nexthink Certified Application Experience Management-certificering bevestigt de expertise in het optimaliseren van applicatieprestaties, het zorgen voor een naadloze gebruikersacceptatie en het bevorderen van kostenefficiëntie. Deze certificering toont geavanceerde kennis aan in het meten en verbeteren van de digitale werknemerservaring in bedrijfsomgevingen.',
           linkUrl: 'https://certified.nexthink.com/babd1e3a-c593-4a81-90a2-6a002f43e692#acc.fUOog9dj',
           image: {
             src: '/images/certificates/CertifiedNexthinkProfessionalinApplicationExperienceManagement.webp',
@@ -750,7 +829,8 @@ export const translations: Record<string, Translation> = {
         {
           name: 'Certified Nexthink Administrator',
           issueDate: 'Datum van afgifte: 11-2024',
-          description: 'Het behalen van de Nexthink Platform Administration-certificering toont aan dat men bekwaam is in het configureren en aanpassen van het Nexthink-platform om aan de behoeften van de organisatie te voldoen. Deze certificering valideert vaardigheden in het implementeren, beheren en onderhouden van Nexthink-omgevingen ter ondersteuning van IT-operaties en het verbeteren van de eindgebruikerservaring.',
+          description:
+            'Het behalen van de Nexthink Platform Administration-certificering toont aan dat men bekwaam is in het configureren en aanpassen van het Nexthink-platform om aan de behoeften van de organisatie te voldoen. Deze certificering valideert vaardigheden in het implementeren, beheren en onderhouden van Nexthink-omgevingen ter ondersteuning van IT-operaties en het verbeteren van de eindgebruikerservaring.',
           linkUrl: 'https://certified.nexthink.com/8bfc61f2-31b8-45d8-82e7-e4a1df2b915d#acc.7eo6pFxb',
           image: {
             src: '/images/certificates/NexthinkAdministrator.webp',
@@ -761,7 +841,8 @@ export const translations: Record<string, Translation> = {
         {
           name: 'Certified Nexthink Associate',
           issueDate: 'Datum van afgifte: 11-2024',
-          description: 'Het behalen van de Nexthink Infinity Fundamentals-certificering bevestigt uw begrip van het Nexthink Infinity-platform en de rol ervan bij het verbeteren van de digitale werknemerservaring. Deze certificering bevestigt kennis van belangrijke platformcomponenten, gegevensverzamelingsmethoden en analysemogelijkheden voor het monitoren en verbeteren van technologische werkomgevingen.',
+          description:
+            'Het behalen van de Nexthink Infinity Fundamentals-certificering bevestigt uw begrip van het Nexthink Infinity-platform en de rol ervan bij het verbeteren van de digitale werknemerservaring. Deze certificering bevestigt kennis van belangrijke platformcomponenten, gegevensverzamelingsmethoden en analysemogelijkheden voor het monitoren en verbeteren van technologische werkomgevingen.',
           linkUrl: 'https://certified.nexthink.com/cf5e9e43-9d95-4dc6-bb95-0f7e0bada9b3#acc.YWDnxiaU',
           image: {
             src: '/images/certificates/NexthinkAssociate.webp',
@@ -772,7 +853,8 @@ export const translations: Record<string, Translation> = {
         {
           name: 'Crucial Conversations',
           issueDate: 'Datum van afgifte: 03-2024',
-          description: 'Het behalen van de Crucial Conversations-certificering toont vaardigheid aan in effectieve dialoogtechnieken voor situaties met hoge inzet waar meningen verschillen en emoties hoog oplopen, waardoor meningsverschillen kunnen worden omgezet in productieve gesprekken die betere resultaten opleveren.',
+          description:
+            'Het behalen van de Crucial Conversations-certificering toont vaardigheid aan in effectieve dialoogtechnieken voor situaties met hoge inzet waar meningen verschillen en emoties hoog oplopen, waardoor meningsverschillen kunnen worden omgezet in productieve gesprekken die betere resultaten opleveren.',
           linkUrl: 'https://cruciallearning.com/courses/crucial-conversations-for-dialogue/',
           image: {
             src: '/images/certificates/CrucialConversations_FMD-logo.webp',
@@ -783,7 +865,8 @@ export const translations: Record<string, Translation> = {
         {
           name: 'Python Programmer (PCEP)',
           issueDate: 'Datum van afgifte: 11-2023',
-          description: 'Het behalen van de PCEP™-certificering toont aan dat men bedreven is in de fundamentele concepten van Python-programmering, waaronder datatypes, controleflow, gegevensverzamelingen, functies en foutafhandeling.',
+          description:
+            'Het behalen van de PCEP™-certificering toont aan dat men bedreven is in de fundamentele concepten van Python-programmering, waaronder datatypes, controleflow, gegevensverzamelingen, functies en foutafhandeling.',
           linkUrl: 'https://pythoninstitute.org/pcep',
           image: {
             src: '/images/certificates/PCEP.webp',
@@ -794,8 +877,10 @@ export const translations: Record<string, Translation> = {
         {
           name: 'Desktop Administrator Associate',
           issueDate: 'Datum van afgifte: 06-2023',
-          description: 'Het behalen van de Modern Desktop Administrator Associate-certificering toont aan dat men bedreven is in het implementeren, configureren, beveiligen, beheren en monitoren van apparaten en clientapplicaties binnen een bedrijfsomgeving.',
-          linkUrl: 'https://learn.microsoft.com/en-us/credentials/certifications/modern-desktop/?practice-assessment-type=certification',
+          description:
+            'Het behalen van de Modern Desktop Administrator Associate-certificering toont aan dat men bedreven is in het implementeren, configureren, beveiligen, beheren en monitoren van apparaten en clientapplicaties binnen een bedrijfsomgeving.',
+          linkUrl:
+            'https://learn.microsoft.com/en-us/credentials/certifications/modern-desktop/?practice-assessment-type=certification',
           image: {
             src: '/images/certificates/microsoft-certified-associate-badge.webp',
             alt: 'Microsoft Certified Associate badge',
@@ -805,8 +890,10 @@ export const translations: Record<string, Translation> = {
         {
           name: 'Microsoft 365 Fundamentals',
           issueDate: 'Datum van afgifte: 05-2023',
-          description: 'Het behalen van de Microsoft 365 Certified: Fundamentals-certificering toont fundamentele kennis van cloudgebaseerde oplossingen, waaronder productiviteit, samenwerking, beveiliging, compliance en Microsoft 365-diensten.',
-          linkUrl: 'https://learn.microsoft.com/en-us/credentials/certifications/microsoft-365-fundamentals/?practice-assessment-type=certification',
+          description:
+            'Het behalen van de Microsoft 365 Certified: Fundamentals-certificering toont fundamentele kennis van cloudgebaseerde oplossingen, waaronder productiviteit, samenwerking, beveiliging, compliance en Microsoft 365-diensten.',
+          linkUrl:
+            'https://learn.microsoft.com/en-us/credentials/certifications/microsoft-365-fundamentals/?practice-assessment-type=certification',
           image: {
             src: '/images/certificates/microsoft-certified-fundamentals-badge.webp',
             alt: 'Microsoft 365 Fundamentals badge',
@@ -816,8 +903,10 @@ export const translations: Record<string, Translation> = {
         {
           name: 'Teams Administrator Associate',
           issueDate: 'Datum van afgifte: 06-2021',
-          description: 'Het behalen van de Teams Administrator Associate-certificering toont aan dat u in staat bent om Microsoft Teams te plannen, implementeren, configureren en beheren om efficiënte samenwerking en communicatie binnen een Microsoft 365-omgeving te faciliteren.',
-          linkUrl: 'https://learn.microsoft.com/en-us/credentials/certifications/m365-teams-administrator-associate/?practice-assessment-type=certification',
+          description:
+            'Het behalen van de Teams Administrator Associate-certificering toont aan dat u in staat bent om Microsoft Teams te plannen, implementeren, configureren en beheren om efficiënte samenwerking en communicatie binnen een Microsoft 365-omgeving te faciliteren.',
+          linkUrl:
+            'https://learn.microsoft.com/en-us/credentials/certifications/m365-teams-administrator-associate/?practice-assessment-type=certification',
           image: {
             src: '/images/certificates/microsoft-certified-associate-badge.webp',
             alt: 'Microsoft Certified Associate badge',
@@ -827,8 +916,10 @@ export const translations: Record<string, Translation> = {
         {
           name: 'Azure Fundamentals',
           issueDate: 'Datum van afgifte: 01-2020',
-          description: 'Het behalen van de Microsoft Certified: Azure Fundamentals-certificering toont fundamentele kennis van cloudconcepten, kern-Azure-diensten en Azure-beheer- en governancefuncties en -hulpmiddelen.',
-          linkUrl: 'https://learn.microsoft.com/en-us/credentials/certifications/azure-fundamentals/?practice-assessment-type=certification',
+          description:
+            'Het behalen van de Microsoft Certified: Azure Fundamentals-certificering toont fundamentele kennis van cloudconcepten, kern-Azure-diensten en Azure-beheer- en governancefuncties en -hulpmiddelen.',
+          linkUrl:
+            'https://learn.microsoft.com/en-us/credentials/certifications/azure-fundamentals/?practice-assessment-type=certification',
           image: {
             src: '/images/certificates/microsoft-certified-fundamentals-badge.webp',
             alt: 'Azure Fundamentals badge',
@@ -839,61 +930,75 @@ export const translations: Record<string, Translation> = {
     },
     skills: {
       title: 'Vaardigheden',
-      subtitle: 'Ontdek de vaardigheden die mij in staat stellen om verbeelding tot leven te brengen door middel van ontwerp.',
+      subtitle:
+        'Ontdek de vaardigheden die mij in staat stellen om verbeelding tot leven te brengen door middel van ontwerp.',
       items: [
         {
           title: 'Power Automate',
-          description: 'Expertise in het ontwerpen en implementeren van geavanceerde automatiseringsworkflows met Microsoft Power Automate om bedrijfsprocessen te stroomlijnen, handmatige inspanning te verminderen en operationele efficiëntie te verbeteren.',
+          description:
+            'Expertise in het ontwerpen en implementeren van geavanceerde automatiseringsworkflows met Microsoft Power Automate om bedrijfsprocessen te stroomlijnen, handmatige inspanning te verminderen en operationele efficiëntie te verbeteren.',
         },
         {
           title: 'Copilot Studio',
-          description: 'Vaardigheid in het ontwikkelen van intelligente chatbots binnen Copilot Studio, waardoor verbeterde gebruikersinteracties en ondersteuning mogelijk worden gemaakt via natuurlijke taalverwerking en geautomatiseerde antwoorden.',
+          description:
+            'Vaardigheid in het ontwikkelen van intelligente chatbots binnen Copilot Studio, waardoor verbeterde gebruikersinteracties en ondersteuning mogelijk worden gemaakt via natuurlijke taalverwerking en geautomatiseerde antwoorden.',
         },
         {
           title: 'API-integraties',
-          description: 'Bekwaam in het creëren van aangepaste connectoren en het integreren van verschillende applicaties en diensten via API\'s om naadloze gegevensuitwisseling en procesautomatisering tussen platforms mogelijk te maken.',
+          description:
+            "Bekwaam in het creëren van aangepaste connectoren en het integreren van verschillende applicaties en diensten via API's om naadloze gegevensuitwisseling en procesautomatisering tussen platforms mogelijk te maken.",
         },
         {
           title: 'Microsoft 365-beheer',
-          description: 'Uitgebreide ervaring in het beheren van Microsoft 365-omgevingen, inclusief gebruikersbeheer, beveiligingsconfiguraties en service-optimalisatie om wereldwijde samenwerking en productiviteit te ondersteunen.',
+          description:
+            'Uitgebreide ervaring in het beheren van Microsoft 365-omgevingen, inclusief gebruikersbeheer, beveiligingsconfiguraties en service-optimalisatie om wereldwijde samenwerking en productiviteit te ondersteunen.',
         },
         {
           title: 'SharePoint Online & On-Premise',
-          description: 'Bedreven in het opzetten, beheren en optimaliseren van zowel SharePoint Online als on-premise implementaties, waarbij effectief documentbeheer, samenwerking en informatie-uitwisseling binnen organisaties wordt gewaarborgd.',
+          description:
+            'Bedreven in het opzetten, beheren en optimaliseren van zowel SharePoint Online als on-premise implementaties, waarbij effectief documentbeheer, samenwerking en informatie-uitwisseling binnen organisaties wordt gewaarborgd.',
         },
         {
           title: 'Nexthink-beheer',
-          description: 'Bekwaam in het beheren van het Nexthink-platform, gebruikmakend van de mogelijkheden voor IT-infrastructuurmonitoring, het uitvoeren van externe acties en het ontwikkelen van workflows om IT-serviceverlening en gebruikerservaring te verbeteren.',
+          description:
+            'Bekwaam in het beheren van het Nexthink-platform, gebruikmakend van de mogelijkheden voor IT-infrastructuurmonitoring, het uitvoeren van externe acties en het ontwikkelen van workflows om IT-serviceverlening en gebruikerservaring te verbeteren.',
         },
         {
           title: 'Microsoft Power Apps',
-          description: 'Bekwaam in het gebruik van Microsoft Power Apps voor het ontwerpen en ontwikkelen van aangepaste bedrijfsapplicaties met minimale codering. Ervaren in het maken van zowel canvas- als modelgestuurde apps die verbinding maken met verschillende gegevensbronnen.',
+          description:
+            'Bekwaam in het gebruik van Microsoft Power Apps voor het ontwerpen en ontwikkelen van aangepaste bedrijfsapplicaties met minimale codering. Ervaren in het maken van zowel canvas- als modelgestuurde apps die verbinding maken met verschillende gegevensbronnen.',
         },
         {
           title: 'IT-infrastructuurbeheer',
-          description: 'Uitgebreide ervaring in het toezicht houden op wereldwijde IT-infrastructuren, het beheren van servers, netwerken en eindgebruikersapparaten in meerdere landen om betrouwbare en efficiënte IT-operaties te waarborgen.',
+          description:
+            'Uitgebreide ervaring in het toezicht houden op wereldwijde IT-infrastructuren, het beheren van servers, netwerken en eindgebruikersapparaten in meerdere landen om betrouwbare en efficiënte IT-operaties te waarborgen.',
         },
         {
           title: 'ITSM (TOPDesk)',
-          description: 'Ervaren in het beheren van ITSM-processen met TOPdesk. Bekwaam in kernfunctionaliteiten zoals Incident Management en Asset Management, waarbij API-gebruik wordt benut voor naadloze integraties met andere systemen.',
+          description:
+            'Ervaren in het beheren van ITSM-processen met TOPdesk. Bekwaam in kernfunctionaliteiten zoals Incident Management en Asset Management, waarbij API-gebruik wordt benut voor naadloze integraties met andere systemen.',
         },
         {
           title: 'PowerShell',
-          description: 'Bekwaam in het gebruik van PowerShell voor automatisering, systeembeheer en configuratiebeheer in Microsoft-omgevingen. Ervaren in het maken van robuuste scripts voor taakautomatisering, systeemmonitoring en integratie met verschillende Microsoft-diensten.',
+          description:
+            'Bekwaam in het gebruik van PowerShell voor automatisering, systeembeheer en configuratiebeheer in Microsoft-omgevingen. Ervaren in het maken van robuuste scripts voor taakautomatisering, systeemmonitoring en integratie met verschillende Microsoft-diensten.',
         },
         {
           title: 'Intune Apparaatbeheer',
-          description: 'Bekwaam in het implementeren, configureren en beheren van Windows 10/11-apparaten via Microsoft Intune. Ervaren in het maken en implementeren van apparaatbeleid, applicatie-implementatie en beveiligingsconfiguraties voor bedrijfsomgevingen.',
+          description:
+            'Bekwaam in het implementeren, configureren en beheren van Windows 10/11-apparaten via Microsoft Intune. Ervaren in het maken en implementeren van apparaatbeleid, applicatie-implementatie en beveiligingsconfiguraties voor bedrijfsomgevingen.',
         },
         {
           title: '3e Lijns IT-ondersteuning',
-          description: 'Ervaren in het bieden van geavanceerde technische ondersteuning voor complexe IT-problemen die diepgaande kennis en gespecialiseerde expertise vereisen. Bekwaam in het oplossen, diagnosticeren en verhelpen van kritieke systeemproblemen op verschillende platforms en applicaties.',
+          description:
+            'Ervaren in het bieden van geavanceerde technische ondersteuning voor complexe IT-problemen die diepgaande kennis en gespecialiseerde expertise vereisen. Bekwaam in het oplossen, diagnosticeren en verhelpen van kritieke systeemproblemen op verschillende platforms en applicaties.',
         },
       ],
     },
     blog: {
       title: 'Ontdek mijn inzichtelijke artikelen op mijn blog',
-      information: 'Welkom op mijn blog, waar ik inzichten, tips en oplossingen deel over Microsoft 365, Nexthink, Power Automate, PowerShell en andere automatiseringstools. Of je nu werkstromen wilt stroomlijnen, productiviteit wilt verhogen of wilt duiken in technische probleemoplossing, je vindt hier praktische content om je reis te ondersteunen.',
+      information:
+        'Welkom op mijn blog, waar ik inzichten, tips en oplossingen deel over Microsoft 365, Nexthink, Power Automate, PowerShell en andere automatiseringstools. Of je nu werkstromen wilt stroomlijnen, productiviteit wilt verhogen of wilt duiken in technische probleemoplossing, je vindt hier praktische content om je reis te ondersteunen.',
     },
   },
   de: {
@@ -902,7 +1007,8 @@ export const translations: Record<string, Translation> = {
       aboutUs: 'Über mich',
     },
     cookies: {
-      message: 'Diese Website verwendet Cookies, um Ihre Spracheinstellung zu speichern und Ihre Cookie-Zustimmung zu merken. Es werden keine persönlichen Daten gesammelt.',
+      message:
+        'Diese Website verwendet Cookies, um Ihre Spracheinstellung zu speichern und Ihre Cookie-Zustimmung zu merken. Es werden keine persönlichen Daten gesammelt.',
       learnMore: 'Erfahren Sie mehr in unserer Datenschutzrichtlinie',
       accept: 'OK',
     },
@@ -924,14 +1030,15 @@ export const translations: Record<string, Translation> = {
     hero: {
       title: 'Erschließen Sie Ihr Geschäftspotenzial mit Expert-IT-Automatisierung',
       greeting: 'Richard Bergsma, IT-Systeme & Automatisierungsspezialist',
-      subtitle: 'Ich liefere Automatisierungslösungen auf Unternehmensniveau mit Power Automate, Copilot Studio und maßgeschneiderter API-Entwicklung. Meine Expertise hilft Unternehmen, Prozesse zu optimieren, Kosten zu senken und die Produktivität durch Microsoft 365, SharePoint und Azure zu steigern.',
+      subtitle:
+        'Ich liefere Automatisierungslösungen auf Unternehmensniveau mit Power Automate, Copilot Studio und maßgeschneiderter API-Entwicklung. Meine Expertise hilft Unternehmen, Prozesse zu optimieren, Kosten zu senken und die Produktivität durch Microsoft 365, SharePoint und Azure zu steigern.',
     },
     about: {
       title: 'Über mich',
       content: [
         'Mit über 15 Jahren IT-Erfahrung bin ich ein leidenschaftlicher IT-System- und Automatisierungsmanager, der sich darauf konzentriert, optimale Lösungen für komplexe Cloud- und On-Premise-Systeme zu liefern. Ich konzentriere mich auf die Förderung der Automatisierung mit Power Automate, die Entwicklung intelligenter Chatbots in Copilot Studio und die Integration von APIs zur Optimierung von Arbeitsabläufen. Außerdem verwalte ich die Microsoft 365-Umgebung, unterstütze 3rd-Line-Anfragen und steigere die Effizienz mit Tools wie Power Apps, Nexthink und TOPdesk.',
         'Zuvor leitete ich Microsoft 365- und SharePoint Online-Implementierungen, migrierte Mailsysteme und verbesserte die Automatisierung mit SCCM. Zusätzlich gründete ich Bergsma IT, half kleinen Unternehmen bei der Migration in die Cloud und verwaltete maßgeschneiderte WordPress-Websites.',
-        'Ich besitze Zertifizierungen in Microsoft Teams Administration, Azure Fundamentals und Nexthink Administration. Meine Mission ist es, IT-Exzellenz durch die Optimierung von Cloud-Lösungen, die Automatisierung von Prozessen und die Bereitstellung hervorragender technischer Unterstützung voranzutreiben.'
+        'Ich besitze Zertifizierungen in Microsoft Teams Administration, Azure Fundamentals und Nexthink Administration. Meine Mission ist es, IT-Exzellenz durch die Optimierung von Cloud-Lösungen, die Automatisierung von Prozessen und die Bereitstellung hervorragender technischer Unterstützung voranzutreiben.',
       ],
     },
     homepage: {
@@ -942,36 +1049,43 @@ export const translations: Record<string, Translation> = {
       services: {
         tagline: 'Automatisierungs- & Integrations-Experten',
         title: 'Fördern Sie Unternehmenswachstum mit strategischer IT-Automatisierung',
-        subtitle: 'Spezialisierte IT-Lösungen zur Optimierung von Abläufen, Verbesserung der Infrastruktur und Lieferung messbarer Ergebnisse.',
+        subtitle:
+          'Spezialisierte IT-Lösungen zur Optimierung von Abläufen, Verbesserung der Infrastruktur und Lieferung messbarer Ergebnisse.',
         items: [
           {
             title: 'Workflow-Automatisierung',
-            description: 'Automatisieren Sie wiederkehrende Aufgaben und optimieren Sie Prozesse mit Power Automate, damit sich Ihr Team auf strategische Initiativen konzentrieren kann und die Gesamteffizienz gesteigert wird.',
+            description:
+              'Automatisieren Sie wiederkehrende Aufgaben und optimieren Sie Prozesse mit Power Automate, damit sich Ihr Team auf strategische Initiativen konzentrieren kann und die Gesamteffizienz gesteigert wird.',
             icon: 'tabler:settings-automation',
           },
           {
             title: 'Intelligente Chatbots',
-            description: 'Verbessern Sie Kundenservice und Mitarbeiterproduktivität mit KI-gestützten Chatbots, die in Copilot Studio erstellt wurden und sofortige Unterstützung sowie personalisierte Erfahrungen bieten.',
+            description:
+              'Verbessern Sie Kundenservice und Mitarbeiterproduktivität mit KI-gestützten Chatbots, die in Copilot Studio erstellt wurden und sofortige Unterstützung sowie personalisierte Erfahrungen bieten.',
             icon: 'tabler:message-chatbot',
           },
           {
             title: 'API-Integrationen',
-            description: 'Verbinden Sie Ihre kritischen Anwendungen und Dienste mit nahtlosen API-Integrationen, die effizienten Datenaustausch und automatisierte Workflows in Ihrem gesamten Ökosystem ermöglichen.',
+            description:
+              'Verbinden Sie Ihre kritischen Anwendungen und Dienste mit nahtlosen API-Integrationen, die effizienten Datenaustausch und automatisierte Workflows in Ihrem gesamten Ökosystem ermöglichen.',
             icon: 'tabler:api',
           },
           {
             title: 'Microsoft 365 Management',
-            description: 'Maximieren Sie den Wert Ihrer Microsoft 365-Investition mit fachkundiger Administration, proaktiver Sicherheit und kontinuierlicher Optimierung für eine sichere und produktive Umgebung.',
+            description:
+              'Maximieren Sie den Wert Ihrer Microsoft 365-Investition mit fachkundiger Administration, proaktiver Sicherheit und kontinuierlicher Optimierung für eine sichere und produktive Umgebung.',
             icon: 'tabler:brand-office',
           },
           {
             title: 'SharePoint-Lösungen',
-            description: 'Transformieren Sie Ihr Dokumentenmanagement und Ihre Zusammenarbeit mit maßgeschneiderten SharePoint-Lösungen, die Workflows optimieren, Informationsaustausch verbessern und Teamproduktivität steigern.',
+            description:
+              'Transformieren Sie Ihr Dokumentenmanagement und Ihre Zusammenarbeit mit maßgeschneiderten SharePoint-Lösungen, die Workflows optimieren, Informationsaustausch verbessern und Teamproduktivität steigern.',
             icon: 'tabler:share',
           },
           {
             title: 'IT-Infrastrukturüberwachung',
-            description: 'Sorgen Sie für zuverlässige und effiziente IT-Abläufe mit proaktivem Infrastrukturmanagement, minimieren Sie Ausfallzeiten und maximieren Sie die Leistung in Ihrer globalen Umgebung.',
+            description:
+              'Sorgen Sie für zuverlässige und effiziente IT-Abläufe mit proaktivem Infrastrukturmanagement, minimieren Sie Ausfallzeiten und maximieren Sie die Leistung in Ihrer globalen Umgebung.',
             icon: 'tabler:server',
           },
         ],
@@ -984,20 +1098,23 @@ export const translations: Record<string, Translation> = {
           'Wir sind bestrebt, IT-Exzellenz durch strategische Cloud-Optimierung, Prozessautomatisierung und technischen Support auf Unternehmensebene voranzutreiben. Wir nutzen modernste Technologie, um komplexe geschäftliche Herausforderungen zu bewältigen und messbaren Mehrwert zu liefern.',
           'Mit tiefgreifender Expertise in Microsoft-Technologien und Automatisierung befähigen wir Organisationen, ihre digitalen Fähigkeiten zu transformieren und ihre Geschäftsziele zu erreichen. Wir entwickeln Lösungen, die die Benutzererfahrung verbessern und die Produktivität maximieren, damit Technologie Ihr Unternehmen stärkt.',
           'Wir bleiben an der Spitze durch Erforschung und Implementierung aufkommender Technologien und bieten skalierbare Lösungen, die sich an Ihre sich entwickelnden Anforderungen anpassen. Wir stimmen technische Lösungen auf Ihre Kerngeschäftsziele ab und liefern messbaren ROI und Wettbewerbsvorteile.',
-          'Unsere Mission ist es, Technologie zu nutzen, um echte geschäftliche Herausforderungen zu lösen und durch Innovation Wert zu schaffen. Mit über 15 Jahren IT-Erfahrung bringen wir einen reichen Schatz an Wissen in Microsoft-Technologien, Automatisierungstools und Systemintegration mit, um Organisationen dabei zu helfen, ihre digitalen Fähigkeiten zu transformieren und ihre strategischen Ziele zu erreichen.'
+          'Unsere Mission ist es, Technologie zu nutzen, um echte geschäftliche Herausforderungen zu lösen und durch Innovation Wert zu schaffen. Mit über 15 Jahren IT-Erfahrung bringen wir einen reichen Schatz an Wissen in Microsoft-Technologien, Automatisierungstools und Systemintegration mit, um Organisationen dabei zu helfen, ihre digitalen Fähigkeiten zu transformieren und ihre strategischen Ziele zu erreichen.',
         ],
         items: [
           {
             title: 'Nutzerzentrierte Lösungen',
-            description: 'Wir entwickeln Lösungen, die die Benutzererfahrung verbessern und die Produktivität maximieren, damit Technologie Ihr Unternehmen stärkt.',
+            description:
+              'Wir entwickeln Lösungen, die die Benutzererfahrung verbessern und die Produktivität maximieren, damit Technologie Ihr Unternehmen stärkt.',
           },
           {
             title: 'Kontinuierliche Innovation',
-            description: 'Wir bleiben an der Spitze durch Erforschung und Implementierung aufkommender Technologien und bieten skalierbare Lösungen, die sich an Ihre sich entwickelnden Anforderungen anpassen.',
+            description:
+              'Wir bleiben an der Spitze durch Erforschung und Implementierung aufkommender Technologien und bieten skalierbare Lösungen, die sich an Ihre sich entwickelnden Anforderungen anpassen.',
           },
           {
             title: 'Strategische Umsetzung',
-            description: 'Wir stimmen technische Lösungen auf Ihre Kerngeschäftsziele ab und liefern messbaren ROI und Wettbewerbsvorteile.',
+            description:
+              'Wir stimmen technische Lösungen auf Ihre Kerngeschäftsziele ab und liefern messbaren ROI und Wettbewerbsvorteile.',
           },
         ],
       },
@@ -1006,17 +1123,20 @@ export const translations: Record<string, Translation> = {
         title: 'Was unsere Kunden sagen',
         items: [
           {
-            testimonial: 'Richards Expertise in Power Automate war entscheidend bei der Automatisierung unserer Rechnungsverarbeitung, wodurch der manuelle Aufwand um 70% reduziert und Dateneingabefehler eliminiert wurden. Der ROI war sofort und signifikant.',
+            testimonial:
+              'Richards Expertise in Power Automate war entscheidend bei der Automatisierung unserer Rechnungsverarbeitung, wodurch der manuelle Aufwand um 70% reduziert und Dateneingabefehler eliminiert wurden. Der ROI war sofort und signifikant.',
             name: 'John Smith',
             description: 'CFO, Acme Corp',
           },
           {
-            testimonial: 'Die von Richard gelieferte SharePoint-Implementierung hat die Fähigkeit unseres Teams zur Zusammenarbeit und zum Informationsaustausch komplett transformiert. Wir haben einen dramatischen Anstieg der Produktivität und eine erhebliche Reduzierung von E-Mail-Überflutung erlebt.',
+            testimonial:
+              'Die von Richard gelieferte SharePoint-Implementierung hat die Fähigkeit unseres Teams zur Zusammenarbeit und zum Informationsaustausch komplett transformiert. Wir haben einen dramatischen Anstieg der Produktivität und eine erhebliche Reduzierung von E-Mail-Überflutung erlebt.',
             name: 'Jane Doe',
             description: 'Projektmanager, Beta Industries',
           },
           {
-            testimonial: 'Richard nahm sich die Zeit, unsere einzigartigen geschäftlichen Herausforderungen wirklich zu verstehen und entwickelte maßgeschneiderte IT-Lösungen, die unsere Bedürfnisse perfekt adressierten. Seine technischen Kenntnisse und Problemlösungsfähigkeiten sind außergewöhnlich.',
+            testimonial:
+              'Richard nahm sich die Zeit, unsere einzigartigen geschäftlichen Herausforderungen wirklich zu verstehen und entwickelte maßgeschneiderte IT-Lösungen, die unsere Bedürfnisse perfekt adressierten. Seine technischen Kenntnisse und Problemlösungsfähigkeiten sind außergewöhnlich.',
             name: 'David Lee',
             description: 'CEO, Gamma Solutions',
           },
@@ -1024,20 +1144,24 @@ export const translations: Record<string, Translation> = {
       },
       callToAction: {
         title: 'Übernehmen Sie die Kontrolle über Ihre IT-Zukunft',
-        subtitle: 'Lassen Sie uns besprechen, wie unsere Lösungen Ihre Prozesse optimieren, die Zusammenarbeit verbessern und die digitale Transformation vorantreiben können.',
+        subtitle:
+          'Lassen Sie uns besprechen, wie unsere Lösungen Ihre Prozesse optimieren, die Zusammenarbeit verbessern und die digitale Transformation vorantreiben können.',
         button: 'Planen Sie jetzt Ihre Beratung',
       },
       contact: {
         title: 'Kontaktieren Sie unser Team',
-        subtitle: 'Besprechen Sie Ihre Unternehmensanforderungen oder erkundigen Sie sich nach unseren professionellen Dienstleistungen. Unsere Berater stehen bereit, um fachkundige Beratung zu bieten, die auf Ihre geschäftlichen Bedürfnisse zugeschnitten ist.',
+        subtitle:
+          'Besprechen Sie Ihre Unternehmensanforderungen oder erkundigen Sie sich nach unseren professionellen Dienstleistungen. Unsere Berater stehen bereit, um fachkundige Beratung zu bieten, die auf Ihre geschäftlichen Bedürfnisse zugeschnitten ist.',
         nameLabel: 'Name',
         namePlaceholder: 'Ihr Name',
         emailLabel: 'E-Mail',
         emailPlaceholder: 'Ihre E-Mail-Adresse',
         messageLabel: 'Nachricht',
         messagePlaceholder: 'Ihre Nachricht',
-        disclaimer: 'Durch das Absenden dieses Formulars stimmen Sie unserer Datenschutzrichtlinie zu und erlauben uns, Ihre Informationen zu verwenden, um Sie über unsere Dienstleistungen zu kontaktieren.',
-        description: 'Alle Anfragen erhalten eine schnelle professionelle Antwort. Für weitere Informationen über unsere Unternehmenslösungen können Sie sich mit unserem Team auf LinkedIn verbinden oder unsere technischen Ressourcen auf GitHub erkunden.',
+        disclaimer:
+          'Durch das Absenden dieses Formulars stimmen Sie unserer Datenschutzrichtlinie zu und erlauben uns, Ihre Informationen zu verwenden, um Sie über unsere Dienstleistungen zu kontaktieren.',
+        description:
+          'Alle Anfragen erhalten eine schnelle professionelle Antwort. Für weitere Informationen über unsere Unternehmenslösungen können Sie sich mit unserem Team auf LinkedIn verbinden oder unsere technischen Ressourcen auf GitHub erkunden.',
       },
     },
     resume: {
@@ -1048,43 +1172,49 @@ export const translations: Record<string, Translation> = {
           company: 'COFRA Holding C.V.',
           location: 'Amsterdam',
           period: '02-2025 - Heute',
-          description: 'Als IT-System- und Automatisierungsmanager bei COFRA Holding konzentriere ich mich auf die Förderung der Automatisierung durch Power Automate und die Entwicklung fortgeschrittener Chatbots in Copilot Studio, um Prozesse zu optimieren und die betriebliche Effizienz zu steigern. Meine Arbeit umfasst die Integration von APIs zur Erstellung nahtloser Arbeitsabläufe, die Automatisierung wiederkehrender Aufgaben und die Unterstützung digitaler Transformationsinitiativen. Neben meinen Automatisierungsaufgaben verwalte ich weiterhin unsere Microsoft 365-Umgebung, unterstütze 3rd-Line-Anfragen, entwickle Power Apps, überwache unsere Nexthink-Umgebung, verwalte TOPdesk und trage bei Bedarf zu verschiedenen IT-Projekten bei.',
+          description:
+            'Als IT-System- und Automatisierungsmanager bei COFRA Holding konzentriere ich mich auf die Förderung der Automatisierung durch Power Automate und die Entwicklung fortgeschrittener Chatbots in Copilot Studio, um Prozesse zu optimieren und die betriebliche Effizienz zu steigern. Meine Arbeit umfasst die Integration von APIs zur Erstellung nahtloser Arbeitsabläufe, die Automatisierung wiederkehrender Aufgaben und die Unterstützung digitaler Transformationsinitiativen. Neben meinen Automatisierungsaufgaben verwalte ich weiterhin unsere Microsoft 365-Umgebung, unterstütze 3rd-Line-Anfragen, entwickle Power Apps, überwache unsere Nexthink-Umgebung, verwalte TOPdesk und trage bei Bedarf zu verschiedenen IT-Projekten bei.',
         },
         {
           title: 'Office 365 Professional',
           company: 'COFRA Holding C.V.',
           location: 'Amsterdam',
           period: '08-2020 - 01-2025',
-          description: 'Als Microsoft 365-Experte bei COFRA Holding stelle ich sicher, dass die Umgebung verwaltet, neue Funktionen kommuniziert und Kollegen bei 3rd-Line-Anfragen unterstützt werden. Neue Anfragen reichen von neuen Power Automate-Flows bis hin zu Power Apps. Zusätzlich konzentriere ich mich auf die Einrichtung und Verwaltung unserer Nexthink-Umgebung, verwalte TOPdesk und unterstütze andere Projekte nach Bedarf. In letzter Zeit konzentriere ich mich darauf, Power Automate zu nutzen, um die Automatisierung in verschiedenen Bereichen zu verbessern.',
+          description:
+            'Als Microsoft 365-Experte bei COFRA Holding stelle ich sicher, dass die Umgebung verwaltet, neue Funktionen kommuniziert und Kollegen bei 3rd-Line-Anfragen unterstützt werden. Neue Anfragen reichen von neuen Power Automate-Flows bis hin zu Power Apps. Zusätzlich konzentriere ich mich auf die Einrichtung und Verwaltung unserer Nexthink-Umgebung, verwalte TOPdesk und unterstütze andere Projekte nach Bedarf. In letzter Zeit konzentriere ich mich darauf, Power Automate zu nutzen, um die Automatisierung in verschiedenen Bereichen zu verbessern.',
         },
         {
           title: 'Cloud-System- und Anwendungsingenieur',
           company: 'Hyva',
           location: 'Alphen aan den Rijn',
           period: '09-2018 - 04-2020',
-          description: 'Verwaltete die globale IT-Infrastruktur in 35 Ländern und trieb die Implementierung und Integration von Office 365 und SharePoint Online voran, um die Zusammenarbeit zu verbessern. Leitete nahtlose Migrationen von verschiedenen Mailsystemen zu Office 365, verbesserte die Kommunikationseffizienz und Zuverlässigkeit. Führte die Konsolidierung globaler IT-Operationen durch den Ersatz von zwei Rechenzentren, die Einrichtung und Optimierung von Azure-Umgebungen und effektives Kostenmanagement. Implementierte SCCM zur Automatisierung wichtiger Prozesse, steigerte die Servicedesk-Effizienz. Bot Third-Line-Support über TOPdesk, löste komplexe IT-Probleme und gewährleistete hohe Servicequalität.',
+          description:
+            'Verwaltete die globale IT-Infrastruktur in 35 Ländern und trieb die Implementierung und Integration von Office 365 und SharePoint Online voran, um die Zusammenarbeit zu verbessern. Leitete nahtlose Migrationen von verschiedenen Mailsystemen zu Office 365, verbesserte die Kommunikationseffizienz und Zuverlässigkeit. Führte die Konsolidierung globaler IT-Operationen durch den Ersatz von zwei Rechenzentren, die Einrichtung und Optimierung von Azure-Umgebungen und effektives Kostenmanagement. Implementierte SCCM zur Automatisierung wichtiger Prozesse, steigerte die Servicedesk-Effizienz. Bot Third-Line-Support über TOPdesk, löste komplexe IT-Probleme und gewährleistete hohe Servicequalität.',
         },
         {
           title: 'IT-Berater',
           company: 'Bergsma.IT',
           location: 'Zoetermeer',
           period: '01-2018 - 07-2019',
-          description: 'Gründete das Unternehmen, um kleinen Unternehmen bei der Modernisierung ihrer IT-Infrastruktur durch Cloud-basierte Lösungen zu helfen, mit Fokus auf Microsoft-Technologien zur Verbesserung von Effizienz, Skalierbarkeit und Zusammenarbeit. Führte erfolgreich E-Mail- und Dateiservermigrationen zu Microsoft-Cloud-Plattformen durch, bot laufende technische Unterstützung und entwickelte maßgeschneiderte WordPress-Websites. Optimierte Arbeitsabläufe mit Microsoft 365 und lieferte maßgeschneiderte IT-Lösungen, die auf die Geschäftsziele der Kunden abgestimmt waren.',
+          description:
+            'Gründete das Unternehmen, um kleinen Unternehmen bei der Modernisierung ihrer IT-Infrastruktur durch Cloud-basierte Lösungen zu helfen, mit Fokus auf Microsoft-Technologien zur Verbesserung von Effizienz, Skalierbarkeit und Zusammenarbeit. Führte erfolgreich E-Mail- und Dateiservermigrationen zu Microsoft-Cloud-Plattformen durch, bot laufende technische Unterstützung und entwickelte maßgeschneiderte WordPress-Websites. Optimierte Arbeitsabläufe mit Microsoft 365 und lieferte maßgeschneiderte IT-Lösungen, die auf die Geschäftsziele der Kunden abgestimmt waren.',
         },
         {
           title: 'Technischer Anwendungsingenieur SharePoint',
           company: 'Allseas',
           location: 'Delft',
           period: '04-2018 - 09-2018',
-          description: 'Verwaltete und optimierte SharePoint 2013- und SharePoint Online-Umgebungen zur Unterstützung von Zusammenarbeit und Produktivität. Erstellte und passte SharePoint-Sites an, implementierte Workflows und bot Expertenunterstützung für Cadac Organice. Arbeitete eng mit Stakeholdern zusammen, um maßgeschneiderte Lösungen zu liefern und sichere, aktuelle und leistungsstarke SharePoint-Systeme zu gewährleisten.',
+          description:
+            'Verwaltete und optimierte SharePoint 2013- und SharePoint Online-Umgebungen zur Unterstützung von Zusammenarbeit und Produktivität. Erstellte und passte SharePoint-Sites an, implementierte Workflows und bot Expertenunterstützung für Cadac Organice. Arbeitete eng mit Stakeholdern zusammen, um maßgeschneiderte Lösungen zu liefern und sichere, aktuelle und leistungsstarke SharePoint-Systeme zu gewährleisten.',
         },
         {
           title: 'IT-Systemadministrator',
           company: 'OZ Export',
           location: 'De Kwakel',
           period: '10-2015 - 12-2017',
-          description: 'Verwaltete und wartete die IT-Infrastruktur der Organisation, um die Systemzuverlässigkeit und nahtlose Abläufe zu gewährleisten. Überwachte Server, Client-PCs, tragbare Scanner und Drucker, optimierte die Leistung und minimierte Ausfallzeiten. Konfigurierte VoIP-Systeme, verwaltete Netzwerk-Switches und administrierte Citrix-Umgebungen für sicheren Remote-Zugriff. Installierte und unterstützte On-Premise SharePoint-Umgebungen zur Verbesserung der Zusammenarbeit. Entwickelte und wartete das Überwachungssystem und die Helpdesk-Plattform der Organisation, optimierte den IT-Support und stärkte die Sicherheit. Bot praktische Fehlerbehebung für Hardware-, Software- und Netzwerkprobleme zur Unterstützung des täglichen Betriebs.',
-        }
+          description:
+            'Verwaltete und wartete die IT-Infrastruktur der Organisation, um die Systemzuverlässigkeit und nahtlose Abläufe zu gewährleisten. Überwachte Server, Client-PCs, tragbare Scanner und Drucker, optimierte die Leistung und minimierte Ausfallzeiten. Konfigurierte VoIP-Systeme, verwaltete Netzwerk-Switches und administrierte Citrix-Umgebungen für sicheren Remote-Zugriff. Installierte und unterstützte On-Premise SharePoint-Umgebungen zur Verbesserung der Zusammenarbeit. Entwickelte und wartete das Überwachungssystem und die Helpdesk-Plattform der Organisation, optimierte den IT-Support und stärkte die Sicherheit. Bot praktische Fehlerbehebung für Hardware-, Software- und Netzwerkprobleme zur Unterstützung des täglichen Betriebs.',
+        },
       ],
     },
     education: {
@@ -1108,7 +1238,8 @@ export const translations: Record<string, Translation> = {
         {
           name: 'Stakeholder Management',
           issueDate: 'Ausstellungsdatum: 03-2025',
-          description: 'Der Erwerb der Stakeholder Management-Zertifizierung demonstriert Expertise im Navigieren komplexer politischer Dynamiken rund um Projekte und im effektiven Management verschiedener Stakeholder-Interessen. Diese Zertifizierung validiert Fähigkeiten in der Analyse von Machtbeziehungen, effektivem Verhandeln und der Entwicklung strategischer Ansätze, um Widerstand in produktive Zusammenarbeit für bessere Projektergebnisse zu transformieren.',
+          description:
+            'Der Erwerb der Stakeholder Management-Zertifizierung demonstriert Expertise im Navigieren komplexer politischer Dynamiken rund um Projekte und im effektiven Management verschiedener Stakeholder-Interessen. Diese Zertifizierung validiert Fähigkeiten in der Analyse von Machtbeziehungen, effektivem Verhandeln und der Entwicklung strategischer Ansätze, um Widerstand in produktive Zusammenarbeit für bessere Projektergebnisse zu transformieren.',
           linkUrl: 'https://www.sn.nl/opleidingen/trainingen/projectmanagement-het-managen-van-stakeholders/',
           image: {
             src: '/images/certificates/SN_Logo2.webp',
@@ -1119,7 +1250,8 @@ export const translations: Record<string, Translation> = {
         {
           name: 'Certified Nexthink Professional',
           issueDate: 'Ausstellungsdatum: 01-2025',
-          description: 'Der Erwerb der Nexthink Certified Application Experience Management-Zertifizierung bestätigt die Expertise in der Optimierung der Anwendungsleistung, der Gewährleistung einer nahtlosen Benutzerakzeptanz und der Förderung der Kosteneffizienz. Diese Zertifizierung demonstriert fortgeschrittenes Wissen im Messen und Verbessern der digitalen Mitarbeitererfahrung in Unternehmensumgebungen.',
+          description:
+            'Der Erwerb der Nexthink Certified Application Experience Management-Zertifizierung bestätigt die Expertise in der Optimierung der Anwendungsleistung, der Gewährleistung einer nahtlosen Benutzerakzeptanz und der Förderung der Kosteneffizienz. Diese Zertifizierung demonstriert fortgeschrittenes Wissen im Messen und Verbessern der digitalen Mitarbeitererfahrung in Unternehmensumgebungen.',
           linkUrl: 'https://certified.nexthink.com/babd1e3a-c593-4a81-90a2-6a002f43e692#acc.fUOog9dj',
           image: {
             src: '/images/certificates/CertifiedNexthinkProfessionalinApplicationExperienceManagement.webp',
@@ -1130,7 +1262,8 @@ export const translations: Record<string, Translation> = {
         {
           name: 'Certified Nexthink Administrator',
           issueDate: 'Ausstellungsdatum: 11-2024',
-          description: 'Der Erwerb der Nexthink Platform Administration-Zertifizierung zeigt Kompetenz in der Konfiguration und Anpassung der Nexthink-Plattform zur Erfüllung organisatorischer Anforderungen. Diese Zertifizierung validiert Fähigkeiten bei der Bereitstellung, Verwaltung und Wartung von Nexthink-Umgebungen zur Unterstützung von IT-Betriebsabläufen und zur Verbesserung der Endbenutzererfahrung.',
+          description:
+            'Der Erwerb der Nexthink Platform Administration-Zertifizierung zeigt Kompetenz in der Konfiguration und Anpassung der Nexthink-Plattform zur Erfüllung organisatorischer Anforderungen. Diese Zertifizierung validiert Fähigkeiten bei der Bereitstellung, Verwaltung und Wartung von Nexthink-Umgebungen zur Unterstützung von IT-Betriebsabläufen und zur Verbesserung der Endbenutzererfahrung.',
           linkUrl: 'https://certified.nexthink.com/8bfc61f2-31b8-45d8-82e7-e4a1df2b915d#acc.7eo6pFxb',
           image: {
             src: '/images/certificates/NexthinkAdministrator.webp',
@@ -1141,7 +1274,8 @@ export const translations: Record<string, Translation> = {
         {
           name: 'Certified Nexthink Associate',
           issueDate: 'Ausstellungsdatum: 11-2024',
-          description: 'Der Erwerb der Nexthink Infinity Fundamentals-Zertifizierung bestätigt Ihr Verständnis der Nexthink Infinity-Plattform und ihrer Rolle bei der Verbesserung der digitalen Mitarbeitererfahrung. Diese Zertifizierung bestätigt Kenntnisse über wichtige Plattformkomponenten, Datenerfassungsmethoden und Analysefunktionen zur Überwachung und Verbesserung von Technologieumgebungen am Arbeitsplatz.',
+          description:
+            'Der Erwerb der Nexthink Infinity Fundamentals-Zertifizierung bestätigt Ihr Verständnis der Nexthink Infinity-Plattform und ihrer Rolle bei der Verbesserung der digitalen Mitarbeitererfahrung. Diese Zertifizierung bestätigt Kenntnisse über wichtige Plattformkomponenten, Datenerfassungsmethoden und Analysefunktionen zur Überwachung und Verbesserung von Technologieumgebungen am Arbeitsplatz.',
           linkUrl: 'https://certified.nexthink.com/cf5e9e43-9d95-4dc6-bb95-0f7e0bada9b3#acc.YWDnxiaU',
           image: {
             src: '/images/certificates/NexthinkAssociate.webp',
@@ -1152,7 +1286,8 @@ export const translations: Record<string, Translation> = {
         {
           name: 'Crucial Conversations',
           issueDate: 'Ausstellungsdatum: 03-2024',
-          description: 'Der Erwerb der Crucial Conversations-Zertifizierung demonstriert Kompetenz in effektiven Dialogtechniken für Situationen mit hohem Einsatz, in denen Meinungen variieren und Emotionen stark sind, wodurch Meinungsverschiedenheiten in produktive Gespräche umgewandelt werden können, die bessere Ergebnisse erzielen.',
+          description:
+            'Der Erwerb der Crucial Conversations-Zertifizierung demonstriert Kompetenz in effektiven Dialogtechniken für Situationen mit hohem Einsatz, in denen Meinungen variieren und Emotionen stark sind, wodurch Meinungsverschiedenheiten in produktive Gespräche umgewandelt werden können, die bessere Ergebnisse erzielen.',
           linkUrl: 'https://cruciallearning.com/courses/crucial-conversations-for-dialogue/',
           image: {
             src: '/images/certificates/CrucialConversations_FMD-logo.webp',
@@ -1163,7 +1298,8 @@ export const translations: Record<string, Translation> = {
         {
           name: 'Python Programmer (PCEP)',
           issueDate: 'Ausstellungsdatum: 11-2023',
-          description: 'Der Erwerb der PCEP™-Zertifizierung zeigt Kompetenz in grundlegenden Python-Programmierkonzepten, einschließlich Datentypen, Kontrollfluss, Datensammlungen, Funktionen und Fehlerbehandlung.',
+          description:
+            'Der Erwerb der PCEP™-Zertifizierung zeigt Kompetenz in grundlegenden Python-Programmierkonzepten, einschließlich Datentypen, Kontrollfluss, Datensammlungen, Funktionen und Fehlerbehandlung.',
           linkUrl: 'https://pythoninstitute.org/pcep',
           image: {
             src: '/images/certificates/PCEP.webp',
@@ -1174,8 +1310,10 @@ export const translations: Record<string, Translation> = {
         {
           name: 'Desktop Administrator Associate',
           issueDate: 'Ausstellungsdatum: 06-2023',
-          description: 'Der Erwerb der Modern Desktop Administrator Associate-Zertifizierung zeigt Kompetenz in der Bereitstellung, Konfiguration, Sicherung, Verwaltung und Überwachung von Geräten und Client-Anwendungen in einer Unternehmensumgebung.',
-          linkUrl: 'https://learn.microsoft.com/en-us/credentials/certifications/modern-desktop/?practice-assessment-type=certification',
+          description:
+            'Der Erwerb der Modern Desktop Administrator Associate-Zertifizierung zeigt Kompetenz in der Bereitstellung, Konfiguration, Sicherung, Verwaltung und Überwachung von Geräten und Client-Anwendungen in einer Unternehmensumgebung.',
+          linkUrl:
+            'https://learn.microsoft.com/en-us/credentials/certifications/modern-desktop/?practice-assessment-type=certification',
           image: {
             src: '/images/certificates/microsoft-certified-associate-badge.webp',
             alt: 'Microsoft Certified Associate Abzeichen',
@@ -1185,8 +1323,10 @@ export const translations: Record<string, Translation> = {
         {
           name: 'Microsoft 365 Fundamentals',
           issueDate: 'Ausstellungsdatum: 05-2023',
-          description: 'Der Erwerb der Microsoft 365 Certified: Fundamentals-Zertifizierung zeigt grundlegendes Wissen über Cloud-basierte Lösungen, einschließlich Produktivität, Zusammenarbeit, Sicherheit, Compliance und Microsoft 365-Dienste.',
-          linkUrl: 'https://learn.microsoft.com/en-us/credentials/certifications/microsoft-365-fundamentals/?practice-assessment-type=certification',
+          description:
+            'Der Erwerb der Microsoft 365 Certified: Fundamentals-Zertifizierung zeigt grundlegendes Wissen über Cloud-basierte Lösungen, einschließlich Produktivität, Zusammenarbeit, Sicherheit, Compliance und Microsoft 365-Dienste.',
+          linkUrl:
+            'https://learn.microsoft.com/en-us/credentials/certifications/microsoft-365-fundamentals/?practice-assessment-type=certification',
           image: {
             src: '/images/certificates/microsoft-certified-fundamentals-badge.webp',
             alt: 'Microsoft 365 Fundamentals Abzeichen',
@@ -1196,8 +1336,10 @@ export const translations: Record<string, Translation> = {
         {
           name: 'Teams Administrator Associate',
           issueDate: 'Ausstellungsdatum: 06-2021',
-          description: 'Der Erwerb der Teams Administrator Associate-Zertifizierung zeigt Ihre Fähigkeit, Microsoft Teams zu planen, bereitzustellen, zu konfigurieren und zu verwalten, um effiziente Zusammenarbeit und Kommunikation in einer Microsoft 365-Umgebung zu ermöglichen.',
-          linkUrl: 'https://learn.microsoft.com/en-us/credentials/certifications/m365-teams-administrator-associate/?practice-assessment-type=certification',
+          description:
+            'Der Erwerb der Teams Administrator Associate-Zertifizierung zeigt Ihre Fähigkeit, Microsoft Teams zu planen, bereitzustellen, zu konfigurieren und zu verwalten, um effiziente Zusammenarbeit und Kommunikation in einer Microsoft 365-Umgebung zu ermöglichen.',
+          linkUrl:
+            'https://learn.microsoft.com/en-us/credentials/certifications/m365-teams-administrator-associate/?practice-assessment-type=certification',
           image: {
             src: '/images/certificates/microsoft-certified-associate-badge.webp',
             alt: 'Microsoft Certified Associate Abzeichen',
@@ -1207,8 +1349,10 @@ export const translations: Record<string, Translation> = {
         {
           name: 'Azure Fundamentals',
           issueDate: 'Ausstellungsdatum: 01-2020',
-          description: 'Der Erwerb der Microsoft Certified: Azure Fundamentals-Zertifizierung zeigt grundlegendes Wissen über Cloud-Konzepte, zentrale Azure-Dienste und Azure-Verwaltungs- und Governance-Funktionen und -Tools.',
-          linkUrl: 'https://learn.microsoft.com/en-us/credentials/certifications/azure-fundamentals/?practice-assessment-type=certification',
+          description:
+            'Der Erwerb der Microsoft Certified: Azure Fundamentals-Zertifizierung zeigt grundlegendes Wissen über Cloud-Konzepte, zentrale Azure-Dienste und Azure-Verwaltungs- und Governance-Funktionen und -Tools.',
+          linkUrl:
+            'https://learn.microsoft.com/en-us/credentials/certifications/azure-fundamentals/?practice-assessment-type=certification',
           image: {
             src: '/images/certificates/microsoft-certified-fundamentals-badge.webp',
             alt: 'Azure Fundamentals Abzeichen',
@@ -1219,61 +1363,75 @@ export const translations: Record<string, Translation> = {
     },
     skills: {
       title: 'Fähigkeiten',
-      subtitle: 'Entdecken Sie die Kompetenzen, die es mir ermöglichen, Vorstellungen durch Design zum Leben zu erwecken.',
+      subtitle:
+        'Entdecken Sie die Kompetenzen, die es mir ermöglichen, Vorstellungen durch Design zum Leben zu erwecken.',
       items: [
         {
           title: 'Power Automate',
-          description: 'Expertise in der Gestaltung und Implementierung fortgeschrittener Automatisierungs-Workflows mit Microsoft Power Automate zur Optimierung von Geschäftsprozessen, Reduzierung manueller Aufwände und Steigerung der betrieblichen Effizienz.',
+          description:
+            'Expertise in der Gestaltung und Implementierung fortgeschrittener Automatisierungs-Workflows mit Microsoft Power Automate zur Optimierung von Geschäftsprozessen, Reduzierung manueller Aufwände und Steigerung der betrieblichen Effizienz.',
         },
         {
           title: 'Copilot Studio',
-          description: 'Kompetenz in der Entwicklung intelligenter Chatbots innerhalb von Copilot Studio, die verbesserte Benutzerinteraktionen und Unterstützung durch natürliche Sprachverarbeitung und automatisierte Antworten ermöglichen.',
+          description:
+            'Kompetenz in der Entwicklung intelligenter Chatbots innerhalb von Copilot Studio, die verbesserte Benutzerinteraktionen und Unterstützung durch natürliche Sprachverarbeitung und automatisierte Antworten ermöglichen.',
         },
         {
           title: 'API-Integrationen',
-          description: 'Erfahren in der Erstellung benutzerdefinierter Konnektoren und der Integration verschiedener Anwendungen und Dienste über APIs zur Ermöglichung nahtlosen Datenaustauschs und Prozessautomatisierung zwischen Plattformen.',
+          description:
+            'Erfahren in der Erstellung benutzerdefinierter Konnektoren und der Integration verschiedener Anwendungen und Dienste über APIs zur Ermöglichung nahtlosen Datenaustauschs und Prozessautomatisierung zwischen Plattformen.',
         },
         {
           title: 'Microsoft 365 Administration',
-          description: 'Umfassende Erfahrung in der Verwaltung von Microsoft 365-Umgebungen, einschließlich Benutzerverwaltung, Sicherheitskonfigurationen und Service-Optimierung zur Unterstützung globaler Zusammenarbeit und Produktivität.',
+          description:
+            'Umfassende Erfahrung in der Verwaltung von Microsoft 365-Umgebungen, einschließlich Benutzerverwaltung, Sicherheitskonfigurationen und Service-Optimierung zur Unterstützung globaler Zusammenarbeit und Produktivität.',
         },
         {
           title: 'SharePoint Online & On-Premise',
-          description: 'Versiert in der Einrichtung, Verwaltung und Optimierung sowohl von SharePoint Online als auch On-Premise-Implementierungen, zur Gewährleistung effektiven Dokumentenmanagements, Zusammenarbeit und Informationsaustausch innerhalb von Organisationen.',
+          description:
+            'Versiert in der Einrichtung, Verwaltung und Optimierung sowohl von SharePoint Online als auch On-Premise-Implementierungen, zur Gewährleistung effektiven Dokumentenmanagements, Zusammenarbeit und Informationsaustausch innerhalb von Organisationen.',
         },
         {
           title: 'Nexthink Administration',
-          description: 'Kompetent in der Verwaltung der Nexthink-Plattform, Nutzung ihrer Fähigkeiten für IT-Infrastrukturüberwachung, Ausführung von Remote-Aktionen und Entwicklung von Workflows zur Verbesserung von IT-Service-Bereitstellung und Benutzererfahrung.',
+          description:
+            'Kompetent in der Verwaltung der Nexthink-Plattform, Nutzung ihrer Fähigkeiten für IT-Infrastrukturüberwachung, Ausführung von Remote-Aktionen und Entwicklung von Workflows zur Verbesserung von IT-Service-Bereitstellung und Benutzererfahrung.',
         },
         {
           title: 'Microsoft Power Apps',
-          description: 'Kompetent in der Nutzung von Microsoft Power Apps zur Gestaltung und Entwicklung benutzerdefinierter Geschäftsanwendungen mit minimalem Coding. Erfahren in der Erstellung sowohl von Canvas- als auch modellgesteuerten Apps, die sich mit verschiedenen Datenquellen verbinden.',
+          description:
+            'Kompetent in der Nutzung von Microsoft Power Apps zur Gestaltung und Entwicklung benutzerdefinierter Geschäftsanwendungen mit minimalem Coding. Erfahren in der Erstellung sowohl von Canvas- als auch modellgesteuerten Apps, die sich mit verschiedenen Datenquellen verbinden.',
         },
         {
           title: 'IT-Infrastrukturmanagement',
-          description: 'Umfangreiche Erfahrung in der Überwachung globaler IT-Infrastrukturen, Verwaltung von Servern, Netzwerken und Endbenutzergeräten in mehreren Ländern zur Gewährleistung zuverlässiger und effizienter IT-Operationen.',
+          description:
+            'Umfangreiche Erfahrung in der Überwachung globaler IT-Infrastrukturen, Verwaltung von Servern, Netzwerken und Endbenutzergeräten in mehreren Ländern zur Gewährleistung zuverlässiger und effizienter IT-Operationen.',
         },
         {
           title: 'ITSM (TOPDesk)',
-          description: 'Erfahren in der Verwaltung von ITSM-Prozessen mit TOPdesk. Kompetent in Kernfunktionalitäten wie Incident Management und Asset Management, bei gleichzeitiger Nutzung von API-Verwendung für nahtlose Integrationen mit anderen Systemen.',
+          description:
+            'Erfahren in der Verwaltung von ITSM-Prozessen mit TOPdesk. Kompetent in Kernfunktionalitäten wie Incident Management und Asset Management, bei gleichzeitiger Nutzung von API-Verwendung für nahtlose Integrationen mit anderen Systemen.',
         },
         {
           title: 'PowerShell',
-          description: 'Kompetent in der Nutzung von PowerShell für Automatisierung, Systemadministration und Konfigurationsmanagement in Microsoft-Umgebungen. Erfahren in der Erstellung robuster Skripte für Aufgabenautomatisierung, Systemüberwachung und Integration mit verschiedenen Microsoft-Diensten.',
+          description:
+            'Kompetent in der Nutzung von PowerShell für Automatisierung, Systemadministration und Konfigurationsmanagement in Microsoft-Umgebungen. Erfahren in der Erstellung robuster Skripte für Aufgabenautomatisierung, Systemüberwachung und Integration mit verschiedenen Microsoft-Diensten.',
         },
         {
           title: 'Intune Geräteverwaltung',
-          description: 'Erfahren in der Bereitstellung, Konfiguration und Verwaltung von Windows 10/11-Geräten über Microsoft Intune. Kompetent in der Erstellung und Implementierung von Geräterichtlinien, Anwendungsbereitstellung und Sicherheitskonfigurationen für Unternehmensumgebungen.',
+          description:
+            'Erfahren in der Bereitstellung, Konfiguration und Verwaltung von Windows 10/11-Geräten über Microsoft Intune. Kompetent in der Erstellung und Implementierung von Geräterichtlinien, Anwendungsbereitstellung und Sicherheitskonfigurationen für Unternehmensumgebungen.',
         },
         {
           title: '3rd Line IT-Support',
-          description: 'Erfahren in der Bereitstellung fortgeschrittener technischer Unterstützung für komplexe IT-Probleme, die tiefgreifendes Wissen und spezialisierte Expertise erfordern. Kompetent in der Fehlersuche, Diagnose und Lösung kritischer Systemprobleme über verschiedene Plattformen und Anwendungen hinweg.',
+          description:
+            'Erfahren in der Bereitstellung fortgeschrittener technischer Unterstützung für komplexe IT-Probleme, die tiefgreifendes Wissen und spezialisierte Expertise erfordern. Kompetent in der Fehlersuche, Diagnose und Lösung kritischer Systemprobleme über verschiedene Plattformen und Anwendungen hinweg.',
         },
       ],
     },
     blog: {
       title: 'Entdecken Sie meine aufschlussreichen Artikel in meinem Blog',
-      information: 'Willkommen in meinem Blog, wo ich Einblicke, Tipps und Lösungen zu Microsoft 365, Nexthink, Power Automate, PowerShell und anderen Automatisierungstools teile. Ob Sie Arbeitsabläufe optimieren, die Produktivität steigern oder in technische Problemlösungen eintauchen möchten, hier finden Sie praktische Inhalte zur Unterstützung Ihrer Reise.',
+      information:
+        'Willkommen in meinem Blog, wo ich Einblicke, Tipps und Lösungen zu Microsoft 365, Nexthink, Power Automate, PowerShell und anderen Automatisierungstools teile. Ob Sie Arbeitsabläufe optimieren, die Produktivität steigern oder in technische Problemlösungen eintauchen möchten, hier finden Sie praktische Inhalte zur Unterstützung Ihrer Reise.',
     },
   },
   fr: {
@@ -1282,7 +1440,8 @@ export const translations: Record<string, Translation> = {
       aboutUs: 'À propos de moi',
     },
     cookies: {
-      message: 'Ce site utilise des cookies pour enregistrer votre préférence de langue et mémoriser votre consentement aux cookies. Aucune donnée personnelle n\'est collectée.',
+      message:
+        "Ce site utilise des cookies pour enregistrer votre préférence de langue et mémoriser votre consentement aux cookies. Aucune donnée personnelle n'est collectée.",
       learnMore: 'En savoir plus dans notre Politique de confidentialité',
       accept: 'OK',
     },
@@ -1298,20 +1457,21 @@ export const translations: Record<string, Translation> = {
       contact: 'Contact',
     },
     footer: {
-      terms: 'Conditions d\'utilisation',
+      terms: "Conditions d'utilisation",
       privacyPolicy: 'Politique de confidentialité',
     },
     hero: {
-      title: 'Libérez votre potentiel d\'entreprise avec l\'automatisation IT experte',
-      greeting: 'Richard Bergsma, spécialiste des systèmes IT et de l\'automatisation',
-      subtitle: 'Je propose des solutions d\'automatisation de niveau entreprise utilisant Power Automate, Copilot Studio et le développement d\'API personnalisées. Mon expertise aide les entreprises à rationaliser leurs opérations, réduire les coûts et améliorer la productivité grâce à Microsoft 365, SharePoint et Azure.',
+      title: "Libérez votre potentiel d'entreprise avec l'automatisation IT experte",
+      greeting: "Richard Bergsma, spécialiste des systèmes IT et de l'automatisation",
+      subtitle:
+        "Je propose des solutions d'automatisation de niveau entreprise utilisant Power Automate, Copilot Studio et le développement d'API personnalisées. Mon expertise aide les entreprises à rationaliser leurs opérations, réduire les coûts et améliorer la productivité grâce à Microsoft 365, SharePoint et Azure.",
     },
     about: {
       title: 'À propos de moi',
       content: [
-        'Avec plus de 15 ans d\'expérience en IT, je suis un gestionnaire passionné des systèmes IT et de l\'automatisation qui excelle dans la fourniture de solutions optimales pour les systèmes cloud et on-premise complexes. Je me concentre sur le développement de l\'automatisation avec Power Automate, la création de chatbots intelligents dans Copilot Studio et l\'intégration d\'APIs pour rationaliser les flux de travail. Je gère également l\'environnement Microsoft 365, supporte les demandes de niveau 3 et améliore l\'efficacité avec des outils comme Power Apps, Nexthink et TOPdesk.',
-        'Auparavant, j\'ai dirigé les implémentations de Microsoft 365 et SharePoint Online, migré des systèmes de messagerie et amélioré l\'automatisation avec SCCM. De plus, j\'ai fondé Bergsma IT, aidant les petites entreprises à migrer vers le cloud et gérant des sites WordPress personnalisés.',
-        'Je possède des certifications en administration Microsoft Teams, Azure Fundamentals et administration Nexthink. Ma mission est de promouvoir l\'excellence IT en optimisant les solutions cloud, en automatisant les processus et en fournissant un support technique exceptionnel.'
+        "Avec plus de 15 ans d'expérience en IT, je suis un gestionnaire passionné des systèmes IT et de l'automatisation qui excelle dans la fourniture de solutions optimales pour les systèmes cloud et on-premise complexes. Je me concentre sur le développement de l'automatisation avec Power Automate, la création de chatbots intelligents dans Copilot Studio et l'intégration d'APIs pour rationaliser les flux de travail. Je gère également l'environnement Microsoft 365, supporte les demandes de niveau 3 et améliore l'efficacité avec des outils comme Power Apps, Nexthink et TOPdesk.",
+        "Auparavant, j'ai dirigé les implémentations de Microsoft 365 et SharePoint Online, migré des systèmes de messagerie et amélioré l'automatisation avec SCCM. De plus, j'ai fondé Bergsma IT, aidant les petites entreprises à migrer vers le cloud et gérant des sites WordPress personnalisés.",
+        "Je possède des certifications en administration Microsoft Teams, Azure Fundamentals et administration Nexthink. Ma mission est de promouvoir l'excellence IT en optimisant les solutions cloud, en automatisant les processus et en fournissant un support technique exceptionnel.",
       ],
     },
     homepage: {
@@ -1321,37 +1481,44 @@ export const translations: Record<string, Translation> = {
       },
       services: {
         tagline: 'Experts en automatisation et intégration',
-        title: 'Stimulez la croissance de votre entreprise grâce à l\'automatisation IT stratégique',
-        subtitle: 'Solutions IT spécialisées pour optimiser les opérations, améliorer l\'infrastructure et fournir des résultats mesurables.',
+        title: "Stimulez la croissance de votre entreprise grâce à l'automatisation IT stratégique",
+        subtitle:
+          "Solutions IT spécialisées pour optimiser les opérations, améliorer l'infrastructure et fournir des résultats mesurables.",
         items: [
           {
             title: 'Automatisation des flux de travail',
-            description: 'Automatisez les tâches répétitives et rationalisez les processus avec Power Automate, libérant votre équipe pour se concentrer sur les initiatives stratégiques et augmentant l\'efficacité globale.',
+            description:
+              "Automatisez les tâches répétitives et rationalisez les processus avec Power Automate, libérant votre équipe pour se concentrer sur les initiatives stratégiques et augmentant l'efficacité globale.",
             icon: 'tabler:settings-automation',
           },
           {
             title: 'Chatbots intelligents',
-            description: 'Améliorez le service client et la productivité des employés avec des chatbots alimentés par l\'IA construits dans Copilot Studio, offrant un support instantané et des expériences personnalisées.',
+            description:
+              "Améliorez le service client et la productivité des employés avec des chatbots alimentés par l'IA construits dans Copilot Studio, offrant un support instantané et des expériences personnalisées.",
             icon: 'tabler:message-chatbot',
           },
           {
             title: 'Intégrations API',
-            description: 'Connectez vos applications et services critiques avec des intégrations API transparentes, permettant un échange de données efficace et des flux de travail automatisés dans tout votre écosystème.',
+            description:
+              'Connectez vos applications et services critiques avec des intégrations API transparentes, permettant un échange de données efficace et des flux de travail automatisés dans tout votre écosystème.',
             icon: 'tabler:api',
           },
           {
             title: 'Gestion Microsoft 365',
-            description: 'Maximisez la valeur de votre investissement Microsoft 365 avec une administration experte, une sécurité proactive et une optimisation continue pour assurer un environnement sécurisé et productif.',
+            description:
+              'Maximisez la valeur de votre investissement Microsoft 365 avec une administration experte, une sécurité proactive et une optimisation continue pour assurer un environnement sécurisé et productif.',
             icon: 'tabler:brand-office',
           },
           {
             title: 'Solutions SharePoint',
-            description: 'Transformez votre gestion documentaire et votre collaboration avec des solutions SharePoint sur mesure qui rationalisent les flux de travail, améliorent le partage d\'informations et renforcent la productivité des équipes.',
+            description:
+              "Transformez votre gestion documentaire et votre collaboration avec des solutions SharePoint sur mesure qui rationalisent les flux de travail, améliorent le partage d'informations et renforcent la productivité des équipes.",
             icon: 'tabler:share',
           },
           {
-            title: 'Supervision de l\'infrastructure IT',
-            description: 'Assurez des opérations IT fiables et efficaces avec une gestion proactive de l\'infrastructure, minimisant les temps d\'arrêt et maximisant les performances dans votre environnement mondial.',
+            title: "Supervision de l'infrastructure IT",
+            description:
+              "Assurez des opérations IT fiables et efficaces avec une gestion proactive de l'infrastructure, minimisant les temps d'arrêt et maximisant les performances dans votre environnement mondial.",
             icon: 'tabler:server',
           },
         ],
@@ -1361,23 +1528,26 @@ export const translations: Record<string, Translation> = {
         title: 'Transformer votre entreprise avec des stratégies IT éprouvées',
         missionTitle: 'Notre engagement',
         missionContent: [
-          'Nous nous engageons à favoriser l\'excellence IT grâce à l\'optimisation stratégique du cloud, l\'automatisation des processus et le support technique de niveau entreprise. Nous exploitons les technologies de pointe pour relever les défis commerciaux complexes et fournir une valeur mesurable.',
-          'Avec une expertise approfondie dans les technologies Microsoft et l\'automatisation, nous permettons aux organisations de transformer leurs capacités numériques et d\'atteindre leurs objectifs commerciaux. Nous concevons des solutions qui améliorent l\'expérience utilisateur et maximisent la productivité, garantissant que la technologie renforce votre entreprise.',
-          'Nous restons à la pointe en recherchant et en implémentant des technologies émergentes, fournissant des solutions évolutives qui s\'adaptent à vos besoins en constante évolution. Nous alignons les solutions techniques sur vos objectifs commerciaux fondamentaux, offrant un ROI mesurable et un avantage concurrentiel.',
-          'Notre mission est d\'exploiter la technologie pour résoudre de véritables défis commerciaux et créer de la valeur par l\'innovation. Avec plus de 15 ans d\'expérience en IT, nous apportons une richesse de connaissances en technologies Microsoft, outils d\'automatisation et intégration de systèmes pour aider les organisations à transformer leurs capacités numériques et atteindre leurs objectifs stratégiques.'
+          "Nous nous engageons à favoriser l'excellence IT grâce à l'optimisation stratégique du cloud, l'automatisation des processus et le support technique de niveau entreprise. Nous exploitons les technologies de pointe pour relever les défis commerciaux complexes et fournir une valeur mesurable.",
+          "Avec une expertise approfondie dans les technologies Microsoft et l'automatisation, nous permettons aux organisations de transformer leurs capacités numériques et d'atteindre leurs objectifs commerciaux. Nous concevons des solutions qui améliorent l'expérience utilisateur et maximisent la productivité, garantissant que la technologie renforce votre entreprise.",
+          "Nous restons à la pointe en recherchant et en implémentant des technologies émergentes, fournissant des solutions évolutives qui s'adaptent à vos besoins en constante évolution. Nous alignons les solutions techniques sur vos objectifs commerciaux fondamentaux, offrant un ROI mesurable et un avantage concurrentiel.",
+          "Notre mission est d'exploiter la technologie pour résoudre de véritables défis commerciaux et créer de la valeur par l'innovation. Avec plus de 15 ans d'expérience en IT, nous apportons une richesse de connaissances en technologies Microsoft, outils d'automatisation et intégration de systèmes pour aider les organisations à transformer leurs capacités numériques et atteindre leurs objectifs stratégiques.",
         ],
         items: [
           {
-            title: 'Solutions centrées sur l\'utilisateur',
-            description: 'Nous concevons des solutions qui améliorent l\'expérience utilisateur et maximisent la productivité, garantissant que la technologie renforce votre entreprise.',
+            title: "Solutions centrées sur l'utilisateur",
+            description:
+              "Nous concevons des solutions qui améliorent l'expérience utilisateur et maximisent la productivité, garantissant que la technologie renforce votre entreprise.",
           },
           {
             title: 'Innovation continue',
-            description: 'Nous restons à la pointe en recherchant et en implémentant des technologies émergentes, fournissant des solutions évolutives qui s\'adaptent à vos besoins en constante évolution.',
+            description:
+              "Nous restons à la pointe en recherchant et en implémentant des technologies émergentes, fournissant des solutions évolutives qui s'adaptent à vos besoins en constante évolution.",
           },
           {
             title: 'Mise en œuvre stratégique',
-            description: 'Nous alignons les solutions techniques sur vos objectifs commerciaux fondamentaux, offrant un ROI mesurable et un avantage concurrentiel.',
+            description:
+              'Nous alignons les solutions techniques sur vos objectifs commerciaux fondamentaux, offrant un ROI mesurable et un avantage concurrentiel.',
           },
         ],
       },
@@ -1386,17 +1556,20 @@ export const translations: Record<string, Translation> = {
         title: 'Ce que disent nos clients',
         items: [
           {
-            testimonial: 'L\'expertise de Richard en Power Automate a été déterminante dans l\'automatisation de notre traitement des factures, réduisant l\'effort manuel de 70% et éliminant les erreurs de saisie. Le ROI a été immédiat et significatif.',
+            testimonial:
+              "L'expertise de Richard en Power Automate a été déterminante dans l'automatisation de notre traitement des factures, réduisant l'effort manuel de 70% et éliminant les erreurs de saisie. Le ROI a été immédiat et significatif.",
             name: 'John Smith',
             description: 'Directeur financier, Acme Corp',
           },
           {
-            testimonial: 'L\'implémentation SharePoint livrée par Richard a complètement transformé la capacité de notre équipe à collaborer et partager des informations. Nous avons constaté une augmentation spectaculaire de la productivité et une réduction significative de l\'encombrement des emails.',
+            testimonial:
+              "L'implémentation SharePoint livrée par Richard a complètement transformé la capacité de notre équipe à collaborer et partager des informations. Nous avons constaté une augmentation spectaculaire de la productivité et une réduction significative de l'encombrement des emails.",
             name: 'Jane Doe',
             description: 'Chef de projet, Beta Industries',
           },
           {
-            testimonial: 'Richard a pris le temps de vraiment comprendre nos défis commerciaux uniques et a développé des solutions IT personnalisées qui répondaient parfaitement à nos besoins. Ses connaissances techniques et ses compétences en résolution de problèmes sont exceptionnelles.',
+            testimonial:
+              'Richard a pris le temps de vraiment comprendre nos défis commerciaux uniques et a développé des solutions IT personnalisées qui répondaient parfaitement à nos besoins. Ses connaissances techniques et ses compétences en résolution de problèmes sont exceptionnelles.',
             name: 'David Lee',
             description: 'PDG, Gamma Solutions',
           },
@@ -1404,67 +1577,77 @@ export const translations: Record<string, Translation> = {
       },
       callToAction: {
         title: 'Prenez le contrôle de votre avenir IT',
-        subtitle: 'Discutons de la façon dont nos solutions peuvent rationaliser vos processus, améliorer la collaboration et stimuler la transformation numérique.',
+        subtitle:
+          'Discutons de la façon dont nos solutions peuvent rationaliser vos processus, améliorer la collaboration et stimuler la transformation numérique.',
         button: 'Planifiez votre consultation maintenant',
       },
       contact: {
         title: 'Contactez notre équipe',
-        subtitle: 'Discutez de vos besoins d\'entreprise ou renseignez-vous sur nos services professionnels. Nos consultants sont prêts à vous fournir des conseils d\'experts adaptés à vos besoins commerciaux.',
+        subtitle:
+          "Discutez de vos besoins d'entreprise ou renseignez-vous sur nos services professionnels. Nos consultants sont prêts à vous fournir des conseils d'experts adaptés à vos besoins commerciaux.",
         nameLabel: 'Nom',
         namePlaceholder: 'Votre nom',
         emailLabel: 'Email',
         emailPlaceholder: 'Votre adresse email',
         messageLabel: 'Message',
         messagePlaceholder: 'Votre message',
-        disclaimer: 'En soumettant ce formulaire, vous acceptez notre politique de confidentialité et nous autorisez à utiliser vos informations pour vous contacter au sujet de nos services.',
-        description: 'Toutes les demandes reçoivent une réponse professionnelle rapide. Pour plus d\'informations sur nos solutions d\'entreprise, connectez-vous avec notre équipe sur LinkedIn ou explorez nos ressources techniques sur GitHub.',
+        disclaimer:
+          'En soumettant ce formulaire, vous acceptez notre politique de confidentialité et nous autorisez à utiliser vos informations pour vous contacter au sujet de nos services.',
+        description:
+          "Toutes les demandes reçoivent une réponse professionnelle rapide. Pour plus d'informations sur nos solutions d'entreprise, connectez-vous avec notre équipe sur LinkedIn ou explorez nos ressources techniques sur GitHub.",
       },
     },
     resume: {
       title: 'Expérience professionnelle',
       experience: [
         {
-          title: 'Responsable des systèmes IT et de l\'automatisation',
+          title: "Responsable des systèmes IT et de l'automatisation",
           company: 'COFRA Holding C.V.',
           location: 'Amsterdam',
           period: '02-2025 - Présent',
-          description: 'En tant que responsable des systèmes IT et de l\'automatisation chez COFRA Holding, je me concentre sur le développement de l\'automatisation via Power Automate et la création de chatbots avancés dans Copilot Studio pour rationaliser les processus et améliorer l\'efficacité opérationnelle. Mon travail implique l\'intégration d\'APIs pour créer des flux de travail transparents, l\'automatisation des tâches récurrentes et le soutien des initiatives de transformation digitale. En plus de mes responsabilités en matière d\'automatisation, je continue à gérer notre environnement Microsoft 365, à supporter les demandes de niveau 3, à développer des Power Apps, à superviser notre environnement Nexthink, à gérer TOPdesk et à contribuer à divers projets IT selon les besoins.',
+          description:
+            "En tant que responsable des systèmes IT et de l'automatisation chez COFRA Holding, je me concentre sur le développement de l'automatisation via Power Automate et la création de chatbots avancés dans Copilot Studio pour rationaliser les processus et améliorer l'efficacité opérationnelle. Mon travail implique l'intégration d'APIs pour créer des flux de travail transparents, l'automatisation des tâches récurrentes et le soutien des initiatives de transformation digitale. En plus de mes responsabilités en matière d'automatisation, je continue à gérer notre environnement Microsoft 365, à supporter les demandes de niveau 3, à développer des Power Apps, à superviser notre environnement Nexthink, à gérer TOPdesk et à contribuer à divers projets IT selon les besoins.",
         },
         {
           title: 'Professionnel Office 365',
           company: 'COFRA Holding C.V.',
           location: 'Amsterdam',
           period: '08-2020 - 01-2025',
-          description: 'En tant qu\'expert Microsoft 365 au sein de COFRA Holding, je veille à ce que l\'environnement soit géré, les nouvelles fonctionnalités communiquées et les collègues supportés pour les demandes de niveau 3. Les nouvelles demandes vont des nouveaux flux Power Automate aux Power Apps. De plus, je me concentre sur la configuration et la gestion de notre environnement Nexthink, gère TOPdesk et supporte d\'autres projets selon les besoins. Récemment, je me suis concentré sur l\'utilisation de Power Automate pour améliorer l\'automatisation dans divers domaines.',
+          description:
+            "En tant qu'expert Microsoft 365 au sein de COFRA Holding, je veille à ce que l'environnement soit géré, les nouvelles fonctionnalités communiquées et les collègues supportés pour les demandes de niveau 3. Les nouvelles demandes vont des nouveaux flux Power Automate aux Power Apps. De plus, je me concentre sur la configuration et la gestion de notre environnement Nexthink, gère TOPdesk et supporte d'autres projets selon les besoins. Récemment, je me suis concentré sur l'utilisation de Power Automate pour améliorer l'automatisation dans divers domaines.",
         },
         {
           title: 'Ingénieur systèmes cloud et applications',
           company: 'Hyva',
           location: 'Alphen aan den Rijn',
           period: '09-2018 - 04-2020',
-          description: 'Géré l\'infrastructure IT mondiale dans 35 pays, dirigé l\'implémentation et l\'intégration d\'Office 365 et SharePoint Online pour améliorer la collaboration. Dirigé des migrations transparentes de divers systèmes de messagerie vers Office 365, améliorant l\'efficacité et la fiabilité de la communication. Piloté la consolidation des opérations IT mondiales en remplaçant deux centres de données, configurant et optimisant les environnements Azure, et gérant efficacement les coûts. Implémenté SCCM pour automatiser les processus clés, augmentant l\'efficacité du service desk. Fourni un support de niveau 3 via TOPdesk, résolvant des problèmes IT complexes et assurant une haute qualité de service.',
+          description:
+            "Géré l'infrastructure IT mondiale dans 35 pays, dirigé l'implémentation et l'intégration d'Office 365 et SharePoint Online pour améliorer la collaboration. Dirigé des migrations transparentes de divers systèmes de messagerie vers Office 365, améliorant l'efficacité et la fiabilité de la communication. Piloté la consolidation des opérations IT mondiales en remplaçant deux centres de données, configurant et optimisant les environnements Azure, et gérant efficacement les coûts. Implémenté SCCM pour automatiser les processus clés, augmentant l'efficacité du service desk. Fourni un support de niveau 3 via TOPdesk, résolvant des problèmes IT complexes et assurant une haute qualité de service.",
         },
         {
           title: 'Consultant IT',
           company: 'Bergsma.IT',
           location: 'Zoetermeer',
           period: '01-2018 - 07-2019',
-          description: 'Fondé l\'entreprise pour aider les petites entreprises à moderniser leur infrastructure IT via des solutions cloud, en se concentrant sur les technologies Microsoft pour améliorer l\'efficacité, l\'évolutivité et la collaboration. Exécuté avec succès des migrations de messagerie et de serveurs de fichiers vers les plateformes cloud Microsoft, fourni un support technique continu et conçu des sites WordPress personnalisés. Rationalisé les flux de travail avec Microsoft 365 et livré des solutions IT personnalisées alignées sur les objectifs commerciaux des clients.',
+          description:
+            "Fondé l'entreprise pour aider les petites entreprises à moderniser leur infrastructure IT via des solutions cloud, en se concentrant sur les technologies Microsoft pour améliorer l'efficacité, l'évolutivité et la collaboration. Exécuté avec succès des migrations de messagerie et de serveurs de fichiers vers les plateformes cloud Microsoft, fourni un support technique continu et conçu des sites WordPress personnalisés. Rationalisé les flux de travail avec Microsoft 365 et livré des solutions IT personnalisées alignées sur les objectifs commerciaux des clients.",
         },
         {
-          title: 'Ingénieur d\'application technique SharePoint',
+          title: "Ingénieur d'application technique SharePoint",
           company: 'Allseas',
           location: 'Delft',
           period: '04-2018 - 09-2018',
-          description: 'Géré et optimisé les environnements SharePoint 2013 et SharePoint Online pour soutenir la collaboration et la productivité. Créé et personnalisé des sites SharePoint, implémenté des flux de travail et fourni un support expert pour Cadac Organice. Travaillé en étroite collaboration avec les parties prenantes pour livrer des solutions sur mesure, assurant des systèmes SharePoint sécurisés, à jour et performants.',
+          description:
+            'Géré et optimisé les environnements SharePoint 2013 et SharePoint Online pour soutenir la collaboration et la productivité. Créé et personnalisé des sites SharePoint, implémenté des flux de travail et fourni un support expert pour Cadac Organice. Travaillé en étroite collaboration avec les parties prenantes pour livrer des solutions sur mesure, assurant des systèmes SharePoint sécurisés, à jour et performants.',
         },
         {
           title: 'Administrateur système IT',
           company: 'OZ Export',
           location: 'De Kwakel',
           period: '10-2015 - 12-2017',
-          description: 'Géré et maintenu l\'infrastructure IT de l\'organisation pour assurer la fiabilité des systèmes et des opérations fluides. Supervisé les serveurs, PC clients, scanners portables et imprimantes, optimisant les performances et minimisant les temps d\'arrêt. Configuré les systèmes VoIP, géré les commutateurs réseau et administré les environnements Citrix pour un accès distant sécurisé. Installé et supporté les environnements SharePoint on-premise pour améliorer la collaboration. Conçu et maintenu le système de surveillance et la plateforme helpdesk de l\'organisation, rationalisant le support IT et renforçant la sécurité. Fourni un dépannage pratique pour les problèmes de matériel, logiciel et réseau pour soutenir les opérations quotidiennes.',
-        }
+          description:
+            "Géré et maintenu l'infrastructure IT de l'organisation pour assurer la fiabilité des systèmes et des opérations fluides. Supervisé les serveurs, PC clients, scanners portables et imprimantes, optimisant les performances et minimisant les temps d'arrêt. Configuré les systèmes VoIP, géré les commutateurs réseau et administré les environnements Citrix pour un accès distant sécurisé. Installé et supporté les environnements SharePoint on-premise pour améliorer la collaboration. Conçu et maintenu le système de surveillance et la plateforme helpdesk de l'organisation, rationalisant le support IT et renforçant la sécurité. Fourni un dépannage pratique pour les problèmes de matériel, logiciel et réseau pour soutenir les opérations quotidiennes.",
+        },
       ],
     },
     education: {
@@ -1488,7 +1671,8 @@ export const translations: Record<string, Translation> = {
         {
           name: 'Stakeholder Management',
           issueDate: 'Date de délivrance : 03-2025',
-          description: 'L\'obtention de la certification Stakeholder Management démontre une expertise dans la navigation des dynamiques politiques complexes autour des projets et dans la gestion efficace des intérêts des diverses parties prenantes. Cette certification valide les compétences en analyse des relations de pouvoir, en négociation efficace et en développement d\'approches stratégiques pour transformer la résistance en collaboration productive pour de meilleurs résultats de projet.',
+          description:
+            "L'obtention de la certification Stakeholder Management démontre une expertise dans la navigation des dynamiques politiques complexes autour des projets et dans la gestion efficace des intérêts des diverses parties prenantes. Cette certification valide les compétences en analyse des relations de pouvoir, en négociation efficace et en développement d'approches stratégiques pour transformer la résistance en collaboration productive pour de meilleurs résultats de projet.",
           linkUrl: 'https://www.sn.nl/opleidingen/trainingen/projectmanagement-het-managen-van-stakeholders/',
           image: {
             src: '/images/certificates/SN_Logo2.webp',
@@ -1499,18 +1683,20 @@ export const translations: Record<string, Translation> = {
         {
           name: 'Certified Nexthink Professional',
           issueDate: 'Date de délivrance : 01-2025',
-          description: 'L\'obtention de la certification Nexthink Certified Application Experience Management valide l\'expertise dans l\'optimisation des performances des applications, assurant une adoption transparente par les utilisateurs et favorisant l\'efficacité des coûts. Cette certification démontre une connaissance avancée dans la mesure et l\'amélioration de l\'expérience numérique des employés dans les environnements d\'entreprise.',
+          description:
+            "L'obtention de la certification Nexthink Certified Application Experience Management valide l'expertise dans l'optimisation des performances des applications, assurant une adoption transparente par les utilisateurs et favorisant l'efficacité des coûts. Cette certification démontre une connaissance avancée dans la mesure et l'amélioration de l'expérience numérique des employés dans les environnements d'entreprise.",
           linkUrl: 'https://certified.nexthink.com/babd1e3a-c593-4a81-90a2-6a002f43e692#acc.fUOog9dj',
           image: {
             src: '/images/certificates/CertifiedNexthinkProfessionalinApplicationExperienceManagement.webp',
-            alt: 'Badge Professionnel Nexthink en gestion de l\'expérience applicative',
+            alt: "Badge Professionnel Nexthink en gestion de l'expérience applicative",
             loading: 'lazy',
           },
         },
         {
           name: 'Certified Nexthink Administrator',
           issueDate: 'Date de délivrance : 11-2024',
-          description: 'L\'obtention de la certification Nexthink Platform Administration démontre la compétence dans la configuration et la personnalisation de la plateforme Nexthink pour répondre aux besoins organisationnels. Cette certification valide les compétences dans le déploiement, la gestion et la maintenance des environnements Nexthink pour soutenir les opérations IT et améliorer l\'expérience des utilisateurs finaux.',
+          description:
+            "L'obtention de la certification Nexthink Platform Administration démontre la compétence dans la configuration et la personnalisation de la plateforme Nexthink pour répondre aux besoins organisationnels. Cette certification valide les compétences dans le déploiement, la gestion et la maintenance des environnements Nexthink pour soutenir les opérations IT et améliorer l'expérience des utilisateurs finaux.",
           linkUrl: 'https://certified.nexthink.com/8bfc61f2-31b8-45d8-82e7-e4a1df2b915d#acc.7eo6pFxb',
           image: {
             src: '/images/certificates/NexthinkAdministrator.webp',
@@ -1521,7 +1707,8 @@ export const translations: Record<string, Translation> = {
         {
           name: 'Certified Nexthink Associate',
           issueDate: 'Date de délivrance : 11-2024',
-          description: 'L\'obtention de la certification Nexthink Infinity Fundamentals valide votre compréhension de la plateforme Nexthink Infinity et de son rôle dans l\'amélioration de l\'expérience numérique des employés. Cette certification confirme la connaissance des composants clés de la plateforme, des méthodes de collecte de données et des capacités d\'analyse pour surveiller et améliorer les environnements technologiques en milieu de travail.',
+          description:
+            "L'obtention de la certification Nexthink Infinity Fundamentals valide votre compréhension de la plateforme Nexthink Infinity et de son rôle dans l'amélioration de l'expérience numérique des employés. Cette certification confirme la connaissance des composants clés de la plateforme, des méthodes de collecte de données et des capacités d'analyse pour surveiller et améliorer les environnements technologiques en milieu de travail.",
           linkUrl: 'https://certified.nexthink.com/cf5e9e43-9d95-4dc6-bb95-0f7e0bada9b3#acc.YWDnxiaU',
           image: {
             src: '/images/certificates/NexthinkAssociate.webp',
@@ -1532,7 +1719,8 @@ export const translations: Record<string, Translation> = {
         {
           name: 'Crucial Conversations',
           issueDate: 'Date de délivrance : 03-2024',
-          description: 'L\'obtention de la certification Crucial Conversations démontre la maîtrise des techniques de dialogue efficaces pour les situations à enjeux élevés où les opinions divergent et les émotions sont fortes, permettant de transformer les désaccords en conversations productives qui aboutissent à de meilleurs résultats.',
+          description:
+            "L'obtention de la certification Crucial Conversations démontre la maîtrise des techniques de dialogue efficaces pour les situations à enjeux élevés où les opinions divergent et les émotions sont fortes, permettant de transformer les désaccords en conversations productives qui aboutissent à de meilleurs résultats.",
           linkUrl: 'https://cruciallearning.com/courses/crucial-conversations-for-dialogue/',
           image: {
             src: '/images/certificates/CrucialConversations_FMD-logo.webp',
@@ -1543,7 +1731,8 @@ export const translations: Record<string, Translation> = {
         {
           name: 'Python Programmer (PCEP)',
           issueDate: 'Date de délivrance : 11-2023',
-          description: 'L\'obtention de la certification PCEP™ démontre la maîtrise des concepts fondamentaux de la programmation Python, y compris les types de données, le contrôle de flux, les collections de données, les fonctions et la gestion des erreurs.',
+          description:
+            "L'obtention de la certification PCEP™ démontre la maîtrise des concepts fondamentaux de la programmation Python, y compris les types de données, le contrôle de flux, les collections de données, les fonctions et la gestion des erreurs.",
           linkUrl: 'https://pythoninstitute.org/pcep',
           image: {
             src: '/images/certificates/PCEP.webp',
@@ -1554,8 +1743,10 @@ export const translations: Record<string, Translation> = {
         {
           name: 'Desktop Administrator Associate',
           issueDate: 'Date de délivrance : 06-2023',
-          description: 'L\'obtention de la certification Modern Desktop Administrator Associate démontre la compétence dans le déploiement, la configuration, la sécurisation, la gestion et la surveillance des appareils et des applications client dans un environnement d\'entreprise.',
-          linkUrl: 'https://learn.microsoft.com/en-us/credentials/certifications/modern-desktop/?practice-assessment-type=certification',
+          description:
+            "L'obtention de la certification Modern Desktop Administrator Associate démontre la compétence dans le déploiement, la configuration, la sécurisation, la gestion et la surveillance des appareils et des applications client dans un environnement d'entreprise.",
+          linkUrl:
+            'https://learn.microsoft.com/en-us/credentials/certifications/modern-desktop/?practice-assessment-type=certification',
           image: {
             src: '/images/certificates/microsoft-certified-associate-badge.webp',
             alt: 'Badge Microsoft Certified Associate',
@@ -1565,8 +1756,10 @@ export const translations: Record<string, Translation> = {
         {
           name: 'Microsoft 365 Fundamentals',
           issueDate: 'Date de délivrance : 05-2023',
-          description: 'L\'obtention de la certification Microsoft 365 Certified: Fundamentals démontre une connaissance fondamentale des solutions basées sur le cloud, y compris la productivité, la collaboration, la sécurité, la conformité et les services Microsoft 365.',
-          linkUrl: 'https://learn.microsoft.com/en-us/credentials/certifications/microsoft-365-fundamentals/?practice-assessment-type=certification',
+          description:
+            "L'obtention de la certification Microsoft 365 Certified: Fundamentals démontre une connaissance fondamentale des solutions basées sur le cloud, y compris la productivité, la collaboration, la sécurité, la conformité et les services Microsoft 365.",
+          linkUrl:
+            'https://learn.microsoft.com/en-us/credentials/certifications/microsoft-365-fundamentals/?practice-assessment-type=certification',
           image: {
             src: '/images/certificates/microsoft-certified-fundamentals-badge.webp',
             alt: 'Badge Microsoft 365 Fundamentals',
@@ -1576,8 +1769,10 @@ export const translations: Record<string, Translation> = {
         {
           name: 'Teams Administrator Associate',
           issueDate: 'Date de délivrance : 06-2021',
-          description: 'L\'obtention de la certification Teams Administrator Associate démontre votre capacité à planifier, déployer, configurer et gérer Microsoft Teams pour faciliter une collaboration et une communication efficaces dans un environnement Microsoft 365.',
-          linkUrl: 'https://learn.microsoft.com/en-us/credentials/certifications/m365-teams-administrator-associate/?practice-assessment-type=certification',
+          description:
+            "L'obtention de la certification Teams Administrator Associate démontre votre capacité à planifier, déployer, configurer et gérer Microsoft Teams pour faciliter une collaboration et une communication efficaces dans un environnement Microsoft 365.",
+          linkUrl:
+            'https://learn.microsoft.com/en-us/credentials/certifications/m365-teams-administrator-associate/?practice-assessment-type=certification',
           image: {
             src: '/images/certificates/microsoft-certified-associate-badge.webp',
             alt: 'Badge Microsoft Certified Associate',
@@ -1587,8 +1782,10 @@ export const translations: Record<string, Translation> = {
         {
           name: 'Azure Fundamentals',
           issueDate: 'Date de délivrance : 01-2020',
-          description: 'L\'obtention de la certification Microsoft Certified: Azure Fundamentals démontre une connaissance fondamentale des concepts cloud, des services Azure de base et des fonctionnalités et outils de gestion et de gouvernance Azure.',
-          linkUrl: 'https://learn.microsoft.com/en-us/credentials/certifications/azure-fundamentals/?practice-assessment-type=certification',
+          description:
+            "L'obtention de la certification Microsoft Certified: Azure Fundamentals démontre une connaissance fondamentale des concepts cloud, des services Azure de base et des fonctionnalités et outils de gestion et de gouvernance Azure.",
+          linkUrl:
+            'https://learn.microsoft.com/en-us/credentials/certifications/azure-fundamentals/?practice-assessment-type=certification',
           image: {
             src: '/images/certificates/microsoft-certified-fundamentals-badge.webp',
             alt: 'Badge Azure Fundamentals',
@@ -1599,61 +1796,74 @@ export const translations: Record<string, Translation> = {
     },
     skills: {
       title: 'Compétences',
-      subtitle: 'Découvrez les compétences qui me permettent de donner vie à l\'imagination par le design.',
+      subtitle: "Découvrez les compétences qui me permettent de donner vie à l'imagination par le design.",
       items: [
         {
           title: 'Power Automate',
-          description: 'Expertise dans la conception et l\'implémentation de workflows d\'automatisation avancés utilisant Microsoft Power Automate pour rationaliser les processus métier, réduire l\'effort manuel et améliorer l\'efficacité opérationnelle.',
+          description:
+            "Expertise dans la conception et l'implémentation de workflows d'automatisation avancés utilisant Microsoft Power Automate pour rationaliser les processus métier, réduire l'effort manuel et améliorer l'efficacité opérationnelle.",
         },
         {
           title: 'Copilot Studio',
-          description: 'Compétence dans le développement de chatbots intelligents au sein de Copilot Studio, permettant des interactions utilisateur et un support améliorés grâce au traitement du langage naturel et aux réponses automatisées.',
+          description:
+            'Compétence dans le développement de chatbots intelligents au sein de Copilot Studio, permettant des interactions utilisateur et un support améliorés grâce au traitement du langage naturel et aux réponses automatisées.',
         },
         {
           title: 'Intégrations API',
-          description: 'Compétent dans la création de connecteurs personnalisés et l\'intégration de diverses applications et services via des APIs pour faciliter l\'échange de données transparent et l\'automatisation des processus entre plateformes.',
+          description:
+            "Compétent dans la création de connecteurs personnalisés et l'intégration de diverses applications et services via des APIs pour faciliter l'échange de données transparent et l'automatisation des processus entre plateformes.",
         },
         {
           title: 'Administration Microsoft 365',
-          description: 'Expérience complète dans la gestion des environnements Microsoft 365, y compris la gestion des utilisateurs, les configurations de sécurité et l\'optimisation des services pour soutenir la collaboration et la productivité globales.',
+          description:
+            "Expérience complète dans la gestion des environnements Microsoft 365, y compris la gestion des utilisateurs, les configurations de sécurité et l'optimisation des services pour soutenir la collaboration et la productivité globales.",
         },
         {
           title: 'SharePoint Online & On-Premise',
-          description: 'Compétent dans la configuration, la gestion et l\'optimisation des déploiements SharePoint Online et on-premise, assurant une gestion efficace des documents, la collaboration et le partage d\'informations au sein des organisations.',
+          description:
+            "Compétent dans la configuration, la gestion et l'optimisation des déploiements SharePoint Online et on-premise, assurant une gestion efficace des documents, la collaboration et le partage d'informations au sein des organisations.",
         },
         {
           title: 'Administration Nexthink',
-          description: 'Compétent dans l\'administration de la plateforme Nexthink, utilisant ses capacités pour la surveillance de l\'infrastructure IT, l\'exécution d\'actions à distance et le développement de workflows pour améliorer la prestation de services IT et l\'expérience utilisateur.',
+          description:
+            "Compétent dans l'administration de la plateforme Nexthink, utilisant ses capacités pour la surveillance de l'infrastructure IT, l'exécution d'actions à distance et le développement de workflows pour améliorer la prestation de services IT et l'expérience utilisateur.",
         },
         {
           title: 'Microsoft Power Apps',
-          description: 'Compétent dans l\'utilisation de Microsoft Power Apps pour concevoir et développer des applications métier personnalisées avec un minimum de codage. Expérimenté dans la création d\'applications canvas et basées sur des modèles qui se connectent à diverses sources de données.',
+          description:
+            "Compétent dans l'utilisation de Microsoft Power Apps pour concevoir et développer des applications métier personnalisées avec un minimum de codage. Expérimenté dans la création d'applications canvas et basées sur des modèles qui se connectent à diverses sources de données.",
         },
         {
           title: 'Gestion Infrastructure IT',
-          description: 'Vaste expérience dans la supervision des infrastructures IT mondiales, la gestion des serveurs, réseaux et appareils utilisateurs finaux dans plusieurs pays pour assurer des opérations IT fiables et efficaces.',
+          description:
+            'Vaste expérience dans la supervision des infrastructures IT mondiales, la gestion des serveurs, réseaux et appareils utilisateurs finaux dans plusieurs pays pour assurer des opérations IT fiables et efficaces.',
         },
         {
           title: 'ITSM (TOPDesk)',
-          description: 'Expérimenté dans la gestion des processus ITSM avec TOPdesk. Compétent dans les fonctionnalités principales telles que la gestion des incidents et la gestion des actifs, tout en exploitant l\'utilisation des APIs pour des intégrations transparentes avec d\'autres systèmes.',
+          description:
+            "Expérimenté dans la gestion des processus ITSM avec TOPdesk. Compétent dans les fonctionnalités principales telles que la gestion des incidents et la gestion des actifs, tout en exploitant l'utilisation des APIs pour des intégrations transparentes avec d'autres systèmes.",
         },
         {
           title: 'PowerShell',
-          description: 'Compétent dans l\'utilisation de PowerShell pour l\'automatisation, l\'administration système et la gestion de configuration dans les environnements Microsoft. Expérimenté dans la création de scripts robustes pour l\'automatisation des tâches, la surveillance des systèmes et l\'intégration avec divers services Microsoft.',
+          description:
+            "Compétent dans l'utilisation de PowerShell pour l'automatisation, l'administration système et la gestion de configuration dans les environnements Microsoft. Expérimenté dans la création de scripts robustes pour l'automatisation des tâches, la surveillance des systèmes et l'intégration avec divers services Microsoft.",
         },
         {
           title: 'Gestion des Appareils Intune',
-          description: 'Compétent dans le déploiement, la configuration et la gestion des appareils Windows 10/11 via Microsoft Intune. Expérimenté dans la création et l\'implémentation de politiques d\'appareils, le déploiement d\'applications et les configurations de sécurité pour les environnements d\'entreprise.',
+          description:
+            "Compétent dans le déploiement, la configuration et la gestion des appareils Windows 10/11 via Microsoft Intune. Expérimenté dans la création et l'implémentation de politiques d'appareils, le déploiement d'applications et les configurations de sécurité pour les environnements d'entreprise.",
         },
         {
           title: 'Support IT de 3ème Niveau',
-          description: 'Expérimenté dans la fourniture d\'un support technique avancé pour des problèmes IT complexes nécessitant une connaissance approfondie et une expertise spécialisée. Compétent dans le dépannage, le diagnostic et la résolution de problèmes système critiques sur diverses plateformes et applications.',
+          description:
+            "Expérimenté dans la fourniture d'un support technique avancé pour des problèmes IT complexes nécessitant une connaissance approfondie et une expertise spécialisée. Compétent dans le dépannage, le diagnostic et la résolution de problèmes système critiques sur diverses plateformes et applications.",
         },
       ],
     },
     blog: {
       title: 'Découvrez mes articles pertinents sur mon blog',
-      information: 'Bienvenue sur mon blog, où je partage des insights, des conseils et des solutions sur Microsoft 365, Nexthink, Power Automate, PowerShell et d\'autres outils d\'automatisation. Que vous cherchiez à rationaliser les flux de travail, améliorer la productivité ou plonger dans la résolution de problèmes techniques, vous trouverez ici du contenu pratique pour soutenir votre parcours.',
+      information:
+        "Bienvenue sur mon blog, où je partage des insights, des conseils et des solutions sur Microsoft 365, Nexthink, Power Automate, PowerShell et d'autres outils d'automatisation. Que vous cherchiez à rationaliser les flux de travail, améliorer la productivité ou plonger dans la résolution de problèmes techniques, vous trouverez ici du contenu pratique pour soutenir votre parcours.",
     },
   },
 };
diff --git a/src/layouts/Layout.astro b/src/layouts/Layout.astro
index ec6e007..7c167f0 100644
--- a/src/layouts/Layout.astro
+++ b/src/layouts/Layout.astro
@@ -34,25 +34,31 @@ const { language, textDirection } = I18N;
 <html lang={language} dir={textDirection} class="2xl:text-[20px]">
   <head>
     <CommonMeta />
+    <link rel="alternate" hreflang="en" href="https://www.365devnet.eu/en/" />
+    <link rel="alternate" hreflang="nl" href="https://www.365devnet.eu/nl/" />
+    <link rel="alternate" hreflang="de" href="https://www.365devnet.eu/de/" />
+    <link rel="alternate" hreflang="fr" href="https://www.365devnet.eu/fr/" />
     <Favicons />
     <CustomStyles />
     <ApplyColorMode />
     <Metadata {...metadata} />
     <SiteVerification />
     <Analytics />
-    
+
     <!-- Structured Data for SEO -->
-    <StructuredData data={{
-      "@context": "https://schema.org",
-      "@type": "WebSite",
-      "name": "365DevNet",
-      "url": Astro.url.origin,
-      "potentialAction": {
-        "@type": "SearchAction",
-        "target": `${Astro.url.origin}/search?q={search_term_string}`,
-        "query-input": "required name=search_term_string"
-      }
-    }} />
+    <StructuredData
+      data={{
+        '@context': 'https://schema.org',
+        '@type': 'WebSite',
+        name: '365DevNet',
+        url: Astro.url.origin,
+        potentialAction: {
+          '@type': 'SearchAction',
+          target: `${Astro.url.origin}/search?q={search_term_string}`,
+          'query-input': 'required name=search_term_string',
+        },
+      }}
+    />
 
     <!-- Comment the line below to disable View Transitions -->
     <ClientRouter fallback="swap" />
diff --git a/src/navigation.ts b/src/navigation.ts
index e8b7de3..ecd221e 100644
--- a/src/navigation.ts
+++ b/src/navigation.ts
@@ -3,14 +3,14 @@ import { getTranslation } from './i18n/translations';
 
 export const getHeaderData = (lang = 'en') => {
   const t = getTranslation(lang);
-  
+
   // For hash links on the homepage, we need special handling
   const homeHashLink = (hash) => {
     // Create an absolute path to the homepage with the language prefix
     // and include the hash in the permalink generation
     return getPermalink('/' + hash, 'page', lang);
   };
-  
+
   return {
     links: [
       {
@@ -27,21 +27,29 @@ export const getHeaderData = (lang = 'en') => {
         links: [
           { text: t.navigation.about, href: getPermalink('/aboutme', 'page', lang), isHashLink: false },
           { text: t.navigation.resume, href: getPermalink('/aboutme', 'page', lang) + '#resume', isHashLink: true },
-          { text: t.navigation.certifications, href: getPermalink('/aboutme', 'page', lang) + '#certifications', isHashLink: true },
+          {
+            text: t.navigation.certifications,
+            href: getPermalink('/aboutme', 'page', lang) + '#certifications',
+            isHashLink: true,
+          },
           { text: t.navigation.skills, href: getPermalink('/aboutme', 'page', lang) + '#skills', isHashLink: true },
-          { text: t.navigation.education, href: getPermalink('/aboutme', 'page', lang) + '#education', isHashLink: true },
-        ]
+          {
+            text: t.navigation.education,
+            href: getPermalink('/aboutme', 'page', lang) + '#education',
+            isHashLink: true,
+          },
+        ],
       },
-    ]
+    ],
   };
 };
 
- // For backward compatibility - but don't use this directly, always use getHeaderData(lang) to ensure translations
- export const headerData = (lang = 'en') => getHeaderData(lang);
+// For backward compatibility - but don't use this directly, always use getHeaderData(lang) to ensure translations
+export const headerData = (lang = 'en') => getHeaderData(lang);
 
 export const getFooterData = (lang = 'en') => {
   const t = getTranslation(lang);
-  
+
   return {
     secondaryLinks: [
       { text: t.footer.terms, href: getPermalink('/terms', 'page', lang) },
diff --git a/src/pages/[lang]/aboutme.astro b/src/pages/[lang]/aboutme.astro
index dcbd780..592d1e5 100644
--- a/src/pages/[lang]/aboutme.astro
+++ b/src/pages/[lang]/aboutme.astro
@@ -8,12 +8,12 @@ import CompactSteps from '~/components/widgets/CompactSteps.astro';
 import WorkExperience from '~/components/widgets/WorkExperience.astro';
 import CompactCertifications from '~/components/widgets/CompactCertifications.astro';
 import CompactSkills from '~/components/widgets/CompactSkills.astro';
-import HomePageImage from '~/assets/images/richardbergsma.png'
+import HomePageImage from '~/assets/images/richardbergsma.png';
 
 import { getTranslation, supportedLanguages } from '~/i18n/translations';
 
 export async function getStaticPaths() {
-  return supportedLanguages.map(lang => ({
+  return supportedLanguages.map((lang) => ({
     params: { lang },
   }));
 }
@@ -26,39 +26,37 @@ if (!supportedLanguages.includes(lang)) {
 const t = getTranslation(lang);
 
 const metadata = {
-  title: 'About Me - ' + t.metadata.title,
+  title: `About Me - Richard Bergsma - IT Systems and Automation Manager - ${t.metadata.title}`,
+  description: t.hero.subtitle + ' - IT professional with experience in systems and automation, working at COFRA Holding in Amsterdam.',
 };
 ---
 
 <Layout metadata={metadata}>
   <Fragment slot="announcement"></Fragment>
-  
+
   <!-- Person Structured Data for SEO -->
-  <StructuredData slot="structured-data" data={{
-    "@context": "https://schema.org",
-    "@type": "Person",
-    "name": "Richard Bergsma",
-    "jobTitle": "IT Systems and Automation Manager",
-    "description": t.hero.subtitle,
-    "image": Astro.url.origin + "/images/richardbergsma.png",
-    "url": Astro.url.origin,
-    "sameAs": [
-      "https://www.linkedin.com/in/rrpbergsma",
-      "https://github.com/rrpbergsma"
-    ],
-    "knowsAbout": t.skills.items.map(skill => skill.title),
-    "worksFor": {
-      "@type": "Organization",
-      "name": "COFRA Holding C.V.",
-      "location": "Amsterdam"
-    }
-  }} />
+  <StructuredData
+    slot="structured-data"
+    data={{
+      '@context': 'https://schema.org',
+      '@type': 'Person',
+      name: 'Richard Bergsma',
+      jobTitle: 'IT Systems and Automation Manager',
+      description: t.hero.subtitle,
+      image: Astro.url.origin + '/images/richardbergsma.png',
+      url: Astro.url.origin,
+      sameAs: ['https://www.linkedin.com/in/rrpbergsma', 'https://github.com/rrpbergsma'],
+      knowsAbout: t.skills.items.map((skill) => skill.title),
+      worksFor: {
+        '@type': 'Organization',
+        name: 'COFRA Holding C.V.',
+        location: 'Amsterdam',
+      },
+    }}
+  />
 
   <!-- Hero Widget -->
-  <Hero
-    id="hero"
-    isDark={false}
-  >
+  <Hero id="hero" isDark={false}>
     <Fragment slot="subtitle">
       <strong class="text-3xl md:text-4xl">{t.hero.greeting}</strong><br /><br />{t.hero.subtitle}
     </Fragment>
@@ -77,10 +75,14 @@ const metadata = {
   >
     <Fragment slot="content">
       <h2 class="text-3xl font-bold tracking-tight sm:text-4xl mb-2">{t.about.title}</h2>
-      {t.about.content.map((paragraph) => (
-        <p>{paragraph}</p>
-        <br />
-      ))}
+      {
+        t.about.content.map((paragraph) => (
+          <>
+            <p>{paragraph}</p>
+            <br />
+          </>
+        ))
+      }
     </Fragment>
 
     <Fragment slot="bg">
@@ -93,7 +95,7 @@ const metadata = {
     id="resume"
     title={t.resume.title}
     compact={true}
-    items={t.resume.experience.map(exp => ({
+    items={t.resume.experience.map((exp) => ({
       title: exp.title,
       company: exp.company,
       date: exp.period,
@@ -113,7 +115,7 @@ const metadata = {
       issueDate: cert.issueDate,
       description: cert.description,
       linkUrl: cert.linkUrl,
-      image: cert.image
+      image: cert.image,
     }))}
   />
 
@@ -123,7 +125,7 @@ const metadata = {
     title={t.skills.title}
     subtitle={t.skills.subtitle}
     defaultIcon="tabler:point-filled"
-    items={t.skills.items.map(item => ({
+    items={t.skills.items.map((item) => ({
       title: item.title,
       description: item.description,
     }))}
@@ -133,9 +135,9 @@ const metadata = {
   <CompactSteps
     id="education"
     title={t.education.title}
-    items={t.education.items.map(item => ({
+    items={t.education.items.map((item) => ({
       title: item.title,
-      icon: 'tabler:school'
+      icon: 'tabler:school',
     }))}
   />
-</Layout>
\ No newline at end of file
+</Layout>
diff --git a/src/pages/[lang]/index.astro b/src/pages/[lang]/index.astro
index 824bc9e..469fc58 100644
--- a/src/pages/[lang]/index.astro
+++ b/src/pages/[lang]/index.astro
@@ -11,7 +11,7 @@ import { getTranslation, supportedLanguages } from '~/i18n/translations';
 import OurCommitmentImage from '~/assets/images/OurCommitment.webp';
 
 export async function getStaticPaths() {
-  return supportedLanguages.map(lang => ({
+  return supportedLanguages.map((lang) => ({
     params: { lang },
   }));
 }
@@ -52,72 +52,75 @@ const metadata = {
   <!-- Features Widget -->
   <Features
     id="services"
-    tagline={t.homepage?.services?.tagline || "Services"}
-    title={t.homepage?.services?.title || "How I Can Help Your Organization"}
-    subtitle={t.homepage?.services?.subtitle || "I offer a range of specialized IT services to help businesses optimize their operations and digital infrastructure."}
-    items={(t.homepage?.services?.items || [
-      {
-        title: 'Workflow Automation',
-        description:
-          'Streamline your business processes with Power Automate solutions that reduce manual effort and increase operational efficiency.',
-        icon: 'tabler:settings-automation',
-      },
-      {
-        title: 'Intelligent Chatbots',
-        description:
-          'Develop smart chatbots in Copilot Studio that enhance user interactions through natural language processing and automated responses.',
-        icon: 'tabler:message-chatbot',
-      },
-      {
-        title: 'API Integrations',
-        description:
-          'Create seamless connections between your applications and services with custom API integrations for efficient data exchange.',
-        icon: 'tabler:api',
-      },
-      {
-        title: 'Microsoft 365 Management',
-        description:
-          'Optimize your Microsoft 365 environment with expert administration, security configurations, and service optimization.',
-        icon: 'tabler:brand-office',
-      },
-      {
-        title: 'SharePoint Solutions',
-        description:
-          'Set up, manage, and optimize SharePoint Online and on-premise deployments for effective document management and collaboration.',
-        icon: 'tabler:share',
-      },
-      {
-        title: 'IT Infrastructure Oversight',
-        description:
-          'Manage global IT infrastructures, including servers, networks, and end-user devices to ensure reliable operations.',
-        icon: 'tabler:server',
-      },
-    ]).map(item => ({...item, icon: item.icon || 'tabler:check'}))}
+    tagline={t.homepage?.services?.tagline || 'Services'}
+    title={t.homepage?.services?.title || 'How I Can Help Your Organization'}
+    subtitle={t.homepage?.services?.subtitle ||
+      'I offer a range of specialized IT services to help businesses optimize their operations and digital infrastructure.'}
+    items={(
+      t.homepage?.services?.items || [
+        {
+          title: 'Workflow Automation',
+          description:
+            'Streamline your business processes with Power Automate solutions that reduce manual effort and increase operational efficiency.',
+          icon: 'tabler:settings-automation',
+        },
+        {
+          title: 'Intelligent Chatbots',
+          description:
+            'Develop smart chatbots in Copilot Studio that enhance user interactions through natural language processing and automated responses.',
+          icon: 'tabler:message-chatbot',
+        },
+        {
+          title: 'API Integrations',
+          description:
+            'Create seamless connections between your applications and services with custom API integrations for efficient data exchange.',
+          icon: 'tabler:api',
+        },
+        {
+          title: 'Microsoft 365 Management',
+          description:
+            'Optimize your Microsoft 365 environment with expert administration, security configurations, and service optimization.',
+          icon: 'tabler:brand-office',
+        },
+        {
+          title: 'SharePoint Solutions',
+          description:
+            'Set up, manage, and optimize SharePoint Online and on-premise deployments for effective document management and collaboration.',
+          icon: 'tabler:share',
+        },
+        {
+          title: 'IT Infrastructure Oversight',
+          description:
+            'Manage global IT infrastructures, including servers, networks, and end-user devices to ensure reliable operations.',
+          icon: 'tabler:server',
+        },
+      ]
+    ).map((item) => ({ ...item, icon: item.icon || 'tabler:check' }))}
   />
 
   <!-- Content Widget -->
   <Content
     isReversed
-    tagline={t.homepage?.approach?.tagline || "About My Approach"}
-    title={t.homepage?.approach?.title || "Our Commitment"}
+    tagline={t.homepage?.approach?.tagline || 'About My Approach'}
+    title={t.homepage?.approach?.title || 'Our Commitment'}
     items={[]}
     image={{
       src: OurCommitmentImage,
-      alt: 'IT Excellence and Innovation'
+      alt: 'IT Excellence and Innovation',
     }}
   >
     <Fragment slot="content">
       <div class="text-lg dark:text-slate-400">
-        {(t.homepage?.approach?.missionContent || [
-          'We are committed to driving IT excellence through strategic cloud optimization, process automation, and enterprise-grade technical support. We leverage cutting-edge technology to address complex business challenges and deliver measurable value.',
-          'With deep expertise in Microsoft technologies and automation, we empower organizations to transform their digital capabilities and achieve their business objectives. We design solutions that enhance user experience and maximize productivity, ensuring technology empowers your business.',
-          'We stay ahead of the curve by researching and implementing emerging technologies, providing scalable solutions that adapt to your evolving needs. Our approach aligns technical solutions with your core business objectives, delivering measurable ROI and a competitive advantage.',
-          'Our mission is to leverage technology to solve real business challenges and create value through innovation. With over 15 years of IT experience, we bring a wealth of knowledge in Microsoft technologies, automation tools, and system integration to help organizations transform their digital capabilities and achieve their strategic goals.'
-        ]).map((paragraph, index, array) => (
-          <p class={index === array.length - 1 ? '' : 'mb-4'}>
-            {paragraph}
-          </p>
-        ))}
+        {
+          (
+            t.homepage?.approach?.missionContent || [
+              'We are committed to driving IT excellence through strategic cloud optimization, process automation, and enterprise-grade technical support. We leverage cutting-edge technology to address complex business challenges and deliver measurable value.',
+              'With deep expertise in Microsoft technologies and automation, we empower organizations to transform their digital capabilities and achieve their business objectives. We design solutions that enhance user experience and maximize productivity, ensuring technology empowers your business.',
+              'We stay ahead of the curve by researching and implementing emerging technologies, providing scalable solutions that adapt to your evolving needs. Our approach aligns technical solutions with your core business objectives, delivering measurable ROI and a competitive advantage.',
+              'Our mission is to leverage technology to solve real business challenges and create value through innovation. With over 15 years of IT experience, we bring a wealth of knowledge in Microsoft technologies, automation tools, and system integration to help organizations transform their digital capabilities and achieve their strategic goals.',
+            ]
+          ).map((paragraph, index, array) => <p class={index === array.length - 1 ? '' : 'mb-4'}>{paragraph}</p>)
+        }
       </div>
     </Fragment>
   </Content>
@@ -164,15 +167,19 @@ const metadata = {
   >
     <Fragment slot="title">{t.homepage?.callToAction?.title || 'Ready to optimize your IT systems?'}</Fragment>
     <Fragment slot="subtitle">
-      {t.homepage?.callToAction?.subtitle || 'Let\'s discuss how I can help your organization streamline processes, enhance collaboration, and drive digital transformation.'}
+      {
+        t.homepage?.callToAction?.subtitle ||
+          "Let's discuss how I can help your organization streamline processes, enhance collaboration, and drive digital transformation."
+      }
     </Fragment>
   </CallToAction>
 
   <!-- Contact Widget -->
   <Contact
     id="contact"
-    title={t.homepage?.contact?.title || "Get in Touch"}
-    subtitle={t.homepage?.contact?.subtitle || "Have a project in mind or questions about my services? Reach out and let's start a conversation."}
+    title={t.homepage?.contact?.title || 'Get in Touch'}
+    subtitle={t.homepage?.contact?.subtitle ||
+      "Have a project in mind or questions about my services? Reach out and let's start a conversation."}
     inputs={[
       {
         type: 'text',
@@ -193,11 +200,11 @@ const metadata = {
       rows: 8,
     }}
     disclaimer={{
-      label: t.homepage?.contact?.disclaimer ||
+      label:
+        t.homepage?.contact?.disclaimer ||
         'By submitting this form, you agree to our privacy policy and allow us to use your information to contact you about our services.',
     }}
-    description={t.homepage?.contact?.description || "I'll respond to your message as soon as possible. You can also connect with me on LinkedIn or GitHub."}
+    description={t.homepage?.contact?.description ||
+      "I'll respond to your message as soon as possible. You can also connect with me on LinkedIn or GitHub."}
   />
-
-  
-</Layout>
\ No newline at end of file
+</Layout>
diff --git a/src/pages/[lang]/privacy.astro b/src/pages/[lang]/privacy.astro
index 9073351..81509f5 100644
--- a/src/pages/[lang]/privacy.astro
+++ b/src/pages/[lang]/privacy.astro
@@ -7,7 +7,7 @@ import Hero from '~/components/widgets/Hero.astro';
 import { getTranslation, supportedLanguages } from '~/i18n/translations';
 
 export async function getStaticPaths() {
-  return supportedLanguages.map(lang => ({
+  return supportedLanguages.map((lang) => ({
     params: { lang },
   }));
 }
@@ -41,31 +41,28 @@ const tocItems = [
 
 <Layout metadata={metadata}>
   <Fragment slot="announcement"></Fragment>
-  
+
   <!-- Legal Document Structured Data for SEO -->
-  <StructuredData slot="structured-data" data={{
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "name": "Privacy Policy",
-    "description": "Privacy Policy outlining our data collection practices, cookie usage, and your rights under GDPR.",
-    "url": Astro.url.origin + "/" + lang + "/privacy",
-    "mainEntity": {
-      "@type": "Article",
-      "headline": "Privacy Policy",
-      "datePublished": "2025-03-06",
-      "dateModified": "2025-03-06"
-    }
-  }} />
+  <StructuredData
+    slot="structured-data"
+    data={{
+      '@context': 'https://schema.org',
+      '@type': 'WebPage',
+      name: 'Privacy Policy',
+      description: 'Privacy Policy outlining our data collection practices, cookie usage, and your rights under GDPR.',
+      url: Astro.url.origin + '/' + lang + '/privacy',
+      mainEntity: {
+        '@type': 'Article',
+        headline: 'Privacy Policy',
+        datePublished: '2025-03-06',
+        dateModified: '2025-03-06',
+      },
+    }}
+  />
 
   <!-- Hero Widget -->
-  <Hero
-    id="hero"
-    title={t.footer.privacyPolicy}
-    isDark={false}
-  >
-    <Fragment slot="subtitle">
-      Last updated: March 6, 2025 (Added cookie consent banner)
-    </Fragment>
+  <Hero id="hero" title={t.footer.privacyPolicy} isDark={false}>
+    <Fragment slot="subtitle"> Last updated: March 6, 2025 (Added cookie consent banner) </Fragment>
   </Hero>
 
   <!-- Content Widget -->
@@ -74,37 +71,48 @@ const tocItems = [
     <div class="bg-gray-50 dark:bg-slate-800 p-5 rounded-lg mb-10">
       <h2 class="text-xl font-bold mb-3">Table of Contents</h2>
       <ul class="space-y-2">
-        {tocItems.map(item => (
-          <li>
-            <a href={`#${item.id}`} class="text-blue-600 dark:text-blue-400 hover:underline">
-              {item.title}
-            </a>
-          </li>
-        ))}
+        {
+          tocItems.map((item) => (
+            <li>
+              <a href={`#${item.id}`} class="text-blue-600 dark:text-blue-400 hover:underline">
+                {item.title}
+              </a>
+            </li>
+          ))
+        }
       </ul>
     </div>
 
     <!-- Privacy Policy Content -->
-    <div class="prose prose-lg max-w-4xl dark:prose-invert dark:prose-headings:text-slate-300 prose-md prose-headings:font-heading prose-headings:leading-tighter prose-headings:tracking-tighter prose-headings:font-bold prose-a:text-blue-600 dark:prose-a:text-blue-400 prose-img:rounded-md prose-img:shadow-lg backdrop-blur-sm bg-white/15 dark:bg-slate-900/30 p-6 rounded-lg border border-gray-200 dark:border-slate-800">
+    <div
+      class="prose prose-lg max-w-4xl dark:prose-invert dark:prose-headings:text-slate-300 prose-md prose-headings:font-heading prose-headings:leading-tighter prose-headings:tracking-tighter prose-headings:font-bold prose-a:text-blue-600 dark:prose-a:text-blue-400 prose-img:rounded-md prose-img:shadow-lg backdrop-blur-sm bg-white/15 dark:bg-slate-900/30 p-6 rounded-lg border border-gray-200 dark:border-slate-800"
+    >
       <h2 id="introduction" class="text-2xl font-bold mt-8 mb-4">1. Introduction</h2>
       <p>
-        This Privacy Policy explains how we handle information when you visit our website. We are committed to protecting your privacy and complying with applicable data protection laws, including the General Data Protection Regulation (GDPR).
+        This Privacy Policy explains how we handle information when you visit our website. We are committed to
+        protecting your privacy and complying with applicable data protection laws, including the General Data
+        Protection Regulation (GDPR).
       </p>
       <p>
-        We value transparency and want you to understand what information we collect, why we collect it, and how we use it. This policy applies to all visitors to our website.
+        We value transparency and want you to understand what information we collect, why we collect it, and how we use
+        it. This policy applies to all visitors to our website.
       </p>
       <h2 id="data-collection" class="text-2xl font-bold mt-8 mb-4">2. Data Collection Policy</h2>
       <p>
-        <strong>We do not collect or store any personal user data.</strong> Our website is designed to provide information without requiring you to submit any personal information.
+        <strong>We do not collect or store any personal user data.</strong> Our website is designed to provide information
+        without requiring you to submit any personal information.
       </p>
       <p>
-        The only data stored is your preferences for language and theme settings, which are stored locally on your device using browser technologies (cookies and LocalStorage) and are never transmitted to our servers. More details about this are provided in the sections below.
-      </p>
-      <p>
-        We do not:
+        The only data stored is your preferences for language and theme settings, which are stored locally on your
+        device using browser technologies (cookies and LocalStorage) and are never transmitted to our servers. More
+        details about this are provided in the sections below.
       </p>
+      <p>We do not:</p>
       <ul>
-        <li>Collect your name, email address, or other contact information unless you voluntarily provide it through our contact form</li>
+        <li>
+          Collect your name, email address, or other contact information unless you voluntarily provide it through our
+          contact form
+        </li>
         <li>Track your browsing behavior</li>
         <li>Use analytics services that collect personal data</li>
         <li>Use advertising or marketing tracking technologies</li>
@@ -112,15 +120,16 @@ const tocItems = [
         <li>Store your preferences on our servers</li>
       </ul>
       <p>
-        If you choose to contact us using our contact form, the information you provide (such as your name and email address) will only be used to respond to your inquiry and will not be stored longer than necessary for that purpose.
+        If you choose to contact us using our contact form, the information you provide (such as your name and email
+        address) will only be used to respond to your inquiry and will not be stored longer than necessary for that
+        purpose.
       </p>
       <h2 id="cookie-usage" class="text-2xl font-bold mt-8 mb-4">3. Cookie & Storage Usage</h2>
       <p>
-        <strong>Our website uses cookies strictly for essential functionality.</strong> These cookies are necessary for the proper functioning of our website and do not collect any personal information.
-      </p>
-      <p>
-        Details about the cookies we use:
+        <strong>Our website uses cookies strictly for essential functionality.</strong> These cookies are necessary for the
+        proper functioning of our website and do not collect any personal information.
       </p>
+      <p>Details about the cookies we use:</p>
       <ul>
         <li>
           <strong>Name:</strong> preferredLanguage
@@ -142,20 +151,23 @@ const tocItems = [
         </li>
       </ul>
       <p>
-        In addition to cookies, we also use LocalStorage to store certain preferences. Details about this are provided in the next section.
+        In addition to cookies, we also use LocalStorage to store certain preferences. Details about this are provided
+        in the next section.
       </p>
       <p>
-        We do not use any tracking, analytics, or third-party cookies. No personal information is collected through our cookies or LocalStorage.
+        We do not use any tracking, analytics, or third-party cookies. No personal information is collected through our
+        cookies or LocalStorage.
       </p>
       <h2 id="localstorage" class="text-2xl font-bold mt-8 mb-4">4. LocalStorage Usage</h2>
       <p>
-        <strong>Our website uses LocalStorage to enhance your experience by remembering your preferences and consent choices.</strong>
-      </p>
-      <p>
-        Details about our LocalStorage usage:
+        <strong
+          >Our website uses LocalStorage to enhance your experience by remembering your preferences and consent choices.</strong
+        >
       </p>
+      <p>Details about our LocalStorage usage:</p>
       <ul>
-        <li><strong>Data stored:</strong>
+        <li>
+          <strong>Data stored:</strong>
           <ul>
             <li>Theme preference (light/dark mode)</li>
             <li>Cookie consent acceptance status</li>
@@ -166,14 +178,18 @@ const tocItems = [
         <li><strong>Duration:</strong> Persists until you clear your browser's LocalStorage</li>
       </ul>
       <p>
-        LocalStorage is a technology that allows websites to store data directly in your browser. Unlike cookies, LocalStorage data is not sent with every request to the server, which makes it more efficient for storing user preferences that only need to be accessed by your browser.
+        LocalStorage is a technology that allows websites to store data directly in your browser. Unlike cookies,
+        LocalStorage data is not sent with every request to the server, which makes it more efficient for storing user
+        preferences that only need to be accessed by your browser.
       </p>
       <p>
-        No personal information is collected or stored in LocalStorage. The data is used solely to enhance your browsing experience by maintaining your preferred settings.
+        No personal information is collected or stored in LocalStorage. The data is used solely to enhance your browsing
+        experience by maintaining your preferred settings.
       </p>
       <h2 id="clear-preferences" class="text-2xl font-bold mt-8 mb-4">5. How to Clear Your Preferences</h2>
       <p>
-        If you wish to reset your language or theme settings, you can clear your browser's cookies and LocalStorage data. Here's how to do it in common browsers:
+        If you wish to reset your language or theme settings, you can clear your browser's cookies and LocalStorage
+        data. Here's how to do it in common browsers:
       </p>
       <p>
         <strong>Chrome:</strong>
@@ -208,44 +224,59 @@ const tocItems = [
         <li>Find our website and click "Remove" or "Remove All"</li>
       </ol>
       <p>
-        After clearing your browser data, your language will reset to the default (English) and your theme will reset to the system default.
+        After clearing your browser data, your language will reset to the default (English) and your theme will reset to
+        the system default.
       </p>
       <h2 id="user-rights" class="text-2xl font-bold mt-8 mb-4">6. Your Rights (GDPR Compliance)</h2>
       <p>
-        Under the General Data Protection Regulation (GDPR), you have various rights regarding your personal data. However, since we do not collect or store personal data (except for the language preference cookie which does not contain personal information), most of these rights are not applicable in practice.
-      </p>
-      <p>
-        Nevertheless, you have the right to:
+        Under the General Data Protection Regulation (GDPR), you have various rights regarding your personal data.
+        However, since we do not collect or store personal data (except for the language preference cookie which does
+        not contain personal information), most of these rights are not applicable in practice.
       </p>
+      <p>Nevertheless, you have the right to:</p>
       <ul>
-        <li><strong>Delete your cookie and LocalStorage data:</strong> You can delete the language preference cookie and theme preference LocalStorage data at any time through your browser settings (see section 5 for instructions)</li>
-        <li><strong>Be informed:</strong> This privacy policy provides transparent information about our data practices</li>
+        <li>
+          <strong>Delete your cookie and LocalStorage data:</strong> You can delete the language preference cookie and theme
+          preference LocalStorage data at any time through your browser settings (see section 5 for instructions)
+        </li>
+        <li>
+          <strong>Be informed:</strong> This privacy policy provides transparent information about our data practices
+        </li>
         <li><strong>Object:</strong> You can choose to disable cookies and LocalStorage in your browser settings</li>
       </ul>
       <p>
-        If you have any questions about your rights or wish to exercise any of them, please contact us using the information provided at the end of this policy.
+        If you have any questions about your rights or wish to exercise any of them, please contact us using the
+        information provided at the end of this policy.
       </p>
       <h2 id="data-security" class="text-2xl font-bold mt-8 mb-4">7. Data Security</h2>
       <p>
-        We take appropriate technical and organizational measures to ensure the security of any information transmitted to us. However, please be aware that no method of transmission over the internet or method of electronic storage is 100% secure.
+        We take appropriate technical and organizational measures to ensure the security of any information transmitted
+        to us. However, please be aware that no method of transmission over the internet or method of electronic storage
+        is 100% secure.
       </p>
       <p>
-        Our website uses HTTPS encryption to ensure that any communication between your browser and our website is secure.
+        Our website uses HTTPS encryption to ensure that any communication between your browser and our website is
+        secure.
       </p>
       <h2 id="third-party" class="text-2xl font-bold mt-8 mb-4">8. Third-Party Websites</h2>
       <p>
-        Our website may contain links to other websites that are not operated by us. If you click on a third-party link, you will be directed to that third party's site. We strongly advise you to review the Privacy Policy of every site you visit.
+        Our website may contain links to other websites that are not operated by us. If you click on a third-party link,
+        you will be directed to that third party's site. We strongly advise you to review the Privacy Policy of every
+        site you visit.
       </p>
       <p>
-        We have no control over and assume no responsibility for the content, privacy policies, or practices of any third-party sites or services.
+        We have no control over and assume no responsibility for the content, privacy policies, or practices of any
+        third-party sites or services.
       </p>
       <h2 id="changes" class="text-2xl font-bold mt-8 mb-4">9. Changes to Privacy Policy</h2>
       <p>
-        We may update our Privacy Policy from time to time. We will notify you of any changes by posting the new Privacy Policy on this page and updating the "Last updated" date at the top of this page.
+        We may update our Privacy Policy from time to time. We will notify you of any changes by posting the new Privacy
+        Policy on this page and updating the "Last updated" date at the top of this page.
       </p>
       <p>
-        You are advised to review this Privacy Policy periodically for any changes. Changes to this Privacy Policy are effective when they are posted on this page.
-      </p>  
+        You are advised to review this Privacy Policy periodically for any changes. Changes to this Privacy Policy are
+        effective when they are posted on this page.
+      </p>
     </div>
   </div>
-</Layout>
\ No newline at end of file
+</Layout>
diff --git a/src/pages/[lang]/terms.astro b/src/pages/[lang]/terms.astro
index 9b63dba..2330f99 100644
--- a/src/pages/[lang]/terms.astro
+++ b/src/pages/[lang]/terms.astro
@@ -7,7 +7,7 @@ import Hero from '~/components/widgets/Hero.astro';
 import { getTranslation, supportedLanguages } from '~/i18n/translations';
 
 export async function getStaticPaths() {
-  return supportedLanguages.map(lang => ({
+  return supportedLanguages.map((lang) => ({
     params: { lang },
   }));
 }
@@ -39,31 +39,29 @@ const tocItems = [
 
 <Layout metadata={metadata}>
   <Fragment slot="announcement"></Fragment>
-  
+
   <!-- Legal Document Structured Data for SEO -->
-  <StructuredData slot="structured-data" data={{
-    "@context": "https://schema.org",
-    "@type": "WebPage",
-    "name": "Terms and Conditions",
-    "description": "Terms and Conditions for our website, outlining user rights, responsibilities, and legal information.",
-    "url": Astro.url.origin + "/" + lang + "/terms",
-    "mainEntity": {
-      "@type": "Article",
-      "headline": "Terms and Conditions",
-      "datePublished": "2025-03-06",
-      "dateModified": "2025-03-06"
-    }
-  }} />
+  <StructuredData
+    slot="structured-data"
+    data={{
+      '@context': 'https://schema.org',
+      '@type': 'WebPage',
+      name: 'Terms and Conditions',
+      description:
+        'Terms and Conditions for our website, outlining user rights, responsibilities, and legal information.',
+      url: Astro.url.origin + '/' + lang + '/terms',
+      mainEntity: {
+        '@type': 'Article',
+        headline: 'Terms and Conditions',
+        datePublished: '2025-03-06',
+        dateModified: '2025-03-06',
+      },
+    }}
+  />
 
   <!-- Hero Widget -->
-  <Hero
-    id="hero"
-    title={t.footer.terms}
-    isDark={false}
-  >
-    <Fragment slot="subtitle">
-      Last updated: March 6, 2025
-    </Fragment>
+  <Hero id="hero" title={t.footer.terms} isDark={false}>
+    <Fragment slot="subtitle"> Last updated: March 6, 2025 </Fragment>
   </Hero>
 
   <!-- Content Widget -->
@@ -72,75 +70,103 @@ const tocItems = [
     <div class="bg-gray-50 dark:bg-slate-800 p-5 rounded-lg mb-10">
       <h2 class="text-xl font-bold mb-3">Table of Contents</h2>
       <ul class="space-y-2">
-        {tocItems.map(item => (
-          <li>
-            <a href={`#${item.id}`} class="text-blue-600 dark:text-blue-400 hover:underline">
-              {item.title}
-            </a>
-          </li>
-        ))}
+        {
+          tocItems.map((item) => (
+            <li>
+              <a href={`#${item.id}`} class="text-blue-600 dark:text-blue-400 hover:underline">
+                {item.title}
+              </a>
+            </li>
+          ))
+        }
       </ul>
     </div>
 
     <!-- Terms Content -->
-    <div class="prose prose-lg max-w-4xl dark:prose-invert dark:prose-headings:text-slate-300 prose-md prose-headings:font-heading prose-headings:leading-tighter prose-headings:tracking-tighter prose-headings:font-bold prose-a:text-blue-600 dark:prose-a:text-blue-400 prose-img:rounded-md prose-img:shadow-lg backdrop-blur-sm bg-white/15 dark:bg-slate-900/30 p-6 rounded-lg border border-gray-200 dark:border-slate-800">
+    <div
+      class="prose prose-lg max-w-4xl dark:prose-invert dark:prose-headings:text-slate-300 prose-md prose-headings:font-heading prose-headings:leading-tighter prose-headings:tracking-tighter prose-headings:font-bold prose-a:text-blue-600 dark:prose-a:text-blue-400 prose-img:rounded-md prose-img:shadow-lg backdrop-blur-sm bg-white/15 dark:bg-slate-900/30 p-6 rounded-lg border border-gray-200 dark:border-slate-800"
+    >
       <p>
-        Please read these terms and conditions carefully before using our website. By accessing or using our website, you agree to be bound by these terms and conditions.
+        Please read these terms and conditions carefully before using our website. By accessing or using our website,
+        you agree to be bound by these terms and conditions.
       </p>
 
       <h2 id="scope" class="text-2xl font-bold mt-8 mb-4">1. Scope of Services</h2>
       <p>
-        Our website provides information about our professional services, expertise, and industry insights. The content on this website is for general informational purposes only and does not constitute professional advice. We may update, modify, or remove content at any time without notice.
+        Our website provides information about our professional services, expertise, and industry insights. The content
+        on this website is for general informational purposes only and does not constitute professional advice. We may
+        update, modify, or remove content at any time without notice.
       </p>
 
       <h2 id="user-rights" class="text-2xl font-bold mt-8 mb-4">2. User Rights & Responsibilities</h2>
-      <p>
-        When using our website, you agree to:
-      </p>
+      <p>When using our website, you agree to:</p>
       <ul>
         <li>Use the website in accordance with these terms and conditions and all applicable laws and regulations</li>
         <li>Not use the website in any way that could damage, disable, overburden, or impair our services</li>
-        <li>Not attempt to gain unauthorized access to any part of the website or any system or network connected to the website</li>
+        <li>
+          Not attempt to gain unauthorized access to any part of the website or any system or network connected to the
+          website
+        </li>
         <li>Not use any automated means to access or collect data from the website</li>
         <li>Not use the website to transmit any harmful code or material</li>
       </ul>
 
       <h2 id="intellectual-property" class="text-2xl font-bold mt-8 mb-4">3. Intellectual Property</h2>
       <p>
-        All content on this website, including but not limited to text, graphics, logos, images, audio clips, digital downloads, and data compilations, is the property of the website owner or its content suppliers and is protected by Dutch and international copyright laws.
+        All content on this website, including but not limited to text, graphics, logos, images, audio clips, digital
+        downloads, and data compilations, is the property of the website owner or its content suppliers and is protected
+        by Dutch and international copyright laws.
       </p>
       <p>
-        You may view, download, and print content from this website for your personal, non-commercial use, provided that you do not modify the content and that you retain all copyright and other proprietary notices.
+        You may view, download, and print content from this website for your personal, non-commercial use, provided that
+        you do not modify the content and that you retain all copyright and other proprietary notices.
       </p>
 
       <h2 id="liability" class="text-2xl font-bold mt-8 mb-4">4. Limitation of Liability</h2>
       <p>
-        To the fullest extent permitted by applicable law, we exclude all representations, warranties, and conditions relating to our website and the use of this website. We will not be liable for any direct, indirect, or consequential loss or damage arising under these terms and conditions or in connection with our website, whether arising in tort, contract, or otherwise, including, without limitation, any loss of profit, contracts, business, goodwill, data, income, revenue, or anticipated savings.
+        To the fullest extent permitted by applicable law, we exclude all representations, warranties, and conditions
+        relating to our website and the use of this website. We will not be liable for any direct, indirect, or
+        consequential loss or damage arising under these terms and conditions or in connection with our website, whether
+        arising in tort, contract, or otherwise, including, without limitation, any loss of profit, contracts, business,
+        goodwill, data, income, revenue, or anticipated savings.
       </p>
       <p>
-        This does not exclude or limit our liability for death or personal injury resulting from our negligence, nor our liability for fraudulent misrepresentation or misrepresentation as to a fundamental matter, nor any other liability which cannot be excluded or limited under applicable law.
+        This does not exclude or limit our liability for death or personal injury resulting from our negligence, nor our
+        liability for fraudulent misrepresentation or misrepresentation as to a fundamental matter, nor any other
+        liability which cannot be excluded or limited under applicable law.
       </p>
 
       <h2 id="governing-law" class="text-2xl font-bold mt-8 mb-4">5. Governing Law</h2>
       <p>
-        These terms and conditions are governed by and construed in accordance with the laws of the Netherlands. Any disputes relating to these terms and conditions shall be subject to the exclusive jurisdiction of the courts of the Netherlands.
+        These terms and conditions are governed by and construed in accordance with the laws of the Netherlands. Any
+        disputes relating to these terms and conditions shall be subject to the exclusive jurisdiction of the courts of
+        the Netherlands.
       </p>
       <p>
-        If you are a consumer, you will benefit from any mandatory provisions of the law of the country in which you are resident. Nothing in these terms and conditions affects your rights as a consumer to rely on such mandatory provisions of local law.
+        If you are a consumer, you will benefit from any mandatory provisions of the law of the country in which you are
+        resident. Nothing in these terms and conditions affects your rights as a consumer to rely on such mandatory
+        provisions of local law.
       </p>
 
       <h2 id="cookies" class="text-2xl font-bold mt-8 mb-4">6. Cookie Usage</h2>
       <p>
-        Our website uses only one cookie, which is used exclusively for storing your selected language preference. This cookie is essential for the proper functioning of the language selection feature on our website. We do not use any tracking, analytics, or third-party cookies.
+        Our website uses only one cookie, which is used exclusively for storing your selected language preference. This
+        cookie is essential for the proper functioning of the language selection feature on our website. We do not use
+        any tracking, analytics, or third-party cookies.
       </p>
       <p>
-        The language preference cookie stores only your selected language choice and does not collect any personal information. This cookie is stored on your device for a period of 365 days, after which it will expire unless you visit our website again.
+        The language preference cookie stores only your selected language choice and does not collect any personal
+        information. This cookie is stored on your device for a period of 365 days, after which it will expire unless
+        you visit our website again.
       </p>
 
       <h2 id="changes" class="text-2xl font-bold mt-8 mb-4">7. Changes to Terms</h2>
       <p>
-        We may revise these terms and conditions at any time by amending this page. You are expected to check this page from time to time to take notice of any changes we make, as they are legally binding on you. Some of the provisions contained in these terms and conditions may also be superseded by provisions or notices published elsewhere on our website.
+        We may revise these terms and conditions at any time by amending this page. You are expected to check this page
+        from time to time to take notice of any changes we make, as they are legally binding on you. Some of the
+        provisions contained in these terms and conditions may also be superseded by provisions or notices published
+        elsewhere on our website.
       </p>
     </div>
   </div>
-</Layout>
\ No newline at end of file
+</Layout>
diff --git a/src/pages/aboutme.astro b/src/pages/aboutme.astro
index 3297fae..27e49fd 100644
--- a/src/pages/aboutme.astro
+++ b/src/pages/aboutme.astro
@@ -4,24 +4,25 @@ import { supportedLanguages } from '~/i18n/translations';
 
 // Check for language preference in cookies (set by client-side JS)
 const cookies = Astro.request.headers.get('cookie') || '';
-const cookieLanguage = cookies.split(';')
-  .map(cookie => cookie.trim())
-  .find(cookie => cookie.startsWith('preferredLanguage='))
+const cookieLanguage = cookies
+  .split(';')
+  .map((cookie) => cookie.trim())
+  .find((cookie) => cookie.startsWith('preferredLanguage='))
   ?.split('=')[1];
 
 // Get the user's preferred language from the browser if no cookie
 const acceptLanguage = Astro.request.headers.get('accept-language') || '';
 // Define the type for supported languages
-type SupportedLanguage = typeof supportedLanguages[number];
+type SupportedLanguage = (typeof supportedLanguages)[number];
 
 // Use cookie language if available, otherwise detect from browser
 const preferredLanguage =
-  (cookieLanguage && supportedLanguages.includes(cookieLanguage as SupportedLanguage))
+  cookieLanguage && supportedLanguages.includes(cookieLanguage as SupportedLanguage)
     ? cookieLanguage
     : acceptLanguage
         .split(',')
-        .map(lang => lang.split(';')[0].trim().substring(0, 2))
-        .find(lang => supportedLanguages.includes(lang as SupportedLanguage)) || 'en';
+        .map((lang) => lang.split(';')[0].trim().substring(0, 2))
+        .find((lang) => supportedLanguages.includes(lang as SupportedLanguage)) || 'en';
 
 // Get the hash fragment if present
 const url = new URL(Astro.request.url);
@@ -29,4 +30,4 @@ const hash = url.hash;
 
 // Redirect to the language-specific about me page
 return Astro.redirect(`/${preferredLanguage}/aboutme${hash}`);
----
\ No newline at end of file
+---
diff --git a/src/pages/api/contact.ts b/src/pages/api/contact.ts
index 2888614..212bed2 100644
--- a/src/pages/api/contact.ts
+++ b/src/pages/api/contact.ts
@@ -4,7 +4,7 @@ import {
   validateCsrfToken,
   checkRateLimit,
   sendAdminNotification,
-  sendUserConfirmation
+  sendUserConfirmation,
 } from '../../utils/email-handler';
 
 // Enhanced email validation with more comprehensive regex
@@ -20,52 +20,67 @@ const isSpam = (content: string, name: string, email: string): boolean => {
   const lowerContent = content.toLowerCase();
   const lowerName = name.toLowerCase();
   const lowerEmail = email.toLowerCase();
-  
+
   // Common spam keywords
   const spamPatterns = [
-    'viagra', 'cialis', 'casino', 'lottery', 'prize', 'winner',
-    'free money', 'buy now', 'click here', 'earn money', 'make money',
-    'investment opportunity', 'bitcoin', 'cryptocurrency', 'forex',
-    'weight loss', 'diet pill', 'enlargement', 'cheap medication'
+    'viagra',
+    'cialis',
+    'casino',
+    'lottery',
+    'prize',
+    'winner',
+    'free money',
+    'buy now',
+    'click here',
+    'earn money',
+    'make money',
+    'investment opportunity',
+    'bitcoin',
+    'cryptocurrency',
+    'forex',
+    'weight loss',
+    'diet pill',
+    'enlargement',
+    'cheap medication',
   ];
-  
+
   // Check for spam keywords in content
-  if (spamPatterns.some(pattern => lowerContent.includes(pattern))) {
+  if (spamPatterns.some((pattern) => lowerContent.includes(pattern))) {
     return true;
   }
-  
+
   // Check for spam keywords in name or email
-  if (spamPatterns.some(pattern => lowerName.includes(pattern) || lowerEmail.includes(pattern))) {
+  if (spamPatterns.some((pattern) => lowerName.includes(pattern) || lowerEmail.includes(pattern))) {
     return true;
   }
-  
+
   // Check for excessive capitalization (shouting)
   const uppercaseRatio = (content.match(/[A-Z]/g) || []).length / content.length;
   if (uppercaseRatio > 0.5 && content.length > 20) {
     return true;
   }
-  
+
   // Check for excessive special characters
-  const specialChars = "!@#$%^&*()_+-=[]{}\\|;:'\",.<>/?";
+  const specialChars = '!@#$%^&*()_+-=[]{}\\|;:\'",.<>/?';
   let specialCharCount = 0;
-  
+
   for (let i = 0; i < content.length; i++) {
     if (specialChars.includes(content[i])) {
       specialCharCount++;
     }
   }
-  
+
   const specialCharRatio = specialCharCount / content.length;
   if (specialCharRatio > 0.3 && content.length > 20) {
     return true;
   }
-  
+
   // Check for excessive URLs - count http:// and https:// occurrences
   const urlCount = content.split('http').length - 1;
   if (urlCount > 2) {
     return true;
   }
-  
+
   return false;
 };
 
@@ -73,34 +88,34 @@ const isSpam = (content: string, name: string, email: string): boolean => {
 export const GET: APIRoute = async ({ request }) => {
   const url = new URL(request.url);
   const csrfRequested = url.searchParams.get('csrf') === 'true';
-  
+
   if (csrfRequested) {
     // Generate and return a CSRF token
     const csrfToken = generateCsrfToken();
-    
+
     return new Response(
       JSON.stringify({
-        csrfToken
+        csrfToken,
       }),
       {
         status: 200,
         headers: {
-          'Content-Type': 'application/json'
-        }
+          'Content-Type': 'application/json',
+        },
       }
     );
   }
-  
+
   // Default response for GET requests
   return new Response(
     JSON.stringify({
-      message: 'Contact API endpoint is working. Please use POST to submit the form.'
+      message: 'Contact API endpoint is working. Please use POST to submit the form.',
     }),
     {
       status: 200,
       headers: {
-        'Content-Type': 'application/json'
-      }
+        'Content-Type': 'application/json',
+      },
     }
   );
 };
@@ -108,158 +123,163 @@ export const GET: APIRoute = async ({ request }) => {
 export const POST: APIRoute = async ({ request, clientAddress }) => {
   try {
     console.log('Contact form submission received');
-    
+
     // Get client IP address for rate limiting
     const ipAddress = clientAddress || '0.0.0.0';
     console.log('Client IP:', ipAddress);
-    
+
     // Check rate limit
     const rateLimitCheck = await checkRateLimit(ipAddress);
     console.log('Rate limit check:', rateLimitCheck);
-    
+
     if (rateLimitCheck.limited) {
       console.log('Rate limit exceeded');
       return new Response(
         JSON.stringify({
           success: false,
           errors: {
-            rateLimit: rateLimitCheck.message
-          }
+            rateLimit: rateLimitCheck.message,
+          },
         }),
         {
           status: 429,
           headers: {
             'Content-Type': 'application/json',
-            'Retry-After': '3600'
-          }
+            'Retry-After': '3600',
+          },
         }
       );
     }
-    
+
     // Get form data
     const formData = await request.formData();
     console.log('Form data received');
-    
+
     // Log all form data keys
     console.log('Form data keys:', [...formData.keys()]);
-    
+
     const name = formData.get('name')?.toString() || '';
     const email = formData.get('email')?.toString() || '';
     const message = formData.get('message')?.toString() || '';
     const disclaimer = formData.get('disclaimer')?.toString() === 'on';
     const csrfToken = formData.get('csrf_token')?.toString() || '';
-    
-    console.log('Form data values:', { name, email, messageLength: message.length, disclaimer, csrfToken: csrfToken ? 'present' : 'missing' });
-    
+
+    console.log('Form data values:', {
+      name,
+      email,
+      messageLength: message.length,
+      disclaimer,
+      csrfToken: csrfToken ? 'present' : 'missing',
+    });
+
     // Get user agent for logging and spam detection
     const userAgent = request.headers.get('user-agent') || 'Unknown';
-    
+
     // Validate form data
     const errors: Record<string, string> = {};
-    
+
     // Validate CSRF token
     if (!validateCsrfToken(csrfToken)) {
       errors.csrf = 'Invalid or expired security token. Please refresh the page and try again.';
     }
-    
+
     if (!name) {
       errors.name = 'Please enter your name';
     } else if (name.length < 2) {
       errors.name = 'Your name must be at least 2 characters long';
     }
-    
+
     if (!email) {
       errors.email = 'Please enter your email address';
     } else if (!isValidEmail(email)) {
       errors.email = 'Please enter a valid email address (e.g., name@example.com)';
     }
-    
+
     if (!message) {
       errors.message = 'Please enter your message';
     } else if (message.length < 10) {
       errors.message = 'Your message must be at least 10 characters long';
     }
-    
+
     if (!disclaimer) {
       errors.disclaimer = 'Please check the required consent box before submitting';
     }
-    
+
     // Check for spam
     if (isSpam(message, name, email)) {
       errors.spam = 'Your message was flagged as potential spam. Please revise your message and try again.';
     }
-    
+
     // If there are validation errors, return them
     if (Object.keys(errors).length > 0) {
       return new Response(
         JSON.stringify({
           success: false,
-          errors
+          errors,
         }),
         {
           status: 400,
           headers: {
-            'Content-Type': 'application/json'
-          }
+            'Content-Type': 'application/json',
+          },
         }
       );
     }
-    
+
     // Send emails
     console.log('Attempting to send admin notification email');
     const adminEmailSent = await sendAdminNotification(name, email, message, ipAddress, userAgent);
     console.log('Admin email sent result:', adminEmailSent);
-    
+
     console.log('Attempting to send user confirmation email');
     const userEmailSent = await sendUserConfirmation(name, email, message);
     console.log('User email sent result:', userEmailSent);
-    
+
     // Check if emails were sent successfully
     if (!adminEmailSent || !userEmailSent) {
       console.error('Failed to send one or more emails:', { adminEmailSent, userEmailSent });
-      
+
       return new Response(
         JSON.stringify({
           success: false,
-          message: 'There was an issue sending your message. Please try again later.'
+          message: 'There was an issue sending your message. Please try again later.',
         }),
         {
           status: 500,
           headers: {
-            'Content-Type': 'application/json'
-          }
+            'Content-Type': 'application/json',
+          },
         }
       );
     }
-    
+
     // Return success response
     return new Response(
       JSON.stringify({
         success: true,
-        message: 'Your message has been sent successfully. We will get back to you soon!'
+        message: 'Your message has been sent successfully. We will get back to you soon!',
       }),
       {
         status: 200,
         headers: {
-          'Content-Type': 'application/json'
-        }
+          'Content-Type': 'application/json',
+        },
       }
     );
-    
   } catch (error) {
     console.error('Error processing contact form:', error);
-    
+
     return new Response(
       JSON.stringify({
         success: false,
-        message: 'An error occurred while processing your request. Please try again later.'
+        message: 'An error occurred while processing your request. Please try again later.',
       }),
       {
         status: 500,
         headers: {
-          'Content-Type': 'application/json'
-        }
+          'Content-Type': 'application/json',
+        },
       }
     );
   }
-};
\ No newline at end of file
+};
diff --git a/src/pages/index.astro b/src/pages/index.astro
index 3831974..675ef56 100644
--- a/src/pages/index.astro
+++ b/src/pages/index.astro
@@ -1,32 +1,14 @@
 ---
 export const prerender = false;
-import { supportedLanguages } from '~/i18n/translations';
-
-// Check for language preference in cookies (set by client-side JS)
-const cookies = Astro.request.headers.get('cookie') || '';
-const cookieLanguage = cookies.split(';')
-  .map(cookie => cookie.trim())
-  .find(cookie => cookie.startsWith('preferredLanguage='))
-  ?.split('=')[1];
-
-// Get the user's preferred language from the browser if no cookie
-const acceptLanguage = Astro.request.headers.get('accept-language') || '';
-// Define the type for supported languages
-type SupportedLanguage = typeof supportedLanguages[number];
-
-// Use cookie language if available, otherwise detect from browser
-const preferredLanguage =
-  (cookieLanguage && supportedLanguages.includes(cookieLanguage as SupportedLanguage))
-    ? cookieLanguage
-    : acceptLanguage
-        .split(',')
-        .map(lang => lang.split(';')[0].trim().substring(0, 2))
-        .find(lang => supportedLanguages.includes(lang as SupportedLanguage)) || 'en';
+import { detectPreferredLanguage } from '~/utils/language';
 
 // Get the hash fragment if present
 const url = new URL(Astro.request.url);
 const hash = url.hash;
 
+// Detect preferred language
+const preferredLanguage = detectPreferredLanguage(Astro.request);
+
 // Redirect to the language-specific homepage
 return Astro.redirect(`/${preferredLanguage}/${hash}`);
----
\ No newline at end of file
+---
diff --git a/src/test-email.ts b/src/test-email.ts
index 4963695..13aa790 100644
--- a/src/test-email.ts
+++ b/src/test-email.ts
@@ -3,11 +3,11 @@ import 'dotenv/config';
 
 async function runEmailTest() {
   console.log('Starting email configuration test...');
-  
+
   // Test the SMTP connection
   const configTest = await testEmailConfiguration();
   console.log(`Configuration test result: ${configTest ? 'SUCCESS' : 'FAILED'}`);
-  
+
   if (configTest) {
     // Try sending a test email
     console.log('Attempting to send a test email...');
@@ -18,14 +18,14 @@ async function runEmailTest() {
       '127.0.0.1',
       'Email Test Script'
     );
-    
+
     console.log(`Test email result: ${emailResult ? 'SENT' : 'FAILED'}`);
   }
-  
+
   console.log('Email test completed');
 }
 
-runEmailTest().catch(error => {
+runEmailTest().catch((error) => {
   console.error('Error running email test:', error);
   process.exit(1);
-});
\ No newline at end of file
+});
diff --git a/src/utils/email-handler.ts b/src/utils/email-handler.ts
index c6312b9..a600d16 100644
--- a/src/utils/email-handler.ts
+++ b/src/utils/email-handler.ts
@@ -1,8 +1,16 @@
 import nodemailer from 'nodemailer';
 import { RateLimiterMemory } from 'rate-limiter-flexible';
 import { createHash } from 'crypto';
-import { getAdminNotificationHtml, getAdminNotificationText, getAdminNotificationSubject } from '../email-templates/admin-notification';
-import { getUserConfirmationHtml, getUserConfirmationText, getUserConfirmationSubject } from '../email-templates/user-confirmation';
+import {
+  getAdminNotificationHtml,
+  getAdminNotificationText,
+  getAdminNotificationSubject,
+} from '../email-templates/admin-notification';
+import {
+  getUserConfirmationHtml,
+  getUserConfirmationText,
+  getUserConfirmationSubject,
+} from '../email-templates/user-confirmation';
 import 'dotenv/config';
 
 // Environment variables
@@ -12,7 +20,7 @@ const {
   SMTP_USER = '',
   SMTP_PASS = '',
   ADMIN_EMAIL = '',
-  WEBSITE_NAME = 'bergsma.it'
+  WEBSITE_NAME = 'bergsma.it',
 } = process.env;
 
 // Email configuration
@@ -26,11 +34,11 @@ let transporter: nodemailer.Transporter;
 function initializeTransporter() {
   if (isProduction && SMTP_HOST && SMTP_USER && SMTP_PASS) {
     // Production: Use SMTP server
-    
+
     // ProtonMail specific configuration
     // ProtonMail often requires using their Bridge application for SMTP
     const isProtonMail = SMTP_HOST.includes('protonmail');
-    
+
     transporter = nodemailer.createTransport({
       host: SMTP_HOST,
       port: parseInt(SMTP_PORT, 10),
@@ -45,13 +53,13 @@ function initializeTransporter() {
           // Do not fail on invalid certs
           rejectUnauthorized: false,
           // Specific ciphers for ProtonMail
-          ciphers: 'SSLv3'
-        }
-      })
+          ciphers: 'SSLv3',
+        },
+      }),
     });
-    
+
     // Verify SMTP connection configuration
-    transporter.verify(function(error, _success) {
+    transporter.verify(function (error, _success) {
       if (error) {
         console.error('SMTP connection error:', error);
       } else {
@@ -79,39 +87,37 @@ const csrfTokens = new Map<string, { token: string; expires: Date }>();
 
 // Generate a CSRF token
 export function generateCsrfToken(): string {
-  const token = createHash('sha256')
-    .update(Math.random().toString())
-    .digest('hex');
-  
+  const token = createHash('sha256').update(Math.random().toString()).digest('hex');
+
   // Token expires after 1 hour
   const expires = new Date();
   expires.setHours(expires.getHours() + 1);
-  
+
   csrfTokens.set(token, { token, expires });
-  
+
   // Clean up expired tokens
   for (const [key, value] of csrfTokens.entries()) {
     if (value.expires < new Date()) {
       csrfTokens.delete(key);
     }
   }
-  
+
   return token;
 }
 
 // Validate a CSRF token
 export function validateCsrfToken(token: string): boolean {
   const storedToken = csrfTokens.get(token);
-  
+
   if (!storedToken) {
     return false;
   }
-  
+
   if (storedToken.expires < new Date()) {
     csrfTokens.delete(token);
     return false;
   }
-  
+
   return true;
 }
 
@@ -140,18 +146,13 @@ export async function checkRateLimit(ipAddress: string): Promise<{ limited: bool
 }
 
 // Log email sending attempts
-export function logEmailAttempt(
-  success: boolean,
-  recipient: string,
-  subject: string,
-  error?: Error
-): void {
+export function logEmailAttempt(success: boolean, recipient: string, subject: string, error?: Error): void {
   const timestamp = new Date().toISOString();
   const status = success ? 'SUCCESS' : 'FAILURE';
   const errorMessage = error ? `: ${error.message}` : '';
-  
+
   const logMessage = `[${timestamp}] [EMAIL ${status}] To: ${recipient}, Subject: ${subject}${errorMessage}`;
-  
+
   if (isProduction) {
     // In production, you might want to log to a file or a logging service
     console.log(logMessage);
@@ -162,23 +163,16 @@ export function logEmailAttempt(
 }
 
 // Send an email
-export async function sendEmail(
-  to: string,
-  subject: string,
-  html: string,
-  text: string
-): Promise<boolean> {
+export async function sendEmail(to: string, subject: string, html: string, text: string): Promise<boolean> {
   // Initialize transporter if not already done
   if (!transporter) {
     initializeTransporter();
   }
-  
+
   try {
     // Ensure from address matches SMTP_USER for ProtonMail
-    const fromAddress = isProduction ?
-      `"${WEBSITE_NAME}" <${SMTP_USER}>` :
-      `"${WEBSITE_NAME}" <${ADMIN_EMAIL}>`;
-    
+    const fromAddress = isProduction ? `"${WEBSITE_NAME}" <${SMTP_USER}>` : `"${WEBSITE_NAME}" <${ADMIN_EMAIL}>`;
+
     const mailOptions = {
       from: fromAddress,
       to,
@@ -186,24 +180,23 @@ export async function sendEmail(
       html,
       text,
     };
-    
+
     await transporter.sendMail(mailOptions);
-    
-    
+
     logEmailAttempt(true, to, subject);
     return true;
   } catch (error) {
     logEmailAttempt(false, to, subject, error as Error);
-    
+
     // Enhanced error logging for SMTP issues
     if (isProduction) {
       console.error('Error sending email:', error);
-      
+
       // Log more detailed information for SMTP errors
       if (error instanceof Error) {
         console.error('Error name:', error.name);
         console.error('Error message:', error.message);
-        
+
         // Log additional details for specific error types
         if (error.name === 'Error' && error.message.includes('ECONNREFUSED')) {
           console.error('SMTP Connection Refused: Check if the SMTP server is reachable and the port is correct');
@@ -214,7 +207,7 @@ export async function sendEmail(
         }
       }
     }
-    
+
     return false;
   }
 }
@@ -232,22 +225,22 @@ export async function sendAdminNotification(
     console.error('Cannot send admin notification: name is empty');
     return false;
   }
-  
+
   if (!email || email.trim() === '') {
     console.error('Cannot send admin notification: email is empty');
     return false;
   }
-  
+
   if (!message || message.trim() === '') {
     console.error('Cannot send admin notification: message is empty');
     return false;
   }
-  
+
   if (!ADMIN_EMAIL || ADMIN_EMAIL.trim() === '') {
     console.error('Cannot send admin notification: ADMIN_EMAIL is not configured');
     return false;
   }
-  
+
   const submittedAt = new Date().toLocaleString('en-US', {
     year: 'numeric',
     month: 'long',
@@ -255,7 +248,7 @@ export async function sendAdminNotification(
     hour: '2-digit',
     minute: '2-digit',
   });
-  
+
   const props = {
     name,
     email,
@@ -264,30 +257,26 @@ export async function sendAdminNotification(
     ipAddress,
     userAgent,
   };
-  
+
   const subject = getAdminNotificationSubject();
   const html = getAdminNotificationHtml(props);
   const text = getAdminNotificationText(props);
-  
+
   // Add a backup email address to ensure delivery
   const recipients = ADMIN_EMAIL;
   // Uncomment and modify the line below to add a backup email address
   // const recipients = `${ADMIN_EMAIL}, your-backup-email@example.com`;
-  
+
   return sendEmail(recipients, subject, html, text);
 }
 
 // Send user confirmation email
-export async function sendUserConfirmation(
-  name: string,
-  email: string,
-  message: string
-): Promise<boolean> {
+export async function sendUserConfirmation(name: string, email: string, message: string): Promise<boolean> {
   if (!email || email.trim() === '') {
     console.error('Cannot send user confirmation: email is empty');
     return false;
   }
-  
+
   const submittedAt = new Date().toLocaleString('en-US', {
     year: 'numeric',
     month: 'long',
@@ -295,7 +284,7 @@ export async function sendUserConfirmation(
     hour: '2-digit',
     minute: '2-digit',
   });
-  
+
   const props = {
     name,
     email,
@@ -304,11 +293,11 @@ export async function sendUserConfirmation(
     websiteName: WEBSITE_NAME,
     contactEmail: ADMIN_EMAIL,
   };
-  
+
   const subject = getUserConfirmationSubject(WEBSITE_NAME);
   const html = getUserConfirmationHtml(props);
   const text = getUserConfirmationText(props);
-  
+
   return sendEmail(email, subject, html, text);
 }
 
@@ -325,16 +314,16 @@ export async function testEmailConfiguration(): Promise<boolean> {
   if (!isProduction) {
     return true;
   }
-  
+
   try {
     // Initialize transporter if not already done
     if (!transporter) {
       initializeTransporter();
     }
-    
+
     // Verify connection to SMTP server
     const connectionResult = await new Promise<boolean>((resolve) => {
-      transporter.verify(function(error, _success) {
+      transporter.verify(function (error, _success) {
         if (error) {
           resolve(false);
         } else {
@@ -342,11 +331,11 @@ export async function testEmailConfiguration(): Promise<boolean> {
         }
       });
     });
-    
+
     if (!connectionResult) {
       return false;
     }
-    
+
     return true;
   } catch {
     return false;
@@ -356,4 +345,4 @@ export async function testEmailConfiguration(): Promise<boolean> {
 // Run a test of the email configuration
 if (isProduction) {
   testEmailConfiguration();
-}
\ No newline at end of file
+}
diff --git a/src/utils/images-optimization.ts b/src/utils/images-optimization.ts
index c6ce490..9955e1e 100644
--- a/src/utils/images-optimization.ts
+++ b/src/utils/images-optimization.ts
@@ -199,7 +199,7 @@ const getBreakpoints = ({
   if (layout === 'constrained') {
     // Use imageSizes when width is smaller than the smallest deviceSize
     const sizesToUse = width < config.deviceSizes[0] ? config.imageSizes : config.deviceSizes;
-    
+
     return [
       // Always include the image at 1x and 2x the specified width
       width,
diff --git a/src/utils/language.ts b/src/utils/language.ts
new file mode 100644
index 0000000..33a4e1b
--- /dev/null
+++ b/src/utils/language.ts
@@ -0,0 +1,28 @@
+import { supportedLanguages } from '~/i18n/translations';
+
+// Define the type for supported languages
+type SupportedLanguage = (typeof supportedLanguages)[number];
+
+export function detectPreferredLanguage(request: Request): SupportedLanguage {
+  // Check for language preference in cookies (set by client-side JS)
+  const cookies = request.headers.get('cookie') || '';
+  const cookieLanguage = cookies
+    .split(';')
+    .map((cookie) => cookie.trim())
+    .find((cookie) => cookie.startsWith('preferredLanguage='))
+    ?.split('=')[1];
+
+  // Get the user's preferred language from the browser if no cookie
+  const acceptLanguage = request.headers.get('accept-language') || '';
+
+  // Use cookie language if available, otherwise detect from browser
+  const preferredLanguage =
+    cookieLanguage && supportedLanguages.includes(cookieLanguage as SupportedLanguage)
+      ? (cookieLanguage as SupportedLanguage)
+      : acceptLanguage
+          .split(',')
+          .map((lang) => lang.split(';')[0].trim().substring(0, 2))
+          .find((lang) => supportedLanguages.includes(lang as SupportedLanguage)) || 'en';
+
+  return preferredLanguage as SupportedLanguage;
+}
diff --git a/src/utils/permalinks.ts b/src/utils/permalinks.ts
index b28429a..37782e4 100644
--- a/src/utils/permalinks.ts
+++ b/src/utils/permalinks.ts
@@ -57,7 +57,7 @@ export const getPermalink = (slug = '', type = 'page', lang = ''): string => {
   ) {
     return slug;
   }
-  
+
   // Extract hash fragment if present
   let hashFragment = '';
   if (slug.includes('#')) {
@@ -121,12 +121,12 @@ const definitivePermalink = (permalink: string, lang = ''): string => {
   if (permalink.startsWith('#')) {
     return permalink;
   }
-  
+
   // Don't add language prefix to external links
   if (permalink.startsWith('http://') || permalink.startsWith('https://') || permalink.startsWith('//')) {
     return permalink;
   }
-  
+
   if (lang && ['en', 'nl', 'de', 'fr'].includes(lang)) {
     return createPath(BASE_PATHNAME, lang, permalink);
   }