51 lines
2.0 KiB
TypeScript
51 lines
2.0 KiB
TypeScript
|
'use client';
|
||
|
|
|
||
|
|
import MainLogoSvg from '../svgs/mainlogosvg';
|
||
|
|
|
||
|
|
export default function Footer() {
|
||
|
|
return (
|
||
|
|
<footer className="bg-[#f2f3f7] border-t border-[rgba(0,0,0,0.1)]">
|
||
|
|
<div className="flex justify-center">
|
||
|
|
<div className="w-full max-w-[1440px] px-[64px] py-[80px] flex gap-[32px]">
|
||
|
|
<div className="flex flex-col items-center gap-[7px] w-[72px]">
|
||
|
|
<MainLogoSvg width={72} height={54} />
|
||
|
|
<div className="text-[16px] font-extrabold leading-[1.45] tracking-[-0.08px] text-black">
|
||
|
|
XL LMS
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div className="flex-1 flex flex-col justify-end gap-[24px]">
|
||
|
|
<div className="flex items-center gap-[24px]">
|
||
|
|
<a href="#" className="text-[16px] font-semibold leading-[1.45] tracking-[-0.08px] text-black no-underline">
|
||
|
|
이용 약관
|
||
|
|
</a>
|
||
|
|
<div className="w-px h-[18px] bg-black/10" aria-hidden />
|
||
|
|
<a href="#" className="text-[16px] font-semibold leading-[1.45] tracking-[-0.08px] text-black no-underline">
|
||
|
|
개인정보처리방침
|
||
|
|
</a>
|
||
|
|
<div className="w-px h-[18px] bg-black/10" aria-hidden />
|
||
|
|
<a href="#" className="text-[16px] font-semibold leading-[1.45] tracking-[-0.08px] text-black no-underline">
|
||
|
|
고객센터
|
||
|
|
</a>
|
||
|
|
</div>
|
||
|
|
<div className="w-full flex items-end justify-between text-[16px] leading-[0] tracking-[-0.08px] text-black/55">
|
||
|
|
<div className="flex flex-col gap-[8px]">
|
||
|
|
<p className="leading-[1.45] text-nowrap">(12345) 서울특별시 광진구 구의동 123-12(구의타워1)</p>
|
||
|
|
<p className="leading-[1.45] text-nowrap">문의: 1234-1234 (평일 09:00 ~ 18:00)</p>
|
||
|
|
<p className="leading-[1.45] text-nowrap">이메일: qwer1234@go.or.kr</p>
|
||
|
|
</div>
|
||
|
|
<p className="leading-[1.45] text-nowrap">Copyright ⓒ 2025 XL LMS. All rights reserved</p>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<img
|
||
|
|
src="/imgs/talk.png"
|
||
|
|
alt="talk"
|
||
|
|
className="self-end ml-auto mr-[40px] mb-[40px]"
|
||
|
|
/>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</footer>
|
||
|
|
);
|
||
|
|
}
|
||
|
|
|
||
|
|
|