create-ampless 0.2.0-alpha.0

package/dist/templates/docs/index.ts

@@ -0,0 +1,25 @@
+import { defineThemeModule } from 'ampless'
+import './tokens.css'
+import manifest from './manifest'
+import DocsHome from './pages/home'
+import DocsPost, { generatePostMetadata } from './pages/post'
+import DocsTag from './pages/tag'
+import { docsFeedHandler } from './pages/feed'
+import { docsSitemapHandler } from './pages/sitemap'
+
+export default defineThemeModule({
+  name: 'docs',
+  manifest,
+  components: {
+    Home: DocsHome,
+    Post: DocsPost,
+    Tag: DocsTag,
+  },
+  metadata: {
+    Post: generatePostMetadata,
+  },
+  routes: {
+    feed: docsFeedHandler,
+    sitemap: docsSitemapHandler,
+  },
+})

package/dist/templates/docs/manifest.ts

@@ -0,0 +1,89 @@
+import { defineTheme } from 'ampless'
+
+// Docs theme manifest. Sidebar-led layout where the sidebar can mix
+// plain links with tag-driven sections — `tag:guide` expands to a
+// list of every published post tagged "guide". Lets users organize
+// content by tag and have it appear automatically in the nav.
+export default defineTheme({
+  name: 'docs',
+  label: { en: 'Docs', ja: 'ドキュメント' },
+  description: {
+    en: 'Sidebar-led documentation layout. Sidebar entries can be plain links or `tag:<name>` to auto-expand into a post list.',
+    ja: 'サイドバー型のドキュメントレイアウト。サイドバー項目は通常のリンクか、`tag:<name>` 指定でそのタグの記事一覧に自動展開可能。',
+  },
+  fields: [
+    {
+      key: 'primary',
+      label: { en: 'Primary color', ja: 'プライマリカラー' },
+      group: { en: 'Colors', ja: 'カラー' },
+      type: 'color',
+      default: 'oklch(0.5 0.18 280)',
+      cssVar: '--primary',
+    },
+    {
+      key: 'radius',
+      label: { en: 'Corner radius', ja: '角丸' },
+      group: { en: 'Shape', ja: '形状' },
+      type: 'length',
+      default: '0.25rem',
+      cssVar: '--radius',
+    },
+    {
+      key: 'codeFont',
+      label: { en: 'Code font', ja: 'コードフォント' },
+      group: { en: 'Typography', ja: 'タイポグラフィ' },
+      type: 'fontFamily',
+      default: 'ui-monospace, SFMono-Regular, Menlo, monospace',
+      cssVar: '--ampless-code-font',
+      options: [
+        {
+          value: 'ui-monospace, SFMono-Regular, Menlo, monospace',
+          label: { en: 'System monospace', ja: 'システム等幅' },
+        },
+        {
+          value: '"JetBrains Mono", ui-monospace, monospace',
+          label: { en: 'JetBrains Mono', ja: 'JetBrains Mono' },
+        },
+      ],
+    },
+    {
+      key: 'sidebarNav',
+      label: { en: 'Sidebar navigation', ja: 'サイドバーナビ' },
+      group: { en: 'Navigation', ja: 'ナビゲーション' },
+      type: 'linkList',
+      default: [],
+      maxItems: 30,
+      description: {
+        en: 'Each entry is a plain link or `tag:<name>` (auto-lists posts with that tag).',
+        ja: '通常のリンクか、`tag:<name>` 指定でそのタグの記事一覧を自動展開。',
+      },
+    },
+    {
+      key: 'logoUrl',
+      label: { en: 'Logo image URL', ja: 'ロゴ画像 URL' },
+      group: { en: 'Branding', ja: 'ブランディング' },
+      type: 'image',
+      default: '',
+      description: {
+        en: 'URL or media path. Empty falls back to the site name as text.',
+        ja: '画像 URL またはメディアパス。空欄ならサイト名がテキスト表示されます。',
+      },
+    },
+    {
+      key: 'headerNav',
+      label: { en: 'Header navigation', ja: 'ヘッダーナビ' },
+      group: { en: 'Navigation', ja: 'ナビゲーション' },
+      type: 'linkList',
+      default: [],
+      maxItems: 6,
+    },
+    {
+      key: 'footerLinks',
+      label: { en: 'Footer links', ja: 'フッターリンク' },
+      group: { en: 'Navigation', ja: 'ナビゲーション' },
+      type: 'linkList',
+      default: [],
+      maxItems: 12,
+    },
+  ],
+})

