function MainComponent() { const [formData, setFormData] = React.useState({ fullName: "", email: "", message: "" }); const [errors, setErrors] = React.useState({}); const validate = ()=>{ let tempErrors = {}; tempErrors.fullName = formData.fullName ? "" : "Full Name is required"; tempErrors.email = /^[^\s@]+@[^\s@]+\.[^\s@]+$/.test(formData.email) ? "" : "Email is not valid"; tempErrors.message = formData.message ? "" : "Message is required"; setErrors({ ...tempErrors }); return Object.values(tempErrors).every((x)=>x === ""); }; const handleSubmit = (e)=>{ e.preventDefault(); if (validate()) { // Send form data console.log(formData); } }; const handleChange = (e)=>{ const { name, value } = e.target; setFormData({ ...formData, [name]: value }); }; return /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center justify-center min-h-screen bg-[#F8FAFC] p-4", __source: { fileName: "", lineNumber: 28, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 29, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-bold font-roboto text-[#0F172A] mb-4", __source: { fileName: "", lineNumber: 30, columnNumber: 9 }, __self: this }, "Project Management Training Program"), /*#__PURE__*/ React.createElement("p", { className: "text-lg font-roboto text-[#475569] mb-6", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, "Elevate your career with specialized project management training programs tailored for professionals and leaders."), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 34, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "text", name: "fullName", placeholder: "Full Name", className: `border-2 rounded-md w-full px-4 py-2 text-lg font-roboto text-[#334155] ${errors.fullName ? "border-red-500" : "border-[#D1D5DB]"}`, value: formData.fullName, onChange: handleChange, __source: { fileName: "", lineNumber: 35, columnNumber: 11 }, __self: this }), errors.fullName && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-xs font-roboto", __source: { fileName: "", lineNumber: 43, columnNumber: 31 }, __self: this }, errors.fullName), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", placeholder: "Email Address", className: `border-2 rounded-md w-full px-4 py-2 text-lg font-roboto text-[#334155] ${errors.email ? "border-red-500" : "border-[#D1D5DB]"}`, value: formData.email, onChange: handleChange, __source: { fileName: "", lineNumber: 44, columnNumber: 11 }, __self: this }), errors.email && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-xs font-roboto", __source: { fileName: "", lineNumber: 52, columnNumber: 28 }, __self: this }, errors.email), /*#__PURE__*/ React.createElement("textarea", { name: "message", placeholder: "Your Message", className: `border-2 rounded-md w-full px-4 py-2 text-lg font-roboto text-[#334155] ${errors.message ? "border-red-500" : "border-[#D1D5DB]"}`, rows: "4", value: formData.message, onChange: handleChange, __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }), errors.message && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-xs font-roboto", __source: { fileName: "", lineNumber: 61, columnNumber: 30 }, __self: this }, errors.message), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#0EA5E9] text-white font-roboto py-3 rounded hover:bg-[#0284C7] transition-colors", __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this }, "Send Message")))); }