Design: 홈페이지 디자인 변경

This commit is contained in:
정현조 2024-10-08 08:48:24 +09:00
parent 22b588ba8f
commit 48193743b6

View File

@ -9,48 +9,45 @@ export default function Home() {
const { accessToken } = useAuthStore(); const { accessToken } = useAuthStore();
return ( return (
<div className="flex h-full flex-col items-center justify-center bg-gray-50 p-8"> <div className="flex h-full w-full flex-col items-center justify-center bg-gray-50">
<div className="mb-6 max-w-xl rounded-lg bg-white p-6 shadow-lg"> <div className="text-center">
<h2 className="mb-4 text-2xl font-bold text-gray-900"> </h2> <p className="text-5xl font-semibold leading-[60px] text-black">
<p className="mb-4 text-base text-gray-700"> <span className="text-primary">Worlabel</span>
(AI) <br />
. <span className="text-primary"> </span>
</p> </p>
<p className="mb-4 text-base text-gray-700"> </div>
. <div className="mt-4 text-center">
Auto Labeler를 , . <p className="text-xl font-light leading-[28px] text-black">
</p> Worlabel로 .
<p className="mb-4 text-base text-gray-700"> <br />
Auto Labeler는 , . .
, .
</p>
<p className="text-base text-gray-700">
.
</p> </p>
</div> </div>
{!accessToken ? ( <div className="mt-8">
<a {!accessToken ? (
href={`${BASE_URL}/login/oauth2/authorization/google`} <a
className="mb-4 transition hover:opacity-90 focus:outline-none focus:ring-2 focus:ring-gray-300 active:opacity-80" href={`${BASE_URL}/login/oauth2/authorization/google`}
> className="flex items-center justify-center transition hover:opacity-90 focus:outline-none focus:ring-2 focus:ring-gray-300 active:opacity-80"
<img >
src={GoogleLogo} <img
alt="Sign in with Google" src={GoogleLogo}
className="h-auto w-full" alt="Sign in with Google"
/> className="h-auto w-full"
</a> // 404 에러 방지 />
) : ( </a>
<> ) : (
<Button <Button
asChild asChild
variant="blue" variant="blue"
size="lg" size="lg"
className="mt-8"
> >
<Link to="/browse"></Link> <Link to="/browse"></Link>
</Button> </Button>
</> )}
)} </div>
</div> </div>
); );
} }