function MainComponent() { const title = "かっこいいSaaS"; const subTitle = "最新技術であなたのビジネスを変革"; const buttonText = "今すぐ始める"; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center h-screen bg-[#282c34]", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center p-8 bg-white shadow-lg rounded-lg w-[90%] max-w-[800px]", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-roboto text-4xl text-[#1a1a1a]", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, title), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-2xl text-[#333] mt-4", __source: { fileName: "", lineNumber: 10, columnNumber: 9 }, __self: this }, subTitle), /*#__PURE__*/ React.createElement("button", { className: "mt-6 px-5 py-3 bg-[#ff4500] text-white font-roboto text-lg rounded-lg", __source: { fileName: "", lineNumber: 11, columnNumber: 9 }, __self: this }, buttonText)), /*#__PURE__*/ React.createElement("div", { className: "mt-5 text-white w-[90%] max-w-[800px]", __source: { fileName: "", lineNumber: 15, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-roboto text-3xl", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, "特徴"), /*#__PURE__*/ React.createElement("ul", { className: "mt-4 space-y-2", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#ff6600] mr-2", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-roboto text-xl", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }, "クラウドベースなので、どこからでもアクセス可能")), /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#ff6600] mr-2", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-roboto text-xl", __source: { fileName: "", lineNumber: 24, columnNumber: 13 }, __self: this }, "優れたセキュリティ機能でデータを保護")), /*#__PURE__*/ React.createElement("li", { className: "flex items-center", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#ff6600] mr-2", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-roboto text-xl", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "簡単なインタフェースで、誰でも使いやすい"))))); }