test

src/app/page.tsx

@@ -15,6 +15,7 @@ import { BoardPanelClient } from "@/app/components/BoardPanelClient";
 import { GradeIcon, getGradeName } from "@/app/components/GradeIcon";
 import prisma from "@/lib/prisma";
 import { headers } from "next/headers";
+import { InlineLoginForm } from "@/app/components/InlineLoginForm";
 
 export default async function Home({ searchParams }: { searchParams: Promise<{ sort?: "recent" | "popular" } | undefined> }) {
   const sp = await searchParams;
@@ -292,15 +293,9 @@ export default async function Home({ searchParams }: { searchParams: Promise<{ s
                   </div>
                 </>
               ) : (
-                <div className="flex flex-col items-center justify-center gap-6 relative z-10">
-                  <div className="mt-[56px] flex flex-col items-center gap-4">
-                    <div className="w-[120px] h-[120px] rounded-full bg-[#e9e9e9] border border-neutral-200" />
-                    <div className="text-[18px] text-[#5c5c5c] font-[700]">로그인이 필요합니다</div>
-                    <div className="text-[13px] text-neutral-600">내 정보와 등급/포인트를 확인하려면 로그인하세요.</div>
-                  </div>
-                  <Link href={`/login?next=/`} className="w-[300px] h-[40px] rounded-full bg-[#8c8c8c] hover:bg-[#5c5c5c] text-white text-[14px] font-[700] flex items-center justify-center">
-                    로그인 하러 가기
-                  </Link>
+                <div className="row-start-1 row-end-[-1] flex flex-col items-center justify-center gap-4 relative z-10">
+                  <div className="text-[18px] text-[#5c5c5c] font-[700]">로그인이 필요합니다</div>
+                  <InlineLoginForm next="/" />
                 </div>
               )}
             </div>