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
61 lines
1.7 KiB
TypeScript
61 lines
1.7 KiB
TypeScript
import React from "react";
|
|
import { cn } from "@/lib/utils";
|
|
|
|
interface PromoContentProps {
|
|
variant?: "desktop" | "mobile";
|
|
className?: string;
|
|
}
|
|
|
|
export function PromoContent({
|
|
variant = "desktop",
|
|
className,
|
|
}: PromoContentProps) {
|
|
if (variant === "mobile") {
|
|
return (
|
|
<div className={cn("border-t border-border bg-muted/20 p-3", className)}>
|
|
<div className="flex items-center gap-3">
|
|
<div className="flex-1 min-w-0">
|
|
<p className="text-xs font-medium text-foreground/90 truncate">
|
|
Hanzo AI
|
|
</p>
|
|
<p className="text-xs text-muted-foreground truncate">
|
|
Build with frontier AI
|
|
</p>
|
|
</div>
|
|
<a
|
|
href="https://hanzo.ai"
|
|
className="text-xs text-primary hover:text-primary/80 font-medium"
|
|
onClick={(e) => e.stopPropagation()}
|
|
>
|
|
Learn more
|
|
</a>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|
|
|
|
return (
|
|
<div
|
|
className={cn("border border-border rounded-lg p-4 bg-card", className)}
|
|
>
|
|
<div className="flex flex-col gap-4">
|
|
<div className="flex flex-col gap-1">
|
|
<h3 className="text-lg font-semibold tracking-tighter">
|
|
Hanzo AI
|
|
</h3>
|
|
<p className="text-sm text-muted-foreground">
|
|
Build with frontier AI models, infrastructure, and tools.
|
|
Explore Zen models, MCP tools, and more.
|
|
</p>
|
|
<a
|
|
href="https://hanzo.ai"
|
|
className="text-sm text-primary hover:text-primary/80 font-medium mt-2"
|
|
>
|
|
Visit hanzo.ai
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|