组织组件

组织组件是构建复杂用户界面的高级组件，它们通常由多个原子组件组合而成，提供完整的业务功能。

组件分类

展示组件

• HeroBanner - 英雄横幅
• Graphic - 图形展示
• ImageWithText - 图文组合
• VideoFeature - 视频功能

导航组件

• HeaderNavigation - 头部导航
• FooterNavigation - 底部导航
• Tabs - 标签页

媒体组件

• MediaPlayerBase - 基础媒体播放器
• MediaPlayerSticky - 悬浮媒体播放器
• MediaPlayerMulti - 多媒体播放器
• Marquee - 跑马灯

产品组件

• ProductHero - 产品英雄区
• ProductCompare - 产品对比
• SpecsComparison - 规格对比
• ThreeDCarousel - 3D 轮播图

功能组件

• Faq - 常见问题
• WhyChoose - 选择理由
• FeatureCards - 功能卡片
• AccordionCards - 手风琴卡片

使用方式

每个组织组件都提供了完整的功能实现，可以直接在项目中使用：

import { HeroBanner, ProductHero, Faq } from '@anker-in/headless-ui'
 
export default function MyPage() {
  return (
    <div>
      <HeroBanner />
      <ProductHero />
      <Faq />
    </div>
  )
}