"use client";

import { AlertCircle, Home } from "lucide-react";

export default function TenantNotFoundPage() {
  return (
    <div
      style={{
        minHeight: "100vh",
        display: "flex",
        alignItems: "center",
        justifyContent: "center",
        background: "var(--v5-surface-solid)",
        padding: "2rem",
      }}
    >
      <div
        style={{
          maxWidth: 520,
          width: "100%",
          padding: "2.6rem 2.2rem",
          background: "var(--v5-surface-solid)",
          border: "1px solid var(--v5-border)",
          borderRadius: 14,
          boxShadow: "var(--v5-glow-md)",
          textAlign: "center",
        }}
      >
        <div
          style={{
            display: "inline-flex",
            padding: "1rem",
            background: "rgba(var(--v5-red-rgb, 255,107,107), 0.1)",
            borderRadius: "50%",
            marginBottom: "1.2rem",
          }}
        >
          <AlertCircle size={40} color="var(--v5-red, #ff6b6b)" strokeWidth={1.5} />
        </div>

        <h1
          style={{
            fontSize: "1.3rem",
            fontWeight: 700,
            color: "var(--v5-text)",
            marginBottom: "0.6rem",
            letterSpacing: "-0.01em",
          }}
        >
          존재하지 않는 회사입니다
        </h1>
        <p
          style={{
            fontSize: "0.85rem",
            color: "var(--v5-text-sec)",
            lineHeight: 1.65,
            marginBottom: "1.8rem",
          }}
        >
          요청하신 서브도메인에 등록된 회사를 찾을 수 없습니다.
          <br />
          주소를 다시 확인하시거나 아래 버튼으로 메인 사이트로 이동해주세요.
        </p>
        <a
          href="https://solution.invyone.com"
          style={{
            display: "inline-flex",
            alignItems: "center",
            gap: "0.5rem",
            padding: "0.75rem 1.3rem",
            background: "var(--v5-primary)",
            color: "#fff",
            borderRadius: 8,
            fontSize: "0.85rem",
            fontWeight: 600,
            textDecoration: "none",
            boxShadow: "var(--v5-glow-sm)",
          }}
        >
          <Home size={15} strokeWidth={1.75} />
          메인 사이트로 이동
        </a>
      </div>
    </div>
  );
}
