feat: add contact page with form handling and validation

- Implemented a contact page with a form for user inquiries.
- Added validation for form fields using Zod schema.
- Integrated PostgreSQL database for storing contact messages.
- Created necessary API endpoints for form submission.
- Added admin authentication and session management.
- Developed CGU, cookies policy, privacy policy, and legal mentions pages.
- Set up Docker configuration for PostgreSQL and application services.
- Enhanced UI with responsive design and accessibility features.
This commit is contained in:
Puechberty Arthur
2026-04-01 19:21:21 +02:00
parent 50553d5e92
commit f63eeb2e84
36 changed files with 2267 additions and 155 deletions
+31 -5
View File
@@ -1,8 +1,11 @@
@import "tailwindcss";
:root {
--background: #ffffff;
--foreground: #171717;
--background: #f2f7fb;
--foreground: #0f172a;
--app-gradient: radial-gradient(circle at 20% 20%, #e0f2fe 0%, transparent 42%),
radial-gradient(circle at 80% 0%, #fef3c7 0%, transparent 38%),
linear-gradient(180deg, #f8fafc 0%, #eef2ff 100%);
}
@theme inline {
@@ -14,13 +17,36 @@
@media (prefers-color-scheme: dark) {
:root {
--background: #0a0a0a;
--foreground: #ededed;
--background: #020617;
--foreground: #e2e8f0;
--app-gradient: radial-gradient(circle at 10% 10%, #0f766e66 0%, transparent 38%),
radial-gradient(circle at 100% 0%, #1e293b 0%, transparent 38%),
linear-gradient(180deg, #020617 0%, #0f172a 100%);
}
}
body {
background: var(--background);
color: var(--foreground);
font-family: Arial, Helvetica, sans-serif;
font-family: var(--font-geist-sans), sans-serif;
}
.bg-app-gradient {
background-image: var(--app-gradient);
background-attachment: fixed;
}
@keyframes fadeIn {
from {
opacity: 0;
transform: translateY(10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.animate-fade-in {
animation: fadeIn 420ms ease-out both;
}