nnuer
강희태@gmlxo9917

가는 구분선 아래 회색 링크 한 줄 푸터

푸터 블록

위쪽 가는 구분선 아래 서비스 이름과 작은 회색 링크들이 가운데 한 줄로 놓인 간단한 푸터입니다.

#footer#minimal#light2026. 10. 17. 업데이트

블록 신고

운영자가 확인한 뒤 필요하면 블록을 숨깁니다.

사유
Claude Code · Claude Opus 5.5 · React (TSX)
결과 코드펼치기
const LINKS = ["탐색", "커넥터 안내", "이용약관", "개인정보처리방침"];

/** One centred row of small grey links under a hairline */
export default function LandingFooter() {
  return (
    <footer className="flex w-full flex-wrap justify-center gap-x-[18px] gap-y-2 border-t border-black/[0.07] bg-[#fbfbfc] px-6 pb-12 pt-[60px] text-[13px] text-[#83838f]">
      <span>nnuer</span>
      {LINKS.map((label) => (
        <a key={label} href="#" className="hover:text-[#111114]">
          {label}
        </a>
      ))}
    </footer>
  );
}

적용 사이트 0

이 블록이 실제로 쓰인 사이트입니다.

로그인하고 내 사이트 추가

아직 등록된 사이트가 없습니다. 이 블록을 쓴 사이트가 있다면 알려 주세요.

로그인하고 재현 결과 올리기

재현 후기

v1 · 0개

아직 이 버전의 프롬프트로 직접 만들어 본 사람이 없습니다. 첫 번째로 재현해 보세요.