Update src/app/contact/page.tsx

src/app/contact/page.tsx

@@ -4,7 +4,10 @@ import ReactLenis from "lenis/react";
 import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
 import NavbarLayoutFloatingOverlay from "@/components/navbar/NavbarLayoutFloatingOverlay/NavbarLayoutFloatingOverlay";
 import ContactSplit from "@/components/sections/contact/ContactSplit";
+import FeatureCardTwentyEight from "@/components/sections/feature/FeatureCardTwentyEight";
+import FaqSplitText from "@/components/sections/faq/FaqSplitText";
 import FooterBase from "@/components/sections/footer/FooterBase";
+import { MessageSquare, Zap, Clock } from "lucide-react";
 
 export default function ContactPage() {
   return (
@@ -42,6 +45,26 @@ export default function ContactPage() {
             mediaPosition="right"
             useInvertedBackground={false}
           />
+          <FeatureCardTwentyEight
+            title="Pourquoi nous choisir ?"
+            description="Une approche humaine et technique pour garantir le succès de vos projets numériques."
+            animationType="slide-up"
+            features={[
+              { id: "1", category: "Communication", title: "Transparence totale", subtitle: "À chaque étape", value: "100%", buttons: [] },
+              { id: "2", category: "Vitesse", title: "Délais respectés", subtitle: "Livraison rapide", value: "Fiable", buttons: [] },
+              { id: "3", category: "Support", title: "Accompagnement", subtitle: "Disponibilité", value: "24/7", buttons: [] }
+            ]}
+          />
+          <FaqSplitText
+            faqs={[
+              { id: "f1", title: "Quels sont vos délais ?", content: "Nous adaptons nos délais à la complexité de votre projet, avec une moyenne de 4 à 8 semaines." },
+              { id: "f2", title: "Comment se passe le paiement ?", content: "Un acompte est demandé au démarrage, suivi d'un solde à la livraison finale." },
+              { id: "f3", title: "Assurez-vous la maintenance ?", content: "Oui, nous proposons des packs de maintenance mensuels pour assurer la pérennité de votre site." }
+            ]}
+            sideTitle="Questions fréquentes"
+            sideDescription="Besoin d'informations supplémentaires sur notre manière de travailler ?"
+            faqsAnimation="slide-up"
+          />
         </div>
         <FooterBase
           logoText="Switzerweb"