Part 9

CTA 区块

各主题的行动号召区块。

行动号召(CTA)区块鼓励访客采取下一步行动——注册、获取演示或进一步探索。

主题变体

主题组件风格
LiquidCTALiquid.astro动态流体背景配合渐变 CTA
GlassCTAGlass.astro毛玻璃 CTA 卡片
NeoCTANeo.astro粗体终端风格 CTA
LuxuryCTALuxury.astro金色点缀高端 CTA
MinimalCTAMinimal.astro简洁居中 CTA
AuroraCTAAurora.astro渐变网格背景 CTA

所有变体位于 src/components/sections/cta/

内容来源

CTA 数据通过 useTranslations()src/locales/{lang}/cta.json 加载。

ℹ️
无需 Props

CTA 组件不接受外部 props。要更改 CTA 文本或按钮标签,请编辑 src/locales/{lang}/cta.json

自定义

要自定义:

  1. 编辑 src/components/sections/cta/CTA{Theme}.astro
  2. src/styles/components/cta/ 中调整样式。
  3. src/locales/{lang}/cta.json 中修改内容。