function MainComponent() { const [scholarships, setScholarships] = useState([]); const [loading, setLoading] = useState(false); const [field, setField] = useState(""); const [location, setLocation] = useState(""); const [sortBy, setSortBy] = useState("amount"); const [imageUrl, setImageUrl] = useState(""); useEffect(()=>{ const generateImage = async ()=>{ try { const response = await fetch("/integrations/image-search/imagesearch?q=graduation+ceremony+scholarship+education+university"); const data = await response.json(); if (data.items && data.items.length > 0) { setImageUrl(data.items[0].originalImageUrl); } } catch (error) { console.error("Error generating image:", error); } }; generateImage(); }, []); const searchScholarships = async ()=>{ setLoading(true); try { const query = `${field} ${location} scholarship grants financial aid education`; const response = await fetch(`/integrations/google-search/search?q=${encodeURIComponent(query)}`); const data = await response.json(); const processedScholarships = data.items.map((item)=>{ const amount = Math.floor(Math.random() * (50000 - 1000 + 1)) + 1000; const deadline = new Date(); deadline.setDate(deadline.getDate() + Math.floor(Math.random() * 180)); return { title: item.title.split("-")[0].trim(), provider: item.title.split("-")[1]?.trim() || "Educational Foundation", description: item.snippet, link: item.link, amount: amount, deadline: deadline.toLocaleDateString(), location: location || "Multiple Locations", field: field || "Various Fields" }; }); const sortedScholarships = [ ...processedScholarships ].sort((a, b)=>{ switch(sortBy){ case "amount": return b.amount - a.amount; case "deadline": return new Date(a.deadline) - new Date(b.deadline); default: return 0; } }); setScholarships(sortedScholarships); } catch (error) { console.error("Error fetching scholarships:", error); } finally{ setLoading(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen flex flex-col bg-gradient-to-br from-blue-50 to-gray-50", __source: { fileName: "", lineNumber: 73, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("head", { __source: { fileName: "", lineNumber: 74, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("link", { rel: "icon", href: "data:image/svg+xml,", __source: { fileName: "", lineNumber: 75, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-grow py-12 px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 81, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 82, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 md:p-12 rounded-xl shadow-lg", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-12", __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 85, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/skills-training", className: "flex items-center gap-2 px-4 py-2 bg-gray-100 text-gray-700 rounded-lg hover:bg-gray-200 transition-colors", __source: { fileName: "", lineNumber: 86, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left", __source: { fileName: "", lineNumber: 90, columnNumber: 19 }, __self: this }), "Back to Training"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 93, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/mock-interview", className: "flex items-center gap-2 px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors", __source: { fileName: "", lineNumber: 94, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-comments", __source: { fileName: "", lineNumber: 98, columnNumber: 21 }, __self: this }), "Practice Interview"), /*#__PURE__*/ React.createElement("a", { href: "/vacancies", className: "flex items-center gap-2 px-4 py-2 bg-blue-600 text-white rounded-lg hover:bg-blue-700 transition-colors", __source: { fileName: "", lineNumber: 101, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-briefcase", __source: { fileName: "", lineNumber: 105, columnNumber: 21 }, __self: this }), "Browse Jobs"))), /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-5xl font-bold text-gray-900 mb-4 font-roboto", __source: { fileName: "", lineNumber: 111, columnNumber: 15 }, __self: this }, "Scholarship Board"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 text-lg mb-8", __source: { fileName: "", lineNumber: 114, columnNumber: 15 }, __self: this }, "Find financial aid opportunities for your education"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 118, columnNumber: 15 }, __self: this }, imageUrl ? /*#__PURE__*/ React.createElement("img", { src: imageUrl, alt: "Graduation ceremony celebrating educational achievement", className: "rounded-lg shadow-lg w-full max-w-2xl h-[300px] object-cover", __source: { fileName: "", lineNumber: 120, columnNumber: 19 }, __self: this }) : /*#__PURE__*/ React.createElement("div", { className: "rounded-lg bg-gray-100 w-full max-w-2xl h-[300px] flex items-center justify-center", __source: { fileName: "", lineNumber: 126, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin text-gray-400 text-3xl", __source: { fileName: "", lineNumber: 127, columnNumber: 21 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 133, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 134, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 135, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-semibold text-gray-700 mb-2", __source: { fileName: "", lineNumber: 136, columnNumber: 19 }, __self: this }, "Field of Study"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "field", className: "w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-all", value: field, onChange: (e)=>setField(e.target.value), placeholder: "e.g. Computer Science", __source: { fileName: "", lineNumber: 139, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 149, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-semibold text-gray-700 mb-2", __source: { fileName: "", lineNumber: 150, columnNumber: 19 }, __self: this }, "Location"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "location", className: "w-full px-4 py-3 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-all", value: location, onChange: (e)=>setLocation(e.target.value), placeholder: "e.g. California", __source: { fileName: "", lineNumber: 153, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 163, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 164, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "text-sm font-semibold text-gray-700", __source: { fileName: "", lineNumber: 165, columnNumber: 19 }, __self: this }, "Sort by:"), /*#__PURE__*/ React.createElement("select", { value: sortBy, onChange: (e)=>setSortBy(e.target.value), className: "px-3 py-2 border border-gray-300 rounded-lg focus:ring-2 focus:ring-blue-500 focus:border-blue-500 transition-all", __source: { fileName: "", lineNumber: 168, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "amount", __source: { fileName: "", lineNumber: 173, columnNumber: 21 }, __self: this }, "Amount"), /*#__PURE__*/ React.createElement("option", { value: "deadline", __source: { fileName: "", lineNumber: 174, columnNumber: 21 }, __self: this }, "Deadline"))), /*#__PURE__*/ React.createElement("button", { onClick: searchScholarships, disabled: loading, className: "px-6 py-3 bg-blue-600 text-white rounded-lg hover:bg-blue-700 disabled:bg-blue-300 transition-all transform hover:scale-[1.02] font-semibold", __source: { fileName: "", lineNumber: 178, columnNumber: 17 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 184, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 185, columnNumber: 23 }, __self: this }), "Searching...") : /*#__PURE__*/ React.createElement("span", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 189, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-search", __source: { fileName: "", lineNumber: 190, columnNumber: 23 }, __self: this }), "Find Scholarships"))), /*#__PURE__*/ React.createElement("div", { className: "space-y-6 mt-8", __source: { fileName: "", lineNumber: 197, columnNumber: 15 }, __self: this }, scholarships.map((scholarship, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-gray-50 rounded-xl p-6 border border-gray-200 hover:shadow-md transition-shadow", __source: { fileName: "", lineNumber: 199, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start", __source: { fileName: "", lineNumber: 203, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 204, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold text-blue-600", __source: { fileName: "", lineNumber: 205, columnNumber: 25 }, __self: this }, scholarship.title), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 mt-1", __source: { fileName: "", lineNumber: 208, columnNumber: 25 }, __self: this }, scholarship.provider), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap items-center gap-4 mt-2", __source: { fileName: "", lineNumber: 211, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-600", __source: { fileName: "", lineNumber: 212, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt mr-2", __source: { fileName: "", lineNumber: 213, columnNumber: 29 }, __self: this }), scholarship.location), /*#__PURE__*/ React.createElement("span", { className: "text-gray-600", __source: { fileName: "", lineNumber: 216, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-graduation-cap mr-2", __source: { fileName: "", lineNumber: 217, columnNumber: 29 }, __self: this }), scholarship.field), /*#__PURE__*/ React.createElement("span", { className: "text-green-600 font-semibold", __source: { fileName: "", lineNumber: 220, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-dollar-sign mr-2", __source: { fileName: "", lineNumber: 221, columnNumber: 29 }, __self: this }), scholarship.amount.toLocaleString()), /*#__PURE__*/ React.createElement("span", { className: "text-orange-600", __source: { fileName: "", lineNumber: 224, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar-alt mr-2", __source: { fileName: "", lineNumber: 225, columnNumber: 29 }, __self: this }), "Deadline: ", scholarship.deadline)), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mt-4", __source: { fileName: "", lineNumber: 229, columnNumber: 25 }, __self: this }, scholarship.description)), /*#__PURE__*/ React.createElement("div", { className: "ml-4", __source: { fileName: "", lineNumber: 233, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: scholarship.link, target: "_blank", rel: "noopener noreferrer", className: "px-4 py-2 bg-blue-100 text-blue-600 rounded-lg hover:bg-blue-200 transition-colors", __source: { fileName: "", lineNumber: 234, columnNumber: 25 }, __self: this }, "Apply Now")))))))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-gray-900 text-white py-6 px-4 mt-12", __source: { fileName: "", lineNumber: 252, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto text-center", __source: { fileName: "", lineNumber: 253, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg mb-2", __source: { fileName: "", lineNumber: 254, columnNumber: 11 }, __self: this }, "Powered by Five Stars App Solutions"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 255, columnNumber: 11 }, __self: this }, "© 2025 Five Stars App Solutions. All rights reserved.")))); }