function MainComponent() { const handleSSOSignUp = (service)=>{ console.log(`Signing up with ${service}`); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#f4f7fa]", __source: { fileName: "", lineNumber: 7, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md p-8 space-y-8 bg-white rounded shadow-lg", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "./wallet-card-phone.jpg", alt: "Digital wallet and card interface on a smartphone screen", className: "w-full rounded mb-8", __source: { fileName: "", lineNumber: 9, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-xl sm:text-2xl md:text-3xl lg:text-4xl font-roboto font-semibold text-center text-[#333]", __source: { fileName: "", lineNumber: 14, columnNumber: 9 }, __self: this }, "Sign Up"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 17, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { name: "google", onClick: ()=>handleSSOSignUp('Google'), className: "w-full flex items-center justify-center px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-roboto font-medium text-white bg-[#DB4437] hover:bg-[#C1351D]", __source: { fileName: "", lineNumber: 18, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-google mr-2", __source: { fileName: "", lineNumber: 23, columnNumber: 13 }, __self: this }), "Sign up with Google"), /*#__PURE__*/ React.createElement("button", { name: "facebook", onClick: ()=>handleSSOSignUp('Facebook'), className: "w-full flex items-center justify-center px-4 py-2 border border-transparent rounded-md shadow-sm text-sm font-roboto font-medium text-white bg-[#4267B2] hover:bg-[#365899]", __source: { fileName: "", lineNumber: 25, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-facebook-f mr-2", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }), "Sign up with Facebook")), /*#__PURE__*/ React.createElement("div", { className: "pt-4 text-center", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm font-roboto font-light text-[#666]", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "By signing up, you agree to our", /*#__PURE__*/ React.createElement("a", { href: "#terms", className: "font-medium text-[#0077CC] hover:underline", __source: { fileName: "", lineNumber: 36, columnNumber: 13 }, __self: this }, "Terms"), "and", /*#__PURE__*/ React.createElement("a", { href: "#privacy", className: "font-medium text-[#0077CC] hover:underline", __source: { fileName: "", lineNumber: 40, columnNumber: 13 }, __self: this }, "Privacy Policy"), ".")))); }