function MemberCard({ image, name, role, bio }) { return /*#__PURE__*/ React.createElement("div", { className: "w-[300px] rounded-lg bg-white shadow-lg p-6", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: image, alt: `${name}のプロフィール写真`, className: "w-[120px] h-[120px] rounded-full object-cover mb-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "font-montserrat text-xl font-semibold text-gray-800", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, name), /*#__PURE__*/ React.createElement("p", { className: "font-montserrat text-sm text-gray-600 mt-1", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, role), /*#__PURE__*/ React.createElement("p", { className: "font-montserrat text-sm text-gray-700 text-center mt-4 leading-relaxed", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, bio))); } function MemberCardStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-8 bg-gray-100 flex gap-4 flex-wrap", __source: { fileName: "", lineNumber: 24, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(MemberCard, { image: "/profile1.jpg", name: "田中美咲", role: "プロダクトデザイナー", bio: "UIデザインとユーザー体験に情熱を注ぐクリエイター。5年以上の経験を持ち、使いやすさと美しさの両立を追求しています。", __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(MemberCard, { image: "/profile2.jpg", name: "佐藤健一", role: "シニアエンジニア", bio: "フルスタック開発者として10年の経験。最新技術のトレンドをキャッチアップし、チームのメンタリングも行っています。", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this })); } function MainComponent() { const [members, setMembers] = useState([]); const [loading, setLoading] = useState(true); useEffect(()=>{ const fetchMembers = async ()=>{ const response = await fetch("/integrations/chat-gpt/conversationgpt4", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({ messages: [ { role: "user", content: "Generate 6 sample Japanese team members with name, role, and description in JSON format" } ], json_schema: { name: "team_members", schema: { type: "object", properties: { members: { type: "array", items: { type: "object", properties: { name: { type: "string" }, role: { type: "string" }, description: { type: "string" }, image: { type: "string" } }, required: [ "name", "role", "description", "image" ], additionalProperties: false } } }, required: [ "members" ], additionalProperties: false } } }) }); const data = await response.json(); const parsedData = JSON.parse(data.choices[0].message.content); setMembers(parsedData.members); setLoading(false); }; fetchMembers(); }, []); return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50", __source: { fileName: "", lineNumber: 55, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 py-12", __source: { fileName: "", lineNumber: 56, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-16", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold text-gray-900 font-noto-sans mb-4", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this }, "ようこそ、私たちのチームへ"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-gray-600 font-noto-sans", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, "プロフェッショナルな人材が、あなたのビジネスを成功に導きます")), loading ? /*#__PURE__*/ React.createElement("div", { className: "flex justify-center items-center", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "animate-spin rounded-full h-12 w-12 border-b-2 border-gray-900", __source: { fileName: "", lineNumber: 68, columnNumber: 13 }, __self: this })) : /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, members.map((member, index)=>/*#__PURE__*/ React.createElement(React.Fragment, null))))); }