fix: Evidence DEMO 뱃지 + JSON-LD price + 모바일 가격 스택 + 샘플 앵커 통일

- Evidence 섹션에 '예시' 배지/면책 문구 (실샘플 전 법적 리스크 정리)
- JSON-LD Offer에 price/priceCurrency/availability 추가 (39k/99k/149k/29k/무료)
- 모바일에서 3-tier 가격 칩 세로 스택 (🔥프로 강조 유지)
- Hero '샘플 결과 보기' 앵커 /services/music#samples로 통일

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
2026-04-15 03:11:27 +09:00
parent 4f42ed68a5
commit cf29caa67a
2 changed files with 27 additions and 10 deletions

View File

@@ -86,9 +86,11 @@ const jsonLd = {
'@type': 'OfferCatalog',
name: '쟁승메이드 AI 도구 · 서비스',
itemListElement: [
{ '@type': 'Offer', itemOffered: { '@type': 'Product', name: 'AI 음악 마스터 구조 팩', url: 'https://jaengseung-made.com/services/music', description: 'Suno 프롬프트 + MV 워크플로우 + 저작권 가이드 + 템플릿 PDF + 샘플 프로젝트. 4단계 AI 음악 제작 공정.' } },
{ '@type': 'Offer', itemOffered: { '@type': 'Product', name: '블로그 자동화 솔루션 팩', url: 'https://jaengseung-made.com/services/blog', description: '쿠팡파트너스·애드포스트 수익화 프롬프트 조합법 + 구조 템플릿 PDF + 샘플.' } },
{ '@type': 'Offer', itemOffered: { '@type': 'Service', name: 'AI 사주 분석', url: 'https://jaengseung-made.com/saju', description: '생년월일 기반 AI 사주팔자 분석. 무료 체험 가능.' } },
{ '@type': 'Offer', price: '39000', priceCurrency: 'KRW', availability: 'https://schema.org/InStock', url: 'https://jaengseung-made.com/services/music', itemOffered: { '@type': 'Product', name: 'AI 음악 마스터 구조 팩 (입문)', url: 'https://jaengseung-made.com/services/music', description: 'Suno 프롬프트 + MV 워크플로우 + 저작권 가이드 + 템플릿 PDF + 샘플 프로젝트. 4단계 AI 음악 제작 공정.' } },
{ '@type': 'Offer', price: '99000', priceCurrency: 'KRW', availability: 'https://schema.org/InStock', url: 'https://jaengseung-made.com/services/music', itemOffered: { '@type': 'Product', name: 'AI 음악 마스터 구조 팩 (프로)', url: 'https://jaengseung-made.com/services/music', description: '입문 전체 + 샘플 프로젝트 1개(.prj · 영상 포함).' } },
{ '@type': 'Offer', price: '149000', priceCurrency: 'KRW', availability: 'https://schema.org/InStock', url: 'https://jaengseung-made.com/services/music', itemOffered: { '@type': 'Product', name: 'AI 음악 마스터 구조 팩 (마스터)', url: 'https://jaengseung-made.com/services/music', description: '프로 전체 + 샘플 다수 + 우선 업데이트·베타 선공개.' } },
{ '@type': 'Offer', price: '29000', priceCurrency: 'KRW', availability: 'https://schema.org/InStock', url: 'https://jaengseung-made.com/services/blog', itemOffered: { '@type': 'Product', name: '블로그 자동화 솔루션 팩', url: 'https://jaengseung-made.com/services/blog', description: '쿠팡파트너스·애드포스트 수익화 프롬프트 조합법 + 구조 템플릿 PDF + 샘플.' } },
{ '@type': 'Offer', price: '0', priceCurrency: 'KRW', url: 'https://jaengseung-made.com/saju', itemOffered: { '@type': 'Service', name: 'AI 사주 분석', url: 'https://jaengseung-made.com/saju', description: '생년월일 기반 AI 사주팔자 분석. 무료 체험 가능.' } },
],
},
},

View File

@@ -81,8 +81,8 @@ export default function Home() {
>
39,000
</Link>
<a
href="#evidence"
<Link
href="/services/music#samples"
className="px-8 py-4 rounded-full text-base font-bold inline-flex items-center justify-center"
style={{
background: 'rgba(25,37,64,0.4)',
@@ -93,11 +93,11 @@ export default function Home() {
}}
>
</a>
</Link>
</div>
{/* Price tier mini summary */}
<div className="flex flex-wrap justify-center gap-3 mb-16 text-sm">
<div className="flex flex-col sm:flex-row sm:flex-wrap justify-center items-stretch sm:items-center gap-2 sm:gap-3 mb-16 text-sm max-w-md mx-auto sm:max-w-none">
<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)' }}
@@ -195,9 +195,24 @@ export default function Home() {
{/* 2. Evidence */}
<section id="evidence" className="py-24 px-6" style={{ background: 'var(--kx-surface-low)' }}>
<div className="max-w-7xl mx-auto">
<h2 className="kx-display text-3xl md:text-4xl font-bold text-center mb-12" style={{ color: 'var(--kx-on-surface)' }}>
<div className="text-center mb-12">
<span
className="kx-label inline-block px-3 py-1 mb-3 rounded-full"
style={{
background: 'rgba(255,200,80,0.12)',
border: '1px solid rgba(255,200,80,0.35)',
color: '#ffcd5c',
}}
>
DEMO ·
</span>
<h2 className="kx-display text-3xl md:text-4xl font-bold" style={{ color: 'var(--kx-on-surface)' }}>
</h2>
<p className="mt-3 text-sm" style={{ color: 'var(--kx-on-variant)' }}>
. .
</p>
</div>
<div className="grid grid-cols-1 md:grid-cols-3 gap-6">
{[
{ hue: 'from-violet-600 to-fuchsia-500', views: '조회수 1.2M', comments: '댓글 4.5K' },