feat: implement dark mode support and enhance UI components for better accessibility and insert new lang french.

This commit is contained in:
Your Name
2026-03-03 10:53:52 +02:00
parent 31f1e4b312
commit 071c66d3b1
13 changed files with 412 additions and 74 deletions

View File

@@ -74,10 +74,10 @@ export default function HomePage() {
{/* Hero Section */}
<section className="py-12 text-center sm:py-16">
<h1 className="text-4xl font-bold tracking-tight text-slate-900 sm:text-5xl">
<h1 className="text-4xl font-bold tracking-tight text-slate-900 sm:text-5xl dark:text-white">
{t('home.hero')}
</h1>
<p className="mx-auto mt-4 max-w-xl text-lg text-slate-500">
<p className="mx-auto mt-4 max-w-xl text-lg text-slate-500 dark:text-slate-400">
{t('home.heroSub')}
</p>
</section>
@@ -87,7 +87,7 @@ export default function HomePage() {
{/* Tools Grid */}
<section>
<h2 className="mb-6 text-center text-xl font-semibold text-slate-800">
<h2 className="mb-6 text-center text-xl font-semibold text-slate-800 dark:text-slate-200">
{t('home.popularTools')}
</h2>
<div className="grid gap-4 sm:grid-cols-2 lg:grid-cols-3">