dm_new: Lnb 제목 외

apps/dm_new/components/CaseTabsCarousel.tsx

@@ -69,21 +69,42 @@ const MOCK: Record<TabKey, CaseItem[]> = {
       title: "경기도 파주시 하수 재이용",
       desc: "운정·금촌하수처리시설의 하수처리수를 막공법(U/F, R/O)으로 재처리하여 파주 LCD 산업단지내 3개 업체*에...",
       imageSrc: "/images/landing/sewage_01.png",
-      href: "#",
+      href: "/reuse/business/sewage/paju",
     },
     {
       id: "sewage-2",
       title: "충남보령 하수재이용",
       desc: "보령·신보령화력발전소에 하루 1만톤의 탈황용수 공급을 위해 보령하수처리시설의 하수처리수 재이용 사업...",
       imageSrc: "/images/landing/sewage_02.png",
-      href: "#",
+      href: "/reuse/business/sewage/bolyeong",
     },
     {
       id: "sewage-3",
       title: "여수시 하수처리수 재이용",
       desc: "(빗물) 월드컵경기장 등 4개소에 노면 빗물분사시스템 및 빗물 공급기를 설치하여 혹서기 도시 열섬효과 및 도로...",
       imageSrc: "/images/landing/sewage_03.png",
-      href: "#",
+      href: "/reuse/business/sewage/yeosu",
+    },
+    {
+      id: "sewage-4",
+      title: "청주시 하수 재이용 시설",
+      desc: "청주시 하수처리수 재이용 민간투자사업(BTO) 청주시 하수처리수 재이용 민간투자사업(BTO) 청주시 하수처리수 재이용 민간투자사업(BTO)...",
+      imageSrc: "/images/landing/sewage_04.png",
+      href: "/reuse/business/sewage/cheongju",
+    },
+    {
+      id: "sewage-5",
+      title: "수원시 황구지천 하천유지용수",
+      desc: "황구지천 공공하수처리시설 하수처리수 재이용사업으로 향후 호매실천 및 금곡천 건천화 방지로...",
+      imageSrc: "/images/landing/sewage_05.png",
+      href: "/reuse/business/sewage/hwanggu",
+    },
+    {
+      id: "sewage-6",
+      title: "구리시 도로자동청소시스템",
+      desc: "고농도 미세먼지 발생 및 폭염의 급증에 따라 공공하수처리시설 발생 재이용수 일부를 도로자동청소시스템에 활용...",
+      imageSrc: "/images/landing/sewage_06.png",
+      href: "/reuse/business/sewage/guri",
     },
     ...Array.from({ length: 6 }).map((_, i) => ({
       id: `sewage-x-${i}`,

apps/dm_new/components/Lnb.tsx

@@ -70,7 +70,7 @@ export default function Lnb() {
   return (
     <aside className="w-[260px]">
       <div className="flex h-[120px] items-center justify-center bg-gradient-to-r from-cyan-500 to-green-500 text-[40px] font-bold text-white">
-        {currentTopMenu?.menuKornNm ?? ""}
+        {currentTopMenu?.menuKornNm?.trim().split(/\s+/).pop() ?? ""}
       </div>
 
       <ul>

apps/dm_new/components/LoginStatus.tsx

@@ -0,0 +1,51 @@
+// apps/dm/app/(landing)/reuse/_components/LoginStatus.tsx
+"use client";
+
+import Link from "next/link";
+import { useEffect, useState } from "react";
+import { useRouter } from "next/navigation";
+
+export default function LoginStatus() {
+  const router = useRouter();
+  const [userName, setUserName] = useState<string | null>(null);
+
+  useEffect(() => {
+    // 예시: 로그인 시 저장한 값
+    const name = localStorage.getItem("userName");
+    setUserName(name);
+  }, []);
+
+  const handleLogout = () => {
+    localStorage.removeItem("accessToken");
+    localStorage.removeItem("userName");
+    router.refresh(); // 헤더 상태 갱신
+  };
+
+  // 🔹 로그인 전
+  if (!userName) {
+    return (
+      <Link
+        href="/reuse/login"
+        className="flex items-center gap-2 rounded-md bg-sky-500 px-4 py-2 text-sm font-medium text-white hover:bg-sky-600"
+      >
+        로그인
+        <span>→</span>
+      </Link>
+    );
+  }
+
+  // 🔹 로그인 후
+  return (
+    <div className="flex items-center gap-3 text-sm">
+      <span className="text-gray-700">
+        <strong>{userName}</strong>님 환영합니다.
+      </span>
+      <button
+        onClick={handleLogout}
+        className="rounded-md bg-red-500 px-3 py-2 text-white hover:bg-red-600"
+      >
+        로그아웃
+      </button>
+    </div>
+  );
+}

apps/dm_new/components/TopNav.tsx

@@ -11,10 +11,10 @@ const LS_TOKEN_KEY = "reuse_accessToken";
 const LS_USER_KEY = "reuse_userName";
 
 const DEFAULT_NAV_ITEMS: Pick<MenuItem, "menuCd" | "menuKornNm" | "urlPath" | "newWndwYn">[] = [
-  { menuCd: 1, menuKornNm: "Intro", urlPath: "/reuse/intro/law", newWndwYn: "N" },
-  { menuCd: 2, menuKornNm: "Status", urlPath: "/reuse/cases/rain", newWndwYn: "N" },
-  { menuCd: 3, menuKornNm: "Business", urlPath: "/reuse/business/rain/suwon", newWndwYn: "N" },
-  { menuCd: 4, menuKornNm: "Demand", urlPath: "/reuse/apply/place", newWndwYn: "N" },
+  { menuCd: 1, menuKornNm: "물 재이용 소개", urlPath: "/reuse/intro/law", newWndwYn: "N" },
+  { menuCd: 2, menuKornNm: "물 재이용 현황", urlPath: "/reuse/cases/rain", newWndwYn: "N" },
+  { menuCd: 3, menuKornNm: "물 재이용 사례", urlPath: "/reuse/business/rain/suwon", newWndwYn: "N" },
+  { menuCd: 4, menuKornNm: "수요신청", urlPath: "/reuse/apply/place", newWndwYn: "N" },
 ];
 
 export default function TopNav() {
@@ -78,17 +78,20 @@ export default function TopNav() {
   return (
     <>
       <header className="fixed left-0 right-0 top-0 z-50 border-b bg-white shadow-md backdrop-blur">
+        {/* ✅ 좌/중/우 정렬이 되도록 컨테이너 구성 */}
         <div className="px-6">
           <div className="relative flex h-[83px] items-center justify-between">
+            {/* 좌측: 로고 */}
             <div className="flex items-center gap-3">
               <Link href="/main" className="flex items-center">
                 <img src="/images/landing/logo.png" alt="HASUON" className="h-9 w-auto" />
               </Link>
             </div>
 
+            {/* 중앙: 상단 메뉴 */}
             <nav className="absolute left-1/2 flex -translate-x-1/2 items-center gap-[40px] text-sm font-medium">
               {navItems.map((item) => {
-                const requiresLogin = (item.urlPath)? item.urlPath.startsWith("/reuse/apply") : false;
+                const requiresLogin = (item.urlPath)? item.urlPath.startsWith("/apply") : false;
                 const active = isMenuActive(pathname, item);
                 const className = [
                   "relative px-3 py-2 text-lg font-bold",
@@ -129,6 +132,7 @@ export default function TopNav() {
               })}
             </nav>
 
+            {/* ✅ 우측: 로그인 버튼 / 로그인 정보 + 로그아웃 */}
             <div className="flex items-center gap-3">
               {!userName ? (
                 <button
@@ -136,7 +140,7 @@ export default function TopNav() {
                   onClick={openLogin}
                   className="inline-flex items-center gap-2 rounded-md bg-sky-500 px-4 py-2 text-base text-white hover:bg-sky-600"
                 >
-                  Login
+                  로그인
                   <span aria-hidden>
                     <img
                       src="/images/landing/icon_login.png"
@@ -148,14 +152,14 @@ export default function TopNav() {
               ) : (
                 <>
                   <span className="text-base text-gray-700">
-                    <strong className="text-xl text-emerald-600">{userName}</strong>
+                    <strong className="text-xl text-emerald-600">{userName}</strong>님 환영합니다.
                   </span>
                   <button
                     type="button"
                     onClick={logout}
                     className="inline-flex items-center gap-2 rounded-md bg-red-500 px-4 py-2 text-base text-white hover:bg-red-600"
                   >
-                    Logout
+                    로그아웃
                     <span aria-hidden>
                       <img
                         src="/images/landing/icon_logout.png"