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> </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"> <Link
<h3 className="text-xl font-bold text-brand-900 mb-1">Vous avez aimé cet article ?</h3> href="/blog"
<p className="text-brand-700">Explorez d'autres contenus exclusifs sur l'afropreneuriat.</p> className="inline-flex items-center text-brand-600 hover:text-brand-700 font-semibold transition-colors"
</div> >
<Link Lire d'autres articles
href="/blog" <ArrowRight className="ml-2 w-4 h-4" />
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" </Link>
>
Voir plus d'articles
<ArrowRight className="ml-2 w-5 h-5" />
</Link>
</div>
</div> </div>
</div> </div>
</div> </div>