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

@@ -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() {

View File

@@ -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,

View File

@@ -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,27 +395,36 @@ 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>
<button <Link
onClick={() => { href="/services/music#pricing"
trackCTAClick('home_v6_final_contact'); onClick={() => trackCTAClick('home_v6_final_music')}
setModalOpen(true); className="kx-btn-primary px-8 py-3.5 rounded-full text-sm inline-flex"
}}
className="kx-btn-primary px-7 py-3.5 rounded-full text-sm"
> >
39,000
</button> </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>
</div> </div>
</section> </section>