package/dist/templates/docs/pages/feed.ts

@@ -0,0 +1,29 @@
+import { publicAssetUrl } from '@/lib/storage'
+
+interface Ctx {
+  siteId: string
+  request: Request
+}
+
+export async function docsFeedHandler({ siteId }: Ctx): Promise<Response> {
+  const url = publicAssetUrl(`public/plugins/rss/${siteId}/feed.xml`)
+  const upstream = await fetch(url, { cache: 'no-store' })
+  if (!upstream.ok) {
+    return new Response(
+      `<?xml version="1.0" encoding="UTF-8"?>\n<rss version="2.0"><channel></channel></rss>\n`,
+      {
+        status: 200,
+        headers: {
+          'Content-Type': 'application/rss+xml; charset=utf-8',
+          'Cache-Control': 'public, max-age=60',
+        },
+      }
+    )
+  }
+  return new Response(upstream.body, {
+    headers: {
+      'Content-Type': 'application/rss+xml; charset=utf-8',
+      'Cache-Control': 'public, max-age=300',
+    },
+  })
+}

package/dist/templates/docs/pages/home.tsx

@@ -0,0 +1,88 @@
+import Link from 'next/link'
+import { formatDate, type ThemeRouteContext } from 'ampless'
+import { listPublishedPosts } from '@/lib/posts-public'
+import { loadSiteSettings } from '@/lib/site-settings'
+import { loadThemeConfig } from '@/lib/theme-config'
+import { SiteHeader } from '@/components/site-chrome/site-header'
+import { SiteSidebar } from '@/components/site-chrome/site-sidebar'
+import { SiteFooter } from '@/components/site-chrome/site-footer'
+import { CollapsibleSidebar } from '@/components/site-chrome/collapsible-sidebar'
+
+// Docs home: sidebar nav on the left (with optional tag-driven
+// sections), latest posts list on the right. Acts as the docs landing
+// page until the user arranges static pages.
+export default async function DocsHome({ params }: ThemeRouteContext) {
+  const { siteId } = await params
+  const [settings, theme, postsResult] = await Promise.all([
+    loadSiteSettings(siteId),
+    loadThemeConfig(siteId),
+    listPublishedPosts({ siteId, limit: 12 }),
+  ])
+  const posts = postsResult.items
+
+  return (
+    <>
+      <SiteHeader
+        links={theme.values.headerNav}
+        logoUrl={theme.values.logoUrl}
+        siteName={settings.site.name}
+        brandClassName="font-mono text-sm font-semibold tracking-tight"
+      />
+
+      <div className="mx-auto grid max-w-6xl gap-6 px-6 py-10 lg:grid-cols-[15rem_1fr] lg:gap-10">
+        <CollapsibleSidebar className="lg:sticky lg:top-6 lg:self-start">
+          <SiteSidebar links={theme.values.sidebarNav} siteId={siteId} />
+        </CollapsibleSidebar>
+
+        <main className="min-w-0">
+          <header className="mb-10">
+            <h1 className="text-3xl font-bold tracking-tight">{settings.site.name}</h1>
+            {settings.site.description && (
+              <p className="mt-2 text-[var(--muted-foreground)]">{settings.site.description}</p>
+            )}
+          </header>
+
+          <h2 className="mb-4 text-sm font-semibold uppercase tracking-wide text-[var(--muted-foreground)]">
+            Recently updated
+          </h2>
+          {posts.length === 0 ? (
+            <p className="text-sm text-[var(--muted-foreground)]">No posts published yet.</p>
+          ) : (
+            <ul className="space-y-3">
+              {posts.map((post) => (
+                <li key={post.postId}>
+                  <Link
+                    href={`/${post.slug}`}
+                    className="block rounded-[var(--radius)] border bg-[var(--card)] p-4 transition hover:border-[var(--primary)]"
+                  >
+                    <div className="font-medium">{post.title}</div>
+                    {post.publishedAt && (
+                      <time
+                        dateTime={post.publishedAt}
+                        className="mt-1 block font-mono text-xs text-[var(--muted-foreground)]"
+                      >
+                        {formatDate(post.publishedAt, settings.dateFormat, settings.timezone)}
+                      </time>
+                    )}
+                    {post.excerpt && (
+                      <p className="mt-2 text-sm text-[var(--muted-foreground)]">{post.excerpt}</p>
+                    )}
+                  </Link>
+                </li>
+              ))}
+            </ul>
+          )}
+        </main>
+      </div>
+
+      <SiteFooter
+        links={theme.values.footerLinks}
+        legend={
+          <span>
+            © {new Date().getFullYear()} {settings.site.name}
+          </span>
+        }
+      />
+    </>
+  )
+}

