function MainComponent() { const handleSubmit = (event)=>{ event.preventDefault(); const formData = new FormData(event.target); const data = { name: formData.get("name"), age: formData.get("age"), jobTitle: formData.get("jobTitle"), location: formData.get("location"), goals: formData.get("goals"), challenges: formData.get("challenges"), businessType: formData.get("businessType"), roleInPurchase: formData.get("roleInPurchase"), preferences: formData.get("preferences"), companyName: formData.get("companyName"), companySize: formData.get("companySize"), industry: formData.get("industry") }; console.log(data); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-100 p-4 font-roboto", __source: { fileName: "", lineNumber: 23, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl text-center font-bold mb-6", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, "Buyer Persona Generator"), /*#__PURE__*/ React.createElement("form", { className: "max-w-xl mx-auto bg-white p-6 rounded-lg shadow-md", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 25, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 26, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "companyName", className: "block text-gray-700 font-bold mb-2", __source: { fileName: "", lineNumber: 27, columnNumber: 11 }, __self: this }, "What is the name of your company?"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "companyName", name: "companyName", className: "w-full px-3 py-2 border rounded", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 37, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "companySize", className: "block text-gray-700 font-bold mb-2", __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this }, "How large is your company (number of employees)?"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "companySize", name: "companySize", className: "w-full px-3 py-2 border rounded", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "industry", className: "block text-gray-700 font-bold mb-2", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, "Which industry do you operate in?"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "industry", name: "industry", className: "w-full px-3 py-2 border rounded", __source: { fileName: "", lineNumber: 52, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "name", className: "block text-gray-700 font-bold mb-2", __source: { fileName: "", lineNumber: 60, columnNumber: 11 }, __self: this }, "What is the name of your target customer?"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "name", name: "name", className: "w-full px-3 py-2 border rounded", __source: { fileName: "", lineNumber: 63, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "age", className: "block text-gray-700 font-bold mb-2", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, "How old is your target customer?"), /*#__PURE__*/ React.createElement("input", { type: "number", id: "age", name: "age", className: "w-full px-3 py-2 border rounded", __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 81, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "jobTitle", className: "block text-gray-700 font-bold mb-2", __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this }, "What is their job title?"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "jobTitle", name: "jobTitle", className: "w-full px-3 py-2 border rounded", __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 92, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "location", className: "block text-gray-700 font-bold mb-2", __source: { fileName: "", lineNumber: 93, columnNumber: 11 }, __self: this }, "Where are they located?"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "location", name: "location", className: "w-full px-3 py-2 border rounded", __source: { fileName: "", lineNumber: 96, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 103, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "goals", className: "block text-gray-700 font-bold mb-2", __source: { fileName: "", lineNumber: 104, columnNumber: 11 }, __self: this }, "What are their primary business goals?"), /*#__PURE__*/ React.createElement("textarea", { id: "goals", name: "goals", className: "w-full px-3 py-2 border rounded", __source: { fileName: "", lineNumber: 107, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 113, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "challenges", className: "block text-gray-700 font-bold mb-2", __source: { fileName: "", lineNumber: 114, columnNumber: 11 }, __self: this }, "What challenges do they face in their business?"), /*#__PURE__*/ React.createElement("textarea", { id: "challenges", name: "challenges", className: "w-full px-3 py-2 border rounded", __source: { fileName: "", lineNumber: 117, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 123, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "businessType", className: "block text-gray-700 font-bold mb-2", __source: { fileName: "", lineNumber: 124, columnNumber: 11 }, __self: this }, "Do you target B2B or B2C customers?"), /*#__PURE__*/ React.createElement("input", { type: "text", id: "businessType", name: "businessType", className: "w-full px-3 py-2 border rounded", __source: { fileName: "", lineNumber: 127, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 134, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "roleInPurchase", className: "block text-gray-700 font-bold mb-2", __source: { fileName: "", lineNumber: 135, columnNumber: 11 }, __self: this }, "What is their role in the purchase decision?"), /*#__PURE__*/ React.createElement("textarea", { id: "roleInPurchase", name: "roleInPurchase", className: "w-full px-3 py-2 border rounded", __source: { fileName: "", lineNumber: 138, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mb-4", __source: { fileName: "", lineNumber: 144, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "preferences", className: "block text-gray-700 font-bold mb-2", __source: { fileName: "", lineNumber: 145, columnNumber: 11 }, __self: this }, "What are their preferences and interests?"), /*#__PURE__*/ React.createElement("textarea", { id: "preferences", name: "preferences", className: "w-full px-3 py-2 border rounded", __source: { fileName: "", lineNumber: 148, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 154, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", className: "bg-blue-500 hover:bg-blue-700 text-white font-bold py-2 px-4 rounded", __source: { fileName: "", lineNumber: 155, columnNumber: 11 }, __self: this }, "Generate Persona")))); }