function MainComponent() { const [step, setStep] = useState(0); const [formData, setFormData] = useState({ name: "", age: "", gender: "", seekingGender: "", goals: "", wantChildren: "", hasChildren: "", petPreference: "", incomeRange: "", religion: "", religiousImportance: "", orientation: "", politicalBeliefs: "", dealBreakers: "", personalWeaknesses: "", loveLanguage: "", morningPhoto: "" }); const [showDemoPopup, setShowDemoPopup] = useState(true); const [showInquiryForm, setShowInquiryForm] = useState(false); const [inquiryData, setInquiryData] = useState({ businessName: "", email: "", phone: "", requirements: "" }); const [saveError, setSaveError] = useState(null); const [uploadLoading, setUploadLoading] = useState(false); const [profileSubmitted, setProfileSubmitted] = useState(false); const handleChange = (e)=>{ setFormData({ ...formData, [e.target.name]: e.target.value }); }; const questions = [ { section: "Basic Info", icon: "fa-user", description: "Let's start with the basics about you", fields: [ { name: "name", label: "Your Name", type: "text" }, { name: "age", label: "Your Age", type: "number" }, { name: "gender", label: "Your Gender", type: "select", options: [ "Male", "Female" ] }, { name: "seekingGender", label: "Interested In", type: "select", options: [ "Male", "Female" ] } ] }, { section: "Life Goals & Family", icon: "fa-heart", description: "Share your dreams and family plans", fields: [ { name: "goals", label: "What are your life goals?", type: "textarea" }, { name: "wantChildren", label: "Do you want children?", type: "select", options: [ "Yes", "No", "Maybe" ] }, { name: "hasChildren", label: "Do you have children?", type: "select", options: [ "Yes", "No" ] } ] }, { section: "Lifestyle", icon: "fa-house", description: "Tell us about your lifestyle preferences", fields: [ { name: "petPreference", label: "How do you feel about pets?", type: "select", options: [ "Love them", "Like them", "Don't want any", "Allergic" ] }, { name: "incomeRange", label: "Income Range", type: "select", options: [ "Prefer not to say", "$0-30k", "$30k-60k", "$60k-100k", "$100k+" ] } ] }, { section: "Beliefs & Values", icon: "fa-star", description: "Share your core values and beliefs", fields: [ { name: "religion", label: "Religious Beliefs", type: "select", options: [ "Christian", "Muslim", "Jewish", "Hindu", "Buddhist", "Atheist", "Agnostic", "Other" ] }, { name: "religiousImportance", label: "How important is religion to you?", type: "select", options: [ "Very Important", "Somewhat Important", "Not Important" ] }, { name: "orientation", label: "Sexual Orientation", type: "select", options: [ "Straight", "Gay", "Lesbian", "Bisexual", "Pansexual", "Asexual", "Other" ] }, { name: "politicalBeliefs", label: "Political Views", type: "select", options: [ "Liberal", "Conservative", "Moderate", "Other" ] } ] }, { section: "Relationship Preferences", icon: "fa-heart", description: "Tell us about your relationship expectations", fields: [ { name: "dealBreakers", label: "What are your absolute deal-breakers in a relationship?", type: "textarea" }, { name: "loveLanguage", label: "What's your primary love language?", type: "select", options: [ "Words of Affirmation", "Acts of Service", "Receiving Gifts", "Quality Time", "Physical Touch" ] } ] }, { section: "Self-Reflection", icon: "fa-lightbulb", description: "Help others understand you better", fields: [ { name: "personalWeaknesses", label: "What do you consider your weaknesses?", type: "textarea" }, { name: "morningPhoto", label: "Upload your just woke-up selfie", type: "file", accept: "image/*" } ] } ]; const currentSection = questions[step]; const validateCurrentSection = ()=>{ if (step === 0) { if (!formData.gender) { alert("Please select your gender"); return false; } if (!formData.seekingGender) { alert("Please select who you're interested in"); return false; } } return true; }; const handleNextClick = ()=>{ if (!validateCurrentSection()) { return; } if (step === questions.length - 1) { saveProfile(); } else { setStep(step + 1); } }; const saveProfile = async ()=>{ try { const response = await fetch("/api/save-user-profile", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(formData) }); if (!response.ok) { throw new Error("Failed to save profile"); } const chatUrl = formData.seekingGender.toLowerCase() === "female" ? "https://elevenlabs.io/app/talk-to?agent_id=elNOsnTHbOzra3vgiGzY" : "https://elevenlabs.io/app/talk-to?agent_id=7B6Ih6YcEEWu0AbPaa0N"; window.open(chatUrl, "_blank", "noopener,noreferrer"); setProfileSubmitted(true); } catch (error) { setSaveError("Failed to save profile. Please try again."); } }; return /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("head", { __source: { fileName: "", lineNumber: 254, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("link", { rel: "icon", type: "image/png", href: "https://ucarecdn.com/41e4e134-b783-42ec-8e8f-8242468e394e/-/format/auto/", __source: { fileName: "", lineNumber: 255, columnNumber: 9 }, __self: this })), showDemoPopup && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center z-50", __source: { fileName: "", lineNumber: 262, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-2xl p-8 max-w-md mx-4 relative animate-fadeIn", __source: { fileName: "", lineNumber: 263, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowDemoPopup(false), className: "absolute top-4 right-4 text-gray-500 hover:text-gray-700", __source: { fileName: "", lineNumber: 264, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 268, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text text-[#8B0000] mb-4", __source: { fileName: "", lineNumber: 270, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-info-circle mr-2", __source: { fileName: "", lineNumber: 271, columnNumber: 15 }, __self: this }), "Demo Application"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-6", __source: { fileName: "", lineNumber: 274, columnNumber: 13 }, __self: this }, "This is a demo application showcasing our AI-powered matchmaking platform. Would you like to have a similar app built for your business?"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setShowDemoPopup(false); setShowInquiryForm(true); }, className: "w-full px-6 py-3 bg-[#FF0000] text-white rounded-full font-roboto text-lg transition-all duration-300 transform hover:scale-105 hover:bg-[#8B0000] hover:shadow-lg flex items-center justify-center", __source: { fileName: "", lineNumber: 279, columnNumber: 13 }, __self: this }, "Get Your Custom App", /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-right ml-2", __source: { fileName: "", lineNumber: 287, columnNumber: 15 }, __self: this })))), showInquiryForm && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/50 backdrop-blur-sm flex items-center justify-center z-50", __source: { fileName: "", lineNumber: 294, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-2xl p-8 max-w-md mx-4 relative animate-fadeIn", __source: { fileName: "", lineNumber: 295, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowInquiryForm(false), className: "absolute top-4 right-4 text-gray-500 hover:text-gray-700", __source: { fileName: "", lineNumber: 296, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 300, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text text-[#8B0000] mb-4", __source: { fileName: "", lineNumber: 302, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-building mr-2", __source: { fileName: "", lineNumber: 303, columnNumber: 15 }, __self: this }), "Business Inquiry Form"), /*#__PURE__*/ React.createElement("form", { onSubmit: (e)=>{ e.preventDefault(); console.log("Business Inquiry:", inquiryData); setShowInquiryForm(false); alert("Thank you for your interest! We will contact you soon."); }, className: "space-y-4", __source: { fileName: "", lineNumber: 306, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 315, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-medium text-gray-700 font-roboto mb-2", __source: { fileName: "", lineNumber: 316, columnNumber: 17 }, __self: this }, "Business Name"), /*#__PURE__*/ React.createElement("input", { type: "text", value: inquiryData.businessName, onChange: (e)=>setInquiryData({ ...inquiryData, businessName: e.target.value }), className: "w-full px-4 py-3 border-2 border-[#FF0000] rounded-lg shadow-sm focus:ring-2 focus:ring-[#8B0000] focus:border-[#8B0000] transition-all duration-300", required: true, __source: { fileName: "", lineNumber: 319, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 332, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-medium text-gray-700 font-roboto mb-2", __source: { fileName: "", lineNumber: 333, columnNumber: 17 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { type: "email", value: inquiryData.email, onChange: (e)=>setInquiryData({ ...inquiryData, email: e.target.value }), className: "w-full px-4 py-3 border-2 border-[#FF0000] rounded-lg shadow-sm focus:ring-2 focus:ring-[#8B0000] focus:border-[#8B0000] transition-all duration-300", required: true, __source: { fileName: "", lineNumber: 336, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 346, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-medium text-gray-700 font-roboto mb-2", __source: { fileName: "", lineNumber: 347, columnNumber: 17 }, __self: this }, "Phone"), /*#__PURE__*/ React.createElement("input", { type: "tel", value: inquiryData.phone, onChange: (e)=>setInquiryData({ ...inquiryData, phone: e.target.value }), className: "w-full px-4 py-3 border-2 border-[#FF0000] rounded-lg shadow-sm focus:ring-2 focus:ring-[#8B0000] focus:border-[#8B0000] transition-all duration-300", required: true, __source: { fileName: "", lineNumber: 350, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 360, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-medium text-gray-700 font-roboto mb-2", __source: { fileName: "", lineNumber: 361, columnNumber: 17 }, __self: this }, "Requirements"), /*#__PURE__*/ React.createElement("textarea", { value: inquiryData.requirements, onChange: (e)=>setInquiryData({ ...inquiryData, requirements: e.target.value }), rows: 4, className: "w-full px-4 py-3 border-2 border-[#FF0000] rounded-lg shadow-sm focus:ring-2 focus:ring-[#8B0000] focus:border-[#8B0000] transition-all duration-300", placeholder: "Tell us about your business and what features you'd like in your app...", required: true, __source: { fileName: "", lineNumber: 364, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full px-6 py-3 bg-[#FF0000] text-white rounded-full font-roboto text-lg transition-all duration-300 transform hover:scale-105 hover:bg-[#8B0000] hover:shadow-lg flex items-center justify-center", __source: { fileName: "", lineNumber: 378, columnNumber: 15 }, __self: this }, "Submit Inquiry", /*#__PURE__*/ React.createElement("i", { className: "fas fa-paper-plane ml-2", __source: { fileName: "", lineNumber: 383, columnNumber: 17 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-[#FFE5E5] via-[#FF0000] to-[#8B0000] py-12 px-4 sm:px-6 lg:px-8 relative overflow-hidden", __source: { fileName: "", lineNumber: 390, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "rose-petals", __source: { fileName: "", lineNumber: 391, columnNumber: 9 }, __self: this }, [ ...Array.from({ length: 12 }) ].map((_, i)=>/*#__PURE__*/ React.createElement("div", { key: i, className: `petal petal-${i + 1}`, __source: { fileName: "", lineNumber: 393, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto bg-white/90 backdrop-blur-sm rounded-2xl shadow-2xl p-8 transition-all duration-500 hover:shadow-3xl relative z-10", __source: { fileName: "", lineNumber: 396, columnNumber: 9 }, __self: this }, !profileSubmitted ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "mb-8 w-full", __source: { fileName: "", lineNumber: 399, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { className: "w-full aspect-video rounded-xl shadow-lg", src: "https://www.youtube.com/embed/ZLx9yFa26CI?autoplay=1&mute=1", title: "Soulmate App Introduction", allow: "accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture", allowFullScreen: true, __source: { fileName: "", lineNumber: 400, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "text-center mb-12", style: { animation: "fadeIn 0.6s ease-out" }, __source: { fileName: "", lineNumber: 408, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-crimson-text text-[#8B0000] mb-4", __source: { fileName: "", lineNumber: 412, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${currentSection.icon} mr-3`, __source: { fileName: "", lineNumber: 413, columnNumber: 19 }, __self: this }), "Find Your Soulmate"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 font-roboto text-lg mb-2", __source: { fileName: "", lineNumber: 416, columnNumber: 17 }, __self: this }, "Step ", step + 1, " of ", questions.length), /*#__PURE__*/ React.createElement("div", { className: "w-full bg-gray-200 h-2 rounded-full", __source: { fileName: "", lineNumber: 419, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#FF0000] h-2 rounded-full transition-all duration-500", style: { width: `${(step + 1) / questions.length * 100}%` }, __source: { fileName: "", lineNumber: 420, columnNumber: 19 }, __self: this }))), saveError && /*#__PURE__*/ React.createElement("div", { className: "mb-4 p-4 bg-red-100 text-red-700 rounded-md", __source: { fileName: "", lineNumber: 430, columnNumber: 17 }, __self: this }, saveError), /*#__PURE__*/ React.createElement("div", { className: "mb-8", style: { animation: "fadeIn 0.6s ease-out" }, __source: { fileName: "", lineNumber: 435, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text text-[#8B0000] mb-2", __source: { fileName: "", lineNumber: 439, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${currentSection.icon} mr-2`, __source: { fileName: "", lineNumber: 440, columnNumber: 19 }, __self: this }), currentSection.section), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-6 font-roboto", __source: { fileName: "", lineNumber: 443, columnNumber: 17 }, __self: this }, currentSection.description), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 447, columnNumber: 17 }, __self: this }, currentSection.fields.map((field)=>/*#__PURE__*/ React.createElement("div", { key: field.name, className: "space-y-2 transition-all duration-300 hover:transform hover:scale-[1.02]", __source: { fileName: "", lineNumber: 449, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-lg font-medium text-gray-700 font-roboto", __source: { fileName: "", lineNumber: 453, columnNumber: 23 }, __self: this }, field.label, (field.name === "gender" || field.name === "seekingGender") && /*#__PURE__*/ React.createElement("span", { className: "text-red-500 ml-1", __source: { fileName: "", lineNumber: 457, columnNumber: 27 }, __self: this }, "*")), field.type === "select" ? /*#__PURE__*/ React.createElement("select", { name: field.name, value: formData[field.name], onChange: handleChange, required: field.name === "gender" || field.name === "seekingGender", className: "w-full px-4 py-3 border-2 border-[#FF0000] rounded-lg shadow-sm focus:ring-2 focus:ring-[#8B0000] focus:border-[#8B0000] transition-all duration-300", __source: { fileName: "", lineNumber: 461, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 471, columnNumber: 27 }, __self: this }, "Select an option"), field.options.map((option)=>/*#__PURE__*/ React.createElement("option", { key: option, value: option, __source: { fileName: "", lineNumber: 473, columnNumber: 29 }, __self: this }, option))) : field.type === "textarea" ? /*#__PURE__*/ React.createElement("textarea", { name: field.name, value: formData[field.name], onChange: handleChange, rows: 4, className: "w-full px-4 py-3 border-2 border-[#FF0000] rounded-lg shadow-sm focus:ring-2 focus:ring-[#8B0000] focus:border-[#8B0000] transition-all duration-300", __source: { fileName: "", lineNumber: 479, columnNumber: 25 }, __self: this }) : field.type === "file" ? /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center", __source: { fileName: "", lineNumber: 487, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "file", accept: field.accept, onChange: async (e)=>{ if (e.target.files) { const file = e.target.files[0]; setFormData({ ...formData, [field.name]: URL.createObjectURL(file) }); } }, className: "w-full px-4 py-3 border-2 border-[#FF0000] rounded-lg shadow-sm focus:ring-2 focus:ring-[#8B0000] focus:border-[#8B0000] transition-all duration-300", __source: { fileName: "", lineNumber: 488, columnNumber: 27 }, __self: this }), formData[field.name] && /*#__PURE__*/ React.createElement("img", { src: formData[field.name], alt: "Uploaded preview", className: "mt-4 max-w-xs rounded-lg shadow-md", __source: { fileName: "", lineNumber: 503, columnNumber: 29 }, __self: this })) : /*#__PURE__*/ React.createElement("input", { type: field.type, name: field.name, value: formData[field.name], onChange: handleChange, className: "w-full px-4 py-3 border-2 border-[#FF0000] rounded-lg shadow-sm focus:ring-2 focus:ring-[#8B0000] focus:border-[#8B0000] transition-all duration-300", __source: { fileName: "", lineNumber: 511, columnNumber: 25 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mt-12", __source: { fileName: "", lineNumber: 523, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setStep(Math.max(0, step - 1)), disabled: step === 0, className: `px-6 py-3 rounded-full font-roboto text-lg transition-all duration-300 transform hover:scale-105 flex items-center ${step === 0 ? "bg-gray-300 cursor-not-allowed" : "bg-[#FF0000] text-white hover:bg-[#8B0000] hover:shadow-lg"}`, __source: { fileName: "", lineNumber: 524, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left mr-2", __source: { fileName: "", lineNumber: 533, columnNumber: 19 }, __self: this }), "Previous"), /*#__PURE__*/ React.createElement("button", { onClick: handleNextClick, className: "px-6 py-3 bg-[#FF0000] text-white rounded-full font-roboto text-lg transition-all duration-300 transform hover:scale-105 hover:bg-[#8B0000] hover:shadow-lg flex items-center", disabled: uploadLoading, __source: { fileName: "", lineNumber: 536, columnNumber: 17 }, __self: this }, step === questions.length - 1 ? /*#__PURE__*/ React.createElement(React.Fragment, null, "Find Matches", /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart ml-2", __source: { fileName: "", lineNumber: 544, columnNumber: 23 }, __self: this })) : /*#__PURE__*/ React.createElement(React.Fragment, null, "Next", /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-right ml-2", __source: { fileName: "", lineNumber: 549, columnNumber: 23 }, __self: this }))))) : /*#__PURE__*/ React.createElement("div", { className: "animate-fadeIn", __source: { fileName: "", lineNumber: 556, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl font-crimson-text text-[#8B0000] mb-8 text-center", __source: { fileName: "", lineNumber: 557, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart mr-3", __source: { fileName: "", lineNumber: 558, columnNumber: 17 }, __self: this }), "Your Profile"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-8", __source: { fileName: "", lineNumber: 562, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 563, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white/50 rounded-xl p-6 shadow-lg", __source: { fileName: "", lineNumber: 564, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text text-[#8B0000] mb-4", __source: { fileName: "", lineNumber: 565, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user mr-2", __source: { fileName: "", lineNumber: 566, columnNumber: 23 }, __self: this }), "Basic Information"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 569, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 570, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 571, columnNumber: 25 }, __self: this }, "Name:"), " ", formData.name), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 573, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 574, columnNumber: 25 }, __self: this }, "Age:"), " ", formData.age), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 576, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 577, columnNumber: 25 }, __self: this }, "Gender:"), " ", formData.gender), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 579, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 580, columnNumber: 25 }, __self: this }, "Interested In:"), " ", formData.seekingGender))), /*#__PURE__*/ React.createElement("div", { className: "bg-white/50 rounded-xl p-6 shadow-lg", __source: { fileName: "", lineNumber: 585, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text text-[#8B0000] mb-4", __source: { fileName: "", lineNumber: 586, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart mr-2", __source: { fileName: "", lineNumber: 587, columnNumber: 23 }, __self: this }), "Life Goals & Family"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 590, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 591, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 592, columnNumber: 25 }, __self: this }, "Life Goals:"), " ", formData.goals), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 594, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 595, columnNumber: 25 }, __self: this }, "Want Children:"), " ", formData.wantChildren), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 597, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 598, columnNumber: 25 }, __self: this }, "Has Children:"), " ", formData.hasChildren))), /*#__PURE__*/ React.createElement("div", { className: "bg-white/50 rounded-xl p-6 shadow-lg", __source: { fileName: "", lineNumber: 603, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text text-[#8B0000] mb-4", __source: { fileName: "", lineNumber: 604, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-house mr-2", __source: { fileName: "", lineNumber: 605, columnNumber: 23 }, __self: this }), "Lifestyle"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 608, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 609, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 610, columnNumber: 25 }, __self: this }, "Pet Preference:"), " ", formData.petPreference), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 613, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 614, columnNumber: 25 }, __self: this }, "Income Range:"), " ", formData.incomeRange)))), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 620, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white/50 rounded-xl p-6 shadow-lg", __source: { fileName: "", lineNumber: 621, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text text-[#8B0000] mb-4", __source: { fileName: "", lineNumber: 622, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star mr-2", __source: { fileName: "", lineNumber: 623, columnNumber: 23 }, __self: this }), "Beliefs & Values"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 626, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 627, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 628, columnNumber: 25 }, __self: this }, "Religion:"), " ", formData.religion), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 630, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 631, columnNumber: 25 }, __self: this }, "Religious Importance:"), " ", formData.religiousImportance), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 634, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 635, columnNumber: 25 }, __self: this }, "Orientation:"), " ", formData.orientation), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 637, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 638, columnNumber: 25 }, __self: this }, "Political Views:"), " ", formData.politicalBeliefs))), /*#__PURE__*/ React.createElement("div", { className: "bg-white/50 rounded-xl p-6 shadow-lg", __source: { fileName: "", lineNumber: 644, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text text-[#8B0000] mb-4", __source: { fileName: "", lineNumber: 645, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-heart mr-2", __source: { fileName: "", lineNumber: 646, columnNumber: 23 }, __self: this }), "Relationship Preferences"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 649, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 650, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 651, columnNumber: 25 }, __self: this }, "Deal Breakers:"), " ", formData.dealBreakers), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 653, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 654, columnNumber: 25 }, __self: this }, "Love Language:"), " ", formData.loveLanguage))), /*#__PURE__*/ React.createElement("div", { className: "bg-white/50 rounded-xl p-6 shadow-lg", __source: { fileName: "", lineNumber: 659, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-crimson-text text-[#8B0000] mb-4", __source: { fileName: "", lineNumber: 660, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-lightbulb mr-2", __source: { fileName: "", lineNumber: 661, columnNumber: 23 }, __self: this }), "Self-Reflection"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 664, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 665, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 666, columnNumber: 25 }, __self: this }, "Personal Weaknesses:"), " ", formData.personalWeaknesses), formData.morningPhoto && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 670, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "mb-2", __source: { fileName: "", lineNumber: 671, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("strong", { __source: { fileName: "", lineNumber: 672, columnNumber: 29 }, __self: this }, "Morning Photo:")), /*#__PURE__*/ React.createElement("img", { src: formData.morningPhoto, alt: "Morning selfie", className: "rounded-lg shadow-md max-w-full h-auto", __source: { fileName: "", lineNumber: 674, columnNumber: 27 }, __self: this })))))), /*#__PURE__*/ React.createElement("div", { className: "mt-8 text-center", __source: { fileName: "", lineNumber: 686, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-4", __source: { fileName: "", lineNumber: 687, columnNumber: 17 }, __self: this }, "Your profile has been saved and you can now chat with your AI match in the new window."), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setProfileSubmitted(false), className: "px-6 py-3 bg-[#FF0000] text-white rounded-full font-roboto text-lg transition-all duration-300 transform hover:scale-105 hover:bg-[#8B0000] hover:shadow-lg flex items-center mx-auto", __source: { fileName: "", lineNumber: 691, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-edit mr-2", __source: { fileName: "", lineNumber: 695, columnNumber: 19 }, __self: this }), "Edit Profile")))), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-4 w-full text-center text-white font-roboto text-sm backdrop-blur-sm bg-black/10 py-2", __source: { fileName: "", lineNumber: 702, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://fivestarsapps.created.app/", target: "_blank", rel: "noopener noreferrer", className: "hover:text-[#FF0000] transition-colors duration-300", __source: { fileName: "", lineNumber: 703, columnNumber: 11 }, __self: this }, "Powered by Five Stars App Solutions AI Builder")), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 712, columnNumber: 9 }, __self: this }, ` .rose-petals { position: absolute; width: 100%; height: 100%; top: 0; left: 0; pointer-events: none; } .petal { position: absolute; width: 20px; height: 20px; background: #FF0000; border-radius: 100% 0 100% 0; opacity: 0.4; animation: falling 10s infinite linear; } ${[ ...Array.from({ length: 12 }) ].map((_, i)=>` .petal-${i + 1} { left: ${Math.random() * 100}%; animation-delay: -${Math.random() * 10}s; animation-duration: ${10 + Math.random() * 5}s; transform: rotate(${Math.random() * 360}deg); } `).join("")} @keyframes falling { 0% { transform: translate(0, -10%) rotate(0deg); } 100% { transform: translate(${Math.random() * 200 - 100}px, 1000%) rotate(720deg); } } @keyframes fadeIn { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes pulse { 0% { transform: scale(1); } 50% { transform: scale(1.05); } 100% { transform: scale(1); } } .animate-fadeIn { animation: fadeIn 0.3s ease-out; } `))); }