🧩 HeroImage コンポーネント
ヒーローエリアの全幅画像。左上・右下にランダムテキスト(日付seed)、中央下に固定テキストを重ねて表示。 モバイル(640px以下)では非表示。
▼ デフォルト(image・texts省略 → site_portal_logo_2026.png + heroTexts.ts)
クマーム
▼ image 指定(chmamyu_ado1_kiss_refuse_paint.png)
クマーム
▼ texts 指定(固定テキスト2件)
クマーム
▼ credit 指定 / 非表示(credit="")
別のクレジット文字
▼ Props
| Prop | 型 | 必須 | デフォルト |
|---|---|---|---|
| image | ImageMetadata | — | site_portal_logo_2026.png |
| texts | string[](2件以上) | — | heroTexts.ts の内容(日付seedでシャッフル) |
| credit | string | — | "クマーム"(空文字で非表示) |
▼ ランダムテキストの管理ファイル
// src/data/heroTexts.ts
export const heroTexts: string[] = [
'なんでも食べちゃう!',
'どこでも居眠り!',
'ピザが大好き!',
'ロリポップぺろぺろ',
'意外とおしゃれ',
];