diff --git a/public/momo-icon.svg b/public/momo-icon.svg index eb10e71..7204c6e 100644 --- a/public/momo-icon.svg +++ b/public/momo-icon.svg @@ -2,12 +2,14 @@ - + - - MOMO - - + + + M + + + diff --git a/public/momo-logo.svg b/public/momo-logo.svg index 4648b4a..5e59286 100644 --- a/public/momo-logo.svg +++ b/public/momo-logo.svg @@ -1,43 +1,52 @@ - - + + + + + + + + + + + + + - - MOMO + + - - + + + MOMO + + + + + + - - - - - - - + + + + + - - + + - - - - - + + - - - - - - - - - - + + + + + + + diff --git a/src/app/(auth)/login/page.tsx b/src/app/(auth)/login/page.tsx index 10d8ce7..c1493e5 100644 --- a/src/app/(auth)/login/page.tsx +++ b/src/app/(auth)/login/page.tsx @@ -2,14 +2,14 @@ import { useState, FormEvent } from "react"; import { useRouter } from "next/navigation"; -import { Button } from "@/components/ui/button"; -import { Input } from "@/components/ui/input"; +import { User, Lock, Eye, EyeOff, ArrowRight, Phone, Mail, MapPin } from "lucide-react"; import Swal from "sweetalert2"; export default function LoginPage() { const router = useRouter(); const [userId, setUserId] = useState(""); const [password, setPassword] = useState(""); + const [showPw, setShowPw] = useState(false); const [loading, setLoading] = useState(false); const handleSubmit = async (e: FormEvent) => { @@ -47,94 +47,159 @@ export default function LoginPage() { }; return ( -
-
-
-
- MOMO -

- 모모유통 -

-

- 유통관리 ERP -

+
+ {/* 좌측: 브랜드 히어로 패널 */} +
+ {/* 배경 패턴 */} +
+
+ {/* 반짝이 파티클 */} +
+
+
+
+
+
+ +
+
+ MOMO + + MOMO DISTRIBUTION +
+
-
-
- - setUserId(e.target.value)} - placeholder="사용자 아이디를 입력하세요" - autoFocus - autoComplete="username" - /> -
- -
- - setPassword(e.target.value)} - placeholder="비밀번호를 입력하세요" - autoComplete="current-password" - /> -
- - -
- -

- © 2026 MOMO DISTRIBUTION. All rights reserved. +

+ MOMO +

+ 모모유통 유통관리 ERP +

+

+ 발주 · 입고 · 명세서 · 정산까지 —
+ 유통 업무의 모든 흐름을 한 곳에서.

+ +
+
+ + 본사경기도 의왕시 벌모루길 46 B동 +
+
+ + 지사경기도 김포시 고촌읍 김포대로 451번길 210 +
+
+ 010-6624-5315 + momo8443@daum.net +
+
-
-
-
- MOMO - - 모모유통 - + {/* 우측: 로그인 폼 */} +
+
+
+
+ + WELCOME BACK +
+

로그인

+

+ 계정 정보를 입력하고 유통관리 ERP에 접속하세요. +

-
-

- 본사 - 경기도 의왕시 벌모루길 46 B동 -

-

- 지사 - 경기도 김포시 고촌읍 김포대로 451번길 210 -

-

- T 010-6624-5315  ·  E momo8443@daum.net + +

+
+ +
+ + setUserId(e.target.value)} + placeholder="아이디를 입력하세요" + autoFocus + autoComplete="username" + className="w-full h-12 pl-11 pr-4 rounded-xl border border-slate-200 bg-white text-sm text-slate-900 placeholder-slate-400 shadow-sm focus:outline-none focus:border-emerald-500 focus:ring-4 focus:ring-emerald-500/10 transition" + /> +
+
+ +
+ +
+ + setPassword(e.target.value)} + placeholder="비밀번호를 입력하세요" + autoComplete="current-password" + className="w-full h-12 pl-11 pr-12 rounded-xl border border-slate-200 bg-white text-sm text-slate-900 placeholder-slate-400 shadow-sm focus:outline-none focus:border-emerald-500 focus:ring-4 focus:ring-emerald-500/10 transition" + /> + +
+
+ + +
+ +
+

+ © 2026 MOMO DISTRIBUTION. All rights reserved.

-
+
); } diff --git a/src/app/icon.svg b/src/app/icon.svg index 1bb104e..78d564b 100644 --- a/src/app/icon.svg +++ b/src/app/icon.svg @@ -2,10 +2,12 @@ - + - - MOMO + + M + +