feat: landing page shows full demos inline, sidebar lists all components

packages/docs/components/Sidebar.tsx

@@ -13,27 +13,64 @@ interface NavItem {
 }
 
 const nav: NavItem[] = [
-  { label: '概览 / 头版', href: '/' },
+  { label: '概览', href: '/' },
   { label: '栅格系统', href: '/grid-system' },
   {
     label: '布局组件',
     href: '/components/article',
     children: [
+      { label: 'Layout', href: '/components/article' },
+      { label: 'Section', href: '/components/article' },
+      { label: 'Article', href: '/components/article' },
+      { label: 'Layer', href: '/components/article' },
       { label: 'Masthead', href: '/components/masthead' },
-      { label: 'Article + Layer', href: '/components/article' },
-      { label: 'Rule 分隔线', href: '/components/rule' },
+      { label: 'Rule', href: '/components/rule' },
+      { label: 'Footer', href: '/components/rule' },
+      { label: 'Sidebar', href: '/components/rule' },
+      { label: 'BreakingNewsBanner', href: '/components/rule' },
+      { label: 'Folio', href: '/components/rule' },
+      { label: 'IndexBox', href: '/components/rule' },
+      { label: 'Factbox', href: '/components/rule' },
+    ],
+  },
+  {
+    label: '文本组件',
+    href: '/text',
+    children: [
+      { label: 'Headline', href: '/text' },
+      { label: 'Subhead', href: '/text' },
+      { label: 'Kicker', href: '/text' },
+      { label: 'BodyText', href: '/text' },
+      { label: 'Quote', href: '/text' },
+      { label: 'Byline', href: '/text' },
+      { label: 'Dateline', href: '/text' },
+      { label: 'Caption', href: '/text' },
+      { label: 'AuthorCard', href: '/text' },
+      { label: 'JumpLine', href: '/text' },
+    ],
+  },
+  {
+    label: '媒体组件',
+    href: '/components/media',
+    children: [
+      { label: 'Image', href: '/components/media' },
+      { label: 'Figure', href: '/components/media' },
+      { label: 'Video', href: '/components/media' },
+      { label: 'PullQuote', href: '/components/media' },
+      { label: 'RelatedArticles', href: '/components/media' },
     ],
   },
-  { label: '文本组件', href: '/text' },
-  { label: '媒体组件', href: '/components/media' },
   { label: '主题与颜色', href: '/theme' },
+  { label: 'Create 主题', href: '/create' },
+  { label: 'Blocks', href: '/blocks' },
   {
     label: '示例',
     href: '/examples/spanning',
     children: [
       { label: '跨栏布局', href: '/examples/spanning' },
       { label: '响应式', href: '/examples/responsive' },
-      { label: 'Blackletter 头版', href: '/examples/blackletter-frontpage' },
+      { label: 'NYT 头版', href: '/examples/nyt-frontpage' },
+      { label: 'Blackletter', href: '/examples/blackletter-frontpage' },
     ],
   },
 ];