feat: 全站预发布模式——所有产品标注研发中状态,移除定价与交付承诺

- 产品页:添加 status 字段与研发中状态徽章,移除定价信息,功能描述改为规划措辞
- 产品详情:CTA 从立即购买改为预约体验,新增定价待公布区域
- 解决方案详情:关联产品卡片补充研发中状态徽章
- 关于页:更新发展历程里程碑、统计数据、核心价值观,确保与研发阶段逻辑自洽
- 首页:更新社会证明、客户评价、解决方案等区块文案
- 新闻页:分类从产品发布调整为研发动态
- 全站品牌名统一为睿新致远,移除重复文案,规范标点与编码
- 修复 FlipCard 组件 useReducer 替代 useEffect+setState
This commit is contained in:
张翔
2026-05-03 13:34:27 +08:00
parent adb3e8f734
commit f69de14e45
19 changed files with 246 additions and 233 deletions
+14 -14
View File
@@ -1,6 +1,6 @@
'use client';
import { useState, useEffect } from 'react';
import { useReducer } from 'react';
import { motion, AnimatePresence } from 'framer-motion';
interface FlipCardProps {
@@ -84,24 +84,24 @@ function FlipDigit({ digit, prevDigit }: FlipDigitProps) {
}
function FlipCard({ value, label, maxDigits = 2 }: FlipCardProps) {
const [prevValue, setPrevValue] = useState(value);
const [currentValue, setCurrentValue] = useState(value);
const [state, dispatch] = useReducer(
(prev: { current: number; previous: number }, next: number) => {
if (next === prev.current) {
return prev;
}
return { current: next, previous: prev.current };
},
{ current: value, previous: value }
);
dispatch(value);
useEffect(() => {
if (value !== currentValue) {
setPrevValue(currentValue);
setCurrentValue(value);
}
}, [value]);
// 将数字转换为数组,每个数字一位
const formatNumber = (num: number) => {
const str = num.toString().padStart(maxDigits, '0');
return str.split('').map(c => parseInt(c));
};
const currentDigits = formatNumber(currentValue);
const prevDigits = formatNumber(prevValue);
const currentDigits = formatNumber(state.current);
const prevDigits = formatNumber(state.previous);
return (
<div className="flex flex-col items-center">
@@ -142,7 +142,7 @@ export function FlipClock({ years, months, days }: FlipClockProps) {
</div>
<p className="text-[#5C5C5C] leading-relaxed font-medium">
</p>
</div>
);
+27 -5
View File
@@ -9,6 +9,7 @@ interface ProductCardProps {
description: string;
href: string;
index: number;
status?: '研发中' | '内测中' | '已发布';
}
interface ProductStyleConfig {
@@ -32,9 +33,16 @@ const defaultConfig: ProductStyleConfig = {
icon: Database, accentColor: '#C41E3A', accentColorRgb: '196, 30, 58', glowStart: '#C41E3A', glowEnd: '#D97706',
};
export function ProductCard({ title, description, href, index }: ProductCardProps) {
const statusConfig = {
'研发中': { bg: 'rgba(196, 30, 58, 0.08)', text: '#C41E3A', border: 'rgba(196, 30, 58, 0.15)' },
'内测中': { bg: 'rgba(217, 119, 6, 0.08)', text: '#D97706', border: 'rgba(217, 119, 6, 0.15)' },
'已发布': { bg: 'rgba(22, 163, 74, 0.08)', text: '#16A34A', border: 'rgba(22, 163, 74, 0.15)' },
} as const;
export function ProductCard({ title, description, href, index, status }: ProductCardProps) {
const config = productConfig[index] ?? defaultConfig;
const IconComponent = config.icon;
const statusStyle = status ? statusConfig[status] : null;
return (
<InkGlowCard
@@ -56,9 +64,23 @@ export function ProductCard({ title, description, href, index }: ProductCardProp
strokeWidth={1.8}
/>
</div>
<span className="text-xs font-mono tracking-widest text-[#A3A3A3]">
{String(index + 1).padStart(2, '0')}
</span>
<div className="flex items-center gap-2">
{status && statusStyle && (
<span
className="text-[10px] font-medium px-2 py-0.5 rounded-full border"
style={{
backgroundColor: statusStyle.bg,
color: statusStyle.text,
borderColor: statusStyle.border,
}}
>
{status}
</span>
)}
<span className="text-xs font-mono tracking-widest text-[#A3A3A3]">
{String(index + 1).padStart(2, '0')}
</span>
</div>
</div>
<h3 className="text-lg font-semibold mb-2 leading-snug tracking-tight text-[#1C1C1C]">
@@ -70,7 +92,7 @@ export function ProductCard({ title, description, href, index }: ProductCardProp
</p>
<div className="flex items-center gap-1.5 text-sm font-medium text-[#A3A3A3] group-hover:text-[#C41E3A] transition-colors">
<span></span>
<span></span>
<ArrowUpRight className="w-4 h-4" strokeWidth={2} />
</div>
</div>