function MainComponent() { const domainName = "ecomtrendz.store"; const purchaseProcess = { cartLabel: "Add to Cart 🛒", checkoutLabel: "Checkout 🧾" }; return /*#__PURE__*/ React.createElement("div", { className: "font-roboto", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center bg-[#f7f7f7] min-h-screen", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl text-[#121212] mt-10", __source: { fileName: "", lineNumber: 11, columnNumber: 17 }, __self: this }, "Ecom Trendz Online Store"), /*#__PURE__*/ React.createElement("div", { className: "p-6 mt-4 bg-white shadow-md rounded-lg w-full max-w-[800px]", __source: { fileName: "", lineNumber: 12, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl text-[#121212]", __source: { fileName: "", lineNumber: 13, columnNumber: 21 }, __self: this }, "Domain Name"), /*#__PURE__*/ React.createElement("p", { className: "text-[#121212] mb-4", __source: { fileName: "", lineNumber: 14, columnNumber: 21 }, __self: this }, domainName), /*#__PURE__*/ React.createElement("h2", { className: "text-xl text-[#121212]", __source: { fileName: "", lineNumber: 15, columnNumber: 21 }, __self: this }, "Shopping Cart and Checkout Process"), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 16, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-white bg-[#32a852] py-2 px-4 rounded-md hover:bg-[#27913f] transition-colors w-full", __source: { fileName: "", lineNumber: 17, columnNumber: 25 }, __self: this }, purchaseProcess.cartLabel), /*#__PURE__*/ React.createElement("button", { className: "text-white bg-[#0088a9] py-2 px-4 rounded-md hover:bg-[#007791] transition-colors w-full mt-2", __source: { fileName: "", lineNumber: 18, columnNumber: 25 }, __self: this }, purchaseProcess.checkoutLabel)))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, ` @keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } } @keyframes slideUp { 0% { transform: translateY(20px); opacity: 0; } 100% { transform: translateY(0); opacity: 1; } } @media (max-width: 640px) { img { width: 100%; height: auto; } } `)); }