标准行动呼吁 CallToAction

概览

CallToAction 是转化页面的核心组件，通过极具视觉张力的标题和媒体展示，引导用户点击按钮。

实时预览

准备好提升你的转化率了吗？

通过我们专业的 CMS 组件库，只需几分钟即可搭建出令人惊艳的着陆页。

免费试用

使用方法

import { CallToAction } from '@goenhance/cms-ui';

const Example = () => (
  <CallToAction
    title="加入 10,000+ 用户的选择"
    description="开始构建你的现代化 Web 应用。"
    text="立即加入"
    url="/signup"
    mediaUrl="/hero-vibe.mp4" // 也支持视频
  />
);

属性说明 (Props)

属性	类型	默认值	说明
title	string	-	主标题内容
description	string	-	副标题/描述文本
text	string	-	按钮文字
url	string	-	按钮链接
mediaUrl	string	-	右侧媒体 URL (图片或视频)
mediaAlt	string	-	图片的替代文本
mediaPoster	string	-	视频封面图

特性

• 智能布局：若不提供 mediaUrl，文案将自动居中展示。
• 自动检测媒体：支持根据文件扩展名自动渲染为 img 或 video。
• 背景装饰：内置精致的渐变光球动画，增加页面呼吸感。