html.to.designプラグインで使えるように、現在のデザインを静的HTMLファイルとして出力します。

html.to.designプラグインを使う場合、一番簡単な方法はデプロイしたURLを直接プラグインに入力することです。

現在のプロジェクトを使う方法：

1. v0のPublishボタンでデプロイ - 画面右上の「Publish」をクリックしてVercelにデプロイ
2. デプロイされたURLをコピー（例: https://your-project.vercel.app）
3. Figmaでhtml.to.designプラグインを開く
4. URLを入力してImport

これが最も確実で、Tailwind CSSのスタイルもすべて適用された状態で取り込まれます。

もしローカルで静的HTMLファイルが必要な場合は、プレビューのURLをそのままプラグインに入れることもできます。v0のプレビューはすでにブラウザでアクセス可能なURLなので、そのURLをhtml.to.designに入力すれば取り込めます。

手順まとめ：

1. 右上の「Publish」をクリック
2. デプロイ完了後のURLをコピー
3. Figmaでhtml.to.designプラグインを起動
4. URLを貼り付けて「Import」

これでFigmaにデザインが取り込まれます。試してみてください。

添付画像を確認しました。主な変更点:

• セクション見出しのスタイル変更: 大きな薄い英字が背景に、その上に日本語タイトル
• アイコン削除、下線なし
• 「すべて見る」リンクが右下に配置

これらを実装します。

まずSectionHeaderを添付画像のスタイルに変更します。大きな薄い英字が背景に、日本語タイトルが上に重なるデザインです。

次に各セクションのSectionHeader呼び出しからiconとvariantプロパティを削除します。

残りのセクションも同様に更新します。

セクション見出しを添付画像のデザインに合わせて全面的に変更しました。大きな薄いグレーの英字（FEATURED BREWERIESなど）が背景に表示され、その上に日本語タイトルが重なるレイアウトです。アイコンと下線を削除し、「すべて見る」リンクは右側に配置しています。全8セクションからiconとvariantプロパティを削除し、シンプルなtitle、subtitle、hrefのみを渡す形に統一しました。