From 85ac4292ccdc9bd70d81a80efe75050c36c74f40 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=EA=B9=80=EC=84=B1=EA=B2=BD?= <skkim@o2o.kr>
Date: Tue, 2 Jun 2026 09:18:32 +0900
Subject: [PATCH] =?UTF-8?q?=EB=9E=9C=EB=94=A9=ED=8E=98=EC=9D=B4=EC=A7=80?=
 =?UTF-8?q?=20=EC=98=81=EC=83=81=20=EB=B3=80=EA=B2=BD?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 index.css                               | 20 ++++++++++++++++++++
 src/pages/Dashboard/UrlInputContent.tsx |  2 +-
 src/pages/Landing/DisplaySection.tsx    |  6 +++---
 src/pages/Landing/HeroSection.tsx       |  7 ++++++-
 4 files changed, 30 insertions(+), 5 deletions(-)

diff --git a/index.css b/index.css
index ca9fdd2..e46e13a 100644
--- a/index.css
+++ b/index.css
@@ -4676,6 +4676,26 @@
   }
 }
 
+.hero-manual-button {
+  width: 100%;
+  padding: 11px 16px;
+  height: 48px;
+  border-radius: 999px;
+  border: 1px solid rgba(255, 255, 255, 0.3);
+  background: transparent;
+  color: rgba(255, 255, 255, 0.8);
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: all var(--transition-normal);
+}
+
+.hero-manual-button:hover {
+  border-color: rgba(255, 255, 255, 0.6);
+  color: #fff;
+  background: rgba(255, 255, 255, 0.06);
+}
+
 .hero-button:hover {
   background-color: #9a5ef0;
   animation: none;
diff --git a/src/pages/Dashboard/UrlInputContent.tsx b/src/pages/Dashboard/UrlInputContent.tsx
index d9b4855..fd71e2f 100644
--- a/src/pages/Dashboard/UrlInputContent.tsx
+++ b/src/pages/Dashboard/UrlInputContent.tsx
@@ -70,7 +70,7 @@ const UrlInputContent: React.FC<UrlInputContentProps> = ({ onAnalyze, onAutocomp
   const searchTypeOptions = [
     { value: 'url' as SearchType, label: 'URL' },
     { value: 'name' as SearchType, label: t('urlInput.searchTypeBusinessName') },
-    // { value: 'manual' as SearchType, label: t('urlInput.searchTypeManual') },
+    { value: 'manual' as SearchType, label: t('urlInput.searchTypeManual') },
   ];
 
   const getPlaceholder = () => {
diff --git a/src/pages/Landing/DisplaySection.tsx b/src/pages/Landing/DisplaySection.tsx
index 8ca0633..a265952 100755
--- a/src/pages/Landing/DisplaySection.tsx
+++ b/src/pages/Landing/DisplaySection.tsx
@@ -11,9 +11,9 @@ const DisplaySection: React.FC<DisplaySectionProps> = ({ onStartClick }) => {
   const { t } = useTranslation();
   // YouTube Shorts 영상 ID들
   const videos = [
-    { id: 1, videoId: 'trnN0SQBTiI' },
-    { id: 2, videoId: '96HO497HsQI' },
-    { id: 3, videoId: 'XziImxVICIk' },
+    { id: 1, videoId: 'M3iuPZ59X1I' },
+    { id: 2, videoId: 'JxWQxELDHSs' },
+    { id: 3, videoId: 'c2ZdwhaB7S4' },
   ];
 
   return (
diff --git a/src/pages/Landing/HeroSection.tsx b/src/pages/Landing/HeroSection.tsx
index d2ff016..a0e6089 100755
--- a/src/pages/Landing/HeroSection.tsx
+++ b/src/pages/Landing/HeroSection.tsx
@@ -116,7 +116,7 @@ const HeroSection: React.FC<HeroSectionProps> = ({ onAnalyze, onAutocomplete, on
   const searchTypeOptions = [
     { value: 'url' as SearchType, label: 'URL' },
     { value: 'name' as SearchType, label: t('landing.hero.searchTypeBusinessName') },
-    // { value: 'manual' as SearchType, label: t('landing.hero.searchTypeManual') },
+    { value: 'manual' as SearchType, label: t('landing.hero.searchTypeManual') },
   ];
 
   // 드롭다운 외부 클릭 감지
@@ -521,6 +521,11 @@ const HeroSection: React.FC<HeroSectionProps> = ({ onAnalyze, onAutocomplete, on
           <button onClick={handleStart} className="hero-button">
             {t('landing.hero.analyzeButton')}
           </button>
+
+          {/* 직접 입력 버튼 */}
+          <button type="button" className="hero-manual-button" onClick={() => setIsManualModalOpen(true)}>
+            {t('landing.hero.searchTypeManual')}
+          </button>
         </div>
       </div>