32 lines
1.7 KiB
TypeScript
32 lines
1.7 KiB
TypeScript
import Link from 'next/link';
|
||
|
||
export default function PaywallPage() {
|
||
return (
|
||
<div className="mx-auto mt-10 max-w-3xl space-y-5">
|
||
<section className="panel-glow rounded-2xl p-8">
|
||
<p className="dot-matrix text-xs font-bold text-[#b83822]">會員方案 / 尚未開放收費</p>
|
||
<h2 className="mt-2 text-3xl font-black text-[#3f2f25]">專業會員訂閱方案</h2>
|
||
<p className="mt-3 text-sm leading-7 text-[#6d4d39]">
|
||
目前正式站先以資料品質、推薦透明度與賽後校準為優先，尚未開放付費訂閱。未來若開放，會清楚列出功能、資料來源與限制，不會用未驗證績效做銷售包裝。
|
||
</p>
|
||
<div className="mt-5 grid gap-3 md:grid-cols-3">
|
||
{[
|
||
['目前可用', '首頁推薦、每日作戰室、賽程比分、AI 成本監控'],
|
||
['暫不收費', '等待真實績效帳本與資料源穩定後才評估'],
|
||
['付費前提', '每筆推薦可追蹤、可校準、可回看命中率'],
|
||
].map(([title, detail]) => (
|
||
<article key={title} className="rounded-2xl border border-[#eadcb9] bg-white/70 p-4">
|
||
<p className="font-black text-[#7d2a15]">{title}</p>
|
||
<p className="mt-2 text-sm leading-6 text-[#7a5b46]">{detail}</p>
|
||
</article>
|
||
))}
|
||
</div>
|
||
<div className="mt-6 flex flex-wrap gap-3">
|
||
<Link href="/daily-card" className="rounded-full bg-[#b83822] px-5 py-2 text-sm font-bold text-white">先看今日推薦</Link>
|
||
<Link href="/proof-of-yield" className="rounded-full border border-[#d8b58c] bg-white/75 px-5 py-2 text-sm font-bold text-[#7d2a15]">查看公開收益</Link>
|
||
</div>
|
||
</section>
|
||
</div>
|
||
);
|
||
}
|