mirror of
https://github.com/zenlm/zen-blog.git
synced 2026-10-30 15:05:49 +00:00
zeekay
7af02e40e8
- Replace Hugo static site generator with Next.js 15 + fumadocs-mdx - Convert 71 blog posts from Hugo format to MDX/MD - Convert Hugo shortcodes (figure, button, video, example, fullwidth) to MDX components (Figure, LinkButton, Video, Fullwidth) - Add remark-math + rehype-katex for LaTeX math rendering - Copy JSON case files to public/cases/ for reference - Update branding for Zen LM (site-nav, footer, metadata) - Static export for Cloudflare Pages deployment - Chinese (.zh.md) translations deferred for future migration
40 lines
1.7 KiB
TypeScript
40 lines
1.7 KiB
TypeScript
import Image from "next/image";
|
|
import { MessageCircle } from "lucide-react";
|
|
|
|
export function SiteNav() {
|
|
return (
|
|
<header className="border-b border-border/50 px-6 py-4 sticky top-0 z-20 bg-background/95 backdrop-blur supports-[backdrop-filter]:bg-background/60">
|
|
<div className="max-w-5xl mx-auto flex items-center justify-between">
|
|
<a
|
|
href="https://zenlm.org"
|
|
className="flex items-center gap-2 text-foreground hover:opacity-80 transition-opacity"
|
|
>
|
|
<Image
|
|
src="/zen-logo.png"
|
|
alt="Zen LM"
|
|
width={20}
|
|
height={20}
|
|
/>
|
|
<span className="font-semibold text-base tracking-tight">zen</span>
|
|
<span className="text-muted-foreground text-sm">/ blog</span>
|
|
</a>
|
|
<nav className="flex items-center gap-4 text-sm text-muted-foreground">
|
|
<a href="https://zenlm.org" className="hover:text-foreground transition-colors">zenlm.org</a>
|
|
<a href="https://hanzo.ai" className="hover:text-foreground transition-colors hidden sm:block">hanzo</a>
|
|
<a href="https://zoo.ngo" className="hover:text-foreground transition-colors hidden sm:block">zoo</a>
|
|
<a href="https://hanzo.blog" className="hover:text-foreground transition-colors hidden sm:block">hanzo blog</a>
|
|
<a
|
|
href="https://discord.gg/luxnetwork"
|
|
target="_blank"
|
|
rel="noopener noreferrer"
|
|
className="inline-flex items-center gap-1.5 px-3 py-1.5 rounded-full border border-border text-foreground hover:bg-accent transition-all text-sm font-medium"
|
|
>
|
|
<MessageCircle className="h-3.5 w-3.5" />
|
|
Discord
|
|
</a>
|
|
</nav>
|
|
</div>
|
|
</header>
|
|
);
|
|
}
|