Update src/app/contact/page.tsx

This commit is contained in:
2026-05-15 17:48:07 +00:00
parent 735c80f372
commit a863688bc1

View File

@@ -4,10 +4,7 @@ import ReactLenis from "lenis/react";
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
import NavbarStyleApple from "@/components/navbar/NavbarStyleApple/NavbarStyleApple";
import ContactSplit from "@/components/sections/contact/ContactSplit";
import FeatureCardTwentyFive from "@/components/sections/feature/FeatureCardTwentyFive";
import FaqBase from "@/components/sections/faq/FaqBase";
import FooterMedia from "@/components/sections/footer/FooterMedia";
import { Zap, ShieldCheck, Headphones } from "lucide-react";
export default function ContactPage() {
return (
@@ -44,39 +41,11 @@ export default function ContactPage() {
title="Parlons de votre projet"
description="Nous sommes à votre écoute pour concevoir la solution digitale qui correspond à vos ambitions."
background={{ variant: "plain" }}
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778866973153-laldct7r.png?_wi=1"
imageSrc="https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778867278663-8og1q5hx.png"
mediaPosition="right"
useInvertedBackground={false}
/>
</div>
<div id="features" data-section="features">
<FeatureCardTwentyFive
title="Pourquoi nous choisir ?"
description="Une approche humaine et technique pour garantir le succès de vos projets numériques."
animationType="slide-up"
textboxLayout="default"
useInvertedBackground={false}
features={[
{ title: "Transparence totale", description: "Communication claire à chaque étape du projet", icon: ShieldCheck, mediaItems: [{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778866973154-pr2fgbou.png?_wi=1" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778866973154-pr2fgbou.png?_wi=2" }] },
{ title: "Délais respectés", description: "Livraison rapide et conforme à vos attentes", icon: Zap, mediaItems: [{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778866973154-pr2fgbou.png?_wi=3" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778866973154-pr2fgbou.png?_wi=4" }] },
{ title: "Accompagnement", description: "Disponibilité et support personnalisé", icon: Headphones, mediaItems: [{ imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778866973154-pr2fgbou.png?_wi=5" }, { imageSrc: "https://webuild-dev.s3.eu-north-1.amazonaws.com/users/user_3B1CZ8wJvEJetEx867dlBUUa9fk/uploaded-1778866973154-pr2fgbou.png?_wi=6" }] }
]}
/>
</div>
<div id="faq" data-section="faq">
<FaqBase
title="Questions fréquentes"
description="Besoin d'informations supplémentaires sur notre manière de travailler ?"
faqsAnimation="slide-up"
textboxLayout="default"
useInvertedBackground={false}
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." }
]}
/>
</div>
</div>
<div id="footer" data-section="footer">
<FooterMedia