gitea +

frontend/app/login/page.tsx

@@ -3,6 +3,7 @@
 import { useState } from 'react'
 import { useRouter } from 'next/navigation'
 import Link from 'next/link'
+import Image from 'next/image'
 import { authAPI } from '@/lib/api'
 import { saveAuth } from '@/lib/auth'
 import { Button } from '@/components/ui/button'
@@ -40,30 +41,18 @@ export default function LoginPage() {
       <div className="w-full max-w-md animate-fade-in">
         <Card className="shadow-xl border-border/50">
           <CardHeader className="text-center pb-2">
-            <div className="mx-auto mb-4 flex h-14 w-14 items-center justify-center rounded-xl bg-primary/10">
-              <svg
-                className="h-7 w-7 text-primary"
-                xmlns="http://www.w3.org/2000/svg"
-                fill="none"
-                viewBox="0 0 24 24"
-                stroke="currentColor"
-                strokeWidth={2}
-              >
-                <path
-                  strokeLinecap="round"
-                  strokeLinejoin="round"
-                  d="M15 12a3 3 0 11-6 0 3 3 0 016 0z"
-                />
-                <path
-                  strokeLinecap="round"
-                  strokeLinejoin="round"
-                  d="M2.458 12C3.732 7.943 7.523 5 12 5c4.478 0 8.268 2.943 9.542 7-1.274 4.057-5.064 7-9.542 7-4.477 0-8.268-2.943-9.542-7z"
-                />
-              </svg>
+            <div className="mx-auto mb-4 flex h-16 w-16 items-center justify-center relative">
+              <Image
+                src="/logo.png"
+                alt="Alertify Logo"
+                fill
+                className="object-contain"
+                priority
+              />
             </div>
             <CardTitle className="text-2xl font-bold">Welcome back</CardTitle>
             <CardDescription>
-              Sign in to your Website Monitor account
+              Sign in to your Alertify account
             </CardDescription>
           </CardHeader>