package/dist/templates/docs/pages/post.tsx

@@ -0,0 +1,96 @@
+import type { Metadata } from 'next'
+import Link from 'next/link'
+import { notFound } from 'next/navigation'
+import { formatDate, type ThemeRouteContext } from 'ampless'
+import { renderBody } from '@/lib/posts'
+import { LightboxBinder } from '@/components/lightbox-content'
+import { TagList } from '@/components/tag-list'
+import { postMetadata } from '@/lib/seo'
+import { loadSiteSettings } from '@/lib/site-settings'
+import { loadThemeConfig } from '@/lib/theme-config'
+import { getPublishedPost } from '@/lib/posts-public'
+import { SiteHeader } from '@/components/site-chrome/site-header'
+import { SiteSidebar } from '@/components/site-chrome/site-sidebar'
+import { SiteFooter } from '@/components/site-chrome/site-footer'
+import { CollapsibleSidebar } from '@/components/site-chrome/collapsible-sidebar'
+
+type PostCtx = ThemeRouteContext<{ slug: string }>
+
+export async function generatePostMetadata({ params }: PostCtx): Promise<Metadata> {
+  const { siteId, slug } = await params
+  const post = await getPublishedPost(slug, { siteId })
+  if (!post) return {}
+  return postMetadata(post, siteId)
+}
+
+// Docs post page: sidebar always visible while reading. The sidebar
+// re-uses theme.sidebarNav, so navigation context stays consistent
+// across the home page and individual articles.
+export default async function DocsPost({ params }: PostCtx) {
+  const { siteId, slug } = await params
+  const [post, settings, theme] = await Promise.all([
+    getPublishedPost(slug, { siteId }),
+    loadSiteSettings(siteId),
+    loadThemeConfig(siteId),
+  ])
+  if (!post) notFound()
+
+  const defaultLightbox = settings.media.imageDisplay === 'lightbox'
+  const maxWidth = settings.media.imageMaxWidth ?? '100%'
+  const proseStyle: React.CSSProperties = {
+    ['--ampless-img-max-width' as string]: maxWidth,
+  }
+
+  return (
+    <>
+      <SiteHeader
+        links={theme.values.headerNav}
+        logoUrl={theme.values.logoUrl}
+        siteName={settings.site.name}
+        brandClassName="font-mono text-sm font-semibold tracking-tight"
+      />
+
+      <div className="mx-auto grid max-w-6xl gap-6 px-6 py-10 lg:grid-cols-[15rem_1fr] lg:gap-10">
+        <CollapsibleSidebar className="lg:sticky lg:top-6 lg:self-start">
+          <SiteSidebar links={theme.values.sidebarNav} siteId={siteId} />
+        </CollapsibleSidebar>
+
+        <main className="min-w-0">
+          <article>
+            <header className="mb-8 border-b pb-6">
+              <h1 className="text-3xl font-bold tracking-tight">{post.title}</h1>
+              {post.publishedAt && (
+                <time
+                  dateTime={post.publishedAt}
+                  className="mt-2 block font-mono text-xs text-[var(--muted-foreground)]"
+                >
+                  {formatDate(post.publishedAt, settings.dateFormat, settings.timezone)}
+                </time>
+              )}
+            </header>
+
+            <div
+              id="post-body"
+              className="prose prose-neutral dark:prose-invert max-w-none [&_img]:max-w-[var(--ampless-img-max-width)] [&_img]:mx-auto"
+              style={proseStyle}
+              dangerouslySetInnerHTML={{ __html: renderBody(post) }}
+            />
+
+            <TagList tags={post.tags} className="mt-10 border-t pt-6" />
+          </article>
+        </main>
+      </div>
+
+      <SiteFooter
+        links={theme.values.footerLinks}
+        legend={
+          <span>
+            © {new Date().getFullYear()} {settings.site.name}
+          </span>
+        }
+      />
+
+      <LightboxBinder scopeSelector="#post-body" defaultLightbox={defaultLightbox} />
+    </>
+  )
+}

