"use client"; function MainComponent() { const [courses, setCourses] = React.useState([]); const [loading, setLoading] = React.useState(true); const [error, setError] = React.useState(null); const [selectedCategory, setSelectedCategory] = React.useState("all"); const [showContactForm, setShowContactForm] = React.useState(false); const [selectedCourse, setSelectedCourse] = React.useState(null); const [formData, setFormData] = React.useState({ name: "", city: "", phone: "", email: "", notes: "", selected_course: "" }); const [formStatus, setFormStatus] = React.useState({ loading: false, error: null, success: false }); const categories = React.useMemo(()=>{ if (!courses || !courses.length) return [ "all" ]; return [ "all", ...new Set(courses.map((course)=>course.category)) ]; }, [ courses ]); const filteredCourses = React.useMemo(()=>{ if (!courses) return []; return selectedCategory === "all" ? courses : courses.filter((course)=>course.category === selectedCategory); }, [ courses, selectedCategory ]); const fetchCourses = React.useCallback(async ()=>{ setLoading(true); setError(null); try { const response = await fetch("/api/get-courses", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify({}) }); if (!response.ok) { throw new Error("Failed to fetch courses"); } const data = await response.json(); setCourses(data || []); } catch (err) { setError("Failed to load courses. Please try again later."); console.error(err); } finally{ setLoading(false); } }, []); React.useEffect(()=>{ fetchCourses(); }, [ fetchCourses ]); const getCourseImage = React.useCallback((courseName)=>{ const imageMap = { MBBS: "https://images.pexels.com/photos/4386466/pexels-photo-4386466.jpeg", "B.Sc Dialysis": "https://images.pexels.com/photos/4226224/pexels-photo-4226224.jpeg", BPT: "https://images.pexels.com/photos/4506109/pexels-photo-4506109.jpeg", BBA: "https://images.pexels.com/photos/3183150/pexels-photo-3183150.jpeg", BCA: "https://images.pexels.com/photos/1181671/pexels-photo-1181671.jpeg", MBA: "https://images.pexels.com/photos/1181421/pexels-photo-1181421.jpeg", "B.Sc Nursing": "https://images.pexels.com/photos/4386466/pexels-photo-4386466.jpeg", "B.Pharma": "https://images.pexels.com/photos/3683074/pexels-photo-3683074.jpeg", GNM: "https://images.pexels.com/photos/4386467/pexels-photo-4386467.jpeg", "B.Sc MRIT": "https://images.pexels.com/photos/4226256/pexels-photo-4226256.jpeg", "B.Sc OT": "https://images.pexels.com/photos/4226883/pexels-photo-4226883.jpeg", "B.Sc MLT": "https://images.pexels.com/photos/4226453/pexels-photo-4226453.jpeg" }; return imageMap[courseName] || "https://images.pexels.com/photos/5212324/pexels-photo-5212324.jpeg"; }, []); const handleSubmit = async (e)=>{ e.preventDefault(); setFormStatus({ loading: true, error: null, success: false }); try { const response = await fetch("/api/save-contact", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(formData) }); if (!response.ok) { throw new Error("Failed to submit form"); } setFormStatus({ loading: false, error: null, success: true }); setTimeout(()=>{ setShowContactForm(false); setFormStatus({ loading: false, error: null, success: false }); }, 2000); } catch (error) { console.error(error); setFormStatus({ loading: false, error: "Failed to submit form. Please try again.", success: false }); } }; const handleInputChange = (e)=>{ const { name, value } = e.target; setFormData((prev)=>({ ...prev, [name]: value })); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50", __source: { fileName: "", lineNumber: 133, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative h-[50vh] flex items-center px-4 md:px-16", __source: { fileName: "", lineNumber: 134, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: "https://ucarecdn.com/d430cb60-6f1c-4cf2-82dc-c734bbe65716/-/format/auto/", alt: "Students at airport starting their educational journey", className: "absolute inset-0 w-full h-full object-cover", __source: { fileName: "", lineNumber: 135, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-r from-blue-900/90 to-blue-600/70", __source: { fileName: "", lineNumber: 140, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative z-10 max-w-4xl", __source: { fileName: "", lineNumber: 141, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-6xl text-white font-inter font-bold mb-6", __source: { fileName: "", lineNumber: 142, columnNumber: 11 }, __self: this }, "Your Future Starts Here"), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-blue-100 font-inter max-w-2xl", __source: { fileName: "", lineNumber: 145, columnNumber: 11 }, __self: this }, "Begin your journey towards a successful career in healthcare and management"))), /*#__PURE__*/ React.createElement("div", { className: "bg-white border-b border-gray-100", __source: { fileName: "", lineNumber: 152, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto px-4 md:px-16 py-6", __source: { fileName: "", lineNumber: 153, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-4", __source: { fileName: "", lineNumber: 154, columnNumber: 11 }, __self: this }, categories.map((category)=>/*#__PURE__*/ React.createElement("button", { key: category, onClick: ()=>setSelectedCategory(category), className: `px-6 py-2 rounded-full font-inter transition-colors duration-300 ${selectedCategory === category ? "bg-blue-600 text-white" : "bg-blue-50 text-blue-600 hover:bg-blue-100"}`, __source: { fileName: "", lineNumber: 156, columnNumber: 15 }, __self: this }, category.charAt(0).toUpperCase() + category.slice(1)))))), /*#__PURE__*/ React.createElement("div", { className: "py-20 px-4 md:px-16", __source: { fileName: "", lineNumber: 172, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 173, columnNumber: 9 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-12", __source: { fileName: "", lineNumber: 175, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-16 h-16 border-4 border-blue-200 border-t-blue-600 rounded-full animate-spin mx-auto", __source: { fileName: "", lineNumber: 176, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "mt-4 text-gray-600 font-inter", __source: { fileName: "", lineNumber: 177, columnNumber: 15 }, __self: this }, "Loading courses...")) : error ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-12", __source: { fileName: "", lineNumber: 182, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 text-red-700 p-4 rounded-lg font-inter", __source: { fileName: "", lineNumber: 183, columnNumber: 15 }, __self: this }, error)) : /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 188, columnNumber: 13 }, __self: this }, filteredCourses.map((course)=>/*#__PURE__*/ React.createElement("div", { key: course.id, className: "bg-white rounded-2xl shadow-sm hover:shadow-md transition-shadow duration-300 border border-gray-100 overflow-hidden", __source: { fileName: "", lineNumber: 190, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative h-48", __source: { fileName: "", lineNumber: 194, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: getCourseImage(course.name), alt: course.name, className: "absolute inset-0 w-full h-full object-cover", __source: { fileName: "", lineNumber: 195, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-t from-black/60 to-transparent", __source: { fileName: "", lineNumber: 200, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-4 left-4", __source: { fileName: "", lineNumber: 201, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "px-3 py-1 bg-blue-600 text-white text-sm rounded-full font-inter", __source: { fileName: "", lineNumber: 202, columnNumber: 23 }, __self: this }, course.category))), /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 207, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-inter font-semibold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 208, columnNumber: 21 }, __self: this }, course.name), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 font-inter mb-6", __source: { fileName: "", lineNumber: 211, columnNumber: 21 }, __self: this }, course.description), /*#__PURE__*/ React.createElement("button", { onClick: ()=>{ setSelectedCourse(course); setFormData((prev)=>({ ...prev, selected_course: course.name })); setShowContactForm(true); }, className: "w-full px-6 py-2 text-white bg-blue-600 hover:bg-blue-700 rounded-lg transition-colors duration-200", __source: { fileName: "", lineNumber: 214, columnNumber: 21 }, __self: this }, "Learn More"))))))), showContactForm && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50 z-50 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 236, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-lg p-6 max-w-md w-full", __source: { fileName: "", lineNumber: 237, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-4", __source: { fileName: "", lineNumber: 238, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold", __source: { fileName: "", lineNumber: 239, columnNumber: 15 }, __self: this }, "Enquire About ", selectedCourse?.name), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowContactForm(false), className: "text-gray-500 hover:text-gray-700", __source: { fileName: "", lineNumber: 242, columnNumber: 15 }, __self: this }, "×")), /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, __source: { fileName: "", lineNumber: 250, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 251, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 252, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 253, columnNumber: 19 }, __self: this }, "Name *"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", required: true, value: formData.name, onChange: handleInputChange, className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500", __source: { fileName: "", lineNumber: 256, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 266, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 267, columnNumber: 19 }, __self: this }, "City *"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "city", required: true, value: formData.city, onChange: handleInputChange, className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500", __source: { fileName: "", lineNumber: 270, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 280, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 281, columnNumber: 19 }, __self: this }, "Contact No *"), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "phone", required: true, value: formData.phone, onChange: handleInputChange, className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500", __source: { fileName: "", lineNumber: 284, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 294, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 295, columnNumber: 19 }, __self: this }, "Email *"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", required: true, value: formData.email, onChange: handleInputChange, className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500", __source: { fileName: "", lineNumber: 298, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 308, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-medium text-gray-700", __source: { fileName: "", lineNumber: 309, columnNumber: 19 }, __self: this }, "Notes (Optional)"), /*#__PURE__*/ React.createElement("textarea", { name: "notes", value: formData.notes, onChange: handleInputChange, rows: "3", className: "mt-1 block w-full rounded-md border-gray-300 shadow-sm focus:border-blue-500 focus:ring-blue-500", __source: { fileName: "", lineNumber: 312, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("input", { type: "hidden", name: "selected_course", value: selectedCourse?.name || "", __source: { fileName: "", lineNumber: 321, columnNumber: 17 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "mt-6", __source: { fileName: "", lineNumber: 328, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: formStatus.loading, className: "w-full flex justify-center py-2 px-4 border border-transparent rounded-md shadow-sm text-sm font-medium text-white bg-blue-600 hover:bg-blue-700 focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-blue-500", __source: { fileName: "", lineNumber: 329, columnNumber: 17 }, __self: this }, formStatus.loading ? "Submitting..." : "Submit")), formStatus.error && /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-red-600 text-sm text-center", __source: { fileName: "", lineNumber: 339, columnNumber: 17 }, __self: this }, formStatus.error), formStatus.success && /*#__PURE__*/ React.createElement("div", { className: "mt-4 text-green-600 text-sm text-center", __source: { fileName: "", lineNumber: 345, columnNumber: 17 }, __self: this }, "Thank you for your interest! We'll contact you soon.")))), /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-blue-900 to-blue-700 py-24 px-4 md:px-16 text-center", __source: { fileName: "", lineNumber: 354, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-4xl font-inter font-bold text-white mb-6", __source: { fileName: "", lineNumber: 355, columnNumber: 9 }, __self: this }, "Find Your Perfect Course"), /*#__PURE__*/ React.createElement("p", { className: "font-inter text-blue-100 mb-8 max-w-2xl mx-auto", __source: { fileName: "", lineNumber: 358, columnNumber: 9 }, __self: this }, "Not sure which course is right for you? Get in touch with our academic advisors for personalized guidance"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowContactForm(true), className: "px-6 py-3 rounded-lg font-inter font-medium transition-colors duration-200 bg-transparent hover:bg-blue-600 text-white border border-white", __source: { fileName: "", lineNumber: 362, columnNumber: 9 }, __self: this }, "Contact an Advisor"))); }