Update src/app/page.tsx

Merge version_13 into main

src/app/page.tsx

@@ -12,9 +12,10 @@ import PricingCardTwo from '@/components/sections/pricing/PricingCardTwo';
 import ProductCardThree from '@/components/sections/product/ProductCardThree';
 import SocialProofOne from '@/components/sections/socialProof/SocialProofOne';
 import TestimonialCardOne from '@/components/sections/testimonial/TestimonialCardOne';
-import TextSplitAbout from '@/components/sections/about/TextSplitAbout';
+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: "Timeline",          id: "#timeline-features"},
+        {
+          name: "Démarche Détaillée",          id: "#detailed-steps"},
         {
           name: "Produits",          id: "#products"},
         {
@@ -78,17 +83,22 @@ export default function LandingPage() {
   </div>
 
   <div id="about" data-section="about">
-      <TextSplitAbout
+      <MetricSplitMediaAbout
       useInvertedBackground={true}
       title="À Propos de Notre Imprimerie"
-      description={[
+      description="Depuis plus de 20 ans, Maison d'Imprimeur est le leader de l'impression sur mesure. Nous combinons tradition et innovation pour des résultats exceptionnels. Notre équipe d'experts est dédiée à la réalisation de vos visions, avec un service client personnalisé et une attention méticuleuse aux détails. Nous nous engageons à offrir des solutions d'impression écologiques et durables."
-        "Depuis plus de 20 ans, Maison d'Imprimeur est le leader de l'impression sur mesure. Nous combinons tradition et innovation pour des résultats exceptionnels.",        "Notre équipe d'experts est dédiée à la réalisation de vos visions, avec un service client personnalisé et une attention méticuleuse aux détails. Nous nous engageons à offrir des solutions d'impression écologiques et durables."]}
+      metrics={[
-      buttons={[
         {
-          text: "Notre Histoire",          href: "#"},
+          value: "20+",          title: "Années d'Expérience"},
         {
-          text: "Nos Valeurs",          href: "#"},
+          value: "10K+",          title: "Projets Réalisés"},
+        {
+          value: "98%",          title: "Satisfaction Client"},
       ]}
+      mediaAnimation="slide-up"
+      metricsAnimation="slide-up"
+      imageSrc="http://img.b2bpic.net/free-photo/industrial-printing-machine_23-2151675276.jpg"
+      imageAlt="Machine d'impression industrielle"
     />
   </div>
 
@@ -113,6 +123,94 @@ export default function LandingPage() {
     />
   </div>
 
+  <div id="timeline-features" data-section="timeline-features">
+    <FeatureBento
+      animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={true}
+      title="Notre Processus Simple et Efficace"
+      description="Du concept à la livraison, suivez les étapes de votre projet avec Maison d'Imprimeur."
+      features={[
+        {
+          title: "Conception Initial",          description: "Nous écoutons vos idées et vos besoins pour une première esquisse.",          bentoComponent: "timeline",          heading: "Phase 1: Idéation",          subheading: "Votre vision prend forme.",          items: [
+            { label: "Brief Client", detail: "Discussion approfondie des besoins" },
+            { label: "Proposition de Design", detail: "Création des premières maquettes" },
+            { label: "Validation du Concept", detail: "Approbation du design final" }
+          ],
+          completedLabel: "Concept Validé"
+        },
+        {
+          title: "Préparation à l'Impression",          description: "Optimisation des fichiers pour une qualité maximale.",          bentoComponent: "timeline",          heading: "Phase 2: Pré-presse",          subheading: "La précision avant tout.",          items: [
+            { label: "Vérification des Fichiers", detail: "Contrôle technique des documents" },
+            { label: "Étalonnage des Couleurs", detail: "Garantie de fidélité colorimétrique" },
+            { label: "Bon à Tirer (BAT)", detail: "Dernière validation avant production" }
+          ],
+          completedLabel: "BAT Approuvé"
+        },
+        {
+          title: "Production et Finition",          description: "Impression et finitions pour un résultat impeccable.",          bentoComponent: "timeline",          heading: "Phase 3: Production",          subheading: "L'art de l'impression.",          items: [
+            { label: "Impression", detail: "Utilisation de technologies offset ou numérique" },
+            { label: "Finition", detail: "Découpe, pelliculage, gaufrage, etc." },
+            { label: "Contrôle Qualité", detail: "Inspection rigoureuse de chaque pièce" }
+          ],
+          completedLabel: "Prêt à l'Expédition"
+        },
+        {
+          title: "Livraison et Suivi",          description: "Votre commande livrée en temps et en heure.",          bentoComponent: "timeline",          heading: "Phase 4: Livraison",          subheading: "Le succès à votre porte.",          items: [
+            { label: "Emballage Sécurisé", detail: "Protection optimale de vos imprimés" },
+            { label: "Expédition", detail: "Livraison rapide et fiable" },
+            { label: "Satisfaction Client", detail: "Assistance après-vente" }
+          ],
+          completedLabel: "Projet Terminé"
+        }
+      ]}
+    />
+  </div>
+
+  <div id="detailed-steps" data-section="detailed-steps">
+    <FeatureBento
+      animationType="slide-up"
+      textboxLayout="default"
+      useInvertedBackground={false}
+      title="Comment Nous Procédons : Les Étapes Détaillées"
+      description="Découvrez en profondeur chaque phase de notre collaboration, de la première idée à la livraison finale de votre projet d'impression."
+      features={[
+        {
+          title: "Consultation & Stratégie",          description: "Nous commençons par une écoute attentive de vos objectifs, suivi d'une analyse pour définir la stratégie d'impression la plus adaptée.",          bentoComponent: "timeline",          heading: "Phase 1: Définition du Projet",          subheading: "Vos besoins, notre expertise.",          items: [
+            { label: "Analyse des Besoins", detail: "Comprendre votre marché et vos cibles." },
+            { label: "Conseil Expert", detail: "Propositions de matériaux et techniques." },
+            { label: "Planification Stratégique", detail: "Élaboration d'un calendrier et budget." }
+          ],
+          completedLabel: "Stratégie Validée"
+        },
+        {
+          title: "Design & Conception",          description: "Nos designers transforment vos concepts en visuels percutants, en assurant une cohérence avec votre identité de marque.",          bentoComponent: "timeline",          heading: "Phase 2: Création Visuelle",          subheading: "L'art de la mise en page.",          items: [
+            { label: "Création Graphique", detail: "Développement des éléments visuels." },
+            { label: "Maquettes & Révisions", detail: "Présentation et ajustements du design." },
+            { label: "Validation Artistique", detail: "Approbation du rendu visuel final." }
+          ],
+          completedLabel: "Design Approuvé"
+        },
+        {
+          title: "Production & Qualité",          description: "Nos équipements de pointe et notre savoir-faire garantissent une impression de la plus haute qualité, avec des finitions impeccables.",          bentoComponent: "timeline",          heading: "Phase 3: Réalisation Impeccable",          subheading: "La précision à l'œuvre.",          items: [
+            { label: "Pré-presse Détaillée", detail: "Vérification et préparation des fichiers." },
+            { label: "Impression Avancée", detail: "Utilisation des technologies les plus récentes." },
+            { label: "Finitions & Contrôle", detail: "Découpe, assemblage et inspection finale." }
+          ],
+          completedLabel: "Qualité Assurée"
+        },
+        {
+          title: "Livraison & Support",          description: "Votre commande est livrée en toute sécurité, et notre équipe reste disponible pour toute question post-production.",          bentoComponent: "timeline",          heading: "Phase 4: Succès Garanti",          subheading: "Votre projet, livré à temps.",          items: [
+            { label: "Emballage Soigné", detail: "Protection optimale des produits." },
+            { label: "Expédition Rapide", detail: "Logistique efficace pour une livraison ciblée." },
+            { label: "Suivi Clientèle", detail: "Support après-vente et satisfaction." }
+          ],
+          completedLabel: "Projet Livré"
+        }
+      ]}
+    />
+  </div>
+
   <div id="products" data-section="products">
       <ProductCardThree
       animationType="slide-up"
@@ -293,6 +391,8 @@ export default function LandingPage() {
           title: "Entreprise",          items: [
             {
               label: "À Propos",              href: "#about"},
+            {
+              label: "Timeline",              href: "#timeline-features"},
             {
               label: "Produits",              href: "#products"},
             {