Thanh Quy - wolf
38 lines
1.1 KiB
TypeScript
38 lines
1.1 KiB
TypeScript
"use client";
|
|
|
|
import LoginForm from "@/components/organisms/forms/LoginForm";
|
|
import { SHOP_INFO } from "@/lib/constants";
|
|
import Image from "next/image";
|
|
|
|
export default function LoginPage() {
|
|
return (
|
|
<div className="bg-background flex min-h-screen items-center justify-center px-4 py-8">
|
|
{/* Login Form Card */}
|
|
<div className="w-full max-w-md rounded-2xl bg-white p-8 shadow-lg">
|
|
{/* Logo & Shop Name */}
|
|
<div className="mb-8 flex flex-col items-center">
|
|
<div className="relative mb-4 h-20 w-20">
|
|
<Image
|
|
src={SHOP_INFO.logo}
|
|
alt={SHOP_INFO.name}
|
|
fill
|
|
className="object-contain"
|
|
sizes="80px"
|
|
priority
|
|
/>
|
|
</div>
|
|
<h1 className="mb-1 text-2xl font-bold text-(--color-primary-dark)">
|
|
{SHOP_INFO.name}
|
|
</h1>
|
|
<p className="text-sm text-(--color-text-muted)">
|
|
Enter your phone number to sign in
|
|
</p>
|
|
</div>
|
|
|
|
{/* Login Form */}
|
|
<LoginForm />
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|