liuyu/nofx
1
0
Fork 0
mirror of https://github.com/NoFxAiOS/nofx.git synced 2026-07-05 03:50:59 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(web): Footer 按旧版文案重排 —— 顶部品牌 + 三列（链接/资源/支持方：Aster DEX、Binance、Amber.ac）

Browse Source
This commit is contained in:
Ember
2025-11-02 01:53:48 +08:00
parent e45248f633
commit 01cc30f815
1 changed files with 25 additions and 29 deletions
Download Patch File Download Diff File Expand all files Collapse all files

54
web/src/components/landing/FooterSection.tsx
View File

@@ -7,8 +7,17 @@ export default function FooterSection() {
return (
<footer style={{ borderTop: '1px solid #2B3139', background: '#181A20' }}>
<div className="max-w-[1200px] mx-auto px-6 py-10">
{/* Brand */}
<div className="flex items-center gap-3 mb-8">
<img src="/images/logo.png" alt="NOFX Logo" className="w-8 h-8" />
<div>
<div className="text-lg font-bold" style={{ color: '#EAECEF' }}>NOFX</div>
<div className="text-xs" style={{ color: '#848E9C' }}>AI 交易的未来标准</div>
</div>
</div>
{/* Multi-link columns */}
<div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-5 gap-8">
<div className="grid grid-cols-2 sm:grid-cols-3 md:grid-cols-3 gap-8">
<div>
<h3 className="text-sm font-semibold mb-3" style={{ color: '#EAECEF' }}>链接</h3>
<ul className="space-y-2 text-sm" style={{ color: '#848E9C' }}>
@@ -22,23 +31,22 @@ export default function FooterSection() {
<h3 className="text-sm font-semibold mb-3" style={{ color: '#EAECEF' }}>资源</h3>
<ul className="space-y-2 text-sm" style={{ color: '#848E9C' }}>
<li><a className="hover:text-[#F0B90B]" href="/README.zh-CN.md" target="_blank" rel="noopener noreferrer">文档</a></li>
<li><a className="hover:text-[#F0B90B]" href="/DOCKER_DEPLOY.md" target="_blank" rel="noopener noreferrer">Docker 部署</a></li>
<li><a className="hover:text-[#F0B90B]" href="/PM2_DEPLOYMENT.md" target="_blank" rel="noopener noreferrer">PM2 部署</a></li>
<li><a className="hover:text-[#F0B90B]" href="https://github.com/tinkle-community/nofx/issues" target="_blank" rel="noopener noreferrer">Issues</a></li>
<li><a className="hover:text-[#F0B90B]" href="https://github.com/tinkle-community/nofx/pulls" target="_blank" rel="noopener noreferrer">Pull Requests</a></li>
</ul>
</div>
<div>
<h3 className="text-sm font-semibold mb-3" style={{ color: '#EAECEF' }}>产品</h3>
<ul className="space-y-2 text-sm" style={{ color: '#848E9C' }}>
<li><a className="hover:text-[#F0B90B]" href="#how-it-works">如何开始</a></li>
<li><a className="hover:text-[#F0B90B]" href="#features">核心功能</a></li>
<li><a className="hover:text-[#F0B90B]" href="#">开源生态</a></li>
</ul>
</div>
<div>
<h3 className="text-sm font-semibold mb-3" style={{ color: '#EAECEF' }}>支持的交易所</h3>
<h3 className="text-sm font-semibold mb-3" style={{ color: '#EAECEF' }}>支持方</h3>
<ul className="space-y-3 text-sm" style={{ color: '#848E9C' }}>
<li>
<a className="hover:text-[#F0B90B] inline-flex items-center gap-2" href="https://aster.network/" target="_blank" rel="noopener noreferrer">
<span className="inline-flex items-center" style={{ width: 20, height: 20 }}>
{getExchangeIcon('aster', { width: 20, height: 20 })}
</span>
Aster DEX
</a>
</li>
<li>
<a className="hover:text-[#F0B90B] inline-flex items-center gap-2" href="https://www.binance.com/" target="_blank" rel="noopener noreferrer">
<span className="inline-flex items-center" style={{ width: 20, height: 20 }}>
@@ -48,28 +56,16 @@ export default function FooterSection() {
</a>
</li>
<li>
<a className="hover:text-[#F0B90B] inline-flex items-center gap-2" href="https://aster.network/" target="_blank" rel="noopener noreferrer">
<span className="inline-flex items-center" style={{ width: 20, height: 20 }}>
{getExchangeIcon('aster', { width: 20, height: 20 })}
</span>
Aster DEX
<a className="hover:text-[#F0B90B] inline-flex items-center gap-2" href="https://amber.ac/" target="_blank" rel="noopener noreferrer">
Amber.ac <span className="opacity-70">(战略投资)</span>
</a>
</li>
</ul>
</div>
<div>
<h3 className="text-sm font-semibold mb-3" style={{ color: '#EAECEF' }}>支持</h3>
<ul className="space-y-2 text-sm" style={{ color: '#848E9C' }}>
<li><a className="hover:text-[#F0B90B]" href="/README.zh-CN.md#%E5%B8%B8%E8%A7%81%E9%97%AE%E9%A2%98" target="_blank" rel="noopener noreferrer">常见问题</a></li>
<li><a className="hover:text-[#F0B90B]" href="https://github.com/tinkle-community/nofx/issues" target="_blank" rel="noopener noreferrer">报告问题</a></li>
<li><a className="hover:text-[#F0B90B]" href="/README.md#contributing" target="_blank" rel="noopener noreferrer">贡献指南</a></li>
</ul>
</div>
</div>
{/* Bottom note */}
<div className="pt-8 mt-8 text-center text-xs" style={{ color: '#5E6673', borderTop: '1px solid #2B3139' }}>
{/* Bottom note (kept subtle) */}
<div className="pt-6 mt-8 text-center text-xs" style={{ color: '#5E6673', borderTop: '1px solid #2B3139' }}>
<p>{t('footerTitle', language)}</p>
<p className="mt-1">{t('footerWarning', language)}</p>
</div>