Call to Action (CTA - コール トゥ アクション) セクションは、訪問者に次のステップ(サインアップ、デモの取得、詳細の確認など)を取るよう促します。
テーマのバリアント
| テーマ | コンポーネント | スタイル |
|---|---|---|
| Liquid | CTALiquid.astro | アニメーションする液状の背景とグラデーション CTA |
| Glass | CTAGlass.astro | すりガラスの CTA カード |
| Neo | CTANeo.astro | ターミナル スタイルの大胆な CTA |
| Luxury | CTALuxury.astro | ゴールドのアクセントが効いたプレミアムな CTA |
| Minimal | CTAMinimal.astro | クリーンで中央揃えの CTA |
| Aurora | CTAAurora.astro | グラデーション メッシュ背景の CTA |
すべてのバリアントは src/components/sections/cta/ に配置されています。
コンテンツのソース
CTA のデータは、useTranslations() を介して src/locales/{lang}/cta.json から読み込まれます。
ℹ️
プロパティ (Props) なし
CTA コンポーネントは外部からのプロパティ (Props) を受け取りません。CTA のテキストやボタンのラベルを変更するには、src/locales/{lang}/cta.json を編集してください。
カスタマイズ
カスタマイズの手順:
src/components/sections/cta/CTA{Theme}.astroを編集します。src/styles/components/cta/にあるスタイルを調整します。src/locales/{lang}/cta.jsonでコンテンツを変更します。