画像を追加して実験のイメージを視覚的に表現するUIに変更します。まず現在のコンポーネントを確認します。

実験メニューとワークショップセクションに画像を追加して、より視覚的に魅力的なUIに変更します。

実験のイメージを視覚的に表現する画像を各セクションに追加しました。実験メニューには各実験の内容を表す画像をカードの上部に配置し、ホバー時に拡大するアニメーション効果を追加。ワークショップセクションはAlphaFold3の分子構造予測と実験の様子を示す2つのカードに分割し、より情報豊かなレイアウトにしました。ヒーローセクションには科学実験室の背景画像を追加し、視覚的な深みを持たせています。

実験メニューの各メニューに対応するイメージ画像を追加します。まず現在のファイルを確認します。

各実験メニューに対応する具体的な画像を生成して表示するように修正します。

各実験メニューに対応する具体的な画像を生成し、実験の内容をより視覚的にイメージできるように変更しました。タンパク質の構造、卵の実験、薬のメカニズムを表す3つの画像をそれぞれのカードに配置し、ホバー時に拡大するアニメーション効果も維持しています。