feat: 마케팅 평가 반영 — 카피·메타·CTA 음악 중심 정렬

- TopNav 한국어화 (홈/샘플/가격/팩 상세), API 제거
- Hero 배지: 상품 형태 명시 "프롬프트·템플릿 팩 (PDF + 에셋)"
- Hero CTA: "₩39,000 팩 자세히 보기" (기대↔페이지 정렬)
- Hero 하단 3-tier 가격 요약 + 프로 티어 "가장 많이 팔림" 강조
- Final CTA 음악 단일화 ("오늘 밤 첫 AI 뮤비"), 문의는 서브 링크로 격하
- Other Products 헤더 "박재오가 만든 다른 도구" + 운영자 1줄
- layout 메타데이터·OG·Twitter·keywords 전면 음악 중심 재편

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-04-15 03:08:24 +09:00
parent 339cbbc47a
commit 4f42ed68a5
3 changed files with 73 additions and 34 deletions

View File

@@ -65,7 +65,7 @@ export default function Home() {
}}
/>
<div className="max-w-7xl mx-auto text-center relative z-10">
<span className="kx-label inline-block mb-6">AI MUSIC CREATOR TOOLKIT · 2026</span>
<span className="kx-label inline-block mb-6">·릿 (PDF + ) · 2026</span>
<h1 className="kx-display text-4xl md:text-6xl lg:text-7xl font-bold mb-6 leading-[1.05]" style={{ wordBreak: 'keep-all' }}>
AI로 + <span className="kx-gradient-text"></span>
<br />1
@@ -75,11 +75,11 @@ export default function Home() {
</p>
<div className="flex flex-col sm:flex-row justify-center gap-4 mb-16">
<Link
href="/services/music"
href="/services/music#pricing"
onClick={() => trackCTAClick('home_v6_hero_primary')}
className="kx-btn-primary px-8 py-4 rounded-full text-base inline-flex items-center justify-center gap-2"
>
39,000
</Link>
<a
href="#evidence"
@@ -96,6 +96,33 @@ export default function Home() {
</a>
</div>
{/* Price tier mini summary */}
<div className="flex flex-wrap justify-center gap-3 mb-16 text-sm">
<span
className="px-4 py-2 rounded-full"
style={{ background: 'rgba(25,37,64,0.5)', border: '1px solid rgba(255,255,255,0.06)', color: 'var(--kx-on-variant)' }}
>
<strong style={{ color: 'var(--kx-on-surface)' }}>39,000</strong>
</span>
<span
className="px-4 py-2 rounded-full"
style={{
background: 'rgba(156,72,234,0.15)',
border: '1px solid rgba(204,151,255,0.4)',
color: 'var(--kx-on-surface)',
boxShadow: '0 0 20px rgba(156,72,234,0.25)',
}}
>
🔥 <strong>99,000</strong> <span style={{ color: 'var(--kx-primary)' }}> </span>
</span>
<span
className="px-4 py-2 rounded-full"
style={{ background: 'rgba(25,37,64,0.5)', border: '1px solid rgba(255,255,255,0.06)', color: 'var(--kx-on-variant)' }}
>
<strong style={{ color: 'var(--kx-on-surface)' }}>149,000</strong>
</span>
</div>
{/* Demo Showcase Card */}
<div
className="relative max-w-5xl mx-auto overflow-hidden"
@@ -327,8 +354,11 @@ export default function Home() {
<div className="text-center mb-12">
<span className="kx-label">OTHER PRODUCTS</span>
<h2 className="kx-display text-3xl md:text-4xl font-bold mt-2" style={{ color: 'var(--kx-on-surface)' }}>
</h2>
<p className="mt-3 text-sm max-w-xl mx-auto" style={{ color: 'var(--kx-on-variant)' }}>
. ·CS도 .
</p>
</div>
<div className="grid md:grid-cols-2 gap-5 mb-16">
<Link
@@ -365,27 +395,36 @@ export default function Home() {
</Link>
</div>
{/* Final CTA */}
{/* Final CTA — 음악 팩 단일 전환 */}
<div
className="text-center p-10 kx-glass"
style={{ border: '1px solid rgba(204,151,255,0.12)' }}
>
<span className="kx-label">NEXT STEP</span>
<span className="kx-label">START TODAY</span>
<h3 className="kx-display text-2xl md:text-3xl font-bold mt-2 mb-3" style={{ color: 'var(--kx-on-surface)' }}>
?
, AI
</h3>
<p className="text-sm mb-6 max-w-xl mx-auto" style={{ color: 'var(--kx-on-variant)' }}>
·· . 24 .
39,000 . 1 + 릿 + .
</p>
<button
onClick={() => {
trackCTAClick('home_v6_final_contact');
setModalOpen(true);
}}
className="kx-btn-primary px-7 py-3.5 rounded-full text-sm"
<Link
href="/services/music#pricing"
onClick={() => trackCTAClick('home_v6_final_music')}
className="kx-btn-primary px-8 py-3.5 rounded-full text-sm inline-flex"
>
</button>
39,000
</Link>
<div className="mt-5 text-xs" style={{ color: 'var(--kx-on-variant)' }}>
<button
onClick={() => {
trackCTAClick('home_v6_final_contact');
setModalOpen(true);
}}
className="underline underline-offset-4 hover:text-white transition"
>
·
</button>
</div>
</div>
</div>
</section>