diff --git a/app/music/packs/layout.tsx b/app/music/packs/layout.tsx new file mode 100644 index 0000000..6ae0ace --- /dev/null +++ b/app/music/packs/layout.tsx @@ -0,0 +1,28 @@ +import type { Metadata } from 'next'; + +export const metadata: Metadata = { + title: 'AI 음악 마스터 구조 팩 | Suno · MV · 유튜브 쇼츠', + description: + '엔지니어가 설계한 4단계 AI 음악 제작 공정. Suno 프롬프트 조합법 + MV 비디오 생성 워크플로우 + 저작권 가이드 + 템플릿 PDF + 샘플 프로젝트. 입문 ₩39k / 프로 ₩99k / 마스터 ₩149k.', + keywords: [ + 'AI 음악 만들기', + 'Suno 프롬프트', + 'AI 뮤직비디오', + 'AI 커버곡', + '유튜브 쇼츠 음악', + 'AI 작곡', + '크리에이터 이코노미', + 'Lyria 프롬프트', + 'Runway AI 비디오', + ], + openGraph: { + title: 'AI 음악 마스터 구조 팩 | 쟁승메이드', + description: + '네 사연을 노래로. 쇼츠까지 한 번에. 4단계 AI 음악 공정 · Suno Pro 검증 · 평생 업데이트.', + url: 'https://jaengseung-made.com/music/packs', + }, +}; + +export default function MusicPacksLayout({ children }: { children: React.ReactNode }) { + return children; +} diff --git a/app/music/packs/page.tsx b/app/music/packs/page.tsx new file mode 100644 index 0000000..5a4a9ad --- /dev/null +++ b/app/music/packs/page.tsx @@ -0,0 +1,301 @@ +'use client'; + +import { useState } from 'react'; +import Link from 'next/link'; +import PurchaseAgreementModal from '@/app/components/PurchaseAgreementModal'; +import { SparklesOverlay } from '@/components/ui/sparkles-text'; +import { CardBody, CardContainer, CardItem } from '@/components/ui/3d-card-effect'; + +type Tier = 'starter' | 'pro' | 'master'; + +const TIERS: Record = { + starter: { + name: '입문', + price: '₩39,000', + priceNum: '39,000', + desc: '첫 AI 음악을 위한 필수 구성', + features: [ + 'Suno 프롬프트 조합법 20종', + '구조 템플릿 PDF 40p', + '저작권 가이드 기본판', + '12개월 무료 업데이트', + ], + }, + pro: { + name: '프로', + price: '₩99,000', + priceNum: '99,000', + desc: '쇼츠 업로드까지 완성하는 풀세트', + highlight: true, + features: [ + '입문 전체 포함', + 'MV 워크플로우 (Runway · Luma · Pika)', + '샘플 프로젝트 1개 (.prj · 영상)', + '1:1 Q&A 1회 + 유튜브 SEO 템플릿', + ], + }, + master: { + name: '마스터', + price: '₩149,000', + priceNum: '149,000', + desc: '여러 장르·포맷을 커버하는 마스터피스', + features: [ + '프로 전체 포함', + '샘플 프로젝트 장르별 3종', + '저작권 심화판 + 상업 이용 체크리스트', + '우선 업데이트 · 제작 레시피 영상', + ], + }, +}; + +const PROCESS = [ + { num: '01', subtitle: 'Concept & Lyrics', title: '크리에이티브 디렉팅', result: 'AI 최적화 가사 · 메타데이터 시트' }, + { num: '02', subtitle: 'Music Generation', title: '오디오 엔지니어링', result: '고품질 완곡 (Full Track, 스템 분리본)' }, + { num: '03', subtitle: 'AI MV Generation', title: '비주얼 마스터링', result: '쇼츠(9:16) 또는 유튜브(16:9) 고화질 영상' }, + { num: '04', subtitle: 'Viral Optimization', title: '퍼블리싱 가이드', result: '즉시 업로드 가능한 유튜브 배포 패키지' }, +]; + +const FAQS = [ + { + q: 'Suno 유료 플랜 가입이 꼭 필요한가요?', + a: 'Suno 무료 플랜은 상업적 이용이 제한됩니다. 본인 결과물을 유튜브·SNS에 업로드해 수익화하려면 Suno Pro 이상 권장. 팩 구매 후 가입 전 플랜 선택 가이드가 포함됩니다.', + }, + { + q: '제가 만든 결과물의 상업 이용·저작권은?', + a: '결과물의 상업권은 고객이 가입한 AI 서비스의 이용약관을 따릅니다. 팩에는 Suno·Runway·Luma 각 서비스의 최신 약관 요약과 상업 이용 체크리스트가 포함되어 있습니다. (법률 자문이 아닌 참고용 가이드입니다.)', + }, + { + q: '결과물 품질을 보장하나요?', + a: 'AI 생성물은 모델 버전·프롬프트 입력에 따라 달라지므로 결과물 자체를 보장하지 않습니다. 다만 팩은 동일 프롬프트로 반복 가능한 고품질 구간을 설계하는 방법을 제공합니다. 샘플 쇼츠·프로젝트로 품질 기대치를 사전 확인하세요.', + }, + { + q: '환불이 가능한가요?', + a: '전자상거래법 제17조 제2항 제5호에 따라 디지털 콘텐츠는 제공 시작 후 청약철회가 제한됩니다. 무료 샘플로 사전 확인을 제공하므로 충분히 검토 후 구매해주세요. 파일 손상·전달 불량 등 회사 귀책은 즉시 재전달 또는 환불됩니다.', + }, + { + q: '업데이트는 어떻게 받나요?', + a: '구매자 전용 Notion 페이지에서 변경 이력과 최신 파일을 제공. 12개월간 무료 업데이트가 기본, 마스터는 우선 업데이트·베타 선공개가 포함됩니다.', + }, +]; + +export default function MusicServicePage() { + const [selectedTier, setSelectedTier] = useState(null); + const [openFaq, setOpenFaq] = useState(0); + + return ( +
+ {/* PRICING */} +
+
+
+
+

Pricing · 1회 결제

+

3개 티어, 목표에 맞게 선택

+
+ + 샘플 먼저 보기 + +
+ +
+ {(Object.keys(TIERS) as Tier[]).map((key) => { + const t = TIERS[key]; + return ( + + + {t.highlight && ( + + )} + {t.highlight && ( + + + 가장 많이 팔림 + + + )} + + {t.name} + + + {t.desc} + + + {t.price} + 1회 결제 + + + {t.features.map((f) => ( +
  • + · + {f} +
  • + ))} +
    + setSelectedTier(key)} + className={`w-full py-4 rounded-xl font-extrabold text-sm transition-colors ${ + t.highlight + ? 'bg-black hover:bg-black/85 text-white' + : 'bg-white/10 hover:bg-white/20 text-white border border-white/20' + }`} + > + {t.name} 구매하기 + +
    +
    + ); + })} +
    +

    + 구매 전 환불 정책을 반드시 확인해주세요. + 디지털 콘텐츠 특성상 제공 시작 후 청약철회가 제한됩니다. +

    +
    +
    + + {/* 팩 구성품 */} +
    +
    +

    What's Included

    +

    팩 구성품

    +
    + {[ + { title: 'Suno 프롬프트 북', desc: '장르·무드·보컬 톤 조합법 20+종. 복붙해서 바로 사용하는 PDF.' }, + { title: 'MV 워크플로우', desc: 'Midjourney·Runway·Luma로 비트 싱크 영상 만드는 단계별 가이드.' }, + { title: '저작권 & 상업 이용', desc: 'Suno·Runway 약관 요약 + 수익화 전 안전 체크리스트.' }, + { title: '샘플 프로젝트 파일', desc: '완성된 가사·프롬프트·영상 세트. 그대로 수정해 재사용 가능.' }, + ].map((item) => ( +
    +

    {item.title}

    +

    {item.desc}

    +
    + ))} +
    +
    +
    + + {/* PROCESS */} +
    +
    +

    Process

    +

    + 컨셉 → 음악 → 비주얼 → 퍼블리싱 +

    + +
    + {PROCESS.map((step) => ( +
    +

    {step.num}

    +

    + {step.subtitle} +

    +

    {step.title}

    +

    + {step.result} +

    +
    + ))} +
    +
    +
    + + {/* SAMPLES */} +
    +
    +
    +

    Samples

    +

    이 팩으로 만든 실제 쇼츠들

    +
    + + 전체 샘플 갤러리 + +
    +
    + + {/* FAQ */} +
    +
    +

    + 자주 묻는 질문 +

    +
    + {FAQS.map((f, i) => ( +
    + + {openFaq === i && ( +
    + {f.a} +
    + )} +
    + ))} +
    +
    +
    + + {/* Sticky CTA */} +
    +
    +
    +

    From

    +

    + ₩39,000 · 1회 결제 +

    +
    + + 팩 선택하기 + +
    +
    +
    + + {selectedTier && ( + setSelectedTier(null)} + productName={`AI 음악 마스터 팩 · ${TIERS[selectedTier].name}`} + price={TIERS[selectedTier].price} + /> + )} +
    + ); +}