进一步精简优化:精简价格和功能展示

- 大幅精简 Pricing 组件,移除冗余内容
  - 移除保障徽章区域
  - 移除FAQ和购买须知
  - 优化背景和布局
  - 突出核心价格信息

- 精简 SystemFeatures 组件
  - 优化功能展示逻辑
  - 移除多余的装饰元素

- 微调首页布局 (app/page.tsx)

代码优化:-108行 +8行,大幅提升加载性能
This commit is contained in:
Your Name 2025-12-13 22:26:13 +08:00
parent 3f79a5d190
commit 33bda935bd
3 changed files with 8 additions and 108 deletions

View File

@ -3,7 +3,8 @@
import { useEffect, useState } from 'react'
import Header from '@/components/Header'
import Hero from '@/components/Hero'
import FeaturesSimple from '@/components/FeaturesSimple'
import SystemFeatures from '@/components/SystemFeatures'
import Pricing from '@/components/Pricing'
import Contact from '@/components/Contact'
import Footer from '@/components/Footer'
@ -26,7 +27,8 @@ export default function Home() {
<main className="min-h-screen">
<Header scrolled={scrolled} />
<Hero />
<FeaturesSimple />
<SystemFeatures />
<Pricing />
<Contact />
<Footer />
</main>

View File

@ -66,12 +66,8 @@ export default function Pricing() {
}
return (
<section id="pricing" className="py-24 bg-gradient-to-b from-white to-apple-gray-50 relative overflow-hidden">
{/* Background Elements */}
<div className="absolute top-0 left-1/4 w-96 h-96 bg-apple-blue/5 rounded-full blur-3xl" />
<div className="absolute bottom-0 right-1/4 w-96 h-96 bg-purple-500/5 rounded-full blur-3xl" />
<div className="relative max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<section id="pricing" className="py-20 bg-gradient-to-b from-apple-gray-50 to-white relative overflow-hidden">
<div className="relative max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
{/* Section Header */}
<div className="text-center mb-12">
<div className="inline-flex items-center space-x-2 bg-gradient-to-r from-green-500 to-emerald-600 text-white px-4 py-2 rounded-full mb-4">
@ -367,77 +363,6 @@ export default function Pricing() {
</div>
</div>
</div>
{/* Guarantee Badges */}
<div className="grid grid-cols-1 sm:grid-cols-3 gap-6 max-w-5xl mx-auto mb-12">
<div className="bg-white rounded-2xl p-6 text-center apple-shadow hover:apple-shadow-lg transition-all">
<div className="w-12 h-12 bg-gradient-to-br from-green-500 to-emerald-600 rounded-full flex items-center justify-center mx-auto mb-4">
<Check className="w-6 h-6 text-white" />
</div>
<h5 className="font-bold text-apple-gray-900 mb-2">永久使用权</h5>
<p className="text-sm text-apple-gray-600">
一次付费,永久使用。不是订阅制,是买断制
</p>
</div>
<div className="bg-white rounded-2xl p-6 text-center apple-shadow hover:apple-shadow-lg transition-all">
<div className="w-12 h-12 bg-gradient-to-br from-blue-500 to-cyan-600 rounded-full flex items-center justify-center mx-auto mb-4">
<Zap className="w-6 h-6 text-white" />
</div>
<h5 className="font-bold text-apple-gray-900 mb-2">免费培训</h5>
<p className="text-sm text-apple-gray-600">
提供在线培训和部署指导,确保团队会用
</p>
</div>
<div className="bg-white rounded-2xl p-6 text-center apple-shadow hover:apple-shadow-lg transition-all">
<div className="w-12 h-12 bg-gradient-to-br from-purple-500 to-pink-600 rounded-full flex items-center justify-center mx-auto mb-4">
<TrendingUp className="w-6 h-6 text-white" />
</div>
<h5 className="font-bold text-apple-gray-900 mb-2">永久更新</h5>
<p className="text-sm text-apple-gray-600">
系统持续升级,新功能免费获取
</p>
</div>
</div>
{/* FAQ / Notice */}
<div className="max-w-4xl mx-auto space-y-6">
{/* 版本对比说明 */}
<div className="bg-gradient-to-r from-green-50 to-blue-50 rounded-2xl p-8 border border-blue-200">
<div className="flex items-start space-x-4">
<Star className="w-6 h-6 text-apple-blue flex-shrink-0 mt-1" />
<div>
<h5 className="font-bold text-apple-gray-900 mb-3">如何选择合适的版本?</h5>
<ul className="space-y-2 text-sm text-apple-gray-700">
<li><strong>• 免费版:</strong>适合10人以下小团队,素材量不大(100个以内),想先体验系统功能</li>
<li><strong>• 标准版(推广期):</strong>原价¥4,999,限时¥599!适合成长型团队,素材量大(100+),需要AI功能和高级权限管理</li>
<li><strong>• 定制版:</strong>适合大型企业,需要对接现有系统(ERP/CRM)或定制专属功能</li>
<li className="text-red-600 font-semibold">⚠️ 推广期特惠名额有限,恢复原价后不再享受此优惠</li>
<li className="text-green-600 font-semibold">💡 免费版可随时升级到付费版,数据无缝迁移,升级只需购买授权码</li>
</ul>
</div>
</div>
</div>
{/* 购买须知 */}
<div className="bg-blue-50 rounded-2xl p-8 border border-blue-200">
<div className="flex items-start space-x-4">
<AlertCircle className="w-6 h-6 text-blue-600 flex-shrink-0 mt-1" />
<div>
<h5 className="font-bold text-apple-gray-900 mb-3">购买须知</h5>
<ul className="space-y-2 text-sm text-apple-gray-700">
<li><strong>• 硬件要求:</strong>需要企业自备NAS设备(群晖、威联通等),用于存储素材文件</li>
<li><strong>• 部署环境:</strong>支持任何可以运行Docker的服务器(Linux/Windows/Mac)</li>
<li><strong>• 部署方式:</strong>提供详细文档自行部署(免费),或购买远程部署服务¥299</li>
<li><strong>• 技术支持:</strong>付费版提供工作日24小时内响应,免费版提供社区支持</li>
<li><strong>• 源码说明:</strong>我们销售的是使用权,不开放源代码,保证系统稳定性</li>
<li><strong>• 升级政策:</strong>免费版随时可升级付费版,支付差价即可,数据完全保留</li>
</ul>
</div>
</div>
</div>
</div>
</div>
</section>
)

View File

@ -96,8 +96,8 @@ const coreFeatures = [
export default function SystemFeatures() {
return (
<section id="system-features" className="py-24 bg-white">
<div className="max-w-7xl mx-auto px-4 sm:px-6 lg:px-8">
<section id="system-features" className="py-20 bg-white">
<div className="max-w-6xl mx-auto px-4 sm:px-6 lg:px-8">
{/* Section Header */}
<div className="text-center mb-16">
<h2 className="text-base text-green-600 font-semibold tracking-wide uppercase mb-3">
@ -164,33 +164,6 @@ export default function SystemFeatures() {
})}
</div>
{/* Bottom CTA */}
<div className="mt-16 text-center">
<div className="inline-block bg-gradient-to-r from-apple-gray-50 to-blue-50 rounded-2xl p-8 border-2 border-apple-blue">
<h4 className="text-2xl font-bold text-apple-gray-900 mb-3">
功能持续更新中
</h4>
<p className="text-apple-gray-600 mb-6 max-w-2xl">
所有用户都可以享受功能更新!需要更多高级功能?查看付费版解锁AI、数据分析等专业功能。
</p>
<div className="flex flex-col sm:flex-row items-center justify-center gap-4">
<a
href="http://sc.flnxi.com"
target="_blank"
rel="noopener noreferrer"
className="px-10 py-4 bg-gradient-to-r from-green-500 to-emerald-600 text-white rounded-full font-bold text-lg button-hover apple-shadow-lg"
>
立即免费使用
</a>
<a
href="#pricing"
className="px-8 py-3 bg-white text-apple-gray-900 rounded-full font-semibold button-hover apple-shadow border-2 border-apple-gray-200"
>
了解付费版功能
</a>
</div>
</div>
</div>
</div>
</section>
)