アニメーションを全体的に追加します。まずframer-motionをインストールしてから、各コンポーネントを更新します。

すべてのコンポーネントを確認しました。アニメーションを追加していきます。

Framer Motionを使って各コンポーネントにアニメーションを追加しました。

追加したアニメーション：

1. ヒーローセクション - タイトル・ボタン・カードが順番にフェードイン、背景の装飾がゆっくり拡大・縮小する呼吸アニメーション
2. 校内アクセス - ステップが左からスライドイン、ホバーで右に少し移動
3. 操作説明 - アコーディオンの開閉がスムーズにアニメーション、矢印アイコンが回転
4. よくある間違い - カードが下からフェードイン、ホバーで少し拡大、アイコンがホバーで回転
5. 開発者コメント - カードが順番に表示、ホバーで浮き上がる、ハートアイコンが脈打つアニメーション
6. クイックリンク - カードが左右からスライドイン、アイコンがホバーで回転・拡大

スクロールに応じて要素が表示されるので、ページを下にスクロールしながらアニメーションをお楽しみください。