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

@@ -208,5 +208,6 @@ const metadata = {
}}
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."}
spamReview={t.homepage?.spamReview}
/>
</Layout>

View File

@@ -466,6 +466,10 @@ const metadata = {
font-size: 1rem;
margin-left: 1rem;
}
.cta-subtitle {
font-size: 1.1rem !important;
}
}
</style>
@@ -608,7 +612,7 @@ const metadata = {
}}
>
<Fragment slot="title">
<div class="text-6xl font-black mb-6">
<div class="text-3xl sm:text-4xl md:text-5xl lg:text-6xl font-black mb-6">
<span class="text-transparent bg-clip-text bg-gradient-to-r from-pink-400 via-purple-400 to-blue-400">
{explosive.cta.title}
</span>
@@ -654,6 +658,7 @@ const metadata = {
classes={{
container: 'glass-vibrant'
}}
spamReview={explosive.spamReview}
/>
</div>
</Layout>

View File

@@ -163,5 +163,6 @@ const metadata = {
}}
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."}
spamReview={t.homepage?.spamReview}
/>
</Layout>