进一步精简优化:精简价格和功能展示
- 大幅精简 Pricing 组件,移除冗余内容 - 移除保障徽章区域 - 移除FAQ和购买须知 - 优化背景和布局 - 突出核心价格信息 - 精简 SystemFeatures 组件 - 优化功能展示逻辑 - 移除多余的装饰元素 - 微调首页布局 (app/page.tsx) 代码优化:-108行 +8行,大幅提升加载性能
This commit is contained in:
parent
3f79a5d190
commit
33bda935bd
@ -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>
|
||||
|
||||
@ -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>
|
||||
)
|
||||
|
||||
@ -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>
|
||||
)
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user