✅

Booking Confirmed!

\n {success}\n

\n We'll send you a confirmation email with all the details and a calendar invite.\n

\n {\n setSuccess(null);\n setError(null);\n }}\n className=\"btn-primary\"\n >\n Book Another Session\n \n

\n );\n }\n\n return (\n

\n Book Your Coaching Session\n

\n Schedule a personalized session to accelerate your career growth.\n

\n\n {error && (\n

\n {error}\n

\n )}\n\n

\n {/* Booking Form */}\n

Session Details

\n \n

\n {/* Service Selection */}\n

\n \n Select Service *\n \n setSelectedService(e.target.value)}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md form-input\"\n required\n >\n \n {services.map((service) => (\n \n ))}\n \n

\n\n {/* Date Selection */}\n

\n \n Select Date *\n \n setSelectedDate(e.target.value)}\n min={getMinDate()}\n max={getMaxDate()}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md form-input\"\n required\n />\n

\n\n {/* Time Selection */}\n {selectedDate && (\n

\n \n Select Time *\n \n {loadingSlots ? (\n

\n Loading available times...\n

\n ) : (\n

\n {timeSlots.map((slot) => (\n setSelectedTime(slot.time)}\n disabled={!slot.available}\n className={`p-2 text-sm rounded border ${\n selectedTime === slot.time\n ? 'bg-blue-600 text-white border-blue-600'\n : slot.available\n ? 'bg-white text-gray-700 border-gray-300 hover:bg-gray-50'\n : 'bg-gray-100 text-gray-400 border-gray-200 cursor-not-allowed'\n }`}\n >\n {slot.time}\n \n ))}\n

\n )}\n

\n )}\n\n {/* Personal Information */}\n

Your Information

\n \n

\n \n Full Name *\n \n setFormData({...formData, client_name: e.target.value})}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md form-input\"\n required\n />\n

\n \n

\n \n Email Address *\n \n setFormData({...formData, client_email: e.target.value})}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md form-input\"\n required\n />\n

\n \n

\n \n Phone Number (Optional)\n \n setFormData({...formData, phone: e.target.value})}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md form-input\"\n />\n

\n \n

\n \n Additional Notes (Optional)\n \n setFormData({...formData, notes: e.target.value})}\n rows={3}\n className=\"w-full px-3 py-2 border border-gray-300 rounded-md form-input\"\n placeholder=\"Tell us about your goals, challenges, or anything else we should know...\"\n />\n

\n\n \n {loading ? (\n

\n Booking Session...\n

\n ) : (\n 'Book Session'\n )}\n \n \n

\n\n {/* Service Information */}\n

\n {selectedServiceDetails && (\n

\n {selectedServiceDetails.name}\n

\n {selectedServiceDetails.description}\n

\n Duration:\n {selectedServiceDetails.duration} minutes\n

\n Price:\n ${selectedServiceDetails.price}\n

\n )}\n\n

What to Expect

\n ✓\n Personalized one-on-one session via video call\n
\n ✓\n Customized advice based on your goals\n
\n ✓\n Actionable strategies and next steps\n
\n ✓\n Follow-up resources and materials\n
\n ✓\n Email summary of key points discussed\n

\n\n

Booking Policy

• Sessions can be rescheduled up to 24 hours in advance
• Cancellations within 24 hours may incur a fee
• You'll receive a confirmation email with meeting details
• Technical requirements: stable internet and video capability

\n );\n}","deleted","label",[170,171,153],"frontend","components","permalink","https://www.val.town/x/reemgalal28/untitled-2706/code/frontend/components/Booking.tsx","extension","actionData","errors"]