function MainComponent() { const [jobs, setJobs] = useState([]); const [loading, setLoading] = useState(false); const [searchTerm, setSearchTerm] = useState(""); const [location, setLocation] = useState(""); const [sortBy, setSortBy] = useState("title"); const [imageUrl, setImageUrl] = useState(""); useEffect(()=>{ const generateImage = async ()=>{ try { const response = await fetch("/integrations/image-search/imagesearch?q=professional+office+job+search+career"); 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 searchJobs = async ()=>{ setLoading(true); try { const query = `${searchTerm} ${location} job posting hiring now`; const response = await fetch(`/integrations/google-search/search?q=${encodeURIComponent(query)}`); const data = await response.json(); const processedJobs = data.items.map((item)=>{ const titleMatch = item.title.match(/(.*?)(?:\s*-\s*|:|\||\bat\b)(.*)/i); return { title: titleMatch ? titleMatch[1].trim() : item.title, company: titleMatch ? titleMatch[2].trim() : "Unknown Company", location: location || "Various Locations", description: item.snippet, link: item.link }; }); const sortedJobs = [ ...processedJobs ].sort((a, b)=>{ if (sortBy === "title") { return a.title.localeCompare(b.title); } else { return a.location.localeCompare(b.location); } }); setJobs(sortedJobs); } catch (error) { console.error("Error fetching jobs:", 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: 65, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("head", { __source: { fileName: "", lineNumber: 66, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("link", { rel: "icon", href: "data:image/svg+xml,", __source: { fileName: "", lineNumber: 67, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "flex-grow py-12 px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 73, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto", __source: { fileName: "", lineNumber: 74, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white p-8 md:p-12 rounded-xl shadow-lg", __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-12", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mb-6", __source: { fileName: "", lineNumber: 77, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", 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: 78, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left", __source: { fileName: "", lineNumber: 82, columnNumber: 19 }, __self: this }), "Back to Get Hired"), /*#__PURE__*/ React.createElement("div", { className: "flex gap-2", __source: { fileName: "", lineNumber: 85, 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: 86, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-comments", __source: { fileName: "", lineNumber: 90, columnNumber: 21 }, __self: this }), "Practice Interview"), /*#__PURE__*/ React.createElement("a", { href: "/skills-training", 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: 93, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-graduation-cap", __source: { fileName: "", lineNumber: 97, columnNumber: 21 }, __self: this }), "Skills Training"))), /*#__PURE__*/ React.createElement("h1", { className: "text-4xl md:text-5xl font-bold text-gray-900 mb-4 font-roboto", __source: { fileName: "", lineNumber: 103, columnNumber: 15 }, __self: this }, "Job Board"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 text-lg mb-8", __source: { fileName: "", lineNumber: 106, columnNumber: 15 }, __self: this }, "Find your next career opportunity"), /*#__PURE__*/ React.createElement("div", { className: "flex justify-center", __source: { fileName: "", lineNumber: 110, columnNumber: 15 }, __self: this }, imageUrl ? /*#__PURE__*/ React.createElement("img", { src: imageUrl, alt: "Professional office environment with people working", className: "rounded-lg shadow-lg w-full max-w-2xl h-[300px] object-cover", __source: { fileName: "", lineNumber: 112, 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: 118, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin text-gray-400 text-3xl", __source: { fileName: "", lineNumber: 119, columnNumber: 21 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 125, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-4", __source: { fileName: "", lineNumber: 126, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 127, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-semibold text-gray-700 mb-2", __source: { fileName: "", lineNumber: 128, columnNumber: 19 }, __self: this }, "Job Title or Keywords"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "searchTerm", 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: searchTerm, onChange: (e)=>setSearchTerm(e.target.value), placeholder: "e.g. Software Engineer", __source: { fileName: "", lineNumber: 131, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 141, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-sm font-semibold text-gray-700 mb-2", __source: { fileName: "", lineNumber: 142, 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. New York", __source: { fileName: "", lineNumber: 145, columnNumber: 19 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 156, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 157, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "text-sm font-semibold text-gray-700", __source: { fileName: "", lineNumber: 158, 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: 161, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "title", __source: { fileName: "", lineNumber: 166, columnNumber: 21 }, __self: this }, "Job Title"), /*#__PURE__*/ React.createElement("option", { value: "location", __source: { fileName: "", lineNumber: 167, columnNumber: 21 }, __self: this }, "Location"))), /*#__PURE__*/ React.createElement("button", { onClick: searchJobs, 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: 171, columnNumber: 17 }, __self: this }, loading ? /*#__PURE__*/ React.createElement("span", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 177, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 178, columnNumber: 23 }, __self: this }), "Searching...") : /*#__PURE__*/ React.createElement("span", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 182, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-search", __source: { fileName: "", lineNumber: 183, columnNumber: 23 }, __self: this }), "Search Jobs"))), /*#__PURE__*/ React.createElement("div", { className: "space-y-6 mt-8", __source: { fileName: "", lineNumber: 190, columnNumber: 15 }, __self: this }, jobs.map((job, 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: 192, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-start", __source: { fileName: "", lineNumber: 196, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 197, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold text-blue-600", __source: { fileName: "", lineNumber: 198, columnNumber: 25 }, __self: this }, job.title), /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 mt-1", __source: { fileName: "", lineNumber: 201, columnNumber: 25 }, __self: this }, job.company), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mt-1", __source: { fileName: "", lineNumber: 202, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt mr-2", __source: { fileName: "", lineNumber: 203, columnNumber: 27 }, __self: this }), job.location)), /*#__PURE__*/ React.createElement("a", { href: job.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: 207, columnNumber: 23 }, __self: this }, "Apply Now")), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mt-4", __source: { fileName: "", lineNumber: 216, columnNumber: 21 }, __self: this }, job.description)))))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-gray-900 text-white py-6 px-4 mt-12", __source: { fileName: "", lineNumber: 225, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-4xl mx-auto text-center", __source: { fileName: "", lineNumber: 226, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-lg mb-2", __source: { fileName: "", lineNumber: 227, columnNumber: 11 }, __self: this }, "Powered by Five Stars App Solutions"), /*#__PURE__*/ React.createElement("p", { className: "text-sm text-gray-400", __source: { fileName: "", lineNumber: 228, columnNumber: 11 }, __self: this }, "© 2025 Five Stars App Solutions. All rights reserved.")))); }