랜딩페이지 영상 변경
parent
b18dd7aa4d
commit
85ac4292cc
20
index.css
20
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 {
|
.hero-button:hover {
|
||||||
background-color: #9a5ef0;
|
background-color: #9a5ef0;
|
||||||
animation: none;
|
animation: none;
|
||||||
|
|
|
||||||
|
|
@ -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 = () => {
|
||||||
|
|
|
||||||
|
|
@ -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 (
|
||||||
|
|
|
||||||
|
|
@ -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>
|
||||||
|
|
||||||
|
|
|
||||||
Loading…
Reference in New Issue