export interface ShowcaseContent {
  readonly meta: Readonly<{
    title: string;
    description: string;
  }>;
  readonly hero: Readonly<{
    label: string;
    countLabel: (count: number) => string;
    h1: readonly [string, string];
    lead: string;
    ctaLabel: (count: number) => string;
    featuredLabel: string;
  }>;
  readonly archive: Readonly<{
    h2: string;
    lead: string;
    visitLabel: string;
    visitAriaLabel: (name: string) => string;
    notesLabel: string;
    directionLabel: string;
    riskLabel: string;
    detailAlt: (name: string) => string;
  }>;
  readonly footer: Readonly<{
    licenseLabel: string;
    navLabel: string;
    homeLabel: string;
    repositoryLabel: string;
  }>;
}

export const showcaseKo = {
  meta: {
    title: "프로젝트별 인터페이스 설계 예시 · designpaca",
    description:
      "서로 다른 목적과 사용 환경에 맞춰 구성한 인터페이스 설계 예시와 판단 기록을 살펴보세요.",
  },
  hero: {
    label: "설계 예시",
    countLabel: (count) => `공개 예시 ${count}개`,
    h1: ["서로 다른 조건의", "인터페이스 설계"],
    lead:
      "꽃집과 교육 서비스, 연구 도구와 운영 콘솔은 필요한 정보도 사용자가 움직이는 방식도 다릅니다. 각 프로젝트의 목적과 환경에 맞춰 만든 화면을 모았습니다.",
    ctaLabel: (count) => `설계 예시 ${count}개 보기`,
    featuredLabel: "대표 설계 예시",
  },
  archive: {
    h2: "설계 예시 모음",
    lead: "각 화면과 함께 설계 방향 및 감수한 리스크를 펼쳐 확인할 수 있습니다.",
    visitLabel: "예시 사이트 열기",
    visitAriaLabel: (name) => `${name} 예시 사이트 열기`,
    notesLabel: "설계 기록 보기",
    directionLabel: "설계 방향",
    riskLabel: "감수한 리스크",
    detailAlt: (name) => `${name}의 추가 설계 화면`,
  },
  footer: {
    licenseLabel: "오픈소스 · MIT 라이선스",
    navLabel: "쇼케이스 하단 메뉴",
    homeLabel: "홈",
    repositoryLabel: "저장소",
  },
} as const satisfies ShowcaseContent;

export const showcaseEn = {
  meta: {
    title: "Interface design examples for distinct needs · designpaca",
    description:
      "Explore interfaces designed around the goals, content, and operating context of retail, education, research, and service projects.",
  },
  hero: {
    label: "Design archive",
    countLabel: (count) => `${count} examples`,
    h1: ["Designing for", "different needs"],
    lead:
      "A flower studio, enrollment service, research tool, and operations console do not ask users to do the same thing. Each interface here was designed around its project's content, environment, and primary task.",
    ctaLabel: (count) => `Browse all ${count} examples`,
    featuredLabel: "Featured design example · Korean UI",
  },
  archive: {
    h2: "Design examples",
    lead: "Open the design notes to see the direction and tradeoffs behind each interface.",
    visitLabel: "Open example",
    visitAriaLabel: (name) => `${name}: open the design example`,
    notesLabel: "View design notes",
    directionLabel: "Direction",
    riskLabel: "Tradeoff",
    detailAlt: (name) => `${name}, additional interface view`,
  },
  footer: {
    licenseLabel: "Open source · MIT License",
    navLabel: "Showcase footer",
    homeLabel: "Home",
    repositoryLabel: "Repository",
  },
} as const satisfies ShowcaseContent;