+ {DOWNLOADS.map((d) => (
+
+ ))}
+
+ )
+}
diff --git a/sundynix-admin/src/site/components/layout/site-footer.tsx b/sundynix-admin/src/site/components/layout/site-footer.tsx
new file mode 100644
index 0000000..7aee537
--- /dev/null
+++ b/sundynix-admin/src/site/components/layout/site-footer.tsx
@@ -0,0 +1,85 @@
+import { Link } from 'react-router-dom'
+import { SITE } from '@/content/site'
+import { LogoMark } from '@/components/logo'
+
+const COLUMNS = [
+ {
+ title: 'PRODUCT',
+ links: [
+ { label: '功能', href: '/#features' },
+ { label: '架构', href: '/#architecture' },
+ { label: '下载', href: '/download', internal: true },
+ ],
+ },
+ {
+ title: 'RESOURCES',
+ links: [
+ { label: '下载桌面版', href: '/download', internal: true },
+ { label: '源码仓库', href: SITE.repo },
+ ],
+ },
+] as const
+
+export function SiteFooter() {
+ return (
+
+ )
+}
diff --git a/sundynix-admin/src/site/components/layout/site-header.tsx b/sundynix-admin/src/site/components/layout/site-header.tsx
new file mode 100644
index 0000000..93aff17
--- /dev/null
+++ b/sundynix-admin/src/site/components/layout/site-header.tsx
@@ -0,0 +1,109 @@
+import { useState } from 'react'
+import { Link, NavLink } from 'react-router-dom'
+import { Menu, Moon, Sun, X } from 'lucide-react'
+import { useTheme } from '@/components/theme-provider'
+import { LogoMark } from '@/components/logo'
+import { cn } from '@/lib/utils'
+
+const NAV_ITEMS = [
+ { label: '产品', to: '/', end: true },
+ { label: '功能', to: '/#features' },
+ { label: '架构', to: '/#architecture' },
+]
+
+function ThemeToggle() {
+ const { resolved, setTheme } = useTheme()
+ return (
+
+ )
+}
+
+export function SiteHeader() {
+ const [open, setOpen] = useState(false)
+
+ const links = NAV_ITEMS.map((item) =>
+ item.to.includes('#') ? (
+ setOpen(false)}
+ className="text-sm text-ink-2 transition-colors hover:text-ink"
+ >
+ {item.label}
+
+ ) : (
+
+
+
+
+ {open && (
+
+ )}
+
+
+
+
+
+
+ )
+}
diff --git a/sundynix-admin/src/site/components/logo.tsx b/sundynix-admin/src/site/components/logo.tsx
new file mode 100644
index 0000000..f7d9e55
--- /dev/null
+++ b/sundynix-admin/src/site/components/logo.tsx
@@ -0,0 +1,19 @@
+interface LogoMarkProps {
+ size?: number
+ className?: string
+}
+
+/** 品牌 Logo：霓虹数据流 S（用户原版位图裁切，源图在 design-assets/） */
+export function LogoMark({ size = 28, className }: LogoMarkProps) {
+ return (
+
+ )
+}
diff --git a/sundynix-admin/src/site/components/reveal.tsx b/sundynix-admin/src/site/components/reveal.tsx
new file mode 100644
index 0000000..53ebac5
--- /dev/null
+++ b/sundynix-admin/src/site/components/reveal.tsx
@@ -0,0 +1,45 @@
+import { useEffect, useRef, useState, type ReactNode } from 'react'
+import { cn } from '@/lib/utils'
+
+interface RevealProps {
+ children: ReactNode
+ className?: string
+ /** 进场延迟（毫秒），用于同屏元素错峰 */
+ delay?: number
+}
+
+/** 滚动进场：进入视口后淡入上移一次；prefers-reduced-motion 时直接显示 */
+export function Reveal({ children, className, delay = 0 }: RevealProps) {
+ const ref = useRef
+ )
+}
diff --git a/sundynix-admin/src/site/components/reveal.tsx b/sundynix-admin/src/site/components/reveal.tsx
new file mode 100644
index 0000000..53ebac5
--- /dev/null
+++ b/sundynix-admin/src/site/components/reveal.tsx
@@ -0,0 +1,45 @@
+import { useEffect, useRef, useState, type ReactNode } from 'react'
+import { cn } from '@/lib/utils'
+
+interface RevealProps {
+ children: ReactNode
+ className?: string
+ /** 进场延迟（毫秒），用于同屏元素错峰 */
+ delay?: number
+}
+
+/** 滚动进场：进入视口后淡入上移一次；prefers-reduced-motion 时直接显示 */
+export function Reveal({ children, className, delay = 0 }: RevealProps) {
+ const ref = useRef
+ {children}
+
+ )
+}
diff --git a/sundynix-admin/src/site/components/section-label.tsx b/sundynix-admin/src/site/components/section-label.tsx
new file mode 100644
index 0000000..bcd4339
--- /dev/null
+++ b/sundynix-admin/src/site/components/section-label.tsx
@@ -0,0 +1,7 @@
+export function SectionLabel({ children }: { children: string }) {
+ return (
+
+ {children}
+
+ )
+}
diff --git a/sundynix-admin/src/site/components/terminal-demo.tsx b/sundynix-admin/src/site/components/terminal-demo.tsx
new file mode 100644
index 0000000..bccfd2f
--- /dev/null
+++ b/sundynix-admin/src/site/components/terminal-demo.tsx
@@ -0,0 +1,41 @@
+import { TERMINAL_DEMO } from '@/content/site'
+
+/** Hero 事件流终端窗 — 双主题共用深色 */
+export function TerminalDemo() {
+ return (
+
+
+ )
+}
diff --git a/sundynix-admin/src/site/components/theme-provider.tsx b/sundynix-admin/src/site/components/theme-provider.tsx
new file mode 100644
index 0000000..dc3be00
--- /dev/null
+++ b/sundynix-admin/src/site/components/theme-provider.tsx
@@ -0,0 +1,63 @@
+import {
+ createContext,
+ useContext,
+ useEffect,
+ useState,
+ type ReactNode,
+} from 'react'
+
+type Theme = 'light' | 'dark' | 'system'
+
+interface ThemeContextValue {
+ theme: Theme
+ resolved: 'light' | 'dark'
+ setTheme: (t: Theme) => void
+}
+
+const ThemeContext = createContext
+ {[0, 1, 2].map((i) => (
+
+ ))}
+
+ {TERMINAL_DEMO.title}
+
+
+
+
+
+ ›
+ {TERMINAL_DEMO.prompt}
+
+
+ ──────────────────────────────────
+
+ {TERMINAL_DEMO.events.map((ev, i) => (
+
+
+ [{ev.tag}]
+ {' '}
+ {ev.text}
+ {i === TERMINAL_DEMO.events.length - 1 && (
+
+ )}
+
+ ))}
+
+
+
+ DOWNLOAD
+
+ + 下载 sundynix agentix +
++ macOS 与 Windows 桌面版，或用 docker compose 私有化部署。 +
+
+
+
+
+
+ {ARCH_LAYERS.map((layer, i) => (
+
+ {/* NATS 总线插在 L2 和 L4 之间 */}
+ {i === 2 && (
+
+ ))}
+
+
+
+ ARCHITECTURE
+
+ + 五层架构，一条零拷贝总线 +
++ Monolith First，为微服务演进预留缝隙（Morph B）。 +
+
+ ⇅ NATS JETSTREAM — 零拷贝消息骨干网 · sundynix.* ⇅
+
+ )}
+
+
+ {layer.id}
+
+
+ {layer.name}{' '}
+
+ {layer.detail}
+
+
+
+ {layer.tech}
+
+
+
+
+
+
+
+
+
+ DOWNLOAD
+
+ + 把 AI 团队装进桌面 +
++ 内置应用内更新，发布流水线自动出包。 +
+
+
+
+
+
+
+
+
+ CAPABILITIES
+
+ + 一个工作台，一支 AI 团队 +
++ 从编排到交付，每个环节都是流式的、可观测的、有守卫的。 +
+
+ {FEATURES.map((f) => (
+
+
+
+ {f.label}
+
+
+ ))}
+ {f.title}
+{f.desc}
+
+ 事件驱动的
+
+ AI Agent 工作台
+ 。
+
+ + 在画布上编排智能体，让多 Agent + 团队替你研究、检索、写出真正的 Word + 报告。桌面开箱即用，也可一条命令私有化部署。 +
+
+
+ 下载桌面版
+
+
+
+
+
+
+
+
+ QUICKSTART
+
+ + 五分钟跑起来 +
+
+
+ # 内嵌 NATS，零配置体验
+ {'\n'}
+ $ git clone
+ https://git.sundynix.cn/sundynix/sundynix-agentix{'\n'}
+ $ make demo{'\n'}
+ {'\n'}
+ # 或一条命令私有化部署
+ {'\n'}
+ $ docker compose up -d
+
+
+
+ -
+ {QUICKSTART_STEPS.map((step, i) => (
+
- + + 0{i + 1} + + + {step.title} + {step.desc} + + + ))} +
+ 404 · NOT FOUND +
++ 这条事件流不存在 +
++ 地址可能已变更，回首页重新出发。 +
+ + 回首页 + +