function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-900 text-white font-roboto", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-gradient-to-r from-purple-800 to-indigo-800 py-6", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold mb-2", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, "エビガジェblog"), /*#__PURE__*/ React.createElement("p", { className: "text-lg", __source: { fileName: "", lineNumber: 7, columnNumber: 11 }, __self: this }, "Welcome to my ebigaje blog"))), /*#__PURE__*/ React.createElement("main", { className: "container mx-auto px-4 py-8", __source: { fileName: "", lineNumber: 11, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("article", { className: "mb-8 p-6 bg-gray-800 rounded shadow hover:shadow-lg transition duration-300 transform hover:-translate-y-1", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-2", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "Blog Post Title"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "January 1, 2023"), /*#__PURE__*/ React.createElement("p", { className: "mt-4", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus auctor leo vel dui laoreet, quis luctus nisi mollis. Sed vehicula fermentum quam."), /*#__PURE__*/ React.createElement("a", { href: "#", className: "inline-block mt-4 px-4 py-2 bg-gradient-to-r from-blue-500 to-purple-500 rounded text-white hover:from-blue-600 hover:to-purple-600 transition duration-300", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "Read More")), /*#__PURE__*/ React.createElement("article", { className: "mb-8 p-6 bg-gray-800 rounded shadow hover:shadow-lg transition duration-300 transform hover:-translate-y-1", __source: { fileName: "", lineNumber: 19, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-2", __source: { fileName: "", lineNumber: 20, columnNumber: 11 }, __self: this }, "Another Blog Post"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400", __source: { fileName: "", lineNumber: 21, columnNumber: 11 }, __self: this }, "December 15, 2022"), /*#__PURE__*/ React.createElement("p", { className: "mt-4", __source: { fileName: "", lineNumber: 22, columnNumber: 11 }, __self: this }, "Maecenas faucibus mollis interdum. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit."), /*#__PURE__*/ React.createElement("a", { href: "#", className: "inline-block mt-4 px-4 py-2 bg-gradient-to-r from-blue-500 to-purple-500 rounded text-white hover:from-blue-600 hover:to-purple-600 transition duration-300", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "Read More"))), /*#__PURE__*/ React.createElement("footer", { className: "bg-gray-800 py-4", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 text-center", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, "© 2023 My Blog. All rights reserved."))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 33, columnNumber: 7 }, __self: this }, ` @keyframes fadeInUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } article { animation: fadeInUp 0.5s ease-in-out; } `)); }