function MainComponent() { const jobs = [ { icon: "fa-solid fa-laptop-code", title: "エンジニア", description: "最先端の技術で世界を変える" }, { icon: "fa-solid fa-palette", title: "デザイナー", description: "美しいデザインで人々の心を動かす" }, { icon: "fa-solid fa-bullhorn", title: "マーケター", description: "革新的なアイデアで市場をリードする" } ]; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[url('/office-background.jpg')] bg-cover bg-center flex flex-col items-center justify-center px-4 py-8", __source: { fileName: "", lineNumber: 9, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white/80 backdrop-blur-sm p-10 rounded-lg shadow-xl", __source: { fileName: "", lineNumber: 10, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-futura text-center mb-4", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, "FlexJobs - 未来の働き方"), /*#__PURE__*/ React.createElement("p", { className: "text-lg text-center mb-8", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, "あなたの理想の職業を見つけましょう"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 gap-4", __source: { fileName: "", lineNumber: 13, columnNumber: 9 }, __self: this }, jobs.map((job, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "flex flex-col items-center p-6 shadow-lg rounded-lg bg-white", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${job.icon} text-4xl mb-4`, __source: { fileName: "", lineNumber: 16, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "font-semibold text-xl mb-2", __source: { fileName: "", lineNumber: 17, columnNumber: 15 }, __self: this }, job.title), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 mb-4", __source: { fileName: "", lineNumber: 18, columnNumber: 15 }, __self: this }, job.description), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-blue-500 hover:underline", __source: { fileName: "", lineNumber: 19, columnNumber: 15 }, __self: this }, "もっと見る"))))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, ` @keyframes float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-20px); } } .fa-laptop-code, .fa-palette, .fa-bullhorn { animation: float 6s ease-in-out infinite; } `)); }