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:
@@ -5,10 +5,10 @@ import { usePathname } from 'next/navigation';
|
|||||||
import { useState, useEffect } from 'react';
|
import { useState, useEffect } from 'react';
|
||||||
|
|
||||||
const LINKS = [
|
const LINKS = [
|
||||||
{ href: '/', label: 'Home' },
|
{ href: '/', label: '홈' },
|
||||||
{ href: '/services/music#samples', label: 'Showcase' },
|
{ href: '/services/music#samples', label: '샘플' },
|
||||||
{ href: '/services/music#pricing', label: 'Pricing' },
|
{ href: '/services/music#pricing', label: '가격' },
|
||||||
{ href: '/services/music', label: 'API' },
|
{ href: '/services/music', label: '팩 상세' },
|
||||||
];
|
];
|
||||||
|
|
||||||
export default function TopNav() {
|
export default function TopNav() {
|
||||||
|
|||||||
@@ -10,21 +10,21 @@ const manrope = Manrope({ subsets: ["latin"], variable: "--font-kx-label", displ
|
|||||||
|
|
||||||
export const metadata: Metadata = {
|
export const metadata: Metadata = {
|
||||||
title: {
|
title: {
|
||||||
default: "쟁승메이드 | AI 프롬프트 · 업무 자동화 · 사주 분석",
|
default: "AI 음악·뮤비 팩 ₩39,000~ | 쟁승메이드",
|
||||||
template: "%s | 쟁승메이드",
|
template: "%s | 쟁승메이드",
|
||||||
},
|
},
|
||||||
description:
|
description:
|
||||||
"AI 음악·뮤비 구조 설계 팩, 블로그 자동화 팩, AI 사주 분석까지. 현직 엔지니어가 직접 설계·운영하는 AI 크리에이티브 스토어. 29,000원부터.",
|
"Suno 프롬프트 + 뮤직비디오 워크플로우 + 유튜브 SEO 템플릿 팩. AI로 음악과 뮤비를 1시간 만에 완성하는 4단계 크리에이터 툴킷. ₩39,000부터.",
|
||||||
keywords: [
|
keywords: [
|
||||||
"AI 프롬프트",
|
"AI 음악",
|
||||||
"ChatGPT 프롬프트",
|
"AI 작곡",
|
||||||
"업무 자동화",
|
"Suno 프롬프트",
|
||||||
|
"AI 뮤직비디오",
|
||||||
|
"유튜브 쇼츠 음악",
|
||||||
|
"AI 뮤비",
|
||||||
|
"음악 프롬프트",
|
||||||
|
"블로그 자동화",
|
||||||
"AI 사주",
|
"AI 사주",
|
||||||
"AI 자동화 키트",
|
|
||||||
"프롬프트 엔지니어링",
|
|
||||||
"엑셀 자동화",
|
|
||||||
"외주 개발",
|
|
||||||
"홈페이지 제작",
|
|
||||||
],
|
],
|
||||||
authors: [{ name: "박재오", url: "https://jaengseung-made.com" }],
|
authors: [{ name: "박재오", url: "https://jaengseung-made.com" }],
|
||||||
creator: "박재오",
|
creator: "박재오",
|
||||||
@@ -33,9 +33,9 @@ export const metadata: Metadata = {
|
|||||||
locale: "ko_KR",
|
locale: "ko_KR",
|
||||||
url: "https://jaengseung-made.com",
|
url: "https://jaengseung-made.com",
|
||||||
siteName: "쟁승메이드",
|
siteName: "쟁승메이드",
|
||||||
title: "쟁승메이드 | AI 프롬프트 · 업무 자동화 · 사주 분석",
|
title: "AI 음악·뮤비 팩 ₩39,000~ | 쟁승메이드",
|
||||||
description:
|
description:
|
||||||
"AI 음악 구조 설계 팩, 블로그 자동화 팩, AI 사주 분석. 현직 엔지니어가 만든 AI 크리에이티브 스토어.",
|
"Suno 프롬프트 + 뮤비 워크플로우 + 유튜브 SEO 템플릿 팩. AI로 음악·뮤비를 1시간에 완성하는 4단계 크리에이터 툴킷.",
|
||||||
images: [
|
images: [
|
||||||
{
|
{
|
||||||
url: "https://jaengseung-made.com/og-image.png",
|
url: "https://jaengseung-made.com/og-image.png",
|
||||||
@@ -47,8 +47,8 @@ export const metadata: Metadata = {
|
|||||||
},
|
},
|
||||||
twitter: {
|
twitter: {
|
||||||
card: "summary_large_image",
|
card: "summary_large_image",
|
||||||
title: "쟁승메이드 | AI 프롬프트 · 업무 자동화 · 사주 분석",
|
title: "AI 음악·뮤비 팩 ₩39,000~ | 쟁승메이드",
|
||||||
description: "AI 프롬프트 9,900원~, 업무 자동화, 무료 AI 사주 분석.",
|
description: "AI로 음악과 뮤비를 1시간 만에. Suno 프롬프트 + 뮤비 워크플로우 + 유튜브 SEO 템플릿.",
|
||||||
},
|
},
|
||||||
robots: {
|
robots: {
|
||||||
index: true,
|
index: true,
|
||||||
|
|||||||
59
app/page.tsx
59
app/page.tsx
@@ -65,7 +65,7 @@ export default function Home() {
|
|||||||
}}
|
}}
|
||||||
/>
|
/>
|
||||||
<div className="max-w-7xl mx-auto text-center relative z-10">
|
<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' }}>
|
<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>
|
AI로 음악 + <span className="kx-gradient-text">뮤직비디오까지</span>
|
||||||
<br />1시간 만에 완성
|
<br />1시간 만에 완성
|
||||||
@@ -75,11 +75,11 @@ export default function Home() {
|
|||||||
</p>
|
</p>
|
||||||
<div className="flex flex-col sm:flex-row justify-center gap-4 mb-16">
|
<div className="flex flex-col sm:flex-row justify-center gap-4 mb-16">
|
||||||
<Link
|
<Link
|
||||||
href="/services/music"
|
href="/services/music#pricing"
|
||||||
onClick={() => trackCTAClick('home_v6_hero_primary')}
|
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"
|
className="kx-btn-primary px-8 py-4 rounded-full text-base inline-flex items-center justify-center gap-2"
|
||||||
>
|
>
|
||||||
지금 바로 제작 시작하기
|
₩39,000 팩 자세히 보기
|
||||||
</Link>
|
</Link>
|
||||||
<a
|
<a
|
||||||
href="#evidence"
|
href="#evidence"
|
||||||
@@ -96,6 +96,33 @@ export default function Home() {
|
|||||||
</a>
|
</a>
|
||||||
</div>
|
</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 */}
|
{/* Demo Showcase Card */}
|
||||||
<div
|
<div
|
||||||
className="relative max-w-5xl mx-auto overflow-hidden"
|
className="relative max-w-5xl mx-auto overflow-hidden"
|
||||||
@@ -327,8 +354,11 @@ export default function Home() {
|
|||||||
<div className="text-center mb-12">
|
<div className="text-center mb-12">
|
||||||
<span className="kx-label">OTHER PRODUCTS</span>
|
<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 className="kx-display text-3xl md:text-4xl font-bold mt-2" style={{ color: 'var(--kx-on-surface)' }}>
|
||||||
쟁승메이드의 다른 도구들
|
박재오가 만든 다른 도구
|
||||||
</h2>
|
</h2>
|
||||||
|
<p className="mt-3 text-sm max-w-xl mx-auto" style={{ color: 'var(--kx-on-variant)' }}>
|
||||||
|
현직 엔지니어가 본인 워크플로우에 쓰는 도구를 직접 패키징합니다. 운영·CS도 혼자 책임집니다.
|
||||||
|
</p>
|
||||||
</div>
|
</div>
|
||||||
<div className="grid md:grid-cols-2 gap-5 mb-16">
|
<div className="grid md:grid-cols-2 gap-5 mb-16">
|
||||||
<Link
|
<Link
|
||||||
@@ -365,29 +395,38 @@ export default function Home() {
|
|||||||
</Link>
|
</Link>
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
{/* Final CTA */}
|
{/* Final CTA — 음악 팩 단일 전환 */}
|
||||||
<div
|
<div
|
||||||
className="text-center p-10 kx-glass"
|
className="text-center p-10 kx-glass"
|
||||||
style={{ border: '1px solid rgba(204,151,255,0.12)' }}
|
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)' }}>
|
<h3 className="kx-display text-2xl md:text-3xl font-bold mt-2 mb-3" style={{ color: 'var(--kx-on-surface)' }}>
|
||||||
프로젝트 문의가 있으신가요?
|
오늘 밤, 당신 채널에 첫 AI 뮤비가 올라갈 수 있습니다
|
||||||
</h3>
|
</h3>
|
||||||
<p className="text-sm mb-6 max-w-xl mx-auto" style={{ color: 'var(--kx-on-variant)' }}>
|
<p className="text-sm mb-6 max-w-xl mx-auto" style={{ color: 'var(--kx-on-variant)' }}>
|
||||||
맞춤 개발·컨설팅·협업 제안 모두 환영합니다. 24시간 이내 회신.
|
입문 팩 ₩39,000으로 시작. 1시간 워크플로우 + 템플릿 + 저작권 가이드 포함.
|
||||||
</p>
|
</p>
|
||||||
|
<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"
|
||||||
|
>
|
||||||
|
₩39,000으로 시작하기
|
||||||
|
</Link>
|
||||||
|
<div className="mt-5 text-xs" style={{ color: 'var(--kx-on-variant)' }}>
|
||||||
<button
|
<button
|
||||||
onClick={() => {
|
onClick={() => {
|
||||||
trackCTAClick('home_v6_final_contact');
|
trackCTAClick('home_v6_final_contact');
|
||||||
setModalOpen(true);
|
setModalOpen(true);
|
||||||
}}
|
}}
|
||||||
className="kx-btn-primary px-7 py-3.5 rounded-full text-sm"
|
className="underline underline-offset-4 hover:text-white transition"
|
||||||
>
|
>
|
||||||
일반 문의 보내기
|
맞춤 협업·외주 문의는 여기
|
||||||
</button>
|
</button>
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
|
</div>
|
||||||
</section>
|
</section>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|||||||
Reference in New Issue
Block a user