From 85b952ed24bae4ebccedf4cf677e8b454697cab5 Mon Sep 17 00:00:00 2001
From: soufiane <soufiane.baali99@gmail.com>
Date: Tue, 18 Nov 2025 22:38:37 +0100
Subject: [PATCH] =?UTF-8?q?feat:=20add=20Th=C3=A9=20Tip=20Top=20logo=20to?=
 =?UTF-8?q?=20login=20and=20register=20pages?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

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>
---
 app/login/page.tsx    | 10 ++++++++++
 app/register/page.tsx | 12 +++++++++++-
 2 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/app/login/page.tsx b/app/login/page.tsx
index 04b3bad..33973e0 100644
--- a/app/login/page.tsx
+++ b/app/login/page.tsx
@@ -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
diff --git a/app/register/page.tsx b/app/register/page.tsx
index 614b225..58364dd 100644
--- a/app/register/page.tsx
+++ b/app/register/page.tsx
@@ -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