🆕 新品页组件

新品发布页面专用组件，打造沉浸式的产品展示体验。

组件列表 (4个)

#	组件	中文名称	Figma 链接	状态
1	Ksp	KSP	查看设计稿	已经发布
2	MarqueeReview	评价Reviews-滚动展示	查看设计稿	已经发布
3	ProductHero	产品Hero	查看设计稿	已经发布
4	TabsWithMedia	Tab媒体组件	查看设计稿	已经发布（figma待更新）

使用场景

新品页组件专为以下场景设计：

✅ 新品发布页
✅ 产品详情页
✅ 产品介绍页
✅ Landing Page

页面结构建议


import {
  ProductHero,
  Ksp,
  ImageTextFeature,
  TabsWithMedia,
  MarqueeReview
} from '@anker-in/headless-ui/biz'
 
export default function NewProductPage() {
  return (
    <>
      <ProductHero data={heroData} />
      <Ksp data={kspData} />
      <ImageTextFeature data={featuresData} />
      <TabsWithMedia data={mediaData} />
      <MarqueeReview data={reviewsData} />
    </>
  )
}

设计理念

视觉冲击 - 大图、视频打造沉浸式体验
信息层级 - 从整体到细节，层层递进
社会化证明 - 用户评价增强信任感
号召行动 - 明确的购买引导

← 返回组件总览