feat: add Thé Tip Top logo to login and register pages
Added logo display at the top of both login and register forms - Added Next.js Image component for optimized logo rendering - Logo size: 120x120px, centered above page title - Fixed Card padding consistency on register page (added p-8) 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
parent
cdf0b2dc4a
commit
85b952ed24
|
|
@ -8,6 +8,7 @@ import { Input } from "@/components/ui/Input";
|
|||
import Button from "@/components/Button";
|
||||
import { Card } from "@/components/ui/Card";
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
import { ROUTES } from "@/utils/constants";
|
||||
import { GoogleLoginButton } from "@/components/GoogleLoginButton";
|
||||
import { initFacebookSDK, loginWithFacebook } from "@/lib/facebook-sdk";
|
||||
|
|
@ -79,6 +80,15 @@ export default function LoginPage() {
|
|||
<div className="min-h-[calc(100vh-4rem)] flex items-center justify-center py-12 px-4">
|
||||
<Card className="w-full max-w-md p-8">
|
||||
<div className="text-center mb-8">
|
||||
<div className="flex justify-center mb-6">
|
||||
<Image
|
||||
src="/logos/logo.svg"
|
||||
alt="Thé Tip Top"
|
||||
width={120}
|
||||
height={120}
|
||||
priority
|
||||
/>
|
||||
</div>
|
||||
<h1 className="text-3xl font-bold text-gray-900 mb-2">Connexion</h1>
|
||||
<p className="text-gray-600">
|
||||
Connectez-vous pour participer au jeu-concours
|
||||
|
|
|
|||
|
|
@ -8,6 +8,7 @@ import { Input } from "@/components/ui/Input";
|
|||
import Button from "@/components/Button";
|
||||
import { Card } from "@/components/ui/Card";
|
||||
import Link from "next/link";
|
||||
import Image from "next/image";
|
||||
import { ROUTES } from "@/utils/constants";
|
||||
|
||||
export default function RegisterPage() {
|
||||
|
|
@ -35,8 +36,17 @@ export default function RegisterPage() {
|
|||
|
||||
return (
|
||||
<div className="min-h-[calc(100vh-4rem)] flex items-center justify-center py-12">
|
||||
<Card className="w-full max-w-md">
|
||||
<Card className="w-full max-w-md p-8">
|
||||
<div className="text-center mb-8">
|
||||
<div className="flex justify-center mb-6">
|
||||
<Image
|
||||
src="/logos/logo.svg"
|
||||
alt="Thé Tip Top"
|
||||
width={120}
|
||||
height={120}
|
||||
priority
|
||||
/>
|
||||
</div>
|
||||
<h1 className="text-3xl font-bold text-gray-900 mb-2">Inscription</h1>
|
||||
<p className="text-gray-600">
|
||||
Créez un compte pour participer au jeu-concours
|
||||
|
|
|
|||
Loading…
Reference in New Issue
Block a user