Part 9

CTA セクション

各テーマのコール トゥ アクション (CTA) セクション。

Call to Action (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 でコンテンツを変更します。