Design: footer, home 디자인 수정
This commit is contained in:
parent
e93129a1b8
commit
24e194c221
@ -1,24 +1,18 @@
|
|||||||
import * as React from 'react';
|
import { Link } from 'react-router-dom';
|
||||||
import { cn } from '@/lib/utils';
|
|
||||||
|
|
||||||
export interface FooterProps extends React.HTMLAttributes<HTMLDivElement> {}
|
export default function Footer() {
|
||||||
|
|
||||||
export default function Footer({ className, ...props }: FooterProps) {
|
|
||||||
return (
|
return (
|
||||||
<footer
|
<footer className="select-none bg-gray-100">
|
||||||
className={cn('mt-[100px] border-t border-gray-200 bg-gray-100', className)}
|
<div className="container py-8 text-gray-400">
|
||||||
{...props}
|
<div className="body-small flex flex-col items-start gap-5">
|
||||||
>
|
<div>
|
||||||
<div className="container py-10">
|
<div className="heading">WorLabel</div>
|
||||||
<div className="flex flex-col items-start gap-5">
|
<span>Copyright © 2024 WorLabel. All rights reserved.</span>
|
||||||
<div className="relative">
|
|
||||||
<div className="font-heading text-lg text-gray-600 md:text-xl">WorLabel</div>
|
|
||||||
<p className="font-body-small mt-2 text-gray-500">Copyright © 2024 WorLabel All rights reserved</p>
|
|
||||||
</div>
|
</div>
|
||||||
<div className="inline-flex items-center gap-4">
|
<div className="inline-flex items-center gap-2">
|
||||||
<div className="font-body-small text-gray-500">서비스 이용약관</div>
|
<Link to="#">서비스 이용약관</Link>
|
||||||
<div className="h-4 w-px bg-gray-400" />
|
<span className="h-3 w-px rounded bg-gray-400" />
|
||||||
<div className="font-body-small text-gray-500">개인정보 처리방침</div>
|
<Link to="#">개인정보 처리방침</Link>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
@ -15,7 +15,7 @@ export default function PageLayout() {
|
|||||||
</main>
|
</main>
|
||||||
</Suspense>
|
</Suspense>
|
||||||
</div>
|
</div>
|
||||||
<Footer className="mt-0" />
|
<Footer />
|
||||||
</div>
|
</div>
|
||||||
</>
|
</>
|
||||||
);
|
);
|
||||||
|
@ -9,16 +9,16 @@ export default function Home() {
|
|||||||
const { accessToken } = useAuthStore();
|
const { accessToken } = useAuthStore();
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="flex h-full w-full flex-col items-center justify-center bg-gray-50">
|
<div className="flex h-full w-full flex-col items-center justify-center break-keep bg-gray-50 px-10">
|
||||||
<div className="text-center">
|
<div className="text-center">
|
||||||
<p className="text-5xl font-semibold leading-[60px] text-black">
|
<p className="text-5xl font-semibold leading-[1.2] text-gray-900">
|
||||||
<span className="text-primary">웹 기반 오토 레이블링</span> 플랫폼
|
<span className="font-bold text-primary">웹 기반 오토 레이블링</span> 플랫폼
|
||||||
<br />
|
<br />
|
||||||
<span className="text-primary">WorLabel</span>에 오신 것을 환영합니다
|
<span className="font-bold text-primary">WorLabel</span>에 오신 것을 환영합니다
|
||||||
</p>
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="mt-4 text-center">
|
<div className="mt-4 text-center">
|
||||||
<p className="text-xl font-light leading-[28px] text-black">
|
<p className="body font-light leading-[28px] text-gray-500">
|
||||||
WorLabel로 레이블링 작업을 간소화하세요.
|
WorLabel로 레이블링 작업을 간소화하세요.
|
||||||
<br />
|
<br />
|
||||||
브라우저에서 직접 레이블링을 자동화하여 빠르고 효율적인 워크플로우를 경험하세요.
|
브라우저에서 직접 레이블링을 자동화하여 빠르고 효율적인 워크플로우를 경험하세요.
|
||||||
|
Loading…
Reference in New Issue
Block a user