From 8f74c9ae284dfad5b778bfaf9f9957f7b3b6c23d Mon Sep 17 00:00:00 2001
From: joonhoekim <26rote@gmail.com>
Date: Thu, 23 Oct 2025 19:34:36 +0900
Subject: (김준회) revert login-form-shi.tsx
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/login/login-form-shi.tsx | 41 ++++++++++++++++++++++---------------
 1 file changed, 24 insertions(+), 17 deletions(-)

(limited to 'components')

diff --git a/components/login/login-form-shi.tsx b/components/login/login-form-shi.tsx
index 98d5e10a..0be6709a 100644
--- a/components/login/login-form-shi.tsx
+++ b/components/login/login-form-shi.tsx
@@ -23,7 +23,6 @@ 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 { VideoCarousel } from './video-carousel';
 
 export function LoginFormSHI({
     className,
@@ -213,9 +212,9 @@ export function LoginFormSHI({
     }
 
     return (
-        <div className="container relative flex h-screen flex-col items-center justify-center md:grid lg:max-w-none lg:grid-cols-3 lg:px-0">
-            {/* Left Content - 축소된 로그인 영역 */}
-            <div className="flex flex-col w-full h-screen lg:p-2 lg:col-span-1">
+        <div className="container relative flex h-screen flex-col items-center justify-center md:grid lg:max-w-none lg:grid-cols-2 lg:px-0">
+            {/* Left Content */}
+            <div className="flex flex-col w-full h-screen lg:p-2">
                 {/* Top bar with Logo + eVCP (left) and "Request Vendor Repository" (right) */}
                 <div className="flex items-center justify-between">
                     <div className="flex items-center space-x-2">
@@ -236,8 +235,8 @@ export function LoginFormSHI({
 
                         {/* Here's your existing login/OTP forms: */}
                          {/* {!otpSent ? ( */}
-
-                             <form onSubmit={handleOtpSubmit} className="p-6 md:p-8">
+          
+                             <form onSubmit={handleOtpSubmit} className="p-6 md:p-8"> 
                             {/* <form onSubmit={handleOtpSubmit} className="p-6 md:p-8"> */}
                                 <div className="flex flex-col gap-6">
                                     <div className="flex flex-col items-center text-center">
@@ -300,11 +299,9 @@ export function LoginFormSHI({
                                     </div>
                                 </div>
                             </form>
-                        {/* )
-
-
-
-
+                        {/* ) 
+                        
+                        
                         : (
                             <form onSubmit={handleOtpSubmit} className="flex flex-col gap-4 p-6 md:p-8">
                                 <div className="flex flex-col gap-6">
@@ -366,12 +363,22 @@ export function LoginFormSHI({
                 </div>
             </div>
 
-            {/* Right 영상 캐러셀 영역 - 확장된 영역 (2/3 비율) */}
-            <div className="relative hidden h-full flex-col p-6 text-white dark:border-r md:flex lg:col-span-2 shadow-2xl">
-                <VideoCarousel lng={lng} className="h-full" />
-                <div className="relative z-10 mt-4">
-                    <blockquote className="space-y-2 text-center">
-                        <p className="text-sm text-white/80">&ldquo;{t("blockquote")}&rdquo;</p>
+            {/* 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>
-- 
cgit v1.2.3