function MainComponent() { return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col lg:flex-row items-center justify-center bg-[#f7f7f7] p-4 lg:p-10 gap-10 min-h-screen", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow rounded-lg w-full lg:max-w-md p-6", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-6", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "text-[#007bff]", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-arrow-left", __source: { fileName: "", lineNumber: 7, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-roboto font-semibold", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, "PLUTO"), /*#__PURE__*/ React.createElement("button", { className: "text-[#007bff]", __source: { fileName: "", lineNumber: 10, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-chevron-down", __source: { fileName: "", lineNumber: 11, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "border-b border-[#eaeaea] pb-6", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-roboto font-semibold mb-2", __source: { fileName: "", lineNumber: 15, columnNumber: 11 }, __self: this }, "Order total"), /*#__PURE__*/ React.createElement("p", { className: "text-4xl font-roboto font-semibold", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, "$368.75 USD")), /*#__PURE__*/ React.createElement("div", { className: "py-6 space-y-4", __source: { fileName: "", lineNumber: 18, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 19, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./puff-pillow.png", alt: "PUFF Body Pillow", className: "w-16 h-16 mr-4 rounded-full", __source: { fileName: "", lineNumber: 20, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 21, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 22, columnNumber: 15 }, __self: this }, "PUFF - Body Pillow"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 font-roboto", __source: { fileName: "", lineNumber: 23, columnNumber: 15 }, __self: this }, "$220.00"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./pod-pillow.png", alt: "POD Travel Pillow", className: "w-16 h-16 mr-4 rounded-full", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this }, "POD - Travel Pillow"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-500 font-roboto", __source: { fileName: "", lineNumber: 30, columnNumber: 15 }, __self: this }, "$145.00")))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#fafafa] rounded-lg p-4 text-green-600 text-center", __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-roboto", __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }, "You're getting store credit!"), /*#__PURE__*/ React.createElement("div", { className: "text-xl font-roboto font-semibold", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "$36.50 ", /*#__PURE__*/ React.createElement("span", { className: "text-sm font-roboto font-normal", __source: { fileName: "", lineNumber: 36, columnNumber: 69 }, __self: this }, "Exp. in 6 months")), /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#007bff] text-sm font-roboto", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, "How can I use credits?"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white shadow rounded-lg w-full lg:max-w-md p-6", __source: { fileName: "", lineNumber: 40, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 41, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-roboto font-semibold", __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this }, "PLUTO"), /*#__PURE__*/ React.createElement("h3", { className: "text-lg text-gray-500 font-roboto", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, "Simple Pay")), /*#__PURE__*/ React.createElement("h4", { className: "text-xl font-roboto font-semibold mb-4", __source: { fileName: "", lineNumber: 45, columnNumber: 9 }, __self: this }, "Sign up with phone number"), /*#__PURE__*/ React.createElement("p", { className: "text-sm mb-8 font-roboto", __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, "Your phone number will only be used for login and fast checkout. Just like Venmo."), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 47, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center border border-[#eaeaea] p-2 rounded-lg", __source: { fileName: "", lineNumber: 48, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "rounded-full bg-[#eaeaea] w-10 h-10 flex items-center justify-center mr-2", __source: { fileName: "", lineNumber: 49, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fa fa-flag-usa text-xl", __source: { fileName: "", lineNumber: 50, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "phone", placeholder: "(222) 333-6767", className: "w-full focus:outline-none font-roboto", __source: { fileName: "", lineNumber: 52, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-gray-500 font-roboto", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, "By continuing you agree to our ", /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#007bff] font-roboto", __source: { fileName: "", lineNumber: 59, columnNumber: 91 }, __self: this }, "Privacy Policy"), " and ", /*#__PURE__*/ React.createElement("a", { href: "#", className: "text-[#007bff] font-roboto", __source: { fileName: "", lineNumber: 59, columnNumber: 165 }, __self: this }, "Terms of Service"), ".")), /*#__PURE__*/ React.createElement("button", { className: "w-full bg-green-600 text-white rounded-lg p-4 flex items-center justify-center space-x-2 my-6", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-roboto", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, "Continue"), /*#__PURE__*/ React.createElement("i", { className: "fa fa-arrow-right", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { className: "w-full text-[#007bff] p-4 font-roboto", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, "Change sign up method"))); }