랜딩페이지 영상 변경

김성경 2026-06-02 09:18:32 +09:00
parent b18dd7aa4d
commit 85ac4292cc
4 changed files with 30 additions and 5 deletions

View File

@ -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 { .hero-button:hover {
background-color: #9a5ef0; background-color: #9a5ef0;
animation: none; animation: none;

View File

@ -70,7 +70,7 @@ const UrlInputContent: React.FC<UrlInputContentProps> = ({ onAnalyze, onAutocomp
const searchTypeOptions = [ const searchTypeOptions = [
{ value: 'url' as SearchType, label: 'URL' }, { value: 'url' as SearchType, label: 'URL' },
{ value: 'name' as SearchType, label: t('urlInput.searchTypeBusinessName') }, { 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 = () => { const getPlaceholder = () => {

View File

@ -11,9 +11,9 @@ const DisplaySection: React.FC<DisplaySectionProps> = ({ onStartClick }) => {
const { t } = useTranslation(); const { t } = useTranslation();
// YouTube Shorts 영상 ID들 // YouTube Shorts 영상 ID들
const videos = [ const videos = [
{ id: 1, videoId: 'trnN0SQBTiI' }, { id: 1, videoId: 'M3iuPZ59X1I' },
{ id: 2, videoId: '96HO497HsQI' }, { id: 2, videoId: 'JxWQxELDHSs' },
{ id: 3, videoId: 'XziImxVICIk' }, { id: 3, videoId: 'c2ZdwhaB7S4' },
]; ];
return ( return (

View File

@ -116,7 +116,7 @@ const HeroSection: React.FC<HeroSectionProps> = ({ onAnalyze, onAutocomplete, on
const searchTypeOptions = [ const searchTypeOptions = [
{ value: 'url' as SearchType, label: 'URL' }, { value: 'url' as SearchType, label: 'URL' },
{ value: 'name' as SearchType, label: t('landing.hero.searchTypeBusinessName') }, { 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"> <button onClick={handleStart} className="hero-button">
{t('landing.hero.analyzeButton')} {t('landing.hero.analyzeButton')}
</button> </button>
{/* 직접 입력 버튼 */}
<button type="button" className="hero-manual-button" onClick={() => setIsManualModalOpen(true)}>
{t('landing.hero.searchTypeManual')}
</button>
</div> </div>
</div> </div>