function MainComponent() { const [searchResults, setSearchResults] = React.useState([]); const [loading, setLoading] = React.useState(false); const [errorMessage, setErrorMessage] = React.useState(''); const fetchResults = async ()=>{ setLoading(true); try { const response = await fetch('/integrations/google-search/search?q=証券会社+おすすめ', { method: 'GET' }); const data = await response.json(); if (data.status === "success") { setSearchResults(data.items); } else { setErrorMessage('検索結果を取得できませんでした。'); } } catch (error) { setErrorMessage('検索中にエラーが発生しました。'); } finally{ setLoading(false); } }; React.useEffect(()=>{ fetchResults(); }, []); return /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto px-4", __source: { fileName: "", lineNumber: 30, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-semibold text-[#333] my-6", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, "あなたに最適な証券会社を見つけましょう"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-3", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "あなたの投資スタイルは?"), /*#__PURE__*/ React.createElement("form", { className: "space-y-2", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-1", __source: { fileName: "", lineNumber: 37, columnNumber: 15 }, __self: this }, "目的"), /*#__PURE__*/ React.createElement("select", { name: "objective", className: "w-full border border-gray-300 p-2 rounded", __source: { fileName: "", lineNumber: 38, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 39, columnNumber: 17 }, __self: this }, "資産運用"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 40, columnNumber: 17 }, __self: this }, "短期売買"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 41, columnNumber: 17 }, __self: this }, "長期投資"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-1", __source: { fileName: "", lineNumber: 45, columnNumber: 15 }, __self: this }, "リスク許容度"), /*#__PURE__*/ React.createElement("select", { name: "risk", className: "w-full border border-gray-300 p-2 rounded", __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 47, columnNumber: 17 }, __self: this }, "高い"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 48, columnNumber: 17 }, __self: this }, "中程度"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 49, columnNumber: 17 }, __self: this }, "低い"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-1", __source: { fileName: "", lineNumber: 53, columnNumber: 15 }, __self: this }, "取引スタイル"), /*#__PURE__*/ React.createElement("select", { name: "tradingStyle", className: "w-full border border-gray-300 p-2 rounded", __source: { fileName: "", lineNumber: 54, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 55, columnNumber: 17 }, __self: this }, "デイトレード"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 56, columnNumber: 17 }, __self: this }, "スイングトレード"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 57, columnNumber: 17 }, __self: this }, "長期保有"))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block mb-1", __source: { fileName: "", lineNumber: 61, columnNumber: 15 }, __self: this }, "関心商品"), /*#__PURE__*/ React.createElement("select", { name: "interestedProducts", className: "w-full border border-gray-300 p-2 rounded", __source: { fileName: "", lineNumber: 62, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 63, columnNumber: 17 }, __self: this }, "株式"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 64, columnNumber: 17 }, __self: this }, "FX"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 65, columnNumber: 17 }, __self: this }, "投資信託"), /*#__PURE__*/ React.createElement("option", { __source: { fileName: "", lineNumber: 66, columnNumber: 17 }, __self: this }, "先物・オプション"))))), /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 71, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-3", __source: { fileName: "", lineNumber: 72, columnNumber: 11 }, __self: this }, "おすすめの証券会社はこちら"), loading ? /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 74, columnNumber: 13 }, __self: this }, "Loading...") : errorMessage ? /*#__PURE__*/ React.createElement("p", { className: "text-red-500", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, errorMessage) : /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }, searchResults.map((item, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "mb-4", __source: { fileName: "", lineNumber: 80, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: item.link, className: "text-blue-500 hover:underline", __source: { fileName: "", lineNumber: 81, columnNumber: 19 }, __self: this }, item.title), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 82, columnNumber: 19 }, __self: this }, item.snippet))))), /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 88, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-3", __source: { fileName: "", lineNumber: 89, columnNumber: 11 }, __self: this }, "証券会社徹底比較"), /*#__PURE__*/ React.createElement("div", { className: "text-gray-600", __source: { fileName: "", lineNumber: 90, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 91, columnNumber: 13 }, __self: this }, "手数料体系の比較表"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }, "取扱商品の比較"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 93, columnNumber: 13 }, __self: this }, "ツール・サービスの比較"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 94, columnNumber: 13 }, __self: this }, "口座開設キャンペーン情報"))), /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 97, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-3", __source: { fileName: "", lineNumber: 98, columnNumber: 11 }, __self: this }, "口座開設の流れ"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 99, columnNumber: 11 }, __self: this }, "各社の口座開設手順を簡易的に解説")), /*#__PURE__*/ React.createElement("section", { __source: { fileName: "", lineNumber: 101, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-3", __source: { fileName: "", lineNumber: 102, columnNumber: 11 }, __self: this }, "よくある質問"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 103, columnNumber: 11 }, __self: this }, "口座開設、税金、手数料など投資に関するFAQを掲載")))); }