사이트 푸터 (흰색 로고 + 하단 메뉴 + 사업자 정보)

const NAV = [
  { label: "학교소개", href: "/about" },
  { label: "오시는길", href: "/location" },
  { label: "클래스", href: "/classes" },
  { label: "커뮤니티", href: "/notice" },
  { label: "문의하기", href: "/contact" },
];

const INFO = [
  "루멘 사진학교",
  "서울특별시 예시구 빛담로 120, 3층",
  "사업자등록번호 000-00-00000",
  "Tel. 02-1234-5678 / 02-1234-5679",
  "E-mail. hello@example.com",
];

const FONT = '"Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, "Apple SD Gothic Neo", "Malgun Gothic", sans-serif';

export default function SiteFooter() {
  return (
    <footer className="w-full bg-[#121a2a] pb-11 pt-14 text-sm text-white/55" style={{ fontFamily: FONT }}>
      <div className="mx-auto w-full max-w-[1200px] px-4 sm:px-6">
        <div className="flex flex-wrap items-center justify-between gap-6 border-b border-white/10 pb-7">
          <img src="https://nnuer.site/media/S9EBgt77TVCX" alt="루멘 사진학교" className="h-9 w-auto" />
          <nav aria-label="하단 메뉴" className="flex flex-wrap gap-x-7 gap-y-1.5">
            {NAV.map((n) => (
              <a key={n.label} href={n.href} className="font-semibold text-white/85 hover:text-[#F5C842]">
                {n.label}
              </a>
            ))}
          </nav>
        </div>
        <address className="mt-6 flex flex-col gap-1 not-italic leading-[1.8] sm:flex-row sm:flex-wrap sm:gap-x-5">
          {INFO.map((t) => (
            <span key={t}>{t}</span>
          ))}
        </address>
        <p className="mt-3">© 2026 Lumen Photo School. All Rights Reserved.</p>
      </div>
    </footer>
  );
}