张翔
a272e58aaa
- 新增 InkGlowCard 墨韵流光卡片组件，统一全站卡片交互风格 - 新增 PageNav 面包屑组件，统一全站页面导航 - 统一色彩体系、排版层级、间距节奏和动画风格 - 修复 CTA 区品牌名称错误（诺瓦隆→睿新致遠） - 修复 ERP 产品卖点与年费制定价矛盾 - 导航下拉补充 SDS 和 OA 产品 - 统一全站数据指标为 12+年核心团队经验、6自研产品、10+团队成员 - 移除不可靠的 100%客户满意度和 30+行业专家指标 - 修复新闻时间线不合理问题，调整里程碑节奏 - 统一响应承诺为工作日快速响应 - 服务第4项重命名为行业方案实施，厘清概念 - 服务详情页效果数据改为定性描述 - 删除 cases 模块，精简代码库
40 lines
1.2 KiB
TypeScript
40 lines
1.2 KiB
TypeScript
'use client';
|
||
|
||
import { Quote } from 'lucide-react';
|
||
import { InkGlowCard } from '@/components/ui/ink-glow-card';
|
||
|
||
interface TestimonialBlockProps {
|
||
quote: string;
|
||
author: string;
|
||
title: string;
|
||
company: string;
|
||
index: number;
|
||
}
|
||
|
||
export function TestimonialBlock({ quote, author, title, company, index }: TestimonialBlockProps) {
|
||
return (
|
||
<InkGlowCard
|
||
index={index}
|
||
accentColorRgb="196, 30, 58"
|
||
glowStart="#C41E3A"
|
||
glowEnd="#D97706"
|
||
>
|
||
<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>
|
||
</InkGlowCard>
|
||
);
|
||
}
|