function AppointmentForm({ onSubmit, loading = false }) { const [formData, setFormData] = useState({ name: "", email: "", phone: "", dateTime: "", groupSize: "", character: "", loyaltyOptIn: false }); const handleSubmit = (e)=>{ e.preventDefault(); onSubmit?.(formData); }; const handleChange = (e)=>{ const { name, value, type, checked } = e.target; setFormData((prev)=>({ ...prev, [name]: type === "checkbox" ? checked : value })); }; return /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-2xl mx-auto p-6 bg-[#FFF8DC] rounded-lg shadow-lg", __source: { fileName: "", lineNumber: 26, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-4", __source: { fileName: "", lineNumber: 27, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-crimson-text text-lg mb-1", __source: { fileName: "", lineNumber: 29, columnNumber: 11 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", value: formData.name, onChange: handleChange, className: "w-full p-2 border border-[#8B4513] rounded", required: true, __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 40, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-crimson-text text-lg mb-1", __source: { fileName: "", lineNumber: 41, columnNumber: 11 }, __self: this }, "E-Mail"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: formData.email, onChange: handleChange, className: "w-full p-2 border border-[#8B4513] rounded", required: true, __source: { fileName: "", lineNumber: 42, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-crimson-text text-lg mb-1", __source: { fileName: "", lineNumber: 53, columnNumber: 11 }, __self: this }, "Telefon"), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "phone", value: formData.phone, onChange: handleChange, className: "w-full p-2 border border-[#8B4513] rounded", required: true, __source: { fileName: "", lineNumber: 56, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 66, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-crimson-text text-lg mb-1", __source: { fileName: "", lineNumber: 67, columnNumber: 11 }, __self: this }, "Wunschtermin"), /*#__PURE__*/ React.createElement("input", { type: "datetime-local", name: "dateTime", value: formData.dateTime, onChange: handleChange, className: "w-full p-2 border border-[#8B4513] rounded", required: true, __source: { fileName: "", lineNumber: 70, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 80, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-crimson-text text-lg mb-1", __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, "Gruppengröße"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "groupSize", value: formData.groupSize, onChange: handleChange, min: "1", className: "w-full p-2 border border-[#8B4513] rounded", required: true, __source: { fileName: "", lineNumber: 84, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 95, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-crimson-text text-lg mb-1", __source: { fileName: "", lineNumber: 96, columnNumber: 11 }, __self: this }, "Charakter auswählen"), /*#__PURE__*/ React.createElement("select", { name: "character", value: formData.character, onChange: handleChange, className: "w-full p-2 border border-[#8B4513] rounded", required: true, __source: { fileName: "", lineNumber: 99, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 106, columnNumber: 13 }, __self: this }, "Bitte wählen"), /*#__PURE__*/ React.createElement("option", { value: "Pooh", __source: { fileName: "", lineNumber: 107, columnNumber: 13 }, __self: this }, "Pooh"), /*#__PURE__*/ React.createElement("option", { value: "Tigger", __source: { fileName: "", lineNumber: 108, columnNumber: 13 }, __self: this }, "Tigger"), /*#__PURE__*/ React.createElement("option", { value: "Piglet", __source: { fileName: "", lineNumber: 109, columnNumber: 13 }, __self: this }, "Piglet"), /*#__PURE__*/ React.createElement("option", { value: "Eeyore", __source: { fileName: "", lineNumber: 110, columnNumber: 13 }, __self: this }, "Eeyore"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center", __source: { fileName: "", lineNumber: 114, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "checkbox", name: "loyaltyOptIn", checked: formData.loyaltyOptIn, onChange: handleChange, className: "mr-2", __source: { fileName: "", lineNumber: 115, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("label", { className: "font-crimson-text", __source: { fileName: "", lineNumber: 122, columnNumber: 11 }, __self: this }, "Treueprogramm beitreten")), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: loading, className: "w-full bg-[#FFB900] hover:bg-[#FFA500] text-[#8B4513] font-bold py-2 px-4 rounded", __source: { fileName: "", lineNumber: 125, columnNumber: 9 }, __self: this }, loading ? "Wird gesendet..." : "Absenden"))); } function AppointmentFormStory() { const handleSubmit = (data)=>{ console.log("Form submitted:", data); }; return /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-[#F0F8FF]", __source: { fileName: "", lineNumber: 143, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(AppointmentForm, { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 144, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 145, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(AppointmentForm, { onSubmit: handleSubmit, loading: true, __source: { fileName: "", lineNumber: 146, columnNumber: 9 }, __self: this }))); } function CharacterQuiz({ onSubmit }) { const [currentQuestion, setCurrentQuestion] = useState(0); const [answers, setAnswers] = useState({}); const [result, setResult] = useState(null); const questions = [ { id: "mood", text: "Wie würdest du deine aktuelle Stimmung beschreiben?", placeholder: "Z.B. energiegeladen, nachdenklich, entspannt..." }, { id: "color", text: "Was ist deine Lieblingsfarbe und warum?", placeholder: "Beschreibe, warum dich diese Farbe anzieht..." }, { id: "weekend", text: "Wie sieht dein perfektes Wochenende aus?", placeholder: "Beschreibe deine idealen Aktivitäten..." }, { id: "superpower", text: "Wenn du eine Superkraft haben könntest, welche wäre es?", placeholder: "Beschreibe deine Traumfähigkeit..." } ]; const characters = { abenteurer: { name: "Der Abenteurer", description: "Mutig und energiegeladen", accessories: [ "Rucksack", "Kompass", "Wanderstiefel" ] }, denker: { name: "Der Denker", description: "Nachdenklich und kreativ", accessories: [ "Notizbuch", "Vintage-Brille", "Teetasse" ] }, harmoniker: { name: "Der Harmoniker", description: "Ausgeglichen und friedlich", accessories: [ "Yogamatte", "Aromadiffusor", "Meditationskissen" ] } }; const handleSubmit = (e)=>{ e.preventDefault(); if (currentQuestion < questions.length - 1) { setCurrentQuestion((prev)=>prev + 1); } else { const character = determineCharacter(answers); setResult(character); } }; const determineCharacter = (answers)=>{ if (answers.mood?.toLowerCase().includes("energie") || answers.superpower?.toLowerCase().includes("flieg")) { return characters.abenteurer; } else if (answers.weekend?.toLowerCase().includes("lesen") || answers.color?.toLowerCase().includes("blau")) { return characters.denker; } else { return characters.harmoniker; } }; return /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl mx-auto p-6 font-roboto", __source: { fileName: "", lineNumber: 74, columnNumber: 5 }, __self: this }, !result ? /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-8 text-[#333]", __source: { fileName: "", lineNumber: 77, columnNumber: 11 }, __self: this }, "Persönlichkeitsquiz"), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-6", __source: { fileName: "", lineNumber: 81, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }, questions[currentQuestion].text), /*#__PURE__*/ React.createElement("textarea", { className: "w-full p-3 border rounded-md h-32", placeholder: questions[currentQuestion].placeholder, value: answers[questions[currentQuestion].id] || "", onChange: (e)=>setAnswers({ ...answers, [questions[currentQuestion].id]: e.target.value }), required: true, __source: { fileName: "", lineNumber: 83, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "mt-4 bg-[#4A90E2] text-white px-6 py-2 rounded-md hover:bg-[#357ABD]", __source: { fileName: "", lineNumber: 95, columnNumber: 13 }, __self: this }, currentQuestion === questions.length - 1 ? "Ergebnis anzeigen" : "Weiter"))) : /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg shadow-md p-6 text-center", __source: { fileName: "", lineNumber: 106, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-bold mb-4", __source: { fileName: "", lineNumber: 107, columnNumber: 11 }, __self: this }, "Dein Charakter ist:"), /*#__PURE__*/ React.createElement("div", { className: "text-xl text-[#4A90E2] mb-2", __source: { fileName: "", lineNumber: 108, columnNumber: 11 }, __self: this }, result.name), /*#__PURE__*/ React.createElement("p", { className: "mb-4", __source: { fileName: "", lineNumber: 109, columnNumber: 11 }, __self: this }, result.description), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 110, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-lg font-semibold mb-2", __source: { fileName: "", lineNumber: 111, columnNumber: 13 }, __self: this }, "Empfohlene Accessoires:"), /*#__PURE__*/ React.createElement("ul", { className: "list-disc list-inside text-[#666]", __source: { fileName: "", lineNumber: 114, columnNumber: 13 }, __self: this }, result.accessories.map((item, index)=>/*#__PURE__*/ React.createElement("li", { key: index, __source: { fileName: "", lineNumber: 116, columnNumber: 17 }, __self: this }, item)))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setCurrentQuestion(0); setAnswers({}); setResult(null); }, className: "mt-6 bg-[#4A90E2] text-white px-6 py-2 rounded-md hover:bg-[#357ABD]", __source: { fileName: "", lineNumber: 120, columnNumber: 11 }, __self: this }, "Nochmal spielen"))); } function CharacterQuizStory() { return /*#__PURE__*/ React.createElement("div", { className: "bg-gray-100 min-h-screen py-10", __source: { fileName: "", lineNumber: 138, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(CharacterQuiz, { onSubmit: (answers)=>console.log("Quiz beendet:", answers), __source: { fileName: "", lineNumber: 139, columnNumber: 7 }, __self: this })); } function SocialPost({ imageUrl, caption, votes = 0, onVote, onImageUpload, onCaptionChange, onAiEdit }) { const [error, setError] = useState(null); const [upload, { loading }] = useUpload(); const [localVotes, setLocalVotes] = useState(votes); const [isEditing, setIsEditing] = useState(false); const handleUpload = async (e)=>{ if (e.target.files) { const { url, error } = await upload({ file: e.target.files[0] }); if (error) { setError(error); return; } onImageUpload?.(url); } }; const handleVote = (type)=>{ const newVotes = type === "up" ? localVotes + 1 : localVotes - 1; setLocalVotes(newVotes); onVote?.(newVotes); }; return /*#__PURE__*/ React.createElement("div", { className: "max-w-2xl rounded-lg bg-white shadow-lg p-6 mx-auto", __source: { fileName: "", lineNumber: 33, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 34, columnNumber: 7 }, __self: this }, !imageUrl ? /*#__PURE__*/ React.createElement("div", { className: "border-2 border-dashed border-gray-300 rounded-lg p-8 text-center", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "file", accept: "image/*", onChange: handleUpload, className: "hidden", id: "imageUpload", __source: { fileName: "", lineNumber: 37, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "imageUpload", className: "cursor-pointer", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cloud-upload-alt text-3xl text-gray-400", __source: { fileName: "", lineNumber: 45, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "mt-2 text-gray-500", __source: { fileName: "", lineNumber: 46, columnNumber: 15 }, __self: this }, "Bild hochladen"))) : /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 50, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: imageUrl, alt: "Benutzerbild", className: "w-full rounded-lg", __source: { fileName: "", lineNumber: 51, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("button", { onClick: ()=>onAiEdit?.(), className: "absolute top-2 right-2 bg-white p-2 rounded-full shadow-md", __source: { fileName: "", lineNumber: 56, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-magic text-purple-600", __source: { fileName: "", lineNumber: 60, columnNumber: 15 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex items-start space-x-2", __source: { fileName: "", lineNumber: 65, columnNumber: 9 }, __self: this }, isEditing ? /*#__PURE__*/ React.createElement("textarea", { value: caption, onChange: (e)=>onCaptionChange?.(e.target.value), className: "w-full p-2 border rounded-lg resize-none", rows: "3", __source: { fileName: "", lineNumber: 67, columnNumber: 13 }, __self: this }) : /*#__PURE__*/ React.createElement("p", { className: "text-gray-700", __source: { fileName: "", lineNumber: 74, columnNumber: 13 }, __self: this }, caption), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsEditing(!isEditing), className: "text-blue-500", __source: { fileName: "", lineNumber: 76, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas fa-${isEditing ? "check" : "edit"}`, __source: { fileName: "", lineNumber: 80, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-4", __source: { fileName: "", lineNumber: 84, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleVote("up"), className: "text-gray-500 hover:text-green-500", __source: { fileName: "", lineNumber: 85, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-up", __source: { fileName: "", lineNumber: 89, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 91, columnNumber: 11 }, __self: this }, localVotes), /*#__PURE__*/ React.createElement("button", { onClick: ()=>handleVote("down"), className: "text-gray-500 hover:text-red-500", __source: { fileName: "", lineNumber: 92, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-down", __source: { fileName: "", lineNumber: 96, columnNumber: 13 }, __self: this }))))); } function SocialPostStory() { const [imageUrl, setImageUrl] = useState(null); const [caption, setCaption] = useState("Ein toller Tag am Strand!"); const [votes, setVotes] = useState(42); const handleAiEdit = ()=>{ alert("KI-Bildbearbeitung wird gestartet..."); }; return /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-gray-100 min-h-screen", __source: { fileName: "", lineNumber: 114, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(SocialPost, { imageUrl: imageUrl, caption: caption, votes: votes, onVote: setVotes, onImageUpload: setImageUrl, onCaptionChange: setCaption, onAiEdit: handleAiEdit, __source: { fileName: "", lineNumber: 115, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 124, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(SocialPost, { imageUrl: "/example-image.jpg", caption: "Ein weiterer Beispiel-Post", votes: 15, onVote: console.log, onImageUpload: console.log, onCaptionChange: console.log, onAiEdit: console.log, __source: { fileName: "", lineNumber: 125, columnNumber: 9 }, __self: this }))); } function FeedbackForm({ onSubmit }) { const [formData, setFormData] = useState({ experienceRating: 5, staffRating: 5, experienceFeedback: "", staffFeedback: "", suggestions: "" }); const handleChange = (e)=>{ setFormData({ ...formData, [e.target.name]: e.target.value }); }; const handleSubmit = (e)=>{ e.preventDefault(); if (onSubmit) onSubmit(formData); }; return /*#__PURE__*/ React.createElement("div", { className: "w-full max-w-2xl mx-auto p-6 bg-white rounded-lg shadow-md", __source: { fileName: "", lineNumber: 20, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-roboto mb-6 text-[#333] text-center", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }, "Ihre Meinung ist uns wichtig"), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 26, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto mb-2", __source: { fileName: "", lineNumber: 27, columnNumber: 13 }, __self: this }, "Qualität der Erfahrung"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-2", __source: { fileName: "", lineNumber: 30, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "range", name: "experienceRating", min: "1", max: "10", value: formData.experienceRating, onChange: handleChange, className: "w-full", __source: { fileName: "", lineNumber: 31, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-4 font-roboto", __source: { fileName: "", lineNumber: 40, columnNumber: 15 }, __self: this }, formData.experienceRating, "/10")), /*#__PURE__*/ React.createElement("textarea", { name: "experienceFeedback", placeholder: "Beschreiben Sie Ihre Erfahrung...", className: "w-full p-2 border rounded-md", rows: "3", value: formData.experienceFeedback, onChange: handleChange, __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 54, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto mb-2", __source: { fileName: "", lineNumber: 55, columnNumber: 13 }, __self: this }, "Interaktion mit Mitarbeitern"), /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between mb-2", __source: { fileName: "", lineNumber: 58, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "range", name: "staffRating", min: "1", max: "10", value: formData.staffRating, onChange: handleChange, className: "w-full", __source: { fileName: "", lineNumber: 59, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "ml-4 font-roboto", __source: { fileName: "", lineNumber: 68, columnNumber: 15 }, __self: this }, formData.staffRating, "/10")), /*#__PURE__*/ React.createElement("textarea", { name: "staffFeedback", placeholder: "Feedback zur Mitarbeiter-Interaktion...", className: "w-full p-2 border rounded-md", rows: "3", value: formData.staffFeedback, onChange: handleChange, __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 82, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block font-roboto mb-2", __source: { fileName: "", lineNumber: 83, columnNumber: 13 }, __self: this }, "Verbesserungsvorschläge"), /*#__PURE__*/ React.createElement("textarea", { name: "suggestions", placeholder: "Ihre Vorschläge zur Verbesserung...", className: "w-full p-2 border rounded-md", rows: "4", value: formData.suggestions, onChange: handleChange, __source: { fileName: "", lineNumber: 86, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#4A90E2] hover:bg-[#357ABD] text-white font-roboto py-2 px-4 rounded-md transition-colors duration-200", __source: { fileName: "", lineNumber: 97, columnNumber: 9 }, __self: this }, "Feedback senden"))); } function FeedbackFormStory() { const handleSubmit = (data)=>{ console.log("Feedback übermittelt:", data); }; return /*#__PURE__*/ React.createElement("div", { className: "p-4 bg-gray-100 min-h-screen", __source: { fileName: "", lineNumber: 114, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(FeedbackForm, { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 115, columnNumber: 7 }, __self: this })); } function MainComponent() { const [hoveredChar, setHoveredChar] = useState(null); const characters = [ { id: 1, name: "Winnie the Pooh", image: "/pooh.png", description: "The lovable, honey-loving bear" }, { id: 2, name: "Tigger", image: "/tigger.png", description: "The bouncy, energetic tiger" }, { id: 3, name: "Piglet", image: "/piglet.png", description: "The small but brave little pig" }, { id: 4, name: "Eeyore", image: "/eeyore.png", description: "The thoughtful, gentle donkey" } ]; return /*#__PURE__*/ React.createElement("div", { className: "bg-[#f8f4e6] min-h-screen", __source: { fileName: "", lineNumber: 31, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-[#8b4513] text-white py-6", __source: { fileName: "", lineNumber: 32, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto text-center", __source: { fileName: "", lineNumber: 33, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-6xl font-bold font-crimson-text mb-4", __source: { fileName: "", lineNumber: 34, columnNumber: 11 }, __self: this }, "Welcome to the Hundred Acre Wood"), /*#__PURE__*/ React.createElement("p", { className: "text-xl font-roboto", __source: { fileName: "", lineNumber: 37, columnNumber: 11 }, __self: this }, "Where friendship and adventure await!"))), /*#__PURE__*/ React.createElement("main", { className: "container mx-auto px-4 py-12", __source: { fileName: "", lineNumber: 43, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("section", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-8 mb-16", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, characters.map((char)=>/*#__PURE__*/ React.createElement("div", { key: char.id, className: "bg-white rounded-xl shadow-lg transform transition-transform hover:scale-105", onMouseEnter: ()=>setHoveredChar(char.id), onMouseLeave: ()=>setHoveredChar(null), __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6 text-center", __source: { fileName: "", lineNumber: 52, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: char.image, alt: `Disney character ${char.name}`, className: "w-[200px] h-[200px] mx-auto mb-4 rounded-full object-cover", __source: { fileName: "", lineNumber: 53, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold font-crimson-text mb-2", __source: { fileName: "", lineNumber: 58, columnNumber: 17 }, __self: this }, char.name), /*#__PURE__*/ React.createElement("p", { className: "font-roboto text-gray-600", __source: { fileName: "", lineNumber: 61, columnNumber: 17 }, __self: this }, char.description))))), /*#__PURE__*/ React.createElement("section", { className: "flex flex-col md:flex-row gap-8 justify-center items-center", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-1/2 bg-[#ffd700] rounded-xl p-8 text-center", __source: { fileName: "", lineNumber: 68, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold font-crimson-text mb-4", __source: { fileName: "", lineNumber: 69, columnNumber: 13 }, __self: this }, "Tea Time with Friends"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto mb-6", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this }, "Join us for honey treats and delightful chats in the Hundred Acre Wood"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>window.location.href = "/appointments", className: "bg-[#8b4513] text-white px-8 py-3 rounded-full font-bold hover:bg-[#654321] transition-colors", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, "Book Tea Time")), /*#__PURE__*/ React.createElement("div", { className: "w-full md:w-1/2 bg-[#98fb98] rounded-xl p-8 text-center", __source: { fileName: "", lineNumber: 84, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-3xl font-bold font-crimson-text mb-4", __source: { fileName: "", lineNumber: 85, columnNumber: 13 }, __self: this }, "Which Friend Are You?"), /*#__PURE__*/ React.createElement("p", { className: "font-roboto mb-6", __source: { fileName: "", lineNumber: 88, columnNumber: 13 }, __self: this }, "Take our whimsical quiz to discover which Hundred Acre Wood friend matches your spirit"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>window.location.href = "/quiz", className: "bg-[#8b4513] text-white px-8 py-3 rounded-full font-bold hover:bg-[#654321] transition-colors", __source: { fileName: "", lineNumber: 92, columnNumber: 13 }, __self: this }, "Take Quiz")))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#8b4513] text-white py-6 mt-16", __source: { fileName: "", lineNumber: 102, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto text-center font-roboto", __source: { fileName: "", lineNumber: 103, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 104, columnNumber: 11 }, __self: this }, "© 2024 Hundred Acre Wood Adventures. All rights reserved.")))); }