logo update from ai logo to human made

synculous-client/src/app/login/page.tsx

@@ -3,7 +3,7 @@
 import { useState } from 'react';
 import { useRouter } from 'next/navigation';
 import { useAuth } from '@/components/auth/AuthProvider';
-import { HeartIcon } from '@/components/ui/Icons';
+
 
 export default function LoginPage() {
   const [isLogin, setIsLogin] = useState(true);
@@ -38,9 +38,7 @@ export default function LoginPage() {
     <div className="min-h-screen flex items-center justify-center bg-gradient-to-br from-indigo-500 via-purple-500 to-pink-500 p-4">
       <div className="bg-white dark:bg-gray-800 rounded-2xl shadow-2xl w-full max-w-md p-8">
         <div className="flex flex-col items-center mb-8">
-          <div className="w-16 h-16 bg-gradient-to-br from-indigo-500 to-pink-500 rounded-2xl flex items-center justify-center mb-4">
-            <HeartIcon className="text-white" size={32} />
-          </div>
+          <img src="/logo.png" alt="Synculous" className="w-16 h-16 mb-4" />
           <h1 className="text-2xl font-bold text-gray-900 dark:text-gray-100">Synculous</h1>
           <p className="text-gray-500 dark:text-gray-400 mt-1">
             {isLogin ? 'Welcome back!' : 'Create your account'}