Merge version_1 into main

Merge version_1 into main

src/app/page.tsx

@@ -104,11 +104,34 @@ export default function LandingPage() {
         </div>
 
         <div id="projects" data-section="projects">
-          <ProductCardOne animationType="slide-up" textboxLayout="default" gridVariant="three-columns-all-equal-width" useInvertedBackground={false} />
+          <ProductCardOne 
+            animationType="slide-up" 
+            textboxLayout="default" 
+            gridVariant="three-columns-all-equal-width" 
+            useInvertedBackground={false}
+            title="Nos Projets"
+            description="Réalisations récentes en transformation digitale."
+            products={[
+              { id: "p1", name: "Plateforme E-commerce", price: "Web App", imageSrc: "http://img.b2bpic.net/free-photo/technology-venture-workspace-using-machine-learning-streamline-coding-process_482257-120287.jpg" },
+              { id: "p2", name: "App de Gestion", price: "Software", imageSrc: "http://img.b2bpic.net/free-photo/cosmic-environment-with-blue-neon-laser-lights-perfect-digital-wallpaper_181624-24966.jpg" },
+              { id: "p3", name: "Portail Client", price: "B2B", imageSrc: "http://img.b2bpic.net/free-photo/joyful-businesswoman-talking-with-remote-friend-online-videocall_482257-77662.jpg" }
+            ]}
+          />
         </div>
 
         <div id="metrics" data-section="metrics">
-          <MetricCardEleven animationType="slide-up" textboxLayout="default" useInvertedBackground={false} />
+          <MetricCardEleven 
+            animationType="slide-up" 
+            textboxLayout="default" 
+            useInvertedBackground={false}
+            title="Chiffres Clés"
+            description="Notre impact mesuré par nos clients."
+            metrics={[
+              { id: "m1", value: "50+", title: "Projets livrés", description: "Avec une satisfaction client élevée.", imageSrc: "http://img.b2bpic.net/free-photo/abstract-techno-background-with-connecting-dots-lines_1048-5771.jpg" },
+              { id: "m2", value: "100%", title: "Satisfaction", description: "Engagement qualité total.", imageSrc: "http://img.b2bpic.net/free-photo/photo-editor-using-high-tech-vr-goggles-look-editorial-pictures_482257-82237.jpg" },
+              { id: "m3", value: "24/7", title: "Support", description: "Disponibilité garantie.", imageSrc: "http://img.b2bpic.net/free-photo/system-administrator-debugging-company-servers-preventing-failures_482257-124403.jpg" }
+            ]}
+          />
         </div>
 
         <div id="testimonials" data-section="testimonials">
@@ -129,11 +152,27 @@ export default function LandingPage() {
         </div>
 
         <div id="faq" data-section="faq">
-          <FaqSplitText faqsAnimation="blur-reveal" sideTitle="Questions Fréquentes" />
+          <FaqSplitText 
+            faqsAnimation="blur-reveal" 
+            sideTitle="Questions Fréquentes" 
+            useInvertedBackground={false}
+            faqs={[
+              { id: "f1", title: "Comment démarrer un projet ?", content: "Contactez-nous pour une analyse initiale gratuite." },
+              { id: "f2", title: "Quels sont vos délais ?", content: "Nous adaptons nos livraisons à votre planning." },
+              { id: "f3", title: "Assurez-vous la maintenance ?", content: "Oui, nous proposons des forfaits de support." }
+            ]}
+          />
         </div>
 
         <div id="contact" data-section="contact">
-          <ContactCTA tag="Contact" title="Prêt pour votre projet ?" description="Discutons de vos besoins dès aujourd'hui." buttons={[{ text: "Envoyer un message", href: "#contact" }]} />
+          <ContactCTA 
+            tag="Contact" 
+            title="Prêt pour votre projet ?" 
+            description="Discutons de vos besoins dès aujourd'hui." 
+            buttons={[{ text: "Envoyer un message", href: "#contact" }]} 
+            background={{ variant: "plain" }}
+            useInvertedBackground={false}
+          />
         </div>
 
         <div id="footer" data-section="footer">