"use client"; import { useState, type FormEvent } from "react"; import { Button, GridPattern, Heading, Input, Text } from "@hulianui/ui"; import { Check, Mail } from "lucide-react"; // 内嵌订阅 CTA —— 克制网格底纹 + 居中标题 + inline 邮箱订阅表单。 // 提交走本地态机：idle → loading（模拟请求）→ done（成功态），无需后端。 // 视觉全程 token 化，跟随站点明暗切换。 export function CtaNewsletterBlock() { const [email, setEmail] = useState(""); const [status, setStatus] = useState<"idle" | "loading" | "done">("idle"); function handleSubmit(e: FormEvent) { e.preventDefault(); if (status !== "idle" || !email.trim()) return; setStatus("loading"); // 模拟订阅请求 window.setTimeout(() => setStatus("done"), 1100); } return (

{/* 极低对比网格底纹，向中心渐隐 */}

订阅瀚云月报每月一封，精选产品更新、最佳实践与一线团队的实战经验。不灌水，随时退订。 {status === "done" ? (

订阅成功，欢迎加入瀚云！

) : (

); }