Update src/app/page.tsx

Merge version_16 into main

src/app/page.tsx

@@ -46,6 +46,7 @@ export default function LandingPage() {
         {
           name: "Démarche Détaillée",          id: "#detailed-steps"},
         {
+          name: "Nouvelles Fonctionnalités",          id: "#features-timeline-cards"},        {
           name: "Produits",          id: "#products"},
         {
           name: "Équipe",          id: "#team"},
@@ -66,7 +67,7 @@ export default function LandingPage() {
 
   <div id="hero" data-section="hero">
       <HeroBillboardScroll
-      title="Donnez Vie à Vos Idées avec une Qualité d'Impression Inégalée"
+      title="Vos Idées Imprimées. Qualité Inégalée. Zéro Souci."
       description="Nous transformons vos visions créatives en réalités tangibles grâce à des techniques d'impression de pointe et un engagement inébranlable envers l'excellence. Chaque projet est une œuvre d'art, méticuleusement conçue et exécutée pour captiver votre public et laisser une impression durable."
       tag="Impression sur Mesure"
       buttons={[
@@ -211,6 +212,42 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="features-timeline-cards" data-section="features-timeline-cards">
+    <FeatureBento
+      animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={true}
+      title="Nos Prochaines Innovations et Fonctionnalités"
+      description="Découvrez la feuille de route de Maison d'Imprimeur et les nouvelles fonctionnalités que nous développerons pour vous."
+      features={[
+        {
+          title: "Intégration IA pour le Design",          description: "Automatisation de la mise en page et suggestions créatives.",          bentoComponent: "timeline",          heading: "Développement IA",          subheading: "Optimisation de votre processus de création.",          items: [
+            { label: "Recherche & Développement", detail: "Exploration des modèles d'AI pour le design." },
+            { label: "Tests Alpha", detail: "Intégration avec nos outils de conception." },
+            { label: "Lancement Beta", detail: "Mise à disposition pour les utilisateurs test." }
+          ],
+          completedLabel: "Bientôt Disponible"
+        },
+        {
+          title: "Suivi de Production en Temps Réel",          description: "Visualisez l'état de votre commande à chaque étape du processus.",          bentoComponent: "timeline",          heading: "Transparence Accrue",          subheading: "Gardez le contrôle sur votre projet.",          items: [
+            { label: "Conception du Tableau de Bord", detail: "Développement de l'interface utilisateur." },
+            { label: "Intégration des Capteurs", detail: "Connexion aux machines d'impression." },
+            { label: "Déploiement", detail: "Accessible via votre espace client." }
+          ],
+          completedLabel: "En Cours"
+        },
+        {
+          title: "Nouvelles Options de Matériaux Écologiques",          description: "Élargissement de notre gamme de papiers recyclés et encres végétales.",          bentoComponent: "timeline",          heading: "Engagement Durable",          subheading: "Pour une impression plus respectueuse de l'environnement.",          items: [
+            { label: "Sélection des Fournisseurs", detail: "Recherche de partenaires certifiés écologiques." },
+            { label: "Tests de Qualité", detail: "Assurance des standards d'impression." },
+            { label: "Mise à Disposition", detail: "Ajout des options au catalogue." }
+          ],
+          completedLabel: "Prévu Q3 2024"
+        }
+      ]}
+    />
+  </div>
+
   <div id="products" data-section="products">
       <ProductCardThree
       animationType="slide-up"
@@ -219,17 +256,17 @@ export default function LandingPage() {
       useInvertedBackground={true}
       products={[
         {
-          id: "p-1",          name: "Cartes de Visite Premium",          price: "À partir de 29€",          imageSrc: "http://img.b2bpic.net/free-psd/opulence-business-card-template-design_23-2152016131.jpg",          priceButtonProps: { text: "Commander", href: "#contact" }},
+          id: "p-1",          name: "Cartes de Visite Premium",          price: "À partir de 29€",          imageSrc: "http://img.b2bpic.net/free-psd/opulence-business-card-template-design_23-2152016131.jpg",          imageAlt: "Exemple de cartes de visite premium avec design élégant",          priceButtonProps: { text: "Commander", href: "#contact" }},
         {
-          id: "p-2",          name: "Flyers Publicitaires",          price: "À partir de 49€",          imageSrc: "http://img.b2bpic.net/free-photo/clipboard-near-blurs-heaps-different-bright-dry-colors_23-2148016427.jpg",          priceButtonProps: { text: "Commander", href: "#contact" }},
+          id: "p-2",          name: "Flyers Publicitaires",          price: "À partir de 49€",          imageSrc: "http://img.b2bpic.net/free-photo/clipboard-near-blurs-heaps-different-bright-dry-colors_23-2148016427.jpg",          imageAlt: "Pile de flyers publicitaires colorés pour promotion événementielle",          priceButtonProps: { text: "Commander", href: "#contact" }},
         {
-          id: "p-3",          name: "Brochures Pliantes",          price: "À partir de 89€",          imageSrc: "http://img.b2bpic.net/free-vector/geometric-business-brochure-blue-tones_23-2147599337.jpg",          priceButtonProps: { text: "Commander", href: "#contact" }},
+          id: "p-3",          name: "Brochures Pliantes",          price: "À partir de 89€",          imageSrc: "http://img.b2bpic.net/free-vector/geometric-business-brochure-blue-tones_23-2147599337.jpg",          imageAlt: "Brochure pliante au design géométrique bleu, présentant des informations",          priceButtonProps: { text: "Commander", href: "#contact" }},
         {
-          id: "p-4",          name: "Affiches Grand Format",          price: "À partir de 129€",          imageSrc: "http://img.b2bpic.net/free-photo/blank-white-advertisement-panel-city_23-2147845889.jpg",          priceButtonProps: { text: "Commander", href: "#contact" }},
+          id: "p-4",          name: "Affiches Grand Format",          price: "À partir de 129€",          imageSrc: "http://img.b2bpic.net/free-photo/blank-white-advertisement-panel-city_23-2147845889.jpg",          imageAlt: "Panneau publicitaire blanc vierge pour affiches grand format en milieu urbain",          priceButtonProps: { text: "Commander", href: "#contact" }},
         {
-          id: "p-5",          name: "Bannières et Roll-ups",          price: "À partir de 149€",          imageSrc: "http://img.b2bpic.net/free-psd/business-corporation-template-design_23-2151405481.jpg",          priceButtonProps: { text: "Commander", href: "#contact" }},
+          id: "p-5",          name: "Bannières et Roll-ups",          price: "À partir de 149€",          imageSrc: "http://img.b2bpic.net/free-psd/business-corporation-template-design_23-2151405481.jpg",          imageAlt: "Roll-up publicitaire vertical pour présentation d'entreprise",          priceButtonProps: { text: "Commander", href: "#contact" }},
         {
-          id: "p-6",          name: "Emballages Personnalisés",          price: "Sur devis",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-preparing-cyber-monday-package_23-2148675033.jpg",          priceButtonProps: { text: "Demander un Devis", href: "#contact" }},
+          id: "p-6",          name: "Emballages Personnalisés",          price: "Sur devis",          imageSrc: "http://img.b2bpic.net/free-photo/top-view-woman-preparing-cyber-monday-package_23-2148675033.jpg",          imageAlt: "Personne préparant un colis avec des emballages personnalisés",          priceButtonProps: { text: "Demander un Devis", href: "#contact" }},
       ]}
       title="Explorez Notre Gamme de Produits Imprimés"
       description="Des cartes de visite élégantes aux brochures percutantes, trouvez le support idéal pour communiquer votre message."
@@ -419,4 +456,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}