function MainComponent() { const [formData, setFormData] = useState({ name: "", email: "", phone: "", serviceType: "", preferredDate: "", preferredTime: "", language: "", reasonForCounselling: "", additionalNotes: "" }); const [isSubmitting, setIsSubmitting] = useState(false); const [submitStatus, setSubmitStatus] = useState(null); const [errors, setErrors] = useState({}); const [mobileMenuOpen, setMobileMenuOpen] = useState(false); const handleInputChange = (e)=>{ const { name, value } = e.target; setFormData((prev)=>({ ...prev, [name]: value })); // Clear error when user starts typing if (errors[name]) { setErrors((prev)=>({ ...prev, [name]: "" })); } }; const validateForm = ()=>{ const newErrors = {}; if (!formData.name.trim()) newErrors.name = "Name is required"; if (!formData.email.trim()) newErrors.email = "Email is required"; if (!formData.serviceType) newErrors.serviceType = "Please select a service type"; // Email validation const emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/; if (formData.email && !emailRegex.test(formData.email)) { newErrors.email = "Please enter a valid email address"; } setErrors(newErrors); return Object.keys(newErrors).length === 0; }; const handleSubmit = async (e)=>{ e.preventDefault(); if (!validateForm()) { return; } setIsSubmitting(true); setSubmitStatus(null); try { // Store booking in database const storeResponse = await fetch("/api/store-booking", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(formData) }); const storeResult = await storeResponse.json(); if (storeResult.error) { throw new Error(storeResult.error); } // Send email notification const notificationResponse = await fetch("/api/send-booking-notification", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(formData) }); const notificationResult = await notificationResponse.json(); if (notificationResult.error) { console.warn("Email notification failed:", notificationResult.error); // Still show success since booking was stored } setSubmitStatus({ type: "success", message: "Thank you! Your booking request has been submitted successfully. I will contact you within 24 hours to confirm your appointment." }); // Reset form setFormData({ name: "", email: "", phone: "", serviceType: "", preferredDate: "", preferredTime: "", language: "", reasonForCounselling: "", additionalNotes: "" }); } catch (error) { console.error("Booking submission error:", error); setSubmitStatus({ type: "error", message: "Sorry, there was an error submitting your booking. Please try again or contact me directly via WhatsApp." }); } finally{ setIsSubmitting(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-teal-50 via-blue-50 to-green-50", __source: { fileName: "", lineNumber: 127, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("header", { className: "bg-white/80 backdrop-blur-md shadow-lg sticky top-0 z-50", __source: { fileName: "", lineNumber: 129, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 130, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center py-4", __source: { fileName: "", lineNumber: 131, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3", __source: { fileName: "", lineNumber: 132, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "flex items-center space-x-3 hover:opacity-80 transition-opacity duration-300", __source: { fileName: "", lineNumber: 133, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/3eb66f8e-0def-4b24-a824-e77ee1265a4f/-/format/auto/", alt: "The Counselling World Logo", className: "w-12 h-12 object-contain", __source: { fileName: "", lineNumber: 137, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 142, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-xl font-bold bg-gradient-to-r from-teal-600 to-blue-600 bg-clip-text text-transparent", __source: { fileName: "", lineNumber: 143, columnNumber: 19 }, __self: this }, "The Counselling World"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 146, columnNumber: 19 }, __self: this }, "Professional Mental Health Support")))), /*#__PURE__*/ React.createElement("nav", { className: "hidden md:flex items-center space-x-8", __source: { fileName: "", lineNumber: 154, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-gray-700 hover:text-teal-600 transition-colors", __source: { fileName: "", lineNumber: 155, columnNumber: 15 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "/about", className: "text-gray-700 hover:text-teal-600 transition-colors", __source: { fileName: "", lineNumber: 161, columnNumber: 15 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { href: "/services", className: "text-gray-700 hover:text-teal-600 transition-colors", __source: { fileName: "", lineNumber: 167, columnNumber: 15 }, __self: this }, "Services"), /*#__PURE__*/ React.createElement("a", { href: "/approach", className: "text-gray-700 hover:text-teal-600 transition-colors", __source: { fileName: "", lineNumber: 173, columnNumber: 15 }, __self: this }, "Approach"), /*#__PURE__*/ React.createElement("a", { href: "/blog", className: "text-gray-700 hover:text-teal-600 transition-colors", __source: { fileName: "", lineNumber: 179, columnNumber: 15 }, __self: this }, "Blog"), /*#__PURE__*/ React.createElement("a", { href: "/booking", className: "text-teal-600 font-semibold border-b-2 border-teal-600", __source: { fileName: "", lineNumber: 185, columnNumber: 15 }, __self: this }, "Book Session"), /*#__PURE__*/ React.createElement("a", { href: "https://wa.me/61490786950", target: "_blank", rel: "noopener noreferrer", className: "text-green-600 hover:text-green-700 transition-colors", __source: { fileName: "", lineNumber: 191, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-whatsapp text-xl", __source: { fileName: "", lineNumber: 197, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setMobileMenuOpen(!mobileMenuOpen), className: "md:hidden text-gray-700 p-2 hover:text-teal-600 transition-colors", __source: { fileName: "", lineNumber: 202, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${mobileMenuOpen ? "fa-times" : "fa-bars"} text-xl`, __source: { fileName: "", lineNumber: 206, columnNumber: 15 }, __self: this }))), mobileMenuOpen && /*#__PURE__*/ React.createElement("div", { className: "md:hidden mt-4 pb-4 border-t border-gray-200", __source: { fileName: "", lineNumber: 214, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-3 pt-4", __source: { fileName: "", lineNumber: 215, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-gray-700 hover:text-teal-600 hover:bg-teal-50 transition-all duration-300 px-3 py-2 rounded-lg", __source: { fileName: "", lineNumber: 216, columnNumber: 17 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "/about", className: "text-gray-700 hover:text-teal-600 hover:bg-teal-50 transition-all duration-300 px-3 py-2 rounded-lg", __source: { fileName: "", lineNumber: 222, columnNumber: 17 }, __self: this }, "About"), /*#__PURE__*/ React.createElement("a", { href: "/services", className: "text-gray-700 hover:text-teal-600 hover:bg-teal-50 transition-all duration-300 px-3 py-2 rounded-lg", __source: { fileName: "", lineNumber: 228, columnNumber: 17 }, __self: this }, "Services"), /*#__PURE__*/ React.createElement("a", { href: "/approach", className: "text-gray-700 hover:text-teal-600 hover:bg-teal-50 transition-all duration-300 px-3 py-2 rounded-lg", __source: { fileName: "", lineNumber: 234, columnNumber: 17 }, __self: this }, "Approach"), /*#__PURE__*/ React.createElement("a", { href: "/blog", className: "text-gray-700 hover:text-teal-600 hover:bg-teal-50 transition-all duration-300 px-3 py-2 rounded-lg", __source: { fileName: "", lineNumber: 240, columnNumber: 17 }, __self: this }, "Blog"), /*#__PURE__*/ React.createElement("a", { href: "/booking", className: "text-teal-600 font-semibold px-3 py-2 rounded-lg bg-teal-50", __source: { fileName: "", lineNumber: 246, columnNumber: 17 }, __self: this }, "Book Session"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2 mt-4 px-3", __source: { fileName: "", lineNumber: 252, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://wa.me/61490786950", target: "_blank", rel: "noopener noreferrer", className: "bg-green-500 hover:bg-green-600 text-white px-4 py-2 rounded-full transition-all duration-300 text-sm flex items-center gap-2", __source: { fileName: "", lineNumber: 253, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-whatsapp", __source: { fileName: "", lineNumber: 259, columnNumber: 21 }, __self: this }), "WhatsApp")))))), /*#__PURE__*/ React.createElement("main", { className: "max-w-4xl mx-auto px-4 sm:px-6 lg:px-8 py-12", __source: { fileName: "", lineNumber: 270, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-12", __source: { fileName: "", lineNumber: 272, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-5xl font-bold bg-gradient-to-r from-teal-600 via-blue-600 to-green-600 bg-clip-text text-transparent mb-6", __source: { fileName: "", lineNumber: 273, columnNumber: 11 }, __self: this }, "Book Your Session"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-gray-700 mb-8 max-w-3xl mx-auto", __source: { fileName: "", lineNumber: 276, columnNumber: 11 }, __self: this }, "Take the first step towards better mental health. Schedule a confidential consultation with Sumaira Alvi, your trusted mental health professional."), /*#__PURE__*/ React.createElement("div", { className: "bg-white/60 backdrop-blur-sm rounded-2xl p-6 mb-8 border border-teal-100", __source: { fileName: "", lineNumber: 283, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-center space-x-4 text-teal-700", __source: { fileName: "", lineNumber: 284, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-shield-alt text-2xl", __source: { fileName: "", lineNumber: 285, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "text-left", __source: { fileName: "", lineNumber: 286, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-semibold", __source: { fileName: "", lineNumber: 287, columnNumber: 17 }, __self: this }, "100% Confidential & Secure"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-600", __source: { fileName: "", lineNumber: 288, columnNumber: 17 }, __self: this }, "Your information is protected and will never be shared"))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white/80 backdrop-blur-sm rounded-3xl shadow-2xl p-8 md:p-12", __source: { fileName: "", lineNumber: 297, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 298, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 300, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 301, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-semibold text-gray-700 mb-2", __source: { fileName: "", lineNumber: 302, columnNumber: 17 }, __self: this }, "Full Name *"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", value: formData.name, onChange: handleInputChange, className: `w-full px-4 py-3 rounded-xl border-2 focus:outline-none focus:ring-2 focus:ring-teal-500 transition-all ${errors.name ? "border-red-300 bg-red-50" : "border-gray-200 focus:border-teal-300"}`, placeholder: "Enter your full name", __source: { fileName: "", lineNumber: 305, columnNumber: 17 }, __self: this }), errors.name && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-sm mt-1", __source: { fileName: "", lineNumber: 318, columnNumber: 19 }, __self: this }, errors.name)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 322, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-semibold text-gray-700 mb-2", __source: { fileName: "", lineNumber: 323, columnNumber: 17 }, __self: this }, "Email Address *"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: formData.email, onChange: handleInputChange, className: `w-full px-4 py-3 rounded-xl border-2 focus:outline-none focus:ring-2 focus:ring-teal-500 transition-all ${errors.email ? "border-red-300 bg-red-50" : "border-gray-200 focus:border-teal-300"}`, placeholder: "your.email@example.com", __source: { fileName: "", lineNumber: 326, columnNumber: 17 }, __self: this }), errors.email && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-sm mt-1", __source: { fileName: "", lineNumber: 339, columnNumber: 19 }, __self: this }, errors.email))), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 344, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 345, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-semibold text-gray-700 mb-2", __source: { fileName: "", lineNumber: 346, columnNumber: 17 }, __self: this }, "Phone Number"), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "phone", value: formData.phone, onChange: handleInputChange, className: "w-full px-4 py-3 rounded-xl border-2 border-gray-200 focus:border-teal-300 focus:outline-none focus:ring-2 focus:ring-teal-500 transition-all", placeholder: "+61 xxx xxx xxx", __source: { fileName: "", lineNumber: 349, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 359, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-semibold text-gray-700 mb-2", __source: { fileName: "", lineNumber: 360, columnNumber: 17 }, __self: this }, "Preferred Language"), /*#__PURE__*/ React.createElement("select", { name: "language", value: formData.language, onChange: handleInputChange, className: "w-full px-4 py-3 rounded-xl border-2 border-gray-200 focus:border-teal-300 focus:outline-none focus:ring-2 focus:ring-teal-500 transition-all", __source: { fileName: "", lineNumber: 363, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 369, columnNumber: 19 }, __self: this }, "Select Language"), /*#__PURE__*/ React.createElement("option", { value: "English", __source: { fileName: "", lineNumber: 370, columnNumber: 19 }, __self: this }, "English"), /*#__PURE__*/ React.createElement("option", { value: "Urdu", __source: { fileName: "", lineNumber: 371, columnNumber: 19 }, __self: this }, "Urdu"), /*#__PURE__*/ React.createElement("option", { value: "Hindi", __source: { fileName: "", lineNumber: 372, columnNumber: 19 }, __self: this }, "Hindi"), /*#__PURE__*/ React.createElement("option", { value: "Punjabi", __source: { fileName: "", lineNumber: 373, columnNumber: 19 }, __self: this }, "Punjabi")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 379, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-semibold text-gray-700 mb-2", __source: { fileName: "", lineNumber: 380, columnNumber: 15 }, __self: this }, "Service Type *"), /*#__PURE__*/ React.createElement("select", { name: "serviceType", value: formData.serviceType, onChange: handleInputChange, className: `w-full px-4 py-3 rounded-xl border-2 focus:outline-none focus:ring-2 focus:ring-teal-500 transition-all ${errors.serviceType ? "border-red-300 bg-red-50" : "border-gray-200 focus:border-teal-300"}`, __source: { fileName: "", lineNumber: 383, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 393, columnNumber: 17 }, __self: this }, "Select a service"), /*#__PURE__*/ React.createElement("option", { value: "Individual Counselling", __source: { fileName: "", lineNumber: 394, columnNumber: 17 }, __self: this }, "Individual Counselling"), /*#__PURE__*/ React.createElement("option", { value: "Couples Therapy", __source: { fileName: "", lineNumber: 397, columnNumber: 17 }, __self: this }, "Couples Therapy"), /*#__PURE__*/ React.createElement("option", { value: "Family Therapy", __source: { fileName: "", lineNumber: 398, columnNumber: 17 }, __self: this }, "Family Therapy"), /*#__PURE__*/ React.createElement("option", { value: "Child & Adolescent Therapy", __source: { fileName: "", lineNumber: 399, columnNumber: 17 }, __self: this }, "Child & Adolescent Therapy"), /*#__PURE__*/ React.createElement("option", { value: "Autism Support", __source: { fileName: "", lineNumber: 402, columnNumber: 17 }, __self: this }, "Autism Support"), /*#__PURE__*/ React.createElement("option", { value: "Trauma Therapy", __source: { fileName: "", lineNumber: 403, columnNumber: 17 }, __self: this }, "Trauma Therapy"), /*#__PURE__*/ React.createElement("option", { value: "Anxiety & Depression Support", __source: { fileName: "", lineNumber: 404, columnNumber: 17 }, __self: this }, "Anxiety & Depression Support"), /*#__PURE__*/ React.createElement("option", { value: "Relationship Counselling", __source: { fileName: "", lineNumber: 407, columnNumber: 17 }, __self: this }, "Relationship Counselling")), errors.serviceType && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-sm mt-1", __source: { fileName: "", lineNumber: 412, columnNumber: 17 }, __self: this }, errors.serviceType)), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 419, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 420, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-semibold text-gray-700 mb-2", __source: { fileName: "", lineNumber: 421, columnNumber: 17 }, __self: this }, "Preferred Date"), /*#__PURE__*/ React.createElement("input", { type: "date", name: "preferredDate", value: formData.preferredDate, onChange: handleInputChange, min: new Date().toISOString().split("T")[0], className: "w-full px-4 py-3 rounded-xl border-2 border-gray-200 focus:border-teal-300 focus:outline-none focus:ring-2 focus:ring-teal-500 transition-all", __source: { fileName: "", lineNumber: 424, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 434, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-semibold text-gray-700 mb-2", __source: { fileName: "", lineNumber: 435, columnNumber: 17 }, __self: this }, "Preferred Time"), /*#__PURE__*/ React.createElement("select", { name: "preferredTime", value: formData.preferredTime, onChange: handleInputChange, className: "w-full px-4 py-3 rounded-xl border-2 border-gray-200 focus:border-teal-300 focus:outline-none focus:ring-2 focus:ring-teal-500 transition-all", __source: { fileName: "", lineNumber: 438, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 444, columnNumber: 19 }, __self: this }, "Select Time"), /*#__PURE__*/ React.createElement("option", { value: "9:00 AM", __source: { fileName: "", lineNumber: 445, columnNumber: 19 }, __self: this }, "9:00 AM"), /*#__PURE__*/ React.createElement("option", { value: "10:00 AM", __source: { fileName: "", lineNumber: 446, columnNumber: 19 }, __self: this }, "10:00 AM"), /*#__PURE__*/ React.createElement("option", { value: "11:00 AM", __source: { fileName: "", lineNumber: 447, columnNumber: 19 }, __self: this }, "11:00 AM"), /*#__PURE__*/ React.createElement("option", { value: "12:00 PM", __source: { fileName: "", lineNumber: 448, columnNumber: 19 }, __self: this }, "12:00 PM"), /*#__PURE__*/ React.createElement("option", { value: "1:00 PM", __source: { fileName: "", lineNumber: 449, columnNumber: 19 }, __self: this }, "1:00 PM"), /*#__PURE__*/ React.createElement("option", { value: "2:00 PM", __source: { fileName: "", lineNumber: 450, columnNumber: 19 }, __self: this }, "2:00 PM"), /*#__PURE__*/ React.createElement("option", { value: "3:00 PM", __source: { fileName: "", lineNumber: 451, columnNumber: 19 }, __self: this }, "3:00 PM"), /*#__PURE__*/ React.createElement("option", { value: "4:00 PM", __source: { fileName: "", lineNumber: 452, columnNumber: 19 }, __self: this }, "4:00 PM"), /*#__PURE__*/ React.createElement("option", { value: "5:00 PM", __source: { fileName: "", lineNumber: 453, columnNumber: 19 }, __self: this }, "5:00 PM"), /*#__PURE__*/ React.createElement("option", { value: "6:00 PM", __source: { fileName: "", lineNumber: 454, columnNumber: 19 }, __self: this }, "6:00 PM")))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 460, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-semibold text-gray-700 mb-2", __source: { fileName: "", lineNumber: 461, columnNumber: 15 }, __self: this }, "Reason for Counselling"), /*#__PURE__*/ React.createElement("textarea", { name: "reasonForCounselling", value: formData.reasonForCounselling, onChange: handleInputChange, rows: "4", className: "w-full px-4 py-3 rounded-xl border-2 border-gray-200 focus:border-teal-300 focus:outline-none focus:ring-2 focus:ring-teal-500 transition-all resize-none", placeholder: "Please share what brings you to counselling today (optional but helpful for preparation)", __source: { fileName: "", lineNumber: 464, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 475, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-semibold text-gray-700 mb-2", __source: { fileName: "", lineNumber: 476, columnNumber: 15 }, __self: this }, "Additional Notes"), /*#__PURE__*/ React.createElement("textarea", { name: "additionalNotes", value: formData.additionalNotes, onChange: handleInputChange, rows: "3", className: "w-full px-4 py-3 rounded-xl border-2 border-gray-200 focus:border-teal-300 focus:outline-none focus:ring-2 focus:ring-teal-500 transition-all resize-none", placeholder: "Any specific requests, accessibility needs, or other information you'd like to share", __source: { fileName: "", lineNumber: 479, columnNumber: 15 }, __self: this })), submitStatus && /*#__PURE__*/ React.createElement("div", { className: `p-4 rounded-xl ${submitStatus.type === "success" ? "bg-green-50 border border-green-200 text-green-800" : "bg-red-50 border border-red-200 text-red-800"}`, __source: { fileName: "", lineNumber: 491, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 498, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${submitStatus.type === "success" ? "fa-check-circle" : "fa-exclamation-circle"}`, __source: { fileName: "", lineNumber: 499, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 502, columnNumber: 19 }, __self: this }, submitStatus.message))), /*#__PURE__*/ React.createElement("div", { className: "text-center pt-6", __source: { fileName: "", lineNumber: 508, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: isSubmitting, className: "bg-gradient-to-r from-teal-600 to-blue-600 hover:from-teal-700 hover:to-blue-700 text-white font-semibold py-4 px-12 rounded-2xl shadow-lg hover:shadow-xl transform hover:scale-105 transition-all duration-300 disabled:opacity-50 disabled:cursor-not-allowed disabled:transform-none", __source: { fileName: "", lineNumber: 509, columnNumber: 15 }, __self: this }, isSubmitting ? /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 515, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 516, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 517, columnNumber: 21 }, __self: this }, "Submitting...")) : /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-2", __source: { fileName: "", lineNumber: 520, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar-check", __source: { fileName: "", lineNumber: 521, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 522, columnNumber: 21 }, __self: this }, "Submit Booking Request")))))), /*#__PURE__*/ React.createElement("div", { className: "mt-12 text-center", __source: { fileName: "", lineNumber: 531, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white/60 backdrop-blur-sm rounded-2xl p-8", __source: { fileName: "", lineNumber: 532, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold text-gray-800 mb-4", __source: { fileName: "", lineNumber: 533, columnNumber: 13 }, __self: this }, "Need Immediate Support?"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-6", __source: { fileName: "", lineNumber: 536, columnNumber: 13 }, __self: this }, "If you're experiencing a mental health crisis or need immediate support, please don't wait for an appointment."), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col sm:flex-row gap-4 justify-center items-center", __source: { fileName: "", lineNumber: 541, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://wa.me/61490786950", target: "_blank", rel: "noopener noreferrer", className: "bg-green-600 hover:bg-green-700 text-white font-semibold py-3 px-8 rounded-xl shadow-lg hover:shadow-xl transform hover:scale-110 transition-all duration-300 flex items-center space-x-2", __source: { fileName: "", lineNumber: 542, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-whatsapp text-xl", __source: { fileName: "", lineNumber: 548, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { __source: { fileName: "", lineNumber: 549, columnNumber: 17 }, __self: this }, "WhatsApp: +61 490 786 950")), /*#__PURE__*/ React.createElement("div", { className: "text-gray-600", __source: { fileName: "", lineNumber: 552, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-semibold", __source: { fileName: "", lineNumber: 553, columnNumber: 17 }, __self: this }, "Crisis Support:"), /*#__PURE__*/ React.createElement("p", { __source: { fileName: "", lineNumber: 554, columnNumber: 17 }, __self: this }, "Lifeline: 13 11 14")))))), /*#__PURE__*/ React.createElement("a", { href: "https://wa.me/61490786950", target: "_blank", rel: "noopener noreferrer", className: "fixed bottom-6 right-6 bg-green-500 hover:bg-green-600 text-white p-4 rounded-full shadow-2xl hover:shadow-xl transform hover:scale-110 transition-all duration-300 z-50", __source: { fileName: "", lineNumber: 562, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-whatsapp text-2xl", __source: { fileName: "", lineNumber: 568, columnNumber: 9 }, __self: this }))); }