feat: 统一全站设计风格、导航组件与文案逻辑自洽性修复
- 新增 InkGlowCard 墨韵流光卡片组件,统一全站卡片交互风格 - 新增 PageNav 面包屑组件,统一全站页面导航 - 统一色彩体系、排版层级、间距节奏和动画风格 - 修复 CTA 区品牌名称错误(诺瓦隆→睿新致遠) - 修复 ERP 产品卖点与年费制定价矛盾 - 导航下拉补充 SDS 和 OA 产品 - 统一全站数据指标为 12+年核心团队经验、6自研产品、10+团队成员 - 移除不可靠的 100%客户满意度和 30+行业专家指标 - 修复新闻时间线不合理问题,调整里程碑节奏 - 统一响应承诺为工作日快速响应 - 服务第4项重命名为行业方案实施,厘清概念 - 服务详情页效果数据改为定性描述 - 删除 cases 模块,精简代码库
This commit is contained in:
@@ -1,7 +1,7 @@
|
||||
'use client';
|
||||
|
||||
import { motion } from 'framer-motion';
|
||||
import { Quote } from 'lucide-react';
|
||||
import { InkGlowCard } from '@/components/ui/ink-glow-card';
|
||||
|
||||
interface TestimonialBlockProps {
|
||||
quote: string;
|
||||
@@ -13,26 +13,27 @@ interface TestimonialBlockProps {
|
||||
|
||||
export function TestimonialBlock({ quote, author, title, company, index }: TestimonialBlockProps) {
|
||||
return (
|
||||
<motion.div
|
||||
initial={{ opacity: 0, y: 20 }}
|
||||
whileInView={{ opacity: 1, y: 0 }}
|
||||
viewport={{ once: true }}
|
||||
transition={{ duration: 0.4, delay: index * 0.1, ease: [0.16, 1, 0.3, 1] }}
|
||||
className="p-6 rounded-xl bg-white border border-[#E5E5E5] hover:shadow-md transition-shadow duration-300"
|
||||
<InkGlowCard
|
||||
index={index}
|
||||
accentColorRgb="196, 30, 58"
|
||||
glowStart="#C41E3A"
|
||||
glowEnd="#D97706"
|
||||
>
|
||||
<Quote className="w-8 h-8 text-[#C41E3A]/20 mb-4" />
|
||||
<blockquote className="text-[#3D3D3D] leading-relaxed mb-6">
|
||||
“{quote}”
|
||||
</blockquote>
|
||||
<div className="flex items-center gap-3">
|
||||
<div className="w-10 h-10 rounded-full bg-[#FEF2F4] flex items-center justify-center text-[#C41E3A] font-semibold text-sm">
|
||||
{author.charAt(0)}
|
||||
</div>
|
||||
<div>
|
||||
<div className="text-sm font-semibold text-[#1C1C1C]">{author}</div>
|
||||
<div className="text-xs text-[#595959]">{title},{company}</div>
|
||||
<div className="p-6 md:p-8">
|
||||
<Quote className="w-7 h-7 text-[#C41E3A]/15 mb-5" />
|
||||
<blockquote className="text-[#1C1C1C] leading-relaxed mb-6 text-base">
|
||||
“{quote}”
|
||||
</blockquote>
|
||||
<div className="flex items-center gap-3 pt-4 border-t border-[#F0F0F0]">
|
||||
<div className="w-9 h-9 rounded-full bg-[#FAFAFA] flex items-center justify-center text-[#C41E3A] font-semibold text-sm">
|
||||
{author.charAt(0)}
|
||||
</div>
|
||||
<div>
|
||||
<div className="text-sm font-semibold text-[#1C1C1C]">{author}</div>
|
||||
<div className="text-xs text-[#A3A3A3]">{title},{company}</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</motion.div>
|
||||
</InkGlowCard>
|
||||
);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user