function MainComponent() { const [formData, setFormData] = React.useState({ companyName: '', industry: '', targetAudience: '', customerDemographics: '', customerHobbies: '', customerValues: '', purchasingFactors: '', customerProblem: '', uniqueSellingPoint: '', marketingChannels: '' }); const handleChange = (e)=>{ setFormData({ ...formData, [e.target.name]: e.target.value }); }; const handleSubmit = async (e)=>{ e.preventDefault(); const response = await fetch('/api/buyer-persona-generator', { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ messages: formData }) }); const result = await response.json(); console.log(result); }; return /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-lg mx-auto p-4", __source: { fileName: "", lineNumber: 33, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-2xl font-bold text-center mb-8", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, "Fragebogen zur Erstellung einer Buyer Persona"), /*#__PURE__*/ React.createElement("form", { className: "space-y-4", onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 36, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-medium mb-2", htmlFor: "companyName", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, "Wie lautet der Name Ihres Unternehmens?"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded", type: "text", id: "companyName", name: "companyName", value: formData.companyName, onChange: handleChange, __source: { fileName: "", lineNumber: 38, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-medium mb-2", htmlFor: "industry", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, "In welcher Branche sind Sie tätig?"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded", type: "text", id: "industry", name: "industry", value: formData.industry, onChange: handleChange, __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-medium mb-2", htmlFor: "targetAudience", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, "Wer ist Ihre Zielgruppe?"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded", type: "text", id: "targetAudience", name: "targetAudience", value: formData.targetAudience, onChange: handleChange, __source: { fileName: "", lineNumber: 46, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 48, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-medium mb-2", htmlFor: "customerDemographics", __source: { fileName: "", lineNumber: 49, columnNumber: 11 }, __self: this }, "Welche demografischen Merkmale haben Ihre Kunden?"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded", type: "text", id: "customerDemographics", name: "customerDemographics", value: formData.customerDemographics, onChange: handleChange, __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-medium mb-2", htmlFor: "customerHobbies", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, "Welche Hobbys und Interessen haben Ihre Kunden?"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded", type: "text", id: "customerHobbies", name: "customerHobbies", value: formData.customerHobbies, onChange: handleChange, __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-medium mb-2", htmlFor: "customerValues", __source: { fileName: "", lineNumber: 57, columnNumber: 11 }, __self: this }, "Welche Werte sind Ihren Kunden wichtig?"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded", type: "text", id: "customerValues", name: "customerValues", value: formData.customerValues, onChange: handleChange, __source: { fileName: "", lineNumber: 58, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-medium mb-2", htmlFor: "purchasingFactors", __source: { fileName: "", lineNumber: 61, columnNumber: 11 }, __self: this }, "Welche Faktoren beeinflussen die Kaufentscheidung Ihrer Kunden?"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded", type: "text", id: "purchasingFactors", name: "purchasingFactors", value: formData.purchasingFactors, onChange: handleChange, __source: { fileName: "", lineNumber: 62, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 64, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-medium mb-2", htmlFor: "customerProblem", __source: { fileName: "", lineNumber: 65, columnNumber: 11 }, __self: this }, "Welches Problem Ihrer Kunden lösen Sie?"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded", type: "text", id: "customerProblem", name: "customerProblem", value: formData.customerProblem, onChange: handleChange, __source: { fileName: "", lineNumber: 66, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-medium mb-2", htmlFor: "uniqueSellingPoint", __source: { fileName: "", lineNumber: 69, columnNumber: 11 }, __self: this }, "Was ist Ihr Alleinstellungsmerkmal?"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded", type: "text", id: "uniqueSellingPoint", name: "uniqueSellingPoint", value: formData.uniqueSellingPoint, onChange: handleChange, __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 72, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-medium mb-2", htmlFor: "marketingChannels", __source: { fileName: "", lineNumber: 73, columnNumber: 11 }, __self: this }, "Welche Marketingkanäle nutzen Sie zurzeit?"), /*#__PURE__*/ React.createElement("input", { className: "w-full p-2 border border-gray-300 rounded", type: "text", id: "marketingChannels", name: "marketingChannels", value: formData.marketingChannels, onChange: handleChange, __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { className: "w-full p-2 bg-blue-600 text-white font-semibold rounded", type: "submit", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, "Absenden")))); }