release: v0.10.0

apps/site/src/data/work.ts

@@ -46,6 +46,10 @@ import twentyozCorp from "../assets/shots/work-twentyoz-corp.png";
 import twentyozCorp2 from "../assets/shots/work-twentyoz-corp-2.png";
 import saebyeokCheonggwa from "../assets/shots/work-saebyeok-cheonggwa.png";
 import saebyeokCheonggwa2 from "../assets/shots/work-saebyeok-cheonggwa-2.png";
+import hannamJari from "../assets/shots/work-hannam-jari.png";
+import hannamJari2 from "../assets/shots/work-hannam-jari-2.png";
+import griddleClub from "../assets/shots/work-griddle-club.png";
+import griddleClub2 from "../assets/shots/work-griddle-club-2.png";
 
 export interface WorkItem {
   slug: string;
@@ -392,4 +396,54 @@ export const WORK: WorkItem[] = [
     alt: "새벽청과 — 새벽 도매시장 통로 사진 위에 품목·산지·등급·당도·낙찰가가 적힌 오늘의 시세판",
     size: "sm",
   },
+
+  /* ── 9행: 생활 서비스 쇼케이스 2종 (3 + 3) ── */
+  {
+    slug: "hannam-jari",
+    name: "한남자리",
+    kind: "맞춤 주거 브리핑 · 운영 화면",
+    concept: "집보다 기준을 먼저 — 다섯 조건을 AI가 비교하고 공인중개사가 다시 확인하는 개인 브리핑 데스크",
+    risk: "가상 매물을 실제 광고처럼 꾸미지 않습니다. 입력한 조건, AI의 추론, 중개사가 확인할 사실을 한 화면에서 분리합니다",
+    preset: "domestic-briefing-desk",
+    date: "2026-08",
+    metrics: [
+      "공개·관리자 2화면",
+      "조건 5개 단일 기준",
+      "후보 3건·서류철 5종",
+      "생성 이미지 범위 표시",
+      "브라우저 E2E 90/90",
+    ],
+    href: "/work/hannam-jari/",
+    subLinks: [
+      { label: "매물 검수 관리자 화면", href: "/work/hannam-jari/admin/" },
+    ],
+    shot: hannamJari,
+    shotAlt: hannamJari2,
+    alt: "한남자리 — 밝은 석재색 브리핑 데스크와 서울 주거 외관 이미지, 다섯 가지 맞춤 조건 입력판",
+    size: "md",
+  },
+  {
+    slug: "griddle-club",
+    name: "철판클럽",
+    kind: "도심 버거 매장 · 가맹 안내",
+    concept: "눌러 굽고 바로 건넨다 — 주문 뒤 조립하는 서울형 철판 버거와 운영 조건을 함께 보여 주는 두 갈래 사이트",
+    risk: "음식 사진만으로 가맹을 약속하지 않습니다. 상권, 점포, 주방 동선과 아직 정하지 못한 비용을 상담 전에 먼저 펼칩니다",
+    preset: "seoul-counter-service",
+    date: "2026-08",
+    metrics: [
+      "브랜드·가맹 2화면",
+      "버거 조합기",
+      "비용 미정 항목 공개",
+      "생성 이미지 범위 표시",
+      "브라우저 E2E 90/90",
+    ],
+    href: "/work/griddle-club/",
+    subLinks: [
+      { label: "가맹 운영 조건 안내", href: "/work/griddle-club/franchise/" },
+    ],
+    shot: griddleClub,
+    shotAlt: griddleClub2,
+    alt: "철판클럽 — 밝은 종이색 화면과 코발트색 강조, 철판에서 구운 버거를 포장하는 서울형 매장 장면",
+    size: "md",
+  },
 ];

apps/site/src/pages/showcase.astro

@@ -10,8 +10,10 @@ import { WORK } from "../data/work.ts";
   카드는 필수 정보만 싣고, 상세 설계와 지표는 네이티브 <dialog> 모달로 열린다.
 */
 const title = "사례 아카이브 · designpaca";
+const showcaseCount = WORK.length;
+const showcaseCountKo = showcaseCount === 21 ? "스물한" : `${showcaseCount}`;
 const description =
-  "템플릿을 거부한 자리에 남는 열다섯 개의 고유한 인터페이스. 물성과 타이포그래피, 60fps 인터랙티브 셰이더로 완성된 라이브 쇼케이스를 탐색하세요.";
+  `템플릿을 거부한 자리에 남는 ${showcaseCountKo} 개의 고유한 인터페이스. 물성과 타이포그래피, 실제 상호작용으로 완성된 라이브 쇼케이스를 탐색하세요.`;
 const ariaClose = "닫기";
 const ariaDetail = "자세히 보기";
 const siteLabel = "사이트 보기";
@@ -25,18 +27,18 @@ const siteLabel = "사이트 보기";
       <div class="hero-main-col">
         <div class="hero-eyebrow-pill reveal">
           <span class="pulse-dot" aria-hidden="true"></span>
-          <span class="mono">PROVEN ARCHIVE · 15 LIVE SHOWCASES</span>
+          <span class="mono">PROVEN ARCHIVE · {showcaseCount} LIVE SHOWCASES</span>
         </div>
 
         <h1 id="sc-h" class="hero-title reveal">
           타협 없는 태도가 빚어낸<br />
-          <span class="accent-text">살아 숨 쉬는 열다섯 개의 결</span>
+          <span class="accent-text">살아 숨 쉬는 {showcaseCountKo} 개의 결</span>
         </h1>
 
         <p class="lead hero-lead reveal">
           AI가 양산하는 흔한 템플릿과 얄팍한 클리셰를 걷어내고,
           <strong>고유한 물성과 타이포그래피, 60fps 인터랙티브 셰이더</strong>로 완성한 실사례 아카이브입니다.
-          브라우저 위에서 실제로 작동하는 15가지 웹 공간을 직접 경험해 보세요.
+          브라우저 위에서 실제로 작동하는 {showcaseCount}가지 웹 공간을 직접 경험해 보세요.
         </p>
       </div>
 
@@ -45,7 +47,7 @@ const siteLabel = "사이트 보기";
         <div class="hero-metrics-box">
           <div class="hero-metrics-grid">
             <div class="hero-metric-item">
-              <span class="metric-val mono">15</span>
+              <span class="metric-val mono">{showcaseCount}</span>
               <span class="metric-label">라이브 쇼케이스</span>
             </div>
             <div class="hero-metric-item">
@@ -266,7 +268,7 @@ const siteLabel = "사이트 보기";
           designpaca
         </a>
         <p class="footer-tagline muted">
-          AI 웹 디자인 파이프라인 · 15개 라이브 쇼케이스 아카이브
+          AI 웹 디자인 파이프라인 · {showcaseCount}개 라이브 쇼케이스 아카이브
         </p>
       </div>