Enhance homepage layout and content structure

- Updated the homepage to utilize a new layout with multiple widgets including Hero, Features, Content, CallToAction, and Contact.
- Implemented dynamic translations for the homepage content to improve accessibility and user experience.
- Set prerendering to true for better performance and SEO optimization.

src/i18n/translations.eap.ts

@@ -120,336 +120,336 @@ export const eapTranslations: Record<string, Translation['eap']> = {
     }
   },
   nl: {
-    menu: 'Enterprise App Protection',
-    title: 'Enterprise App Protection (EAP) – Advanced Phishing Defense',
-    intro: 'Protect yourself and your organization from phishing attacks that impersonate common enterprise applications like DocuSign, Salesforce, Microsoft 365, and hundreds more.',
+    menu: 'Enterprise App Bescherming',
+    title: 'Enterprise App Bescherming (EAP) – Geavanceerde Phishingbescherming',
+    intro: 'Bescherm jezelf en je organisatie tegen phishingaanvallen die zich voordoen als bekende zakelijke apps zoals DocuSign, Salesforce, Microsoft 365 en honderden andere.',
     whatItDoes: {
-      title: 'What This Extension Does',
+      title: 'Wat Deze Extensie Doet',
       items: [
-        'Automatically scans links in your browser and emails in real time',
-        'Alerts you when a link claims to be from a trusted enterprise app but leads to an unofficial domain',
-        'Uses Google Safe Browsing API to detect phishing and malware threats beyond known fake domains',
-        'Maintains an up-to-date database of legitimate enterprise application domains',
-        'Detects dynamically added links (e.g., in Outlook Web, Teams, SharePoint)',
-        'Works with 150+ enterprise applications',
-        'Functions completely offline after initial setup (except for Safe Browsing checks)'
+        'Scant automatisch links in je browser en e-mails in realtime',
+        'Waarschuwt je als een link zich voordoet als een vertrouwde zakelijke app maar naar een onofficieel domein leidt',
+        'Gebruikt de Google Safe Browsing API om phishing- en malwaredreigingen te detecteren buiten bekende nep-domeinen',
+        'Beheert een actuele database van legitieme domeinen van zakelijke apps',
+        'Detecteert dynamisch toegevoegde links (bijv. in Outlook Web, Teams, SharePoint)',
+        'Werkt met meer dan 150 zakelijke applicaties',
+        'Werkt volledig offline na de eerste installatie (behalve Safe Browsing-controles)'
       ],
-      screenshot: 'Enterprise App Protection Screenshot',
+      screenshot: 'Enterprise App Bescherming Screenshot',
     },
     howItWorks: {
-      title: 'How It Works',
+      title: 'Hoe Het Werkt',
       steps: [
-        'Scans all links and detects if any enterprise applications are mentioned',
-        'Verifies if the associated links actually go to official domains',
-        'Checks Google Safe Browsing to detect malware and phishing links not in its internal database',
-        'Detects links inside dynamically loaded content',
-        'Shows a clear warning if a potential impersonation attempt is detected'
+        'Scant alle links en detecteert verwijzingen naar zakelijke applicaties',
+        'Verifieert of links daadwerkelijk naar officiële domeinen leiden',
+        'Controleert Google Safe Browsing op malware en phishinglinks die niet in de interne database staan',
+        'Detecteert links in dynamisch geladen inhoud',
+        'Toont een duidelijke waarschuwing bij mogelijke imitatiepogingen'
       ]
     },
     privacy: {
-      title: 'Privacy & Security',
+      title: 'Privacy & Beveiliging',
       items: [
-        'Zero Data Collection: This extension does not collect, store, or transmit any personal data, browsing history, or email content.',
-        'Completely Offline: After initial installation, all domain checks are performed locally on your device.',
-        'No Cloud Processing: All link analysis happens directly in your browser.',
-        "Uses Google Safe Browsing API: Checks URLs against Google's real-time phishing and malware database.",
-        'Open Source: All code is available for review.'
+        'Geen Gegevensverzameling: Deze extensie verzamelt, slaat of verzendt geen persoonlijke gegevens, browsegeschiedenis of e-mailinhoud.',
+        'Volledig Offline: Na installatie worden alle domeincontroles lokaal uitgevoerd.',
+        'Geen Cloudverwerking: Analyse van links gebeurt volledig in je browser.',
+        'Gebruikt Google Safe Browsing API: Controleert URL’s tegen de realtime database van Google.',
+        'Open Source: Alle code is openbaar en te bekijken.'
       ]
     },
     notDo: {
-      title: 'What This Extension Doesn\'t Do',
+      title: 'Wat Deze Extensie Niet Doet',
       items: [
-        'Does NOT access, read, or store your email content or attachments.',
-        'Does NOT track your browsing history.',
-        'Does NOT require an account or registration.',
-        'Does NOT send any data back to our servers.',
-        'Does NOT modify or alter any content—it only shows warnings.',
-        'Does NOT prevent you from visiting any websites.'
+        'Leest, opent of slaat je e-mails of bijlagen NIET op.',
+        'Volgt je browsegeschiedenis NIET.',
+        'Vereist GEEN account of registratie.',
+        'Stuurt GEEN gegevens naar onze servers.',
+        'Wijzigt GEEN inhoud – toont alleen waarschuwingen.',
+        'Blokkeert GEEN toegang tot websites.'
       ]
     },
     trustedBlocked: {
-      title: 'Trusted & Blocked Domains',
+      title: 'Vertrouwde & Geblokkeerde Domeinen',
       steps: [
-        'Open the extension options page.',
-        'Add or remove domains under "Trusted Domains" or "Blocked Domains".',
-        'Click "Update Database" to apply changes.'
+        'Open de instellingenpagina van de extensie.',
+        'Voeg domeinen toe of verwijder ze onder "Vertrouwde" of "Geblokkeerde Domeinen".',
+        'Klik op "Update Database" om wijzigingen toe te passen.'
       ]
     },
     safeBrowsing: {
       title: 'Google Safe Browsing API',
-      content: 'This extension integrates with Google Safe Browsing to detect additional phishing and malware sites. If Google does not recognize a site as unsafe, it will not be flagged unless it is in the blocked domains list.',
-      report: 'Report new phishing domains to Google',
+      content: 'Deze extensie integreert met Google Safe Browsing om extra phishing- en malwarewebsites te detecteren. Als Google een site niet als onveilig beschouwt, wordt deze alleen gemarkeerd als hij in de geblokkeerde lijst staat.',
+      report: 'Meld nieuwe phishingdomeinen bij Google',
       reportLink: 'https://safebrowsing.google.com/safebrowsing/report_phish/'
     },
     audience: {
-      title: 'Perfect For',
+      title: 'Ideaal Voor',
       items: [
-        'Business professionals who regularly use enterprise applications',
-        'IT security teams looking to protect their organizations',
-        'Anyone concerned about phishing attacks targeting business services',
-        'Organizations using multiple cloud-based enterprise applications',
-        'Microsoft 365 users (Outlook, Teams, SharePoint) who want extra security'
+        'Professionals die regelmatig zakelijke apps gebruiken',
+        'IT-beveiligingsteams die hun organisatie willen beschermen',
+        'Iedereen die bezorgd is over phishingaanvallen gericht op zakelijke diensten',
+        'Organisaties die meerdere cloudgebaseerde apps gebruiken',
+        'Microsoft 365-gebruikers die extra beveiliging willen'
       ]
     },
     requirements: {
-      title: 'System Requirements',
+      title: 'Systeemvereisten',
       items: [
         'Google Chrome 88+ / Microsoft Edge 88+',
-        'Works with Microsoft Outlook Web, Teams, and SharePoint',
-        'Internet connection required for Safe Browsing checks (optional)'
+        'Werkt met Outlook Web, Teams en SharePoint',
+        'Internetverbinding vereist voor Safe Browsing (optioneel)'
       ]
     },
     troubleshooting: {
-      title: 'Troubleshooting',
-      notFlagged: 'Why is a suspicious site not flagged?',
+      title: 'Probleemoplossing',
+      notFlagged: 'Waarom wordt een verdachte site niet gemarkeerd?',
       notFlaggedReasons: [
-        'It might not be in the domains.json database.',
-        'Google Safe Browsing does not recognize it as a phishing site.',
-        'The domain may be a legitimate subdomain of an official service.'
+        'De site staat mogelijk niet in de domains.json-database.',
+        'Google beschouwt het niet als phishing.',
+        'Het kan een legitiem subdomein zijn van een officiële dienst.'
       ],
-      falsePositive: 'Why is a link incorrectly flagged?',
+      falsePositive: 'Waarom wordt een legitieme link onterecht gemarkeerd?',
       falsePositiveReasons: [
-        'If the link contains a word matching an app name but is not actually phishing.',
-        'You can add the domain to "Trusted Domains" in the options page.'
+        'De link bevat mogelijk een app-naam maar is niet kwaadaardig.',
+        'Je kunt het domein toevoegen aan "Vertrouwde Domeinen" in de instellingen.'
       ]
     },
     updates: {
-      title: 'Latest Updates',
+      title: 'Laatste Updates',
       features: [
-        'Dynamic Link Scanning: Detects phishing links inside emails, Teams, and SharePoint without reloading the page.',
-        'Google Safe Browsing Support: Detects additional phishing sites beyond known fake domains.',
-        'Improved Matching: Ensures only full app names trigger warnings.',
-        'Optimized Performance: No duplicate warnings, reduced false positives.',
-        'No More Debugging Logs: Production-ready version with clean console logs.'
+        'Dynamische Linkcontrole: Detecteert phishinglinks in e-mails en apps zonder de pagina te herladen.',
+        'Google Safe Browsing-integratie: Extra detectie van phishingwebsites.',
+        'Verbeterde Herkenning: Alleen volledige app-namen activeren waarschuwingen.',
+        'Geoptimaliseerde Prestaties: Minder foutmeldingen en dubbele waarschuwingen.',
+        'Geen Debuglogs meer: Productieversie met schone console.'
       ]
     },
     screenshots: {
-      settings: 'Settings Page',
-      popup: 'Extension Popup',
+      settings: 'Instellingenpagina',
+      popup: 'Extensie Popup',
       settingsImg: 'https://raw.githubusercontent.com/rrpbergsma/EnterpriseAppProtection/refs/heads/main/SettingPage.png',
       popupImg: 'https://raw.githubusercontent.com/rrpbergsma/EnterpriseAppProtection/refs/heads/main/ExtensionPopup.png',
       mainImg: 'https://raw.githubusercontent.com/rrpbergsma/EnterpriseAppProtection/refs/heads/main/EnterpriseAppProtection.png'
     }
   },
   de: {
-    menu: 'Enterprise App Protection',
-    title: 'Enterprise App Protection (EAP) – Advanced Phishing Defense',
-    intro: 'Protect yourself and your organization from phishing attacks that impersonate common enterprise applications like DocuSign, Salesforce, Microsoft 365, and hundreds more.',
+    menu: 'Enterprise App Schutz',
+    title: 'Enterprise App Schutz (EAP) – Erweiterter Phishing-Schutz',
+    intro: 'Schützen Sie sich und Ihr Unternehmen vor Phishing-Angriffen, die sich als bekannte Unternehmensanwendungen wie DocuSign, Salesforce, Microsoft 365 und viele weitere ausgeben.',
     whatItDoes: {
-      title: 'What This Extension Does',
+      title: 'Was Diese Erweiterung Macht',
       items: [
-        'Automatically scans links in your browser and emails in real time',
-        'Alerts you when a link claims to be from a trusted enterprise app but leads to an unofficial domain',
-        'Uses Google Safe Browsing API to detect phishing and malware threats beyond known fake domains',
-        'Maintains an up-to-date database of legitimate enterprise application domains',
-        'Detects dynamically added links (e.g., in Outlook Web, Teams, SharePoint)',
-        'Works with 150+ enterprise applications',
-        'Functions completely offline after initial setup (except for Safe Browsing checks)'
+        'Scannt automatisch Links in Ihrem Browser und E-Mails in Echtzeit',
+        'Warnt Sie, wenn ein Link vorgibt, von einer vertrauenswürdigen App zu stammen, aber zu einer inoffiziellen Domain führt',
+        'Verwendet die Google Safe Browsing API, um Phishing- und Malware-Bedrohungen zu erkennen, die über bekannte Fake-Domains hinausgehen',
+        'Pflegt eine aktuelle Datenbank mit legitimen Unternehmensdomains',
+        'Erkennt dynamisch eingefügte Links (z. B. in Outlook Web, Teams, SharePoint)',
+        'Funktioniert mit über 150 Unternehmensanwendungen',
+        'Funktioniert komplett offline nach der Erstinstallation (außer Safe-Browsing-Prüfungen)'
       ],
-      screenshot: 'Enterprise App Protection Screenshot',
+      screenshot: 'Enterprise App Schutz Screenshot',
     },
     howItWorks: {
-      title: 'How It Works',
+      title: 'Wie Es Funktioniert',
       steps: [
-        'Scans all links and detects if any enterprise applications are mentioned',
-        'Verifies if the associated links actually go to official domains',
-        'Checks Google Safe Browsing to detect malware and phishing links not in its internal database',
-        'Detects links inside dynamically loaded content',
-        'Shows a clear warning if a potential impersonation attempt is detected'
+        'Scannt alle Links und erkennt, ob Unternehmensanwendungen erwähnt werden',
+        'Überprüft, ob die zugehörigen Links tatsächlich zu offiziellen Domains führen',
+        'Überprüft Google Safe Browsing auf Malware- und Phishing-Links, die nicht in der internen Datenbank enthalten sind',
+        'Erkennt Links in dynamisch geladenen Inhalten',
+        'Zeigt eine deutliche Warnung bei einem möglichen Imitationsversuch'
       ]
     },
     privacy: {
-      title: 'Privacy & Security',
+      title: 'Datenschutz & Sicherheit',
       items: [
-        'Zero Data Collection: This extension does not collect, store, or transmit any personal data, browsing history, or email content.',
-        'Completely Offline: After initial installation, all domain checks are performed locally on your device.',
-        'No Cloud Processing: All link analysis happens directly in your browser.',
-        "Uses Google Safe Browsing API: Checks URLs against Google's real-time phishing and malware database.",
-        'Open Source: All code is available for review.'
+        'Keine Datenerfassung: Diese Erweiterung sammelt, speichert oder überträgt keine persönlichen Daten, Browserverläufe oder E-Mail-Inhalte.',
+        'Komplett Offline: Nach der Installation werden alle Prüfungen lokal auf Ihrem Gerät durchgeführt.',
+        'Keine Cloud-Verarbeitung: Alle Link-Analysen finden direkt in Ihrem Browser statt.',
+        'Verwendet die Google Safe Browsing API: URLs werden mit Googles aktueller Phishing- und Malware-Datenbank abgeglichen.',
+        'Open Source: Der gesamte Code ist öffentlich einsehbar.'
       ]
     },
     notDo: {
-      title: 'What This Extension Doesn\'t Do',
+      title: 'Was Diese Erweiterung Nicht Macht',
       items: [
-        'Does NOT access, read, or store your email content or attachments.',
-        'Does NOT track your browsing history.',
-        'Does NOT require an account or registration.',
-        'Does NOT send any data back to our servers.',
-        'Does NOT modify or alter any content—it only shows warnings.',
-        'Does NOT prevent you from visiting any websites.'
+        'Greift NICHT auf Ihre E-Mails oder Anhänge zu und speichert diese nicht.',
+        'Verfolgt NICHT Ihren Browserverlauf.',
+        'Erfordert KEIN Benutzerkonto oder Registrierung.',
+        'Sendet KEINE Daten an unsere Server.',
+        'Ändert KEINE Inhalte – zeigt nur Warnungen an.',
+        'Verhindert NICHT den Besuch von Webseiten.'
       ]
     },
     trustedBlocked: {
-      title: 'Trusted & Blocked Domains',
+      title: 'Vertrauenswürdige & Blockierte Domains',
       steps: [
-        'Open the extension options page.',
-        'Add or remove domains under "Trusted Domains" or "Blocked Domains".',
-        'Click "Update Database" to apply changes.'
+        'Öffnen Sie die Einstellungsseite der Erweiterung.',
+        'Fügen Sie Domains unter „Vertrauenswürdige Domains“ oder „Blockierte Domains“ hinzu oder entfernen Sie diese.',
+        'Klicken Sie auf „Datenbank aktualisieren“, um die Änderungen zu übernehmen.'
       ]
     },
     safeBrowsing: {
       title: 'Google Safe Browsing API',
-      content: 'This extension integrates with Google Safe Browsing to detect additional phishing and malware sites. If Google does not recognize a site as unsafe, it will not be flagged unless it is in the blocked domains list.',
-      report: 'Report new phishing domains to Google',
+      content: 'Diese Erweiterung integriert die Google Safe Browsing API, um zusätzliche Phishing- und Malware-Websites zu erkennen. Wird eine Website von Google nicht als unsicher erkannt, wird sie nur blockiert, wenn sie in der blockierten Liste enthalten ist.',
+      report: 'Neue Phishing-Domains an Google melden',
       reportLink: 'https://safebrowsing.google.com/safebrowsing/report_phish/'
     },
     audience: {
-      title: 'Perfect For',
+      title: 'Ideal Für',
       items: [
-        'Business professionals who regularly use enterprise applications',
-        'IT security teams looking to protect their organizations',
-        'Anyone concerned about phishing attacks targeting business services',
-        'Organizations using multiple cloud-based enterprise applications',
-        'Microsoft 365 users (Outlook, Teams, SharePoint) who want extra security'
+        'Fachleute, die regelmäßig Unternehmensanwendungen nutzen',
+        'IT-Sicherheitsteams, die ihr Unternehmen schützen möchten',
+        'Jede Person mit Bedenken wegen Phishing-Angriffen auf Geschäftsanwendungen',
+        'Organisationen mit mehreren Cloud-basierten Diensten',
+        'Microsoft 365-Nutzer, die zusätzlichen Schutz wünschen'
       ]
     },
     requirements: {
-      title: 'System Requirements',
+      title: 'Systemanforderungen',
       items: [
         'Google Chrome 88+ / Microsoft Edge 88+',
-        'Works with Microsoft Outlook Web, Teams, and SharePoint',
-        'Internet connection required for Safe Browsing checks (optional)'
+        'Kompatibel mit Outlook Web, Teams und SharePoint',
+        'Internetverbindung erforderlich für Safe Browsing (optional)'
       ]
     },
     troubleshooting: {
-      title: 'Troubleshooting',
-      notFlagged: 'Why is a suspicious site not flagged?',
+      title: 'Fehlerbehebung',
+      notFlagged: 'Warum wurde eine verdächtige Seite nicht erkannt?',
       notFlaggedReasons: [
-        'It might not be in the domains.json database.',
-        'Google Safe Browsing does not recognize it as a phishing site.',
-        'The domain may be a legitimate subdomain of an official service.'
+        'Sie ist möglicherweise nicht in der Datei domains.json enthalten.',
+        'Google Safe Browsing erkennt sie nicht als Phishing-Seite.',
+        'Die Domain kann ein legitimes Subdomain eines offiziellen Dienstes sein.'
       ],
-      falsePositive: 'Why is a link incorrectly flagged?',
+      falsePositive: 'Warum wurde ein Link fälschlicherweise erkannt?',
       falsePositiveReasons: [
-        'If the link contains a word matching an app name but is not actually phishing.',
-        'You can add the domain to "Trusted Domains" in the options page.'
+        'Der Link enthält möglicherweise einen App-Namen, ist aber nicht bösartig.',
+        'Sie können die Domain in den "Vertrauenswürdigen Domains" hinzufügen.'
       ]
     },
     updates: {
-      title: 'Latest Updates',
+      title: 'Neueste Updates',
       features: [
-        'Dynamic Link Scanning: Detects phishing links inside emails, Teams, and SharePoint without reloading the page.',
-        'Google Safe Browsing Support: Detects additional phishing sites beyond known fake domains.',
-        'Improved Matching: Ensures only full app names trigger warnings.',
-        'Optimized Performance: No duplicate warnings, reduced false positives.',
-        'No More Debugging Logs: Production-ready version with clean console logs.'
+        'Dynamische Link-Erkennung: Erkennt Phishing-Links in E-Mails, Teams und SharePoint ohne Seitenneuladen.',
+        'Google Safe Browsing-Unterstützung: Erkennt zusätzliche Phishing-Seiten.',
+        'Verbessertes Matching: Nur vollständige App-Namen lösen Warnungen aus.',
+        'Optimierte Leistung: Weniger Fehlalarme und doppelte Warnungen.',
+        'Keine Debug-Protokolle mehr: Produktionsversion mit sauberer Konsole.'
       ]
     },
     screenshots: {
-      settings: 'Settings Page',
-      popup: 'Extension Popup',
+      settings: 'Einstellungsseite',
+      popup: 'Erweiterungs-Popup',
       settingsImg: 'https://raw.githubusercontent.com/rrpbergsma/EnterpriseAppProtection/refs/heads/main/SettingPage.png',
       popupImg: 'https://raw.githubusercontent.com/rrpbergsma/EnterpriseAppProtection/refs/heads/main/ExtensionPopup.png',
       mainImg: 'https://raw.githubusercontent.com/rrpbergsma/EnterpriseAppProtection/refs/heads/main/EnterpriseAppProtection.png'
     }
   },
   fr: {
-    menu: 'Enterprise App Protection',
-    title: 'Enterprise App Protection (EAP) – Advanced Phishing Defense',
-    intro: 'Protect yourself and your organization from phishing attacks that impersonate common enterprise applications like DocuSign, Salesforce, Microsoft 365, and hundreds more.',
+    menu: 'Protection des Applications d’Entreprise',
+    title: 'Protection des Applications d’Entreprise (EAP) – Défense Antiphishing Avancée',
+    intro: 'Protégez-vous et votre organisation contre les attaques de phishing se faisant passer pour des applications professionnelles connues comme DocuSign, Salesforce, Microsoft 365, et bien d’autres.',
     whatItDoes: {
-      title: 'What This Extension Does',
+      title: 'Ce Que Fait Cette Extension',
       items: [
-        'Automatically scans links in your browser and emails in real time',
-        'Alerts you when a link claims to be from a trusted enterprise app but leads to an unofficial domain',
-        'Uses Google Safe Browsing API to detect phishing and malware threats beyond known fake domains',
-        'Maintains an up-to-date database of legitimate enterprise application domains',
-        'Detects dynamically added links (e.g., in Outlook Web, Teams, SharePoint)',
-        'Works with 150+ enterprise applications',
-        'Functions completely offline after initial setup (except for Safe Browsing checks)'
+        'Analyse automatiquement les liens dans votre navigateur et vos e-mails en temps réel',
+        'Vous alerte si un lien se prétend fiable mais redirige vers un domaine non officiel',
+        'Utilise l’API Google Safe Browsing pour détecter les menaces au-delà des domaines frauduleux connus',
+        'Maintient une base de données à jour des domaines d’applications professionnelles légitimes',
+        'Détecte les liens ajoutés dynamiquement (ex. dans Outlook Web, Teams, SharePoint)',
+        'Compatible avec plus de 150 applications d’entreprise',
+        'Fonctionne totalement hors ligne après installation (sauf vérification Safe Browsing)'
       ],
-      screenshot: 'Enterprise App Protection Screenshot',
+      screenshot: 'Capture d’écran – Protection des Applications d’Entreprise',
     },
     howItWorks: {
-      title: 'How It Works',
+      title: 'Comment Ça Fonctionne',
       steps: [
-        'Scans all links and detects if any enterprise applications are mentioned',
-        'Verifies if the associated links actually go to official domains',
-        'Checks Google Safe Browsing to detect malware and phishing links not in its internal database',
-        'Detects links inside dynamically loaded content',
-        'Shows a clear warning if a potential impersonation attempt is detected'
+        'Analyse tous les liens et détecte les références aux applications d’entreprise',
+        'Vérifie si les liens pointent vers des domaines officiels',
+        'Interroge Google Safe Browsing pour détecter les liens malveillants non listés en interne',
+        'Analyse aussi les contenus chargés dynamiquement',
+        'Affiche un avertissement clair en cas de tentative d’usurpation détectée'
       ]
     },
     privacy: {
-      title: 'Privacy & Security',
+      title: 'Confidentialité & Sécurité',
       items: [
-        'Zero Data Collection: This extension does not collect, store, or transmit any personal data, browsing history, or email content.',
-        'Completely Offline: After initial installation, all domain checks are performed locally on your device.',
-        'No Cloud Processing: All link analysis happens directly in your browser.',
-        "Uses Google Safe Browsing API: Checks URLs against Google's real-time phishing and malware database.",
-        'Open Source: All code is available for review.'
+        'Aucune Collecte de Données : Cette extension ne collecte, stocke ni ne transmet aucune donnée personnelle, historique de navigation ou contenu d’e-mail.',
+        'Totalement Hors Ligne : Les vérifications de domaine sont effectuées localement après l’installation.',
+        'Aucun Traitement Cloud : Toutes les analyses se font directement dans votre navigateur.',
+        'Utilise l’API Google Safe Browsing : Vérifie les URL en temps réel avec la base de données de Google.',
+        'Code Ouvert : L’ensemble du code est public et consultable.'
       ]
     },
     notDo: {
-      title: 'What This Extension Doesn\'t Do',
+      title: 'Ce Que Cette Extension Ne Fait Pas',
       items: [
-        'Does NOT access, read, or store your email content or attachments.',
-        'Does NOT track your browsing history.',
-        'Does NOT require an account or registration.',
-        'Does NOT send any data back to our servers.',
-        'Does NOT modify or alter any content—it only shows warnings.',
-        'Does NOT prevent you from visiting any websites.'
+        'N’ACCÈDE PAS, ne lit pas et ne stocke pas vos e-mails ou pièces jointes.',
+        'Ne suit PAS votre historique de navigation.',
+        'Ne nécessite PAS de compte ou d’inscription.',
+        'N’envoie PAS de données à nos serveurs.',
+        'Ne modifie PAS les contenus – affiche uniquement des alertes.',
+        'Ne bloque PAS l’accès aux sites web.'
       ]
     },
     trustedBlocked: {
-      title: 'Trusted & Blocked Domains',
+      title: 'Domaines de Confiance et Bloqués',
       steps: [
-        'Open the extension options page.',
-        'Add or remove domains under "Trusted Domains" or "Blocked Domains".',
-        'Click "Update Database" to apply changes.'
+        'Ouvrez la page des options de l’extension.',
+        'Ajoutez ou supprimez des domaines sous « Domaines de confiance » ou « Domaines bloqués ».',
+        'Cliquez sur « Mettre à jour la base de données » pour appliquer les modifications.'
       ]
     },
     safeBrowsing: {
-      title: 'Google Safe Browsing API',
-      content: 'This extension integrates with Google Safe Browsing to detect additional phishing and malware sites. If Google does not recognize a site as unsafe, it will not be flagged unless it is in the blocked domains list.',
-      report: 'Report new phishing domains to Google',
+      title: 'API Google Safe Browsing',
+      content: 'Cette extension intègre Google Safe Browsing pour détecter des sites supplémentaires de phishing et de logiciels malveillants. Si Google ne signale pas un site comme dangereux, il ne sera marqué que s’il figure dans la liste des domaines bloqués.',
+      report: 'Signaler un domaine de phishing à Google',
       reportLink: 'https://safebrowsing.google.com/safebrowsing/report_phish/'
     },
     audience: {
-      title: 'Perfect For',
+      title: 'Idéal Pour',
       items: [
-        'Business professionals who regularly use enterprise applications',
-        'IT security teams looking to protect their organizations',
-        'Anyone concerned about phishing attacks targeting business services',
-        'Organizations using multiple cloud-based enterprise applications',
-        'Microsoft 365 users (Outlook, Teams, SharePoint) who want extra security'
+        'Professionnels utilisant des applications d’entreprise',
+        'Équipes de sécurité informatique souhaitant protéger leur structure',
+        'Personnes préoccupées par les attaques de phishing ciblant les services pro',
+        'Organisations utilisant plusieurs applications cloud',
+        'Utilisateurs Microsoft 365 à la recherche de sécurité renforcée'
       ]
     },
     requirements: {
-      title: 'System Requirements',
+      title: 'Configuration Requise',
       items: [
         'Google Chrome 88+ / Microsoft Edge 88+',
-        'Works with Microsoft Outlook Web, Teams, and SharePoint',
-        'Internet connection required for Safe Browsing checks (optional)'
+        'Compatible avec Outlook Web, Teams et SharePoint',
+        'Connexion Internet requise pour Safe Browsing (facultatif)'
       ]
     },
     troubleshooting: {
-      title: 'Troubleshooting',
-      notFlagged: 'Why is a suspicious site not flagged?',
+      title: 'Dépannage',
+      notFlagged: 'Pourquoi un site suspect n’est-il pas signalé ?',
       notFlaggedReasons: [
-        'It might not be in the domains.json database.',
-        'Google Safe Browsing does not recognize it as a phishing site.',
-        'The domain may be a legitimate subdomain of an official service.'
+        'Le domaine n’est peut-être pas répertorié dans domains.json.',
+        'Google ne le considère pas comme un site de phishing.',
+        'Il peut s’agir d’un sous-domaine légitime.'
       ],
-      falsePositive: 'Why is a link incorrectly flagged?',
+      falsePositive: 'Pourquoi un lien est-il signalé à tort ?',
       falsePositiveReasons: [
-        'If the link contains a word matching an app name but is not actually phishing.',
-        'You can add the domain to "Trusted Domains" in the options page.'
+        'Le lien contient peut-être le nom d’une app sans être un lien malveillant.',
+        'Ajoutez le domaine dans « Domaines de confiance » depuis les options.'
       ]
     },
     updates: {
-      title: 'Latest Updates',
+      title: 'Dernières Mises à Jour',
       features: [
-        'Dynamic Link Scanning: Detects phishing links inside emails, Teams, and SharePoint without reloading the page.',
-        'Google Safe Browsing Support: Detects additional phishing sites beyond known fake domains.',
-        'Improved Matching: Ensures only full app names trigger warnings.',
-        'Optimized Performance: No duplicate warnings, reduced false positives.',
-        'No More Debugging Logs: Production-ready version with clean console logs.'
+        'Analyse Dynamique des Liens : Détecte les liens dans les e-mails et apps sans recharger la page.',
+        'Support Google Safe Browsing : Détection élargie des sites de phishing.',
+        'Correspondance Améliorée : Seuls les noms complets d’apps déclenchent des alertes.',
+        'Performance Optimisée : Moins de faux positifs, pas d’alertes dupliquées.',
+        'Version de Production : Plus de logs de débogage, console propre.'
       ]
     },
     screenshots: {
-      settings: 'Settings Page',
-      popup: 'Extension Popup',
+      settings: 'Page des Paramètres',
+      popup: 'Popup de l’Extension',
       settingsImg: 'https://raw.githubusercontent.com/rrpbergsma/EnterpriseAppProtection/refs/heads/main/SettingPage.png',
       popupImg: 'https://raw.githubusercontent.com/rrpbergsma/EnterpriseAppProtection/refs/heads/main/ExtensionPopup.png',
       mainImg: 'https://raw.githubusercontent.com/rrpbergsma/EnterpriseAppProtection/refs/heads/main/EnterpriseAppProtection.png'

src/pages/index.astro

@@ -1,22 +1,166 @@
 ---
-export const prerender = false;
-import { detectPreferredLanguage } from '~/utils/language';
+export const prerender = true;
+import Layout from '~/layouts/PageLayout.astro';
+import Hero from '~/components/widgets/Hero2.astro';
+import Features from '~/components/widgets/Features.astro';
+import Content from '~/components/widgets/Content.astro';
+import CallToAction from '~/components/widgets/CallToAction.astro';
+import Contact from '~/components/widgets/Contact.astro';
+import { getTranslation } from '~/i18n/translations';
+import OurCommitmentImage from '~/assets/images/OurCommitment.webp';
 
-// Get the hash fragment if present
-const url = new URL(Astro.request.url);
-const hash = url.hash;
+const t = getTranslation('en');
 
-// 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];
-
-// Only use detected language if there's an explicit cookie preference
-const preferredLanguage = cookieLanguage || 'en';
-
-// Redirect to the language-specific homepage
-return Astro.redirect(`/${preferredLanguage}/${hash}`);
+const metadata = {
+  title: t.metadata.title,
+};
 ---
+
+<Layout metadata={metadata}>
+  <!-- Hero Widget -->
+  <Hero
+    title={t.hero.title}
+    subtitle={t.hero.subtitle}
+    isDark={false}
+    actions={[
+      {
+        variant: 'primary',
+        text: t.homepage?.actions?.learnMore || 'Learn More',
+        href: '#services',
+        icon: 'tabler:arrow-down',
+      },
+      { text: t.homepage?.actions?.contactMe || 'Contact Me', href: '#contact' },
+    ]}
+    image={{
+      src: '~/assets/images/HomepageIntroImage.webp',
+      alt: 'person sitting behind a computer with pen and paper next to him, A coffee mug and tablet on the desk',
+    }}
+  />
+
+  <!-- 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' }))}
+  />
+
+  <!-- Content Widget -->
+  <Content
+    isReversed
+    tagline={t.homepage?.approach?.tagline || 'About My Approach'}
+    title={t.homepage?.approach?.title || 'Our Commitment'}
+    items={[]}
+    image={{
+      src: OurCommitmentImage,
+      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>)
+        }
+      </div>
+    </Fragment>
+  </Content>
+
+  <!-- CallToAction Widget -->
+  <CallToAction
+    callToAction={{
+      text: t.homepage?.callToAction?.button || 'Contact Me',
+      href: '#contact',
+      icon: 'tabler:mail',
+    }}
+  >
+    <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."
+      }
+    </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."}
+    inputs={[
+      {
+        type: 'text',
+        name: 'name',
+        label: t.homepage?.contact?.nameLabel || 'Name',
+        placeholder: t.homepage?.contact?.namePlaceholder || 'Your name',
+      },
+      {
+        type: 'email',
+        name: 'email',
+        label: t.homepage?.contact?.emailLabel || 'Email',
+        placeholder: t.homepage?.contact?.emailPlaceholder || 'Your email address',
+      },
+    ]}
+    textarea={{
+      label: t.homepage?.contact?.messageLabel || 'Message',
+      placeholder: t.homepage?.contact?.messagePlaceholder || 'Your message',
+      rows: 8,
+    }}
+    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."}
+  />
+</Layout>