About (アバウト) セクションでは、会社、製品、またはストーリーを紹介します。各テーマには、異なる視覚要素を持つ独自のレイアウトが用意されています。
テーマのバリアント
| テーマ | コンポーネント | スタイル |
|---|---|---|
| Liquid | AboutLiquid.astro | 流動的なレイアウトを持つ、有機的なブロブ (変形する塊) の背景 |
| Glass | AboutGlass.astro | 奥行きのあるすりガラスパネル |
| Neo | AboutNeo.astro | 太字のタイポグラフィとハイコントラストのカード |
| Luxury | AboutLuxury.astro | ゴールドのアクセントが効いたエレガントなレイアウト |
| Minimal | AboutMinimal.astro | クリーンでコンテンツに焦点を当てたデザイン |
| Aurora | AboutAurora.astro | 幾何学的な構造を持つグラデーション メッシュ |
すべてのバリアントは src/components/sections/about/ に配置されています。
コンテンツのソース
About セクションのテキストは、useTranslations() を介して src/locales/{lang}/about.json から読み込まれます。
ℹ️
プロパティ (Props) なし
About コンポーネントは外部からのプロパティ (Props) を受け取りません。概要のコンテンツを編集するには、src/locales/{lang}/about.json を更新してください。
カスタマイズ
カスタマイズの手順:
src/components/sections/about/About{Theme}.astroを編集します。src/styles/components/about/にあるスタイルを調整します。src/locales/{lang}/about.jsonでコンテンツを変更します。