function MainComponent() { const [email, setEmail] = React.useState(''); const [error, setError] = React.useState(''); const validateEmail = (email)=>{ const emailRegex = /\S+@\S+\.\S+/; return emailRegex.test(email); }; const handleSignUp = (e)=>{ e.preventDefault(); if (!validateEmail(email)) { setError('Please enter a valid email address.'); return; } setError(''); }; const errorText = error !== '' ? "text-red-500" : ""; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#dbf0d1] py-12 px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 18, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md space-y-8 slide-in-left", __source: { fileName: "", lineNumber: 19, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-center text-4xl font-bold text-[#004d23] font-roboto", __source: { fileName: "", lineNumber: 20, columnNumber: 9 }, __self: this }, "🏌️‍♂️ Golf Pro Growth"), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-center text-lg text-gray-600 font-roboto", __source: { fileName: "", lineNumber: 23, columnNumber: 9 }, __self: this }, "Maximize your teaching potential"), /*#__PURE__*/ React.createElement("form", { className: "mt-8 space-y-6", onSubmit: handleSignUp, __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "rounded-md shadow-sm -space-y-px", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email-address", className: "sr-only", __source: { fileName: "", lineNumber: 29, columnNumber: 15 }, __self: this }, "Email address"), /*#__PURE__*/ React.createElement("input", { id: "email-address", name: "email", type: "email", autoComplete: "email", required: true, className: `appearance-none rounded-none relative block w-full px-3 py-2 border border-gray-300 placeholder-gray-500 text-gray-900 rounded-t-md font-roboto focus:outline-none focus:ring-[#34a853] focus:border-[#34a853] focus:z-10 sm:text-sm ${error && 'border-red-500'}`, placeholder: "Enter your email to join", value: email, onChange: (e)=>setEmail(e.target.value), style: { animation: error === '' ? 'pulse 1s infinite alternate' : 'none' }, __source: { fileName: "", lineNumber: 32, columnNumber: 15 }, __self: this })), error && /*#__PURE__*/ React.createElement("p", { className: `text-sm ${errorText} font-roboto`, __source: { fileName: "", lineNumber: 47, columnNumber: 23 }, __self: this }, error), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "group relative w-full flex justify-center py-2 px-4 border border-transparent text-sm font-bold rounded-md text-white bg-[#1a472a] hover:bg-[#1b5e20] font-roboto focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#34a853]", __source: { fileName: "", lineNumber: 48, columnNumber: 13 }, __self: this }, "Start Growing"), /*#__PURE__*/ React.createElement("p", { className: "text-center text-sm text-gray-600 font-roboto", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, "Already have an account? ", /*#__PURE__*/ React.createElement("a", { href: "#", className: "font-medium text-[#1a472a] hover:text-[#1b5e20]", __source: { fileName: "", lineNumber: 55, columnNumber: 40 }, __self: this }, "Sign in")))), /*#__PURE__*/ React.createElement("footer", { className: "mt-6 text-center text-sm text-gray-500 font-roboto", __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }, "Elevating your instructor skills.")), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 63, columnNumber: 7 }, __self: this }, ` @keyframes pulse { 0% { box-shadow: 0 0 0 0px rgba(52, 168, 83, 0.4); } 100% { box-shadow: 0 0 0 10px rgba(52, 168, 83, 0); } } `)); }