feat(web): add privacy policy & terms pages, update homepage copy

Add /privacy and /terms pages for Google OAuth brand verification.
Update homepage: 内测→公测, remove sponsor text, refresh save tip,
simplify load button label, add footer legal links.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
yuanzonghao
2026-06-14 22:49:02 +08:00
parent 0dea2f8e36
commit b7ff39d467
4 changed files with 427 additions and 9 deletions
+196
View File
@@ -0,0 +1,196 @@
import type { Metadata } from "next";
import Link from "next/link";
export const metadata: Metadata = {
title: "服务条款 — InfiPlot",
description: "InfiPlot 服务条款:使用 InfiPlot 服务前请阅读本条款。",
};
export default function TermsPage() {
return (
<main className="mx-auto w-full max-w-3xl px-6 md:px-16 py-16 md:py-24">
<Link
href="/"
className="inline-flex items-center gap-2 text-clay-500 hover:text-ember-500 transition-colors text-sm mb-12"
>
<i className="fa-solid fa-arrow-left text-xs" />
<span></span>
</Link>
<h1 className="font-serif text-3xl md:text-4xl text-clay-900 mb-4">
</h1>
<p className="text-sm text-clay-500 mb-12">
2026 6 14 &nbsp;|&nbsp; 2026 6 14
</p>
<div className="hairline-full w-full mb-12" />
<div className="space-y-10 text-clay-800 text-[15px] leading-[1.85]">
<section>
<h2 className="font-serif text-xl text-clay-900 mb-3">
</h2>
<p>
InfiPlot"我们""本服务" AI
</p>
<p className="mt-3">
使使
</p>
</section>
<section>
<h2 className="font-serif text-xl text-clay-900 mb-3">
</h2>
<p>
GoogleGitHub
</p>
</section>
<section>
<h2 className="font-serif text-xl text-clay-900 mb-3">
</h2>
<p>使</p>
<ul className="list-disc pl-6 space-y-1 mt-3">
<li></li>
<li>使 API</li>
<li></li>
<li></li>
</ul>
</section>
<section>
<h2 className="font-serif text-xl text-clay-900 mb-3">
AI
</h2>
<p>
AI
AI AI
</p>
<p className="mt-3">
AI
使
AI
</p>
</section>
<section>
<h2 className="font-serif text-xl text-clay-900 mb-3">
</h2>
<p>
InfiPlot {" "}
<a
href="https://www.gnu.org/licenses/agpl-3.0.html"
target="_blank"
rel="noopener noreferrer"
className="text-ember-500 hover:text-ember-400 transition-colors underline decoration-clay-900/20 underline-offset-2"
>
AGPL-3.0
</a>{" "}
</p>
<p className="mt-3">
</p>
</section>
<section>
<h2 className="font-serif text-xl text-clay-900 mb-3">
</h2>
<p>
{" "}
<Link
href="/privacy"
className="text-ember-500 hover:text-ember-400 transition-colors underline decoration-clay-900/20 underline-offset-2"
>
</Link>
</p>
</section>
<section>
<h2 className="font-serif text-xl text-clay-900 mb-3">
</h2>
<p>
使
</p>
<p className="mt-3">
</p>
</section>
<section>
<h2 className="font-serif text-xl text-clay-900 mb-3">
</h2>
<p>
"现状""可用"
</p>
</section>
<section>
<h2 className="font-serif text-xl text-clay-900 mb-3">
</h2>
<p>
InfiPlot
使使
</p>
</section>
<section>
<h2 className="font-serif text-xl text-clay-900 mb-3">
</h2>
<p>
</p>
<ul className="list-disc pl-6 space-y-1 mt-3">
<li></li>
<li></li>
<li></li>
</ul>
</section>
<section>
<h2 className="font-serif text-xl text-clay-900 mb-3">
</h2>
<p>
使
</p>
</section>
<section>
<h2 className="font-serif text-xl text-clay-900 mb-3"></h2>
<p>
</p>
<p className="mt-3">
{" "}
<a
href="mailto:hi@infiplot.com"
className="text-ember-500 hover:text-ember-400 transition-colors"
>
hi@infiplot.com
</a>
</p>
</section>
</div>
<div className="hairline-full w-full mt-16 mb-8" />
<footer className="text-center text-[10px] smallcaps text-clay-500 pb-10">
<span>© 2026 InfiPlot. All rights reserved.</span>
</footer>
</main>
);
}