\n {isLogin ? 'Welcome Back!' : 'Join FreelanceHub'}\n

\n \n ×\n \n

\n\n {error && (\n

\n {error}\n

\n )}\n\n

\n \n Email Address\n \n setEmail(e.target.value)}\n required\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500\"\n placeholder=\"your@email.com\"\n />\n

\n\n {!isLogin && (\n <>\n

\n \n Full Name\n \n setName(e.target.value)}\n required\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500\"\n placeholder=\"John Doe\"\n />\n

\n\n

\n \n Professional Title\n \n setTitle(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500\"\n placeholder=\"Full-Stack Developer\"\n />\n

\n\n

\n \n Skills (comma-separated)\n \n setSkills(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500\"\n placeholder=\"JavaScript, React, Node.js\"\n />\n

\n\n

\n \n Hourly Rate ($)\n \n setHourlyRate(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500\"\n placeholder=\"50\"\n />\n

\n \n Location\n \n setLocation(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500\"\n placeholder=\"Remote\"\n />\n

\n\n

\n \n Bio\n \n setBio(e.target.value)}\n rows={3}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-indigo-500\"\n placeholder=\"Tell us about yourself and your experience...\"\n />\n

\n\n

\n \n I am a:\n \n

\n \n setIsFreelancer(e.target.checked)}\n className=\"mr-2\"\n />\n Freelancer / Service Provider\n \n \n setIsClient(e.target.checked)}\n className=\"mr-2\"\n />\n Client / Looking to Hire\n \n

\n \n )}\n\n \n {loading ? 'Please wait...' : (isLogin ? 'Sign In' : 'Create Account')}\n \n \n\n

\n setIsLogin(!isLogin)}\n className=\"text-indigo-600 hover:text-indigo-800 font-medium\"\n >\n {isLogin ? \"Don't have an account? Sign up\" : \"Already have an account? Sign in\"}\n \n

\n\n {isLogin && (\n

\n Demo: Try logging in with any of these emails:\n

• sarah.dev@email.com (Freelancer)
• john.startup@email.com (Client)
• emma.agency@email.com (Client)

\n )}\n

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/sansiero/Freelancing/code/frontend/components/AuthModal.tsx","extension","actionData","errors"]