function MainComponent() { const name = "あなたの名前"; const origin = "出身地"; const profession = "職業または自己紹介の要約"; const hobbies = [ "趣味1", "趣味2", "趣味3" ]; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 flex flex-col justify-center items-center p-4", __source: { fileName: "", lineNumber: 8, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow-lg rounded-lg w-full max-w-[600px] p-8", __source: { fileName: "", lineNumber: 9, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./profile.jpg", alt: "Profile picture of the site owner", className: "w-[150px] h-[150px] rounded-full mx-auto", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold font-crimson-text text-center mt-4", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, "こんにちは！"), /*#__PURE__*/ React.createElement("p", { className: "text-lg font-roboto mt-2 text-center", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, "私の名前は", name, "です。私は", origin, "出身の", profession, "です。"), /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-center", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto mt-2", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "好きなこと:"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc list-inside", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, hobbies.map((hobby, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }, hobby)))), /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-center", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://twitter.com", className: "text-blue-500", __source: { fileName: "", lineNumber: 28, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-twitter", __source: { fileName: "", lineNumber: 29, columnNumber: 13 }, __self: this }), " Twitter")))); }