Refine XWorkmate suite marketing layout

This commit is contained in:
Haitao Pan 2026-05-29 11:19:42 +08:00
parent 64940dfc29
commit 76d3d2884f

View File

@ -9,17 +9,14 @@ import {
Cloud,
Code2,
FolderArchive,
Github,
GitBranch,
Layers3,
MessageCircle,
Plug,
PlayCircle,
ServerCog,
ShieldCheck,
Sparkles,
TerminalSquare,
Video,
} from "lucide-react";
type SuiteProduct = {
@ -99,30 +96,6 @@ const deliverySteps = [
},
];
const socialChannels = [
{
name: "GitHub",
handle: "x-evor",
description: "查看 XWorkmate 套件源码、插件和技能包更新。",
href: "https://github.com/x-evor",
icon: Github,
},
{
name: "微信公众号",
handle: "行者深蓝",
description: "发布产品进展、AI 工作流实践和个人效率场景。",
href: "",
icon: MessageCircle,
},
{
name: "视频号 / 短视频",
handle: "XWorkmate Demo",
description: "预留演示视频、任务案例和使用片段展示位。",
href: "",
icon: Video,
},
];
export default function XWorkmateSuiteMarketing() {
return (
<main className="relative overflow-hidden bg-background text-text">
@ -184,7 +157,7 @@ export default function XWorkmateSuiteMarketing() {
</div>
</section>
<section className="mx-auto w-full max-w-7xl px-4 py-8 sm:px-6 lg:px-8">
<section className="mx-auto w-full max-w-7xl px-4 pb-8 pt-16 sm:px-6 sm:pt-20 lg:px-8 lg:pt-24">
<div className="mb-5 flex flex-col gap-2 sm:flex-row sm:items-end sm:justify-between">
<div>
<p className="text-xs font-semibold uppercase text-text-subtle">
@ -195,7 +168,8 @@ export default function XWorkmateSuiteMarketing() {
</h2>
</div>
<p className="max-w-xl text-sm leading-6 text-text-muted">
线
线
AI
</p>
</div>
@ -300,9 +274,9 @@ export default function XWorkmateSuiteMarketing() {
</h2>
<p className="mt-3 text-sm leading-6 text-text-muted">
使线Bridge
使线Bridge
OpenClaw Core Skills
</p>
</div>
@ -361,53 +335,6 @@ export default function XWorkmateSuiteMarketing() {
</div>
</div>
</section>
<section className="mx-auto w-full max-w-7xl px-4 pb-16 pt-2 sm:px-6 lg:px-8">
<div className="rounded-[16px] border border-surface-border bg-white/92 p-5 shadow-[var(--shadow-md)] lg:p-7">
<div className="flex flex-col gap-2 sm:flex-row sm:items-end sm:justify-between">
<div>
<p className="text-xs font-semibold uppercase text-text-subtle">
Social media
</p>
<h2 className="mt-2 text-2xl font-semibold tracking-normal text-slate-950">
</h2>
</div>
<p className="max-w-xl text-sm leading-6 text-text-muted">
GitHub
</p>
</div>
<div className="mt-5 grid gap-4 md:grid-cols-3">
{socialChannels.map(
({ name, handle, description, href, icon: Icon }) => {
const card = (
<div className="h-full rounded-[8px] border border-surface-border bg-background/80 p-5 transition hover:bg-white hover:shadow-sm">
<Icon className="h-5 w-5 text-primary" aria-hidden="true" />
<h3 className="mt-4 text-base font-semibold tracking-normal text-slate-950">
{name}
</h3>
<p className="mt-1 text-sm font-semibold text-text-muted">
{handle}
</p>
<p className="mt-3 text-sm leading-6 text-text-muted">
{description}
</p>
</div>
);
return href ? (
<Link key={name} href={href}>
{card}
</Link>
) : (
<div key={name}>{card}</div>
);
},
)}
</div>
</div>
</section>
</main>
);
}