chore: initialize deployable website and CMS

src/pages/Insights/index.tsx

@@ -0,0 +1,44 @@
+import { Link } from 'react-router-dom'
+import { INSIGHTS as FALLBACK_INSIGHTS } from '@/data/mock'
+import { useCMS, getCMSInsights } from '@/services/cms'
+import GlobalCTA from '@/components/Layout/GlobalCTA'
+
+export default function Insights() {
+  const { data: INSIGHTS } = useCMS(getCMSInsights, FALLBACK_INSIGHTS)
+  return (
+    <div>
+      <div className="page-header">
+        <div className="container">
+          <div className="breadcrumb">
+            <Link to="/" style={{ color: 'rgba(255,255,255,0.8)' }}>
+              首页
+            </Link>{' '}
+            / 认知观察
+          </div>
+          <h1>认知观察</h1>
+          <p>围绕企业进化、价值坐标、A/M/B 与方法论的持续观察与沉淀。</p>
+          <div className="placeholder" style={{ marginTop: 12 }}>
+            【占位｜待业务确认】文章由知识母盘定稿后灌入，一期仅保留结构与占位。
+          </div>
+        </div>
+      </div>
+      <section className="section">
+        <div className="container">
+          <div className="grid-2">
+            {INSIGHTS.map(i => (
+              <Link key={i.id} to={`/insights/${i.slug}`} className="card" style={{ display: 'block' }}>
+                <div style={{ fontSize: 11, color: '#0f6b5b', fontWeight: 800, letterSpacing: '0.08em' }}>{i.category.toUpperCase()}</div>
+                <h3 style={{ marginTop: 6 }}>{i.title}</h3>
+                <p>{i.summary}</p>
+                <div style={{ fontSize: 12, color: '#94a3b8', marginTop: 8 }}>
+                  {i.readingMinutes} 分钟 · {i.author} · 权重 {i.sortWeight}
+                </div>
+              </Link>
+            ))}
+          </div>
+        </div>
+      </section>
+      <GlobalCTA />
+    </div>
+  )
+}