### トップページワイヤーフレームの詳細な構成説明 #### 1. ヘッダー - **ロゴ**：ページ左上に企業のロゴを配置（既存のものを使用）。 - **ナビゲーションメニュー**：ページ右上に以下のリンクを含むナビゲーションメニューを配置。 - ホーム - お問い合わせ #### 2. ヒーローセクション - **背景画像**：フリー素材の高品質な写真を使用。企業の雰囲気や業界に合ったものを選定。 - **キャッチフレーズ**：画像の上に、シンプルで魅力的なキャッチフレーズを配置。フォントサイズは大きめで、読みやすく。 - **紹介文言**：キャッチフレーズの下に、簡単な企業紹介文を配置。2〜3行程度で、企業の強みや特徴を簡潔に表現。 #### 3. メインコンテンツ - **企業の紹介**： - 簡単な文章で企業のミッション、ビジョン、サービス内容などを紹介。 - テキストは箇条書きや短い段落で読みやすく配置。 - **サービスの特徴**： - フリー素材のアイコンやイラストを用いて、視覚的に分かりやすい形でサービスの特徴を説明。 - 例えば、「高品質なサポート」、「迅速な対応」、「確実なプロジェクト管理」などのポイントを強調。 #### 4. フッター - **連絡先情報**： - 企業の住所、電話番号、メールアドレスを明記。 - SNSのリンクがある場合は、アイコンを配置。 - **コピーライト**： - ページの最下部に、小さく「© [企業名] [年]。All rights reserved.」を表示。 --- ### お問い合わせページワイヤーフレームの詳細な構成説明 #### 1. ヘッダー - **ロゴ**：ページ左上に企業のロゴを配置（既存のものを使用）。 - **ナビゲーションメニュー**：ページ右上に以下のリンクを含むナビゲーションメニューを配置。 - ホーム - お問い合わせ #### 2. お問い合わせフォーム - **フォーム説明文**：ページ上部に、簡単なお問い合わせ方法の説明を記載。「以下のフォームに必要事項をご記入の上、送信してください。」など。 - **入力フィールド**： - **氏名**：入力欄（必須） - **メールアドレス**：入力欄（必須） - | A shadcn/ui and v0 generation - v0