function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f0f0f3] p-4", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-4xl bg-white rounded-lg shadow-md overflow-hidden", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "md:flex", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "md:w-1/2", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./images/stanley-water-jug.jpg", alt: "Stanley water jug on a wooden table", className: "object-cover w-full h-full", __source: { fileName: "", lineNumber: 7, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "md:w-1/2 p-8", __source: { fileName: "", lineNumber: 13, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-bold text-xl text-[#343a40] mb-4 font-roboto", __source: { fileName: "", lineNumber: 14, columnNumber: 13 }, __self: this }, "Stanley Water Jug"), /*#__PURE__*/ React.createElement("p", { className: "text-[#6c757d] mb-6 font-roboto", __source: { fileName: "", lineNumber: 15, columnNumber: 13 }, __self: this }, "Stay refreshed on your next adventure with our rugged and durable water jug. Perfect for camping, picnics, and any outdoor activity."), /*#__PURE__*/ React.createElement("a", { href: "/signup", className: "block text-center w-full bg-[#2563eb] text-white font-semibold py-3 rounded-lg uppercase font-roboto", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, "SIGN UP")))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; } to { opacity: 1; } } @keyframes slideInFromLeft { 0% { transform: translateX(-100%); } 100% { transform: translateX(0); } } .md\\:w-1\\/2:first-child img { animation: fadeIn 1s ease-in-out; } .md\\:w-1\\/2:last-child { animation: slideInFromLeft 1s ease-in-out; } `)); }