streaper2/afrov2
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

UI: simplify blog footer to a sober and elegant version

Browse Source
This commit is contained in:
streaper2
2026-05-10 15:13:52 +02:00
parent f4f303b703
commit 5176e51e21
1 changed files with 10 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
app/blog/[id]/page.tsx
View File

@@ -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>