function MainComponent() { const [response, setResponse] = React.useState(''); React.useEffect(()=>{ const fetchData = async ()=>{ const result = await fetch('/integrations/anthropic-claude/', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: [ { "role": "user", "content": "彼女（ゾンビ）にしか出来ない捜査がある。\n\n刑事課に配属されたばかりの新人刑事、田村。彼の相棒は、とっくに人間として死んでいた―― ゾンビの先輩刑事、屍明美。2人にしか出来ないやり方で、難解な事件の謎に挑む！\n屍明美は、人間では不可能な捜査で次々と情報を引き出す。田村は鋭い観察眼と推理力で、事件の真相に迫る。常軌を逸したコンビが、解決に導いていく。\n「Zombie Police」は、本格的な推理ノベルゲームでありながら、お茶目なユーモアも交えた、新しい体験を提供します。個性の強い、豊かなキャラクターたちが織りなす、死者と生者の物語に触れ、あなたは独特な世界体験に引き込まれるでしょう。\n人間の常識では測れない、ゾンビならではの捜査手法と人間だからできる常識的な推理が、驚きの真実へと導く。Zombie Policeの世界へ、ようこそ！" } ] }) }); const data = await result.json(); setResponse(data.choices[0].message.content); }; fetchData(); }, []); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#f0f0f0] flex flex-col items-center pt-8", __source: { fileName: "", lineNumber: 28, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "text-3xl font-semibold font-roboto text-[#333] mb-10", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, "Zombie Police - ミステリーノベルゲーム"), /*#__PURE__*/ React.createElement("div", { className: "max-w-xl w-full px-4", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-lg rounded-lg overflow-hidden", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./zombie-detective-cover.jpg", alt: "Zombie Policeのゲームカバー", className: "w-full h-[300px] object-cover", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold font-roboto text-[#222]", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, "Zombie Police とは?"), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-base text-[#666] font-roboto", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }, response || '彼女（ゾンビ）にしか出来ない捜査がある。刑事課に配属されたばかりの新人刑事、田村。彼の相棒は、とっくに人間として死んでいた―― ゾンビの先輩刑事、屍明美。2人にしか出来ないやり方で、難解な事件の謎に挑む！'))), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 42, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-bold font-roboto text-[#222]", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, "特徴"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc list-inside mt-2 text-[#666] font-roboto", __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this }, "異色の刑事コンビ"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, "ユーモアとシリアスが融合した物語"), /*#__PURE__*/ React.createElement("li", { __source: { fileName: "", lineNumber: 47, columnNumber: 13 }, __self: this }, "人間とゾンビの世界観"))), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 50, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "#download", className: "block text-center py-3 px-6 bg-[#E53E3E] text-white font-bold font-roboto rounded-lg shadow-lg hover:bg-[#C53030] transition-colors", __source: { fileName: "", lineNumber: 51, columnNumber: 11 }, __self: this }, "ダウンロード")))); }