feat(ia): SaaS 제품 카탈로그(/packages) + 네비를 SaaS·음악·외주 3축으로 재편

- lib/saas-catalog.ts: 확장 가능한 SaaS 제품 데이터 모델(배열에 추가 시 자동 노출)
- app/packages: 카탈로그 페이지 — available 카드 그리드 / coming_soon / 빈 상태 예고+출시 알림 수집(ContactModal 재사용)
- TopNav·Footer: SaaS 제품(/packages)·AI 음악(/music)·커스텀 외주(/work) 3축
- 홈 Hero·라벨 카피를 새 정체성으로 정렬, 'Custom Build/사업부' 잔재 정리
- sitemap에 /packages 등록, STRATEGY.md에 크몽·숨고 미사용+인스타 유입 정책 명시
- 음악은 카탈로그에 넣지 않고 단품 라인(/music) 유지

Co-Authored-By: Claude Opus 4.8 (1M context) <noreply@anthropic.com>

app/components/PublicShell.tsx

@@ -75,17 +75,24 @@ export default function PublicShell({ children }: { children: React.ReactNode })
               </div>
 
               {/* 우 — Link groups */}
-              <div className="grid grid-cols-2 sm:grid-cols-3 gap-10">
+              <div className="grid grid-cols-2 sm:grid-cols-4 gap-10">
                 <div>
-                  <p className="font-mono text-[11px] tracking-widest uppercase text-white/40 mb-4">Music</p>
+                  <p className="font-mono text-[11px] tracking-widest uppercase text-white/40 mb-4">SaaS 제품</p>
                   <ul className="space-y-2.5">
-                    <li><Link href="/music/packs" className="hover:text-white transition">AI 음악 팩</Link></li>
+                    <li><Link href="/packages" className="hover:text-white transition">제품 카탈로그</Link></li>
+                    <li><Link href="/packages" className="hover:text-white transition">출시 알림 신청</Link></li>
+                  </ul>
+                </div>
+                <div>
+                  <p className="font-mono text-[11px] tracking-widest uppercase text-white/40 mb-4">AI 음악</p>
+                  <ul className="space-y-2.5">
+                    <li><Link href="/music/packs" className="hover:text-white transition">음악 가이드 패키지</Link></li>
                     <li><Link href="/music/samples" className="hover:text-white transition">샘플 갤러리</Link></li>
                     <li><Link href="/music/packs#pricing" className="hover:text-white transition">가격</Link></li>
                   </ul>
                 </div>
                 <div>
-                  <p className="font-mono text-[11px] tracking-widest uppercase text-white/40 mb-4">Custom Build</p>
+                  <p className="font-mono text-[11px] tracking-widest uppercase text-white/40 mb-4">커스텀 외주</p>
                   <ul className="space-y-2.5">
                     <li><Link href="/work/freelance" className="hover:text-white transition">외주 개발</Link></li>
                     <li><Link href="/work/website" className="hover:text-white transition">웹사이트 제작</Link></li>

app/components/TopNav.tsx

@@ -7,8 +7,9 @@ import { createClient } from '@/lib/supabase/client';
 import type { User } from '@supabase/supabase-js';
 
 const LINKS = [
-  { href: '/music', label: 'Music' },
-  { href: '/work', label: 'Custom Build' },
+  { href: '/packages', label: 'SaaS 제품' },
+  { href: '/music', label: 'AI 음악' },
+  { href: '/work', label: '커스텀 외주' },
 ];
 
 export default function TopNav() {