Update src/app/page.tsx

Merge version_17 into main

src/app/page.tsx

@@ -14,7 +14,8 @@ import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
 import MetricSplitMediaAbout from '@/components/sections/about/MetricSplitMediaAbout';
 import TeamCardSix from '@/components/sections/team/TeamCardSix';
-import { Sparkles, Star } from "lucide-react";
+import FeatureBento from '@/components/sections/feature/FeatureBento';
+import { Sparkles, Star, CheckCircle, Clock, Award } from "lucide-react";
 
 export default function LandingPage() {
   return (
@@ -40,6 +41,10 @@ export default function LandingPage() {
           name: "À Propos",          id: "#about"},
         {
           name: "Services",          id: "#services"},
+        {
+          name: "Parcours Client",          id: "#timeline-features"},
+        {
+          name: "Nouvelles Fonctionnalités",          id: "#features-timeline-cards"},
         {
           name: "Produits",          id: "#products"},
         {
@@ -61,7 +66,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={[
@@ -118,6 +123,86 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="timeline-features" data-section="timeline-features">
+    <FeatureBento
+      animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={true}
+      title="Notre Parcours Client : De l'Idée à la Réalisation"
+      description="Découvrez notre démarche complète, de la consultation initiale à la livraison finale, pour un projet d'impression fluide et réussi. Chaque étape est pensée pour garantir qualité et satisfaction."
+      features={[
+        {
+          title: "Consultation & Stratégie Personnalisée",          description: "De l'analyse de vos besoins à l'élaboration d'une stratégie d'impression sur mesure, nous sommes à vos côtés.",          bentoComponent: "timeline",          heading: "Phase 1: Idéation & Planification",          subheading: "Votre vision prend forme avec notre expertise.",          items: [
+            { label: "Brief Client & Analyse des Besoins", detail: "Discussion approfondie et compréhension de vos objectifs." },
+            { label: "Proposition de Design & Conseil Expert", detail: "Création des premières maquettes et recommandations de nos spécialistes." },
+            { label: "Validation du Concept & Planification Stratégique", detail: "Approbation finale du design et établissement d'un calendrier précis." }
+          ],
+          completedLabel: "Stratégie Validée"
+        },
+        {
+          title: "Design Graphique & Pré-presse Détaillée",          description: "Nos designers créent des visuels percutants, puis nos experts préparent vos fichiers pour une qualité d'impression optimale.",          bentoComponent: "timeline",          heading: "Phase 2: Création & Préparation",          subheading: "La précision avant l'impression.",          items: [
+            { label: "Création Graphique & Maquettes", detail: "Développement des éléments visuels et présentation des mockups." },
+            { label: "Validation Artistique & Bon à Tirer (BAT)", detail: "Approbation du rendu visuel et dernière vérification avant production." },
+            { label: "Vérification & Étalonnage des Fichiers", detail: "Contrôle technique des documents et garantie de fidélité colorimétrique." }
+          ],
+          completedLabel: "Fichiers Prêts à Imprimer"
+        },
+        {
+          title: "Production Impeccable & Finitions",          description: "Avec des technologies de pointe et un contrôle qualité rigoureux, nous transformons vos designs en produits imprimés d'exception.",          bentoComponent: "timeline",          heading: "Phase 3: Réalisation & Qualité",          subheading: "L'art de l'impression à son apogée.",          items: [
+            { label: "Impression Offset & Numérique Avancée", detail: "Utilisation de technologies de pointe pour une exécution parfaite." },
+            { label: "Finition Spéciale & Assemblage", detail: "Découpe, pelliculage, gaufrage et toutes les options d'embellissement." },
+            { label: "Contrôle Qualité Rigoureux", detail: "Inspection minutieuse de chaque pièce pour assurer l'excellence." }
+          ],
+          completedLabel: "Produits Finis & Vérifiés"
+        },
+        {
+          title: "Livraison Sécurisée & Suivi Client",          description: "Votre commande est emballée avec soin et livrée rapidement, suivie d'un support client dédié pour une satisfaction totale.",          bentoComponent: "timeline",          heading: "Phase 4: Succès & Accompagnement",          subheading: "Votre projet, livré et soutenu.",          items: [
+            { label: "Emballage Sécurisé & Soigné", detail: "Protection optimale de vos imprimés pendant le transport." },
+            { label: "Expédition Rapide & Fiable", detail: "Logistique efficace pour une livraison ciblée et ponctuelle." },
+            { label: "Suivi Clientèle & Assistance Après-Vente", detail: "Notre équipe reste disponible pour toute question post-livraison." }
+          ],
+          completedLabel: "Projet Livré & Satisfait"
+        }
+      ]}
+    />
+  </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"
@@ -126,17 +211,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."
@@ -298,6 +383,8 @@ export default function LandingPage() {
           title: "Entreprise",          items: [
             {
               label: "À Propos",              href: "#about"},
+            {
+              label: "Parcours Client",              href: "#timeline-features"},
             {
               label: "Produits",              href: "#products"},
             {
@@ -324,4 +411,4 @@ export default function LandingPage() {
       </ReactLenis>
     </ThemeProvider>
   );
-}
+}