(김준회) SHI 로그인 화면도 비디오 배경화면 사용하도록 변경, 로그인 화면 비디오 배경 공통컴포넌트로 추출

1 files changed, 3 insertions, 21 deletions

diff --git a/components/login/login-form-shi.tsx b/components/login/login-form-shi.tsx
index 0be6709a..fa27e0f3 100644
--- a/components/login/login-form-shi.tsx
+++ b/components/login/login-form-shi.tsx
@@ -20,9 +20,9 @@ import { sendOtpAction } from "@/lib/users/send-otp";
 import { verifyTokenAction } from "@/lib/users/verifyToken";
 import { buttonVariants } from "@/components/ui/button"
 import Link from "next/link"
-import Image from 'next/image'; // 추가: Image 컴포넌트 import
 import { KnoxSSOButton } from './saml-login-button'; // SAML 로그인 버튼 import
 import Loading from "../common/loading/loading";
+import { VideoBackground } from "./video-background";
 
 export function LoginFormSHI({
     className,
@@ -363,26 +363,8 @@ export function LoginFormSHI({
                 </div>
             </div>
 
-            {/* Right BG 이미지 영역 - Image 컴포넌트로 수정 */}
-            <div className="relative hidden h-full flex-col p-10 text-white dark:border-r md:flex">
-                {/* Image 컴포넌트로 대체 */}
-                <div className="absolute inset-0">
-                    <Image 
-                        src="/images/02.jpg" 
-                        alt="Background image"
-                        fill
-                        priority
-                        sizes="(max-width: 1024px) 100vw, 50vw"
-                        className="object-cover"
-                    />
-                </div>
-                <div className="relative z-10 mt-auto">
-                    <blockquote className="space-y-2">
-                        <p className="text-sm">&ldquo;{t("blockquote")}&rdquo;</p>
-                        {/* <footer className="text-sm">SHI</footer> */}
-                    </blockquote>
-                </div>
-            </div>
+            {/* Right BG 영상 영역 */}
+            <VideoBackground quote={t("blockquote")} />
         </div>
     )
 }
\ No newline at end of file