feat: apply homepage design style to login and register pages

Updated login and register pages with homepage branding:
- Dark green gradient background (from-[#1a3d2e] to-[#2d5a45])
- Semi-transparent white card (bg-white/95 backdrop-blur-sm)
- Enhanced shadow for depth (shadow-2xl)
- Brand color for titles (#1a3d2e)
- Consistent with homepage visual identity

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
soufiane 2025-11-18 23:02:41 +01:00
parent 85b952ed24
commit c14f40607a
2 changed files with 6 additions and 6 deletions

View File

@ -77,8 +77,8 @@ export default function LoginPage() {
}; };
return ( return (
<div className="min-h-[calc(100vh-4rem)] flex items-center justify-center py-12 px-4"> <div className="min-h-screen bg-gradient-to-b from-[#1a3d2e] to-[#2d5a45] flex items-center justify-center py-12 px-4">
<Card className="w-full max-w-md p-8"> <Card className="w-full max-w-md p-8 bg-white/95 backdrop-blur-sm shadow-2xl">
<div className="text-center mb-8"> <div className="text-center mb-8">
<div className="flex justify-center mb-6"> <div className="flex justify-center mb-6">
<Image <Image
@ -89,7 +89,7 @@ export default function LoginPage() {
priority priority
/> />
</div> </div>
<h1 className="text-3xl font-bold text-gray-900 mb-2">Connexion</h1> <h1 className="text-3xl font-bold text-[#1a3d2e] mb-2">Connexion</h1>
<p className="text-gray-600"> <p className="text-gray-600">
Connectez-vous pour participer au jeu-concours Connectez-vous pour participer au jeu-concours
</p> </p>

View File

@ -35,8 +35,8 @@ export default function RegisterPage() {
}; };
return ( return (
<div className="min-h-[calc(100vh-4rem)] flex items-center justify-center py-12"> <div className="min-h-screen bg-gradient-to-b from-[#1a3d2e] to-[#2d5a45] flex items-center justify-center py-12 px-4">
<Card className="w-full max-w-md p-8"> <Card className="w-full max-w-md p-8 bg-white/95 backdrop-blur-sm shadow-2xl">
<div className="text-center mb-8"> <div className="text-center mb-8">
<div className="flex justify-center mb-6"> <div className="flex justify-center mb-6">
<Image <Image
@ -47,7 +47,7 @@ export default function RegisterPage() {
priority priority
/> />
</div> </div>
<h1 className="text-3xl font-bold text-gray-900 mb-2">Inscription</h1> <h1 className="text-3xl font-bold text-[#1a3d2e] mb-2">Inscription</h1>
<p className="text-gray-600"> <p className="text-gray-600">
Créez un compte pour participer au jeu-concours Créez un compte pour participer au jeu-concours
</p> </p>