From cf29caa67a17c77a96b0a5261b22913dcc3716a7 Mon Sep 17 00:00:00 2001
From: gahusb <bgg8988@gmail.com>
Date: Wed, 15 Apr 2026 03:11:27 +0900
Subject: [PATCH] =?UTF-8?q?fix:=20Evidence=20DEMO=20=EB=B1=83=EC=A7=80=20+?=
 =?UTF-8?q?=20JSON-LD=20price=20+=20=EB=AA=A8=EB=B0=94=EC=9D=BC=20?=
 =?UTF-8?q?=EA=B0=80=EA=B2=A9=20=EC=8A=A4=ED=83=9D=20+=20=EC=83=98?=
 =?UTF-8?q?=ED=94=8C=20=EC=95=B5=EC=BB=A4=20=ED=86=B5=EC=9D=BC?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 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>
---
 app/layout.tsx |  8 +++++---
 app/page.tsx   | 29 ++++++++++++++++++++++-------
 2 files changed, 27 insertions(+), 10 deletions(-)

diff --git a/app/layout.tsx b/app/layout.tsx
index 7dacee1..f7f11fe 100644
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -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 사주팔자 분석. 무료 체험 가능.' } },
         ],
       },
     },
diff --git a/app/page.tsx b/app/page.tsx
index 65ac7c7..d509f11 100644
--- a/app/page.tsx
+++ b/app/page.tsx
@@ -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)' }}>
-            결과 먼저 보여주기
-          </h2>
+          <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' },