Add spam review functionality to contact form and update translations

- Introduced a new spamReview property in the Form interface to handle manual review requests for messages flagged as spam.
- Updated the Form component to display a spam warning and a manual review form with dynamic labels and placeholders based on translations.
- Enhanced the Tailwind CSS styles for responsive subtitles across various components.
- Added corresponding translations for the spam review feature in English, Dutch, German, and French, ensuring consistency and clarity in messaging.
- Updated various components to integrate the new spamReview functionality, improving user experience and interaction.
This commit is contained in:
becarta
2025-07-12 00:28:44 +02:00
parent bbf85be7c8
commit e8833ce52b
15 changed files with 145 additions and 30 deletions

View File

@@ -45,6 +45,18 @@ export interface ExplosiveHomepageTranslation {
};
disclaimer: string;
};
spamReview: {
title: string;
description: string;
emailLabel: string;
emailPlaceholder: string;
justificationLabel: string;
justificationOptional: string;
justificationPlaceholder: string;
button: string;
resultSuccess: string;
resultError: string;
};
}
export const supportedLanguages = ['en', 'nl', 'de', 'fr'] as const;
@@ -136,6 +148,18 @@ export const explosiveHomepageTranslations: Record<string, ExplosiveHomepageTran
},
disclaimer: '🔒 Your information stays secure. No spam — just results.',
},
spamReview: {
title: "Your message was detected as spam and was not sent.",
description: "If you believe this is a mistake, you can request a manual review.",
emailLabel: "Please re-enter your email address for confirmation",
emailPlaceholder: "Enter your email address again",
justificationLabel: "Why is this not spam?",
justificationOptional: "(optional)",
justificationPlaceholder: "Explain why your message is legitimate...",
button: "Request Manual Review",
resultSuccess: "Your request for manual review has been submitted. Thank you!",
resultError: "There was an error submitting your manual review request."
},
},
nl: {
hero: {
@@ -221,6 +245,18 @@ export const explosiveHomepageTranslations: Record<string, ExplosiveHomepageTran
},
disclaimer: '🔒 Jouw gegevens blijven privé. Geen spam alleen oplossingen.',
},
spamReview: {
title: "Je bericht is als spam gemarkeerd en niet verzonden.",
description: "Denk je dat dit onterecht is? Vraag dan een handmatige beoordeling aan.",
emailLabel: "Voer je e-mailadres opnieuw in ter bevestiging",
emailPlaceholder: "Voer opnieuw je e-mailadres in",
justificationLabel: "Waarom is dit geen spam?",
justificationOptional: "(optioneel)",
justificationPlaceholder: "Leg uit waarom je bericht legitiem is...",
button: "Handmatige beoordeling aanvragen",
resultSuccess: "Je verzoek voor handmatige beoordeling is ingediend. Bedankt!",
resultError: "Er is een fout opgetreden bij het verzenden van je verzoek."
},
},
de: {
hero: {
@@ -306,6 +342,18 @@ export const explosiveHomepageTranslations: Record<string, ExplosiveHomepageTran
},
disclaimer: '🔒 Ihre Daten sind bei uns sicher. Kein Spam nur Lösungen.',
},
spamReview: {
title: "Ihre Nachricht wurde als Spam erkannt und nicht versendet.",
description: "Wenn Sie der Meinung sind, dass es sich um einen Fehler handelt, können Sie eine manuelle Prüfung anfordern.",
emailLabel: "Bitte geben Sie zur Bestätigung Ihre E-Mail-Adresse erneut ein",
emailPlaceholder: "E-Mail-Adresse erneut eingeben",
justificationLabel: "Warum ist das kein Spam?",
justificationOptional: "(optional)",
justificationPlaceholder: "Erklären Sie, warum Ihre Nachricht legitim ist...",
button: "Manuelle Prüfung anfordern",
resultSuccess: "Ihre Anfrage zur manuellen Prüfung wurde übermittelt. Vielen Dank!",
resultError: "Beim Absenden Ihrer Anfrage ist ein Fehler aufgetreten."
},
},
fr: {
hero: {
@@ -390,5 +438,17 @@ export const explosiveHomepageTranslations: Record<string, ExplosiveHomepageTran
},
disclaimer: '🔒 Vos données sont confidentielles. Aucune publicité uniquement des solutions concrètes.',
},
spamReview: {
title: "Votre message a été détecté comme spam et na pas été envoyé.",
description: "Si vous pensez quil sagit dune erreur, vous pouvez demander une révision manuelle.",
emailLabel: "Veuillez saisir à nouveau votre adresse e-mail pour confirmation",
emailPlaceholder: "Saisissez à nouveau votre adresse e-mail",
justificationLabel: "Pourquoi ce message nest-il pas du spam ?",
justificationOptional: "(optionnel)",
justificationPlaceholder: "Expliquez pourquoi votre message est légitime...",
button: "Demander une révision manuelle",
resultSuccess: "Votre demande de révision manuelle a été envoyée. Merci !",
resultError: "Une erreur sest produite lors de lenvoi de votre demande."
},
},
};