package/dist/templates/docs/pages/sitemap.ts

@@ -0,0 +1,28 @@
+import { publicAssetUrl } from '@/lib/storage'
+
+interface Ctx {
+  siteId: string
+  request: Request
+}
+
+export async function docsSitemapHandler({ siteId }: Ctx): Promise<Response> {
+  const url = publicAssetUrl(`public/plugins/seo/${siteId}/sitemap.xml`)
+  const upstream = await fetch(url, { cache: 'no-store' })
+  if (!upstream.ok) {
+    return new Response(
+      `<?xml version="1.0" encoding="UTF-8"?>\n<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9"></urlset>\n`,
+      {
+        headers: {
+          'Content-Type': 'application/xml; charset=utf-8',
+          'Cache-Control': 'public, max-age=60',
+        },
+      }
+    )
+  }
+  return new Response(upstream.body, {
+    headers: {
+      'Content-Type': 'application/xml; charset=utf-8',
+      'Cache-Control': 'public, max-age=300',
+    },
+  })
+}

package/dist/templates/docs/pages/tag.tsx

@@ -0,0 +1,79 @@
+import Link from 'next/link'
+import { notFound } from 'next/navigation'
+import { formatDate, type ThemeRouteContext } from 'ampless'
+import { listPostsByTag } from '@/lib/posts-public'
+import { loadSiteSettings } from '@/lib/site-settings'
+import { loadThemeConfig } from '@/lib/theme-config'
+import { SiteHeader } from '@/components/site-chrome/site-header'
+import { SiteSidebar } from '@/components/site-chrome/site-sidebar'
+import { SiteFooter } from '@/components/site-chrome/site-footer'
+import { CollapsibleSidebar } from '@/components/site-chrome/collapsible-sidebar'
+import { t } from '@/lib/i18n'
+
+export default async function DocsTag({ params }: ThemeRouteContext<{ tag: string }>) {
+  const { siteId, tag } = await params
+  const decodedTag = decodeURIComponent(tag)
+  const [{ items: posts }, settings, theme] = await Promise.all([
+    listPostsByTag(decodedTag, { siteId, limit: 50 }),
+    loadSiteSettings(siteId),
+    loadThemeConfig(siteId),
+  ])
+  if (posts.length === 0) notFound()
+
+  return (
+    <>
+      <SiteHeader
+        links={theme.values.headerNav}
+        logoUrl={theme.values.logoUrl}
+        siteName={settings.site.name}
+        brandClassName="font-mono text-sm font-semibold tracking-tight"
+      />
+
+      <div className="mx-auto grid max-w-6xl gap-6 px-6 py-10 lg:grid-cols-[15rem_1fr] lg:gap-10">
+        <CollapsibleSidebar className="lg:sticky lg:top-6 lg:self-start">
+          <SiteSidebar links={theme.values.sidebarNav} siteId={siteId} />
+        </CollapsibleSidebar>
+
+        <main className="min-w-0">
+          <header className="mb-10">
+            <p className="text-sm text-[var(--muted-foreground)]">{t('public.tagLabel')}</p>
+            <h1 className="text-3xl font-bold tracking-tight">#{decodedTag}</h1>
+          </header>
+
+          <ul className="space-y-3">
+            {posts.map((post) => (
+              <li key={post.postId}>
+                <Link
+                  href={`/${post.slug}`}
+                  className="block rounded-[var(--radius)] border bg-[var(--card)] p-4 transition hover:border-[var(--primary)]"
+                >
+                  <div className="font-medium">{post.title}</div>
+                  {post.publishedAt && (
+                    <time
+                      dateTime={post.publishedAt}
+                      className="mt-1 block font-mono text-xs text-[var(--muted-foreground)]"
+                    >
+                      {formatDate(post.publishedAt, settings.dateFormat, settings.timezone)}
+                    </time>
+                  )}
+                  {post.excerpt && (
+                    <p className="mt-2 text-sm text-[var(--muted-foreground)]">{post.excerpt}</p>
+                  )}
+                </Link>
+              </li>
+            ))}
+          </ul>
+        </main>
+      </div>
+
+      <SiteFooter
+        links={theme.values.footerLinks}
+        legend={
+          <span>
+            © {new Date().getFullYear()} {settings.site.name}
+          </span>
+        }
+      />
+    </>
+  )
+}

package/dist/templates/docs/tokens.css

@@ -0,0 +1,55 @@
+/* Docs theme tokens — purple accent on near-white. Crisp contrast,
+ * tighter radius, monospace-leaning code styling. */
+
+[data-theme='docs'] {
+  --background: oklch(1 0 0);
+  --foreground: oklch(0.18 0.02 280);
+  --card: oklch(0.99 0 0);
+  --card-foreground: oklch(0.18 0.02 280);
+  --primary: oklch(0.5 0.18 280);
+  --primary-foreground: oklch(0.99 0 0);
+  --secondary: oklch(0.96 0.01 280);
+  --secondary-foreground: oklch(0.25 0.05 280);
+  --muted: oklch(0.97 0.005 280);
+  --muted-foreground: oklch(0.5 0.02 280);
+  --accent: oklch(0.95 0.04 280);
+  --accent-foreground: oklch(0.3 0.1 280);
+  --destructive: oklch(0.55 0.22 25);
+  --destructive-foreground: oklch(0.99 0 0);
+  --border: oklch(0.9 0.005 280);
+  --input: oklch(0.9 0.005 280);
+  --ring: oklch(0.5 0.18 280);
+  --radius: 0.25rem;
+  --ampless-body-font: system-ui, -apple-system, sans-serif;
+  --ampless-code-font: ui-monospace, SFMono-Regular, Menlo, monospace;
+}
+
+@media (prefers-color-scheme: dark) {
+  [data-theme='docs'] {
+    --background: oklch(0.16 0.02 280);
+    --foreground: oklch(0.96 0.005 280);
+    --card: oklch(0.2 0.02 280);
+    --card-foreground: oklch(0.96 0.005 280);
+    --primary: oklch(0.72 0.16 280);
+    --primary-foreground: oklch(0.16 0.02 280);
+    --secondary: oklch(0.28 0.03 280);
+    --secondary-foreground: oklch(0.96 0.005 280);
+    --muted: oklch(0.24 0.02 280);
+    --muted-foreground: oklch(0.7 0.02 280);
+    --accent: oklch(0.32 0.06 280);
+    --accent-foreground: oklch(0.96 0.005 280);
+    --destructive: oklch(0.55 0.22 25);
+    --destructive-foreground: oklch(0.99 0 0);
+    --border: oklch(0.32 0.02 280);
+    --input: oklch(0.32 0.02 280);
+    --ring: oklch(0.72 0.16 280);
+  }
+}
+
+/* Code font scope: prose code blocks under the docs theme use the
+ * configurable --ampless-code-font variable. The body font remains the
+ * theme-configured --ampless-body-font (or system fallback). */
+[data-theme='docs'] .prose code,
+[data-theme='docs'] .prose pre {
+  font-family: var(--ampless-code-font);
+}

package/dist/templates/landing/README.md

@@ -0,0 +1,25 @@
+# {{siteName}}
+
+A site powered by [ampless](https://github.com/heavymoons/ampless), using the **Landing** theme — hero-led single-page layout with optional "Latest" post grid, configurable header / footer nav, and a warm-coral accent palette.
+
+## Customizing
+
+In `/admin/sites/<siteId>/theme`:
+
+- Hero headline / subheadline / CTA button text + URL
+- Header navigation (label + URL pairs)
+- Footer links
+- Primary color
+- Corner radius
+
+Empty hero fields fall back to the site name / description from `/admin/sites/<siteId>`.
+
+## Getting started
+
+```bash
+npm install
+npx ampx sandbox       # provision the AWS backend
+npm run dev            # start Next.js
+```
+
+See the project README for full setup.

package/dist/templates/landing/index.ts

@@ -0,0 +1,25 @@
+import { defineThemeModule } from 'ampless'
+import './tokens.css'
+import manifest from './manifest'
+import LandingHome from './pages/home'
+import LandingPost, { generatePostMetadata } from './pages/post'
+import LandingTag from './pages/tag'
+import { landingFeedHandler } from './pages/feed'
+import { landingSitemapHandler } from './pages/sitemap'
+
+export default defineThemeModule({
+  name: 'landing',
+  manifest,
+  components: {
+    Home: LandingHome,
+    Post: LandingPost,
+    Tag: LandingTag,
+  },
+  metadata: {
+    Post: generatePostMetadata,
+  },
+  routes: {
+    feed: landingFeedHandler,
+    sitemap: landingSitemapHandler,
+  },
+})

package/dist/templates/landing/manifest.ts

@@ -0,0 +1,118 @@
+import { defineTheme } from 'ampless'
+
+// Landing theme manifest. The home page is hero-led; posts (if any)
+// show up as a "latest" section beneath. Most fields are content
+// rather than chrome — admins fill in the marketing copy.
+export default defineTheme({
+  name: 'landing',
+  label: { en: 'Landing', ja: 'ランディング' },
+  description: {
+    en: 'Single-page hero focus, optional features and post list.',
+    ja: '1 ページ完結型のヒーロー中心レイアウト。お知らせ一覧も併設可能。',
+  },
+  fields: [
+    {
+      key: 'heroHeadline',
+      label: { en: 'Hero headline', ja: 'ヒーロー見出し' },
+      group: { en: 'Hero', ja: 'ヒーロー' },
+      type: 'text',
+      default: '',
+      maxLength: 120,
+      description: {
+        en: 'Empty falls back to the site name.',
+        ja: '空欄の場合はサイト名を使用。',
+      },
+    },
+    {
+      key: 'heroSubheadline',
+      label: { en: 'Hero subheadline', ja: 'ヒーローサブ見出し' },
+      group: { en: 'Hero', ja: 'ヒーロー' },
+      type: 'text',
+      default: '',
+      maxLength: 200,
+      description: {
+        en: 'Empty falls back to the site description.',
+        ja: '空欄の場合はサイトの説明を使用。',
+      },
+    },
+    {
+      key: 'ctaText',
+      label: { en: 'CTA button text', ja: 'CTA ボタンのテキスト' },
+      group: { en: 'Hero', ja: 'ヒーロー' },
+      type: 'text',
+      default: '',
+      maxLength: 40,
+      description: {
+        en: 'Leave empty to hide the call-to-action button.',
+        ja: '空欄にするとボタンを非表示。',
+      },
+    },
+    {
+      key: 'ctaUrl',
+      label: { en: 'CTA URL', ja: 'CTA リンク先' },
+      group: { en: 'Hero', ja: 'ヒーロー' },
+      type: 'text',
+      default: '#',
+      maxLength: 200,
+    },
+    {
+      key: 'primary',
+      label: { en: 'Primary color', ja: 'プライマリカラー' },
+      group: { en: 'Colors', ja: 'カラー' },
+      type: 'color',
+      default: 'oklch(0.6 0.18 35)',
+      cssVar: '--primary',
+      description: {
+        en: 'Hero accent and CTA button background.',
+        ja: 'ヒーロー強調色と CTA ボタンの背景色。',
+      },
+    },
+    {
+      key: 'radius',
+      label: { en: 'Corner radius', ja: '角丸' },
+      group: { en: 'Shape', ja: '形状' },
+      type: 'length',
+      default: '0.75rem',
+      cssVar: '--radius',
+    },
+    {
+      key: 'featuredSlug',
+      label: { en: 'Featured post slug', ja: 'フィーチャー記事のスラッグ' },
+      group: { en: 'Hero', ja: 'ヒーロー' },
+      type: 'text',
+      default: '',
+      maxLength: 200,
+      description: {
+        en: 'Slug of a published post to embed below the hero. Useful for "About" or "Welcome" content. Empty disables the section.',
+        ja: 'ヒーロー下に本文を埋め込みたい公開記事のスラッグ。「About」「Welcome」的なコンテンツ向け。空なら非表示。',
+      },
+    },
+    {
+      key: 'logoUrl',
+      label: { en: 'Logo image URL', ja: 'ロゴ画像 URL' },
+      group: { en: 'Branding', ja: 'ブランディング' },
+      type: 'image',
+      default: '',
+      description: {
+        en: 'URL or media path. Empty falls back to the site name as text.',
+        ja: '画像 URL またはメディアパス。空欄ならサイト名がテキスト表示されます。',
+      },
+    },
+    {
+      key: 'headerNav',
+      label: { en: 'Header navigation', ja: 'ヘッダーナビ' },
+      group: { en: 'Navigation', ja: 'ナビゲーション' },
+      type: 'linkList',
+      default: [],
+      maxItems: 8,
+    },
+    {
+      key: 'footerLinks',
+      label: { en: 'Footer links', ja: 'フッターリンク' },
+      group: { en: 'Navigation', ja: 'ナビゲーション' },
+      type: 'linkList',
+      default: [],
+      maxItems: 12,
+    },
+  ],
+})