logo update from ai logo to human made
|
Before Width: | Height: | Size: 8.9 KiB After Width: | Height: | Size: 12 KiB |
|
Before Width: | Height: | Size: 17 KiB After Width: | Height: | Size: 22 KiB |
BIN
synculous-client/public/logo.png
Normal file
|
After Width: | Height: | Size: 13 KiB |
@@ -15,7 +15,7 @@ import {
|
|||||||
SettingsIcon,
|
SettingsIcon,
|
||||||
LogOutIcon,
|
LogOutIcon,
|
||||||
CopyIcon,
|
CopyIcon,
|
||||||
HeartIcon,
|
|
||||||
SunIcon,
|
SunIcon,
|
||||||
MoonIcon,
|
MoonIcon,
|
||||||
} from '@/components/ui/Icons';
|
} from '@/components/ui/Icons';
|
||||||
@@ -85,9 +85,7 @@ export default function DashboardLayout({
|
|||||||
<header className="bg-white dark:bg-gray-900 border-b border-gray-200 dark:border-gray-700 sticky top-0 z-10">
|
<header className="bg-white dark:bg-gray-900 border-b border-gray-200 dark:border-gray-700 sticky top-0 z-10">
|
||||||
<div className="flex items-center justify-between px-4 py-3">
|
<div className="flex items-center justify-between px-4 py-3">
|
||||||
<div className="flex items-center gap-2">
|
<div className="flex items-center gap-2">
|
||||||
<div className="w-8 h-8 bg-gradient-to-br from-indigo-500 to-pink-500 rounded-lg flex items-center justify-center">
|
<img src="/logo.png" alt="Synculous" className="w-8 h-8" />
|
||||||
<HeartIcon className="text-white" size={16} />
|
|
||||||
</div>
|
|
||||||
<span className="font-bold text-gray-900 dark:text-gray-100">Synculous</span>
|
<span className="font-bold text-gray-900 dark:text-gray-100">Synculous</span>
|
||||||
</div>
|
</div>
|
||||||
<div className="flex items-center gap-2">
|
<div className="flex items-center gap-2">
|
||||||
|
|||||||
|
Before Width: | Height: | Size: 511 B After Width: | Height: | Size: 909 B |
@@ -3,7 +3,7 @@
|
|||||||
import { useState } from 'react';
|
import { useState } from 'react';
|
||||||
import { useRouter } from 'next/navigation';
|
import { useRouter } from 'next/navigation';
|
||||||
import { useAuth } from '@/components/auth/AuthProvider';
|
import { useAuth } from '@/components/auth/AuthProvider';
|
||||||
import { HeartIcon } from '@/components/ui/Icons';
|
|
||||||
|
|
||||||
export default function LoginPage() {
|
export default function LoginPage() {
|
||||||
const [isLogin, setIsLogin] = useState(true);
|
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="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="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="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">
|
<img src="/logo.png" alt="Synculous" className="w-16 h-16 mb-4" />
|
||||||
<HeartIcon className="text-white" size={32} />
|
|
||||||
</div>
|
|
||||||
<h1 className="text-2xl font-bold text-gray-900 dark:text-gray-100">Synculous</h1>
|
<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">
|
<p className="text-gray-500 dark:text-gray-400 mt-1">
|
||||||
{isLogin ? 'Welcome back!' : 'Create your account'}
|
{isLogin ? 'Welcome back!' : 'Create your account'}
|
||||||
|
|||||||