From 5176e51e219280909a42efab0f63a8a299a776fa Mon Sep 17 00:00:00 2001
From: streaper2 <streaper2@gmail.com>
Date: Sun, 10 May 2026 15:13:52 +0200
Subject: [PATCH] UI: simplify blog footer to a sober and elegant version

---
 app/blog/[id]/page.tsx | 25 ++++++++++---------------
 1 file changed, 10 insertions(+), 15 deletions(-)

diff --git a/app/blog/[id]/page.tsx b/app/blog/[id]/page.tsx
index a45e710..98b4f00 100644
--- a/app/blog/[id]/page.tsx
+++ b/app/blog/[id]/page.tsx
@@ -141,21 +141,16 @@ export default async function BlogPostPage({ params }: Props) {
             />
           </div>
 
-          {/* Partage / Footer CTA */}
-          <div className="mt-12 pt-8 border-t border-gray-100">
-            <div className="bg-brand-50 rounded-xl p-6 md:p-8 flex flex-col md:flex-row justify-between items-center gap-6">
-              <div className="text-center md:text-left">
-                <h3 className="text-xl font-bold text-brand-900 mb-1">Vous avez aimé cet article ?</h3>
-                <p className="text-brand-700">Explorez d'autres contenus exclusifs sur l'afropreneuriat.</p>
-              </div>
-              <Link 
-                href="/blog" 
-                className="inline-flex items-center px-8 py-3 bg-brand-600 text-white font-bold rounded-lg hover:bg-brand-700 transition-all hover:scale-105 shadow-lg shadow-brand-200"
-              >
-                Voir plus d'articles
-                <ArrowRight className="ml-2 w-5 h-5" />
-              </Link>
-            </div>
+          {/* Partage / Footer */}
+          <div className="mt-12 pt-8 border-t border-gray-100 flex flex-col sm:flex-row justify-between items-center gap-4">
+            <p className="text-gray-500 font-medium">Vous avez aimé cet article ?</p>
+            <Link 
+              href="/blog" 
+              className="inline-flex items-center text-brand-600 hover:text-brand-700 font-semibold transition-colors"
+            >
+              Lire d'autres articles
+              <ArrowRight className="ml-2 w-4 h-4" />
+            </Link>
           </div>
         </div>
         </div>