以下の仕様で建設・工事関連のお問合せフォームを作成してください：【全体レイアウト】1. 背景色をライトグレー（bg-gray-50）にして、全画面の最小高さを設定2. 中央寄せで最大幅4xl（max-w-4xl）のコンテナを配置3. 上下に12（py-12）、左右に4/6/8（px-4 sm:px-6 lg:px-8）のパディング4. 1カラムレイアウト（縦並び）で構成【ページヘッダー】5. ページタイトル「お問合せ」を3xl、太字、グレー900で中央配置6. 説明文「ご質問やご相談がございましたら、お気軽にお問合せください。」をlg、グレー600で配置7. ヘッダー全体に下マージン12（mb-12）を設定【連絡先情報カード（上部）】8. shadcn/uiのCardコンポーネントを使用9. CardHeaderに「連絡先情報」タイトルと「以下の方法でもお問合せいただけます」説明文10. CardContent内で以下の3つの連絡先を横並び配置： - メール: info@construction-company.com（Mailアイコン） - 電話: 03-1234-5678（Phoneアイコン） - 住所: 東京都渋谷区〇〇1-2-3 建設ビル4F（MapPinアイコン）11. デスクトップ: grid-cols-3で横並び、モバイル: grid-cols-1で縦並び12. 各アイコンは青色（text-blue-600）、サイズh-5 w-5、flex-shrink-013. 各項目はflex items-center space-x-3でレイアウト【お問合せフォームカード（下部）】14. shadcn/uiのCardコンポーネントを使用15. CardHeaderに「お問合せフォーム」タイトルと「必要事項をご入力の上、送信ボタンを押してください」説明文16. フォームフィールド構成： - 名前フィールド（必須、プレースホルダー：山田 太郎） - メールアドレスフィールド（必須、プレースホルダー：example@email.com） - 名前とメールはデスクトップで横並び（md:grid-cols-2）17. お問合せ種別セレクトボックス（必須）： - 塗装工事 - 解体工事 - リフォーム工事 - ドローン関連 - その他18. メッセージテキストエリア（必須、最小高さ120px、リサイズ無効）19. 送信ボタン（青色背景、ホバーで濃い青、px-8、デスクトップでw-auto、モバイルでw-full）20. 必須項目説明文とプライバシー注意書き【機能実装】21. React useState でフォーム状態管理（name, email, subject, message）22. フォーム送信時に2秒の遅延処理23. 送信中は「送信中...」表示でボタンをdisabled24. 送信完了後にアラート表示とフォームリセット25. 適切なイベントハンドラー（handleInputChange, handleSubjectChange, handleSubmit）【スタイリング詳細】26. 全入力フィールドにfocus:ring-2 focus:ring-blue-500のフォーカス効果27. 送信ボタンにtransition-colors duration-200のホバー効果28. カード間にspace-y-8の間隔29. フォーム内フィールド間にspace-y-6の間隔30. 適切なLabelとrequired属性でアクセシビリティ対応【レスポンシブ対応】31. 連絡先情報: デスクトップ3カラム、モバイル1カラム32. 名前・メール: デスクトップ2カラム、モバイル1カラム33. 送信ボタン: デスクトップ幅auto、モバイル幅full34. 全体的にsm/md/lgブレークポイントで適切に調整【使用コンポーネント】35. shadcn/ui: Button, Card, Input, Label, Textarea, Select36. Lucide React: Mail, Phone, MapPin37. React hooks: useState38. TypeScript対応