function SignupForm({ onSubmit, loading, error }) { const [formData, setFormData] = useState({ name: "", email: "", password: "", role: "borrower" }); const handleChange = (e)=>{ setFormData((prev)=>({ ...prev, [e.target.name]: e.target.value })); }; const handleSubmit = (e)=>{ e.preventDefault(); onSubmit?.(formData); }; return /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-md mx-auto bg-white rounded-xl shadow-md p-8", __source: { fileName: "", lineNumber: 22, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold font-montserrat text-center text-gray-900 mb-8", __source: { fileName: "", lineNumber: 23, columnNumber: 7 }, __self: this }, "Sign Up"), error && /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 text-red-500 p-4 rounded-lg mb-6", __source: { fileName: "", lineNumber: 27, columnNumber: 9 }, __self: this }, error), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "name", className: "block text-sm font-medium font-roboto text-gray-700", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, "Full Name"), /*#__PURE__*/ React.createElement("input", { id: "name", name: "name", type: "text", required: true, value: formData.name, onChange: handleChange, className: "mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:border-[#4f46e5] focus:ring-[#4f46e5]", placeholder: "John Doe", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 51, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block text-sm font-medium font-roboto text-gray-700", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this }, "Email Address"), /*#__PURE__*/ React.createElement("input", { id: "email", name: "email", type: "email", required: true, value: formData.email, onChange: handleChange, className: "mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:border-[#4f46e5] focus:ring-[#4f46e5]", placeholder: "john@example.com", __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "password", className: "block text-sm font-medium font-roboto text-gray-700", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, "Password"), /*#__PURE__*/ React.createElement("input", { id: "password", name: "password", type: "password", required: true, value: formData.password, onChange: handleChange, className: "mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:border-[#4f46e5] focus:ring-[#4f46e5]", placeholder: "••••••••", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 89, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "role", className: "block text-sm font-medium font-roboto text-gray-700", __source: { fileName: "", lineNumber: 90, columnNumber: 11 }, __self: this }, "I want to"), /*#__PURE__*/ React.createElement("select", { id: "role", name: "role", value: formData.role, onChange: handleChange, className: "mt-1 block w-full rounded-lg border-gray-300 shadow-sm focus:border-[#4f46e5] focus:ring-[#4f46e5]", __source: { fileName: "", lineNumber: 96, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "borrower", __source: { fileName: "", lineNumber: 103, columnNumber: 13 }, __self: this }, "Borrow Money"), /*#__PURE__*/ React.createElement("option", { value: "lender", __source: { fileName: "", lineNumber: 104, columnNumber: 13 }, __self: this }, "Lend Money"))), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full flex justify-center py-3 px-4 border border-transparent rounded-lg shadow-sm text-sm font-medium text-white bg-[#4f46e5] hover:bg-[#4338ca] focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-[#4f46e5]", __source: { fileName: "", lineNumber: 108, columnNumber: 9 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 114, columnNumber: 13 }, __self: this }) : "Create Account"))); } function SignupFormStory() { const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const handleSubmit = async (data)=>{ setLoading(true); setError(null); await new Promise((resolve)=>setTimeout(resolve, 1000)); setLoading(false); console.log("Form submitted:", data); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 137, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(SignupForm, { onSubmit: handleSubmit, loading: loading, error: error, __source: { fileName: "", lineNumber: 138, columnNumber: 7 }, __self: this })); } function KycForm({ onSubmit, loading = false, error = null, success = false }) { const [file, setFile] = useState(null); const [upload, { loading: uploadLoading }] = useUpload(); const [previewUrl, setPreviewUrl] = useState(null); const handleSubmit = async (e)=>{ e.preventDefault(); const formData = new FormData(e.target); const data = Object.fromEntries(formData.entries()); if (!file) { return; } try { const { url, error: uploadError } = await upload({ file }); if (uploadError) throw new Error(uploadError); await onSubmit({ ...data, idDocument: url }); } catch (err) { console.error("Error:", err); } }; return /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto p-6 bg-white rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 34, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-montserrat mb-6 text-gray-900", __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, "Personal Details & Verification"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 39, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium font-roboto text-gray-700", __source: { fileName: "", lineNumber: 42, columnNumber: 13 }, __self: this }, "First Name"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "firstName", required: true, className: "mt-1 block w-full rounded-md border border-gray-300 px-3 py-2 text-gray-900 focus:border-blue-500 focus:ring-blue-500", __source: { fileName: "", lineNumber: 45, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium font-roboto text-gray-700", __source: { fileName: "", lineNumber: 54, columnNumber: 13 }, __self: this }, "Last Name"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "lastName", required: true, className: "mt-1 block w-full rounded-md border border-gray-300 px-3 py-2 text-gray-900 focus:border-blue-500 focus:ring-blue-500", __source: { fileName: "", lineNumber: 57, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium font-roboto text-gray-700", __source: { fileName: "", lineNumber: 66, columnNumber: 13 }, __self: this }, "Date of Birth"), /*#__PURE__*/ React.createElement("input", { type: "date", name: "dateOfBirth", required: true, className: "mt-1 block w-full rounded-md border border-gray-300 px-3 py-2 text-gray-900 focus:border-blue-500 focus:ring-blue-500", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium font-roboto text-gray-700", __source: { fileName: "", lineNumber: 78, columnNumber: 13 }, __self: this }, "Phone Number"), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "phone", required: true, className: "mt-1 block w-full rounded-md border border-gray-300 px-3 py-2 text-gray-900 focus:border-blue-500 focus:ring-blue-500", __source: { fileName: "", lineNumber: 81, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 90, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium font-roboto text-gray-700", __source: { fileName: "", lineNumber: 91, columnNumber: 11 }, __self: this }, "Email Address"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", required: true, className: "mt-1 block w-full rounded-md border border-gray-300 px-3 py-2 text-gray-900 focus:border-blue-500 focus:ring-blue-500", __source: { fileName: "", lineNumber: 94, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 102, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium font-roboto text-gray-700", __source: { fileName: "", lineNumber: 103, columnNumber: 11 }, __self: this }, "Address"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "address", required: true, className: "mt-1 block w-full rounded-md border border-gray-300 px-3 py-2 text-gray-900 focus:border-blue-500 focus:ring-blue-500", __source: { fileName: "", lineNumber: 106, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 114, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium font-roboto text-gray-700", __source: { fileName: "", lineNumber: 115, columnNumber: 11 }, __self: this }, "Government ID (Passport or Driver's License)"), /*#__PURE__*/ React.createElement("input", { type: "file", accept: "image/*,.pdf", onChange: (e)=>{ if (e.target.files?.[0]) { setFile(e.target.files[0]); setPreviewUrl(URL.createObjectURL(e.target.files[0])); } }, className: "mt-1 block w-full text-sm text-gray-900 file:mr-4 file:py-2 file:px-4 file:rounded-md file:border-0 file:text-sm file:font-semibold file:bg-blue-50 file:text-blue-700 hover:file:bg-blue-100", __source: { fileName: "", lineNumber: 118, columnNumber: 11 }, __self: this })), previewUrl && /*#__PURE__*/ React.createElement("div", { className: "mt-2", __source: { fileName: "", lineNumber: 132, columnNumber: 11 }, __self: this }, previewUrl.endsWith(".pdf") ? /*#__PURE__*/ React.createElement("div", { className: "inline-flex items-center px-3 py-1 rounded-md bg-gray-100", __source: { fileName: "", lineNumber: 134, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-pdf text-red-500 mr-2", __source: { fileName: "", lineNumber: 135, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 136, columnNumber: 17 }, __self: this }, "PDF Document")) : /*#__PURE__*/ React.createElement("img", { src: previewUrl, alt: "ID Preview", className: "h-32 object-contain rounded-md", __source: { fileName: "", lineNumber: 139, columnNumber: 15 }, __self: this })), error && /*#__PURE__*/ React.createElement("div", { className: "text-red-500 text-sm", __source: { fileName: "", lineNumber: 148, columnNumber: 19 }, __self: this }, error), success && /*#__PURE__*/ React.createElement("div", { className: "text-green-500 text-sm", __source: { fileName: "", lineNumber: 151, columnNumber: 11 }, __self: this }, "Verification submitted successfully!"), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading || uploadLoading || !file, className: "w-full bg-blue-600 text-white py-2 px-4 rounded-md hover:bg-blue-700 disabled:opacity-50 disabled:cursor-not-allowed", __source: { fileName: "", lineNumber: 156, columnNumber: 9 }, __self: this }, loading || uploadLoading ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center justify-center", __source: { fileName: "", lineNumber: 162, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-circle-notch fa-spin mr-2", __source: { fileName: "", lineNumber: 163, columnNumber: 15 }, __self: this }), "Processing...") : "Submit Verification"))); } function KycFormStory() { const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const [success, setSuccess] = useState(false); const handleSubmit = async (data)=>{ setLoading(true); setError(null); setSuccess(false); try { await new Promise((resolve)=>setTimeout(resolve, 2000)); console.log("Submitted data:", data); setSuccess(true); } catch (err) { setError("An error occurred while processing your request"); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50 p-8", __source: { fileName: "", lineNumber: 197, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(KycForm, { onSubmit: handleSubmit, loading: loading, error: error, success: success, __source: { fileName: "", lineNumber: 198, columnNumber: 7 }, __self: this })); } function EmiCalculator({ amount, rate, term, onCalculate }) { const [loanAmount, setLoanAmount] = useState(amount || ""); const [interestRate, setInterestRate] = useState(rate || ""); const [loanTerm, setLoanTerm] = useState(term || ""); const [monthlyPayment, setMonthlyPayment] = useState(null); const calculateMonthlyPayment = useCallback(()=>{ const principal = parseFloat(loanAmount); const monthlyRate = parseFloat(interestRate) / 100 / 12; const numberOfPayments = parseFloat(loanTerm) * 12; if (principal > 0 && monthlyRate > 0 && numberOfPayments > 0) { const payment = principal * monthlyRate * Math.pow(1 + monthlyRate, numberOfPayments) / (Math.pow(1 + monthlyRate, numberOfPayments) - 1); setMonthlyPayment(payment); if (onCalculate) { onCalculate(payment); } } }, [ loanAmount, interestRate, loanTerm, onCalculate ]); return /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-lg p-6 max-w-md mx-auto", __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-montserrat mb-6 text-gray-800", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, "Loan Calculator"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 31, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 32, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, "Loan Amount ($)"), /*#__PURE__*/ React.createElement("input", { type: "number", value: loanAmount, onChange: (e)=>setLoanAmount(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", placeholder: "Enter loan amount", min: "1", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 46, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 47, columnNumber: 11 }, __self: this }, "Interest Rate (%)"), /*#__PURE__*/ React.createElement("input", { type: "number", value: interestRate, onChange: (e)=>setInterestRate(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", placeholder: "Enter interest rate", min: "0.1", step: "0.1", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700 mb-1", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, "Loan Term (Years)"), /*#__PURE__*/ React.createElement("input", { type: "number", value: loanTerm, onChange: (e)=>setLoanTerm(e.target.value), className: "w-full px-3 py-2 border border-gray-300 rounded-md focus:outline-none focus:ring-2 focus:ring-blue-500", placeholder: "Enter loan term", min: "1", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("button", { onClick: calculateMonthlyPayment, className: "w-full bg-blue-600 text-white py-2 px-4 rounded-md hover:bg-blue-700 transition-colors", __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this }, "Calculate"), monthlyPayment && /*#__PURE__*/ React.createElement("div", { className: "mt-6 p-4 bg-gray-50 rounded-md", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold text-gray-800 mb-2", __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this }, "Monthly Payment"), /*#__PURE__*/ React.createElement("p", { className: "text-3xl font-bold text-blue-600", __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }, "$", monthlyPayment.toFixed(2)), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600 mt-2", __source: { fileName: "", lineNumber: 90, columnNumber: 13 }, __self: this }, "Total Payment: $", (monthlyPayment * loanTerm * 12).toFixed(2))))); } function EmiCalculatorStory() { return /*#__PURE__*/ React.createElement("div", { className: "p-8 bg-gray-50", __source: { fileName: "", lineNumber: 102, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 103, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 104, columnNumber: 9 }, __self: this }, "Default Calculator"), /*#__PURE__*/ React.createElement(EmiCalculator, { __source: { fileName: "", lineNumber: 105, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 108, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-4", __source: { fileName: "", lineNumber: 109, columnNumber: 9 }, __self: this }, "Pre-filled Calculator"), /*#__PURE__*/ React.createElement(EmiCalculator, { amount: "25000", rate: "5.5", term: "3", onCalculate: (payment)=>console.log("Monthly payment:", payment), __source: { fileName: "", lineNumber: 110, columnNumber: 9 }, __self: this }))); } function MainComponent() { const [loading, setLoading] = useState(false); const [error, setError] = useState(null); const handleSubmit = async (data)=>{ setLoading(true); setError(null); try { await new Promise((resolve)=>setTimeout(resolve, 1000)); window.location.href = "/kyc"; } catch (err) { setError("Failed to create account. Please try again."); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50", __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto px-4 py-12", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-12", __source: { fileName: "", lineNumber: 22, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold font-montserrat mb-4", __source: { fileName: "", lineNumber: 23, columnNumber: 11 }, __self: this }, "Create Your Account"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-gray-600 font-inter", __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, "Join our lending platform in just a few steps")), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-lg p-8 mb-12", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-12", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 34, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user-circle text-4xl text-blue-600 mb-4", __source: { fileName: "", lineNumber: 35, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-montserrat mb-3", __source: { fileName: "", lineNumber: 36, columnNumber: 17 }, __self: this }, "Why Sign Up?"), /*#__PURE__*/ React.createElement("ul", { className: "space-y-3", __source: { fileName: "", lineNumber: 39, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("li", { className: "flex items-start", __source: { fileName: "", lineNumber: 40, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-green-500 mt-1 mr-2", __source: { fileName: "", lineNumber: 41, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 42, columnNumber: 21 }, __self: this }, "Access to competitive loan rates and terms")), /*#__PURE__*/ React.createElement("li", { className: "flex items-start", __source: { fileName: "", lineNumber: 44, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-green-500 mt-1 mr-2", __source: { fileName: "", lineNumber: 45, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 46, columnNumber: 21 }, __self: this }, "Simple and transparent borrowing process")), /*#__PURE__*/ React.createElement("li", { className: "flex items-start", __source: { fileName: "", lineNumber: 48, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-green-500 mt-1 mr-2", __source: { fileName: "", lineNumber: 49, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 50, columnNumber: 21 }, __self: this }, "Track your loans and payments in one place")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 55, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold font-montserrat mb-3", __source: { fileName: "", lineNumber: 56, columnNumber: 17 }, __self: this }, "Registration Steps"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 59, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 60, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-600 text-white w-8 h-8 rounded-full flex items-center justify-center font-bold mr-3", __source: { fileName: "", lineNumber: 61, columnNumber: 21 }, __self: this }, "1"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 64, columnNumber: 21 }, __self: this }, "Fill in your basic information")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 66, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-600 text-white w-8 h-8 rounded-full flex items-center justify-center font-bold mr-3", __source: { fileName: "", lineNumber: 67, columnNumber: 21 }, __self: this }, "2"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 70, columnNumber: 21 }, __self: this }, "Verify your email address")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 72, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-blue-600 text-white w-8 h-8 rounded-full flex items-center justify-center font-bold mr-3", __source: { fileName: "", lineNumber: 73, columnNumber: 21 }, __self: this }, "3"), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 76, columnNumber: 21 }, __self: this }, "Complete your profile"))))), /*#__PURE__*/ React.createElement("div", { className: "bg-gray-50 p-6 rounded-lg", __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement(SignupForm, { onSubmit: handleSubmit, loading: loading, error: error, __source: { fileName: "", lineNumber: 83, columnNumber: 15 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 92, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-4", __source: { fileName: "", lineNumber: 93, columnNumber: 11 }, __self: this }, "Already have an account?", " ", /*#__PURE__*/ React.createElement("a", { href: "/login", className: "text-blue-600 hover:text-blue-700", __source: { fileName: "", lineNumber: 95, columnNumber: 13 }, __self: this }, "Sign in here")), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-500", __source: { fileName: "", lineNumber: 99, columnNumber: 11 }, __self: this }, "By signing up, you agree to our", " ", /*#__PURE__*/ React.createElement("a", { href: "/terms", className: "text-blue-600 hover:text-blue-700", __source: { fileName: "", lineNumber: 101, columnNumber: 13 }, __self: this }, "Terms of Service"), " ", "and", " ", /*#__PURE__*/ React.createElement("a", { href: "/privacy", className: "text-blue-600 hover:text-blue-700", __source: { fileName: "", lineNumber: 105, columnNumber: 13 }, __self: this }, "Privacy Policy"))))); }