src/app/contact/page.tsx

@@ -3,7 +3,7 @@
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from '@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay';
 import HeroCentered from '@/components/sections/hero/HeroCentered';
-import ContactForm from '@/components/form/ContactForm';
+import ContactCenter from '@/components/sections/contact/ContactCenter';
 import FooterMedia from '@/components/sections/footer/FooterMedia';
 import { Mail, Phone, MapPin, Clock } from 'lucide-react';
 
@@ -58,22 +58,19 @@ export default function ContactPage() {
         />
       </div>
 
-      <div id="contact-form" data-section="contact-form">
-        <div className="bg-white dark:bg-slate-900 py-16 px-6">
-          <div className="max-w-2xl mx-auto">
-            <ContactForm
-              title="Demander un Devis Gratuit"
-              description="Remplissez ce formulaire pour nous contacter. Nous répondons rapidement à toutes les demandes."
-              tag="Nous contacter"
-              tagIcon={Mail}
-              inputPlaceholder="Votre adresse email"
-              buttonText="Envoyer ma demande"
-              termsText="En soumettant ce formulaire, vous acceptez que nous vous contactions pour discuter de votre demande. Vos données sont confidentielles et sécurisées."
-              onSubmit={handleContactSubmit}
-              centered={true}
-            />
-          </div>
-        </div>
+      <div id="contact" data-section="contact">
+        <ContactCenter
+          title="Demander un Devis Gratuit"
+          description="Remplissez ce formulaire pour nous contacter. Nous répondons rapidement à toutes les demandes."
+          tag="Nous contacter"
+          tagIcon={Mail}
+          background={{ variant: "plain" }}
+          inputPlaceholder="Votre adresse email"
+          buttonText="Envoyer ma demande"
+          termsText="En soumettant ce formulaire, vous acceptez que nous vous contactions pour discuter de votre demande. Vos données sont confidentielles et sécurisées."
+          onSubmit={handleContactSubmit}
+          useInvertedBackground={false}
+        />
       </div>
 
       <div id="contact-info" data-section="contact-info">