mirror of
https://github.com/arthur-pbty/contact.git
synced 2026-06-03 15:07:21 +02:00
Puechberty Arthur
f63eeb2e84
- 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.
25 lines
808 B
TypeScript
25 lines
808 B
TypeScript
import { Suspense } from "react";
|
|
import ContactPageClient from "./contact-page-client";
|
|
|
|
function LoadingContact() {
|
|
return (
|
|
<div className="mx-auto w-full max-w-[700px] px-4 py-10 sm:px-6 sm:py-14">
|
|
<div className="animate-pulse rounded-3xl border border-white/40 bg-white/70 p-8 shadow-lg dark:border-slate-800 dark:bg-slate-900/70">
|
|
<div className="h-4 w-36 rounded bg-slate-200 dark:bg-slate-700" />
|
|
<div className="mt-4 h-8 w-56 rounded bg-slate-200 dark:bg-slate-700" />
|
|
<div className="mt-3 h-4 w-64 rounded bg-slate-200 dark:bg-slate-700" />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
export default function Home() {
|
|
return (
|
|
<main className="w-full">
|
|
<Suspense fallback={<LoadingContact />}>
|
|
<ContactPageClient />
|
|
</Suspense>
|
|
</main>
|
|
);
|
|
}
|