Skip to content

Commit 2606738

Browse files
PSchmitz-ValckenbergPSchmitz-Valckenberg
committed
Fix hero background, expand homepage text, add conjugaison detail pages
1 parent ce588b7 commit 2606738

13 files changed

Lines changed: 155 additions & 19 deletions

File tree

‎frontend/app/conjugaison/avoir/page.tsx‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
import Image from "next/image";
2+
import Link from "next/link";
3+
4+
export default function AvoirPage() {
5+
return (
6+
<div className="max-w-3xl mx-auto px-4 py-10">
7+
<Link href="/conjugaison" className="text-sm text-gray-400 hover:text-gray-600 mb-6 inline-flex items-center gap-1">
8+
← Conjugaison
9+
</Link>
10+
<h1 className="text-3xl font-bold text-gray-900 mt-4 mb-2">Avoir</h1>
11+
<p className="text-gray-500 mb-8">Conjugaison complète du verbe avoir en monégasque</p>
12+
<div className="rounded-2xl overflow-hidden border border-gray-200">
13+
<Image
14+
src="/conjugaison-avoir.png"
15+
alt="Conjugaison avoir"
16+
width={900}
17+
height={1200}
18+
className="w-full h-auto"
19+
/>
20+
</div>
21+
</div>
22+
);
23+
}

‎frontend/app/conjugaison/deuxieme/page.tsx‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
import Image from "next/image";
2+
import Link from "next/link";
3+
4+
export default function DeuxiemeGroupePage() {
5+
return (
6+
<div className="max-w-3xl mx-auto px-4 py-10">
7+
<Link href="/conjugaison" className="text-sm text-gray-400 hover:text-gray-600 mb-6 inline-flex items-center gap-1">
8+
← Conjugaison
9+
</Link>
10+
<h1 className="text-3xl font-bold text-gray-900 mt-4 mb-2">2ème groupe</h1>
11+
<p className="text-gray-500 mb-8">Verbes en -ir (ex: finir, choisir, remplir)</p>
12+
<div className="rounded-2xl overflow-hidden border border-gray-200">
13+
<Image
14+
src="/conjugaison-2eme.png"
15+
alt="Conjugaison 2ème groupe"
16+
width={900}
17+
height={1200}
18+
className="w-full h-auto"
19+
/>
20+
</div>
21+
</div>
22+
);
23+
}

‎frontend/app/conjugaison/etre/page.tsx‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
import Image from "next/image";
2+
import Link from "next/link";
3+
4+
export default function EtrePage() {
5+
return (
6+
<div className="max-w-3xl mx-auto px-4 py-10">
7+
<Link href="/conjugaison" className="text-sm text-gray-400 hover:text-gray-600 mb-6 inline-flex items-center gap-1">
8+
← Conjugaison
9+
</Link>
10+
<h1 className="text-3xl font-bold text-gray-900 mt-4 mb-2">Être</h1>
11+
<p className="text-gray-500 mb-8">Conjugaison complète du verbe être en monégasque</p>
12+
<div className="rounded-2xl overflow-hidden border border-gray-200">
13+
<Image
14+
src="/conjugaison-etre.png"
15+
alt="Conjugaison être"
16+
width={900}
17+
height={1200}
18+
className="w-full h-auto"
19+
/>
20+
</div>
21+
</div>
22+
);
23+
}

‎frontend/app/conjugaison/premier/page.tsx‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
import Image from "next/image";
2+
import Link from "next/link";
3+
4+
export default function PremierGroupePage() {
5+
return (
6+
<div className="max-w-3xl mx-auto px-4 py-10">
7+
<Link href="/conjugaison" className="text-sm text-gray-400 hover:text-gray-600 mb-6 inline-flex items-center gap-1">
8+
← Conjugaison
9+
</Link>
10+
<h1 className="text-3xl font-bold text-gray-900 mt-4 mb-2">1er groupe</h1>
11+
<p className="text-gray-500 mb-8">Verbes réguliers en -er (ex: parler, chanter, aimer)</p>
12+
<div className="rounded-2xl overflow-hidden border border-gray-200">
13+
<Image
14+
src="/conjugaison-1er.png"
15+
alt="Conjugaison 1er groupe"
16+
width={900}
17+
height={1200}
18+
className="w-full h-auto"
19+
/>
20+
</div>
21+
</div>
22+
);
23+
}

‎frontend/app/conjugaison/troisieme/page.tsx‎

Lines changed: 23 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,23 @@
1+
import Image from "next/image";
2+
import Link from "next/link";
3+
4+
export default function TroisiemeGroupePage() {
5+
return (
6+
<div className="max-w-3xl mx-auto px-4 py-10">
7+
<Link href="/conjugaison" className="text-sm text-gray-400 hover:text-gray-600 mb-6 inline-flex items-center gap-1">
8+
← Conjugaison
9+
</Link>
10+
<h1 className="text-3xl font-bold text-gray-900 mt-4 mb-2">3ème groupe</h1>
11+
<p className="text-gray-500 mb-8">Verbes irréguliers (ex: venir, tenir, partir)</p>
12+
<div className="rounded-2xl overflow-hidden border border-gray-200">
13+
<Image
14+
src="/conjugaison-3eme.png"
15+
alt="Conjugaison 3ème groupe"
16+
width={900}
17+
height={1200}
18+
className="w-full h-auto"
19+
/>
20+
</div>
21+
</div>
22+
);
23+
}

‎frontend/app/page.tsx‎

Lines changed: 40 additions & 19 deletions
Original file line numberDiff line numberDiff line change
@@ -46,16 +46,30 @@ async function WordOfDaySection() {
4646
export default function HomePage() {
4747
return (
4848
<>
49-
{/* Hero */}
50-
<section className="bg-gray-900 text-white">
51-
<div className="max-w-3xl mx-auto px-4 py-20">
49+
{/* Hero with Monaco background */}
50+
<section
51+
className="relative text-white"
52+
style={{
53+
backgroundImage: "url('/monaco-bg.jpeg')",
54+
backgroundSize: "cover",
55+
backgroundPosition: "center",
56+
}}
57+
>
58+
<div className="absolute inset-0 bg-black/55" />
59+
<div className="relative max-w-3xl mx-auto px-4 py-24">
5260
<p className="text-xs font-semibold uppercase tracking-widest text-[#ce1126] mb-4">
5361
Monaco linguistique
5462
</p>
55-
<h1 className="text-5xl font-bold mb-4">Monalex</h1>
56-
<p className="text-lg text-gray-300 mb-10 max-w-xl">
57-
Explorez le riche patrimoine linguistique de Monaco et apprenez des
58-
mots et des phrases en monégasque.
63+
<h1 className="text-5xl font-bold mb-5">Monalex</h1>
64+
<p className="text-lg text-gray-200 mb-4 max-w-xl leading-relaxed">
65+
Le premier dictionnaire numérique ouvert du monégasque — avec plus
66+
de 14 000 entrées, des tableaux de conjugaison et un assistant IA
67+
pour apprendre la langue de Monaco.
68+
</p>
69+
<p className="text-sm text-gray-400 mb-10 max-w-lg">
70+
Le monégasque (u munegascu) est une langue ligure parlée en
71+
Principauté de Monaco. Explorez son vocabulaire, ses structures et
72+
son histoire.
5973
</p>
6074
<div className="flex gap-3">
6175
<Link
@@ -66,38 +80,45 @@ export default function HomePage() {
6680
</Link>
6781
<Link
6882
href="/conjugaison"
69-
className="px-6 py-3 border border-white/20 text-white font-semibold rounded-xl hover:bg-white/10 transition-colors"
83+
className="px-6 py-3 border border-white/30 text-white font-semibold rounded-xl hover:bg-white/10 transition-colors"
7084
>
7185
Conjugaison
7286
</Link>
7387
</div>
7488
</div>
7589
</section>
7690

77-
{/* Word of day — server component, fetches from FastAPI */}
91+
{/* Word of day */}
7892
<WordOfDaySection />
7993

8094
{/* About */}
8195
<section className="max-w-3xl mx-auto px-4 py-12 border-t border-gray-100">
82-
<h2 className="text-xl font-bold text-gray-900 mb-4">
96+
<h2 className="text-xl font-bold text-gray-900 mb-6">
8397
Histoire de la langue
8498
</h2>
85-
<div className="prose prose-gray max-w-none text-sm text-gray-600 leading-relaxed space-y-4">
99+
<div className="space-y-4 text-sm text-gray-600 leading-relaxed">
86100
<p>
87101
Le monégasque (u munegascu) est un dialecte ligure, parlé en
88-
principauté de Monaco. Les premières traces écrites apparaissent
102+
Principauté de Monaco. Les premières traces écrites apparaissent
89103
entre 1721 et 1729 dans la correspondance du prince Antoine avec sa
90-
fille Louise-Hippolyte.
104+
fille Louise-Hippolyte, ainsi que dans quelques actes notariés —
105+
mais la langue demeure avant tout orale.
91106
</p>
92107
<p>
93-
À partir de 1860, la population du Rocher passe de 1 200 à 22 000
94-
habitants en 1880. Le monégasque se retrouve alors menacé par
95-
l&apos;afflux massif de travailleurs étrangers.
108+
À partir de 1860, la population du Rocher passe de 1 200 habitants
109+
à 22 000 en 1880. Le monégasque se retrouve menacé par l&apos;afflux
110+
massif de travailleurs étrangers et par le développement d&apos;un
111+
pidgin mélangeant le provençal, le piémontais, le corse et le
112+
ligure. À cette époque, le monégasque est banni de l&apos;école et
113+
les parents encouragent leurs enfants à parler français.
96114
</p>
97115
<p>
98-
En 1927, Louis Notari entreprend la codification écrite de la langue.
99-
Aujourd&apos;hui, le monégasque est enseigné dans toutes les écoles
100-
de la Principauté.
116+
En 1927, Louis Notari entreprend la codification écrite de la langue
117+
en s&apos;inspirant de l&apos;écriture du français et de
118+
l&apos;italien. Aujourd&apos;hui, le monégasque est enseigné dans
119+
toutes les écoles de la Principauté et bénéficie d&apos;un
120+
renouveau actif porté par le Conseil National de la Langue
121+
Monégasque.
101122
</p>
102123
</div>
103124
</section>

‎frontend/public/conjugaison-1er.png‎

462 KB
Loading

‎frontend/public/conjugaison-2eme.png‎

406 KB
Loading

‎frontend/public/conjugaison-3eme.png‎

484 KB
Loading

‎frontend/public/conjugaison-avoir.png‎

758 KB
Loading

0 commit comments

Comments
 (0)