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:
@@ -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>
|
||||
|
||||
@@ -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>
|
||||
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user