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

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

@@ -141,24 +141,19 @@ export default async function BlogPostPage({ params }: Props) {
/> />
</div> </div>
{/* Partage / Footer CTA */} {/* Partage / Footer */}
<div className="mt-12 pt-8 border-t border-gray-100"> <div className="mt-12 pt-8 border-t border-gray-100 flex flex-col sm:flex-row justify-between items-center gap-4">
<div className="bg-brand-50 rounded-xl p-6 md:p-8 flex flex-col md:flex-row justify-between items-center gap-6"> <p className="text-gray-500 font-medium">Vous avez aimé cet article ?</p>
<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 <Link
href="/blog" 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" className="inline-flex items-center text-brand-600 hover:text-brand-700 font-semibold transition-colors"
> >
Voir plus d'articles Lire d'autres articles
<ArrowRight className="ml-2 w-5 h-5" /> <ArrowRight className="ml-2 w-4 h-4" />
</Link> </Link>
</div> </div>
</div> </div>
</div> </div>
</div>
{/* Sidebar flottante verticale à droite (suit l'article et s'arrête à la fin) */} {/* Sidebar flottante verticale à droite (suit l'article et s'arrête à la fin) */}
<div className="w-10 shrink-0 relative"> <div className="w-10 shrink-0 relative">