diff --git a/e2e/visual-snapshots/visual-chromium-desktop/visual-regression.spec.ts/home-fullpage-visual-chromium-desktop.png b/e2e/visual-snapshots/visual-chromium-desktop/visual-regression.spec.ts/home-fullpage-visual-chromium-desktop.png index cf4fdc4..2b12f9a 100644 Binary files a/e2e/visual-snapshots/visual-chromium-desktop/visual-regression.spec.ts/home-fullpage-visual-chromium-desktop.png and b/e2e/visual-snapshots/visual-chromium-desktop/visual-regression.spec.ts/home-fullpage-visual-chromium-desktop.png differ diff --git a/e2e/visual-snapshots/visual-chromium-desktop/visual-regression.spec.ts/theme-dark-main-visual-chromium-desktop.png b/e2e/visual-snapshots/visual-chromium-desktop/visual-regression.spec.ts/theme-dark-main-visual-chromium-desktop.png index cf4fdc4..2b12f9a 100644 Binary files a/e2e/visual-snapshots/visual-chromium-desktop/visual-regression.spec.ts/theme-dark-main-visual-chromium-desktop.png and b/e2e/visual-snapshots/visual-chromium-desktop/visual-regression.spec.ts/theme-dark-main-visual-chromium-desktop.png differ diff --git a/e2e/visual-snapshots/visual-chromium-desktop/visual-regression.spec.ts/theme-light-main-visual-chromium-desktop.png b/e2e/visual-snapshots/visual-chromium-desktop/visual-regression.spec.ts/theme-light-main-visual-chromium-desktop.png index cf4fdc4..2b12f9a 100644 Binary files a/e2e/visual-snapshots/visual-chromium-desktop/visual-regression.spec.ts/theme-light-main-visual-chromium-desktop.png and b/e2e/visual-snapshots/visual-chromium-desktop/visual-regression.spec.ts/theme-light-main-visual-chromium-desktop.png differ diff --git a/e2e/visual-snapshots/visual-chromium-mobile/visual-regression.spec.ts/home-fullpage-visual-chromium-mobile.png b/e2e/visual-snapshots/visual-chromium-mobile/visual-regression.spec.ts/home-fullpage-visual-chromium-mobile.png index 726076b..b98fad0 100644 Binary files a/e2e/visual-snapshots/visual-chromium-mobile/visual-regression.spec.ts/home-fullpage-visual-chromium-mobile.png and b/e2e/visual-snapshots/visual-chromium-mobile/visual-regression.spec.ts/home-fullpage-visual-chromium-mobile.png differ diff --git a/e2e/visual-snapshots/visual-chromium-mobile/visual-regression.spec.ts/theme-dark-main-visual-chromium-mobile.png b/e2e/visual-snapshots/visual-chromium-mobile/visual-regression.spec.ts/theme-dark-main-visual-chromium-mobile.png index 9730094..b709fdc 100644 Binary files a/e2e/visual-snapshots/visual-chromium-mobile/visual-regression.spec.ts/theme-dark-main-visual-chromium-mobile.png and b/e2e/visual-snapshots/visual-chromium-mobile/visual-regression.spec.ts/theme-dark-main-visual-chromium-mobile.png differ diff --git a/e2e/visual-snapshots/visual-chromium-mobile/visual-regression.spec.ts/theme-light-main-visual-chromium-mobile.png b/e2e/visual-snapshots/visual-chromium-mobile/visual-regression.spec.ts/theme-light-main-visual-chromium-mobile.png index fce7c32..b709fdc 100644 Binary files a/e2e/visual-snapshots/visual-chromium-mobile/visual-regression.spec.ts/theme-light-main-visual-chromium-mobile.png and b/e2e/visual-snapshots/visual-chromium-mobile/visual-regression.spec.ts/theme-light-main-visual-chromium-mobile.png differ diff --git a/e2e/visual-snapshots/visual-chromium-tablet/visual-regression.spec.ts/home-fullpage-visual-chromium-tablet.png b/e2e/visual-snapshots/visual-chromium-tablet/visual-regression.spec.ts/home-fullpage-visual-chromium-tablet.png index e24a7c7..6f09012 100644 Binary files a/e2e/visual-snapshots/visual-chromium-tablet/visual-regression.spec.ts/home-fullpage-visual-chromium-tablet.png and b/e2e/visual-snapshots/visual-chromium-tablet/visual-regression.spec.ts/home-fullpage-visual-chromium-tablet.png differ diff --git a/e2e/visual-snapshots/visual-chromium-tablet/visual-regression.spec.ts/theme-dark-main-visual-chromium-tablet.png b/e2e/visual-snapshots/visual-chromium-tablet/visual-regression.spec.ts/theme-dark-main-visual-chromium-tablet.png index e24a7c7..6f09012 100644 Binary files a/e2e/visual-snapshots/visual-chromium-tablet/visual-regression.spec.ts/theme-dark-main-visual-chromium-tablet.png and b/e2e/visual-snapshots/visual-chromium-tablet/visual-regression.spec.ts/theme-dark-main-visual-chromium-tablet.png differ diff --git a/e2e/visual-snapshots/visual-chromium-tablet/visual-regression.spec.ts/theme-light-main-visual-chromium-tablet.png b/e2e/visual-snapshots/visual-chromium-tablet/visual-regression.spec.ts/theme-light-main-visual-chromium-tablet.png index e24a7c7..6f09012 100644 Binary files a/e2e/visual-snapshots/visual-chromium-tablet/visual-regression.spec.ts/theme-light-main-visual-chromium-tablet.png and b/e2e/visual-snapshots/visual-chromium-tablet/visual-regression.spec.ts/theme-light-main-visual-chromium-tablet.png differ diff --git a/src/app/(marketing)/home-content-v14.test.tsx b/src/app/(marketing)/home-content-v14.test.tsx index 738b984..cad4c49 100644 --- a/src/app/(marketing)/home-content-v14.test.tsx +++ b/src/app/(marketing)/home-content-v14.test.tsx @@ -86,11 +86,11 @@ jest.mock('lucide-react', () => { }); describe('HomeContentV14 - 首页 Hero 优化', () => { - it('renders an SVG product visual with an interface disclaimer', () => { + it('renders an abstract data-driven visual without product UI shell', () => { render(); expect(screen.getByTestId('hero-product-visual')).toBeInTheDocument(); - expect(screen.getByText('产品界面示意')).toBeInTheDocument(); + expect(screen.getByText('数据驱动 · 让转型可量化')).toBeInTheDocument(); }); it('keeps a single primary CTA and demotes the secondary action to a text link', () => { diff --git a/src/components/sections/hero-product-visual.tsx b/src/components/sections/hero-product-visual.tsx index 69f1c35..cc786d2 100644 --- a/src/components/sections/hero-product-visual.tsx +++ b/src/components/sections/hero-product-visual.tsx @@ -1,26 +1,7 @@ -import { - LayoutDashboard, - BarChart3, - Package, - Users, - Settings, - Search, - Bell, - TrendingUp, - AlertCircle, - ArrowUpRight, - ArrowDownRight, -} from 'lucide-react'; +import { TrendingUp, ArrowUpRight, ArrowDownRight } from 'lucide-react'; import { cn } from '@/lib/utils'; -const NAV_ITEMS = [ - { label: '经营驾驶舱', icon: LayoutDashboard, active: true }, - { label: '财务管理', icon: BarChart3 }, - { label: '供应链', icon: Package }, - { label: '客户管理', icon: Users }, - { label: '系统设置', icon: Settings }, -]; - +// 抽象数据可视化示意(示例数据)——作为品牌「数据驱动」能力的视觉表达,不含具体产品 UI 外壳 const KPIS = [ { label: '营收同比', value: '+32.6%', trend: 'up', note: '较上期' }, { label: '订单履约率', value: '98.2%', trend: 'up', note: '目标 95%' }, @@ -28,18 +9,6 @@ const KPIS = [ { label: '客户新增', value: '+18.4%', trend: 'up', note: '本月' }, ] as const; -const ALERTS = [ - { title: '华东区库存预警', desc: '3 个 SKU 低于安全库存', level: 'high' }, - { title: '大客户合同待审批', desc: '2 份合同等待审批', level: 'medium' }, - { title: '本月目标完成 82%', desc: '距离目标还有 18%', level: 'normal' }, -]; - -const TABLE_ROWS = [ - { name: '成都某制造集团', amount: '¥ 1,280,000', status: '已签约', date: '今日' }, - { name: '华南零售连锁', amount: '¥ 860,000', status: '洽谈中', date: '昨日' }, - { name: '华东物流企业', amount: '¥ 420,000', status: '方案确认', date: '07-18' }, -]; - function TrendBadge({ trend, label }: { trend: 'up' | 'down'; label: string }) { const Icon = trend === 'up' ? ArrowUpRight : ArrowDownRight; return ( @@ -50,209 +19,70 @@ function TrendBadge({ trend, label }: { trend: 'up' | 'down'; label: string }) { ); } -function StatusBadge({ status }: { status: string }) { - const tone = - status === '已签约' - ? 'bg-success-bg text-success' - : status === '洽谈中' - ? 'bg-brand-bg text-brand' - : 'bg-bg-secondary text-text-secondary'; - return ( - - {status} - - ); -} - export function HeroProductVisual({ className }: { className?: string }) { return (
-