From 04bd1965c3699a4b29ed9c9627574bfeedd3d6c6 Mon Sep 17 00:00:00 2001
From: joonhoekim <26rote@gmail.com>
Date: Thu, 23 Oct 2025 18:44:19 +0900
Subject: (김준회) SWP 문서 업로드 (Submisssion) 초기 개발건
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, 17 insertions(+), 24 deletions(-)

(limited to 'components')

diff --git a/components/login/login-form-shi.tsx b/components/login/login-form-shi.tsx
index 0be6709a..98d5e10a 100644
--- a/components/login/login-form-shi.tsx
+++ b/components/login/login-form-shi.tsx
@@ -23,6 +23,7 @@ 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,
@@ -212,9 +213,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-2 lg:px-0">
-            {/* Left Content */}
-            <div className="flex flex-col w-full h-screen lg:p-2">
+        <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">
                 {/* 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">
@@ -235,8 +236,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">
@@ -299,9 +300,11 @@ 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">
@@ -363,22 +366,12 @@ 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>
+            {/* 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>
                         {/* <footer className="text-sm">SHI</footer> */}
                     </blockquote>
                 </div>
-- 
cgit v1.2.3