function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "bg-[#ffe4e1] min-h-screen w-full", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "h-[500px] bg-[#ffcad4] flex justify-center items-center", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-[#ffb3c1] text-6xl font-crimson-text", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, "Welcome to Our Pastel Landing Page")), /*#__PURE__*/ React.createElement("div", { className: "p-10", __source: { fileName: "", lineNumber: 7, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "opacity-0 animate-fade-in-up transition-opacity duration-700 delay-100", __source: { fileName: "", lineNumber: 8, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-[#cbc3e3] text-3xl font-roboto my-4", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "Content Section 1"), /*#__PURE__*/ React.createElement("p", { className: "text-[#ccb7ae] text-lg font-roboto", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, "This is the first section of content. Enjoy the pastel colors!")), /*#__PURE__*/ React.createElement("div", { className: "opacity-0 animate-fade-in-up transition-opacity duration-700 delay-300 mt-10", __source: { fileName: "", lineNumber: 12, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-[#cbc3e3] text-3xl font-roboto my-4", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, "Content Section 2"), /*#__PURE__*/ React.createElement("p", { className: "text-[#ccb7ae] text-lg font-roboto", __source: { fileName: "", lineNumber: 14, columnNumber: 11 }, __self: this }, "Here's another section with more beautiful pastel colors.")), /*#__PURE__*/ React.createElement("div", { className: "opacity-0 animate-fade-in-up transition-opacity duration-700 delay-500 mt-10", __source: { fileName: "", lineNumber: 16, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-[#cbc3e3] text-3xl font-roboto my-4", __source: { fileName: "", lineNumber: 17, columnNumber: 11 }, __self: this }, "Content Section 3"), /*#__PURE__*/ React.createElement("p", { className: "text-[#ccb7ae] text-lg font-roboto", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, "This is the last section of our pastel-themed content."))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, ` @keyframes fade-in-up { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } .animate-fade-in-up { animation: fade-in-up 1s forwards; } `)); }