function MainComponent() { const [error, setError] = useState(null); const [roles, setRoles] = useState([]); const [loading, setLoading] = useState(true); const [mobileMenuOpen, setMobileMenuOpen] = useState(false); const [showApplicationModal, setShowApplicationModal] = useState(false); const [selectedRole, setSelectedRole] = useState(null); const [isGeneralApplication, setIsGeneralApplication] = useState(false); const [expandedRole, setExpandedRole] = useState(null); const [selectedRoleFromDropdown, setSelectedRoleFromDropdown] = useState(""); const [headerScrolled, setHeaderScrolled] = useState(false); const [headerHidden, setHeaderHidden] = useState(false); const [activeSection, setActiveSection] = useState("open-roles"); const [applicationData, setApplicationData] = useState({ first_name: "", last_name: "", email: "", phone: "", linkedin_url: "", portfolio_url: "", cover_letter: "", experience_years: "", current_company: "", current_title: "" }); const [submitting, setSubmitting] = useState(false); const [submitSuccess, setSubmitSuccess] = useState(false); const [upload, { loading: uploading }] = useUpload(); useEffect(()=>{ const fetchRoles = async ()=>{ try { setLoading(true); const response = await fetch("/api/roles", { method: "POST" }); if (!response.ok) { throw new Error(`When fetching /api/roles, the response was [${response.status}] ${response.statusText}`); } const data = await response.json(); if (data.success) { setRoles(data.roles); } else { throw new Error(data.error || "Failed to fetch roles"); } } catch (error) { console.error(error); setError("Could not load open roles"); } finally{ setLoading(false); } }; fetchRoles(); }, []); useEffect(()=>{ let lastScrollY = 0; const handleScroll = ()=>{ const currentScrollY = window.scrollY; setHeaderScrolled(currentScrollY > 50); if (currentScrollY > lastScrollY && currentScrollY > 100) { setHeaderHidden(true); } else { setHeaderHidden(false); } lastScrollY = currentScrollY; }; window.addEventListener("scroll", handleScroll, { passive: true }); return ()=>window.removeEventListener("scroll", handleScroll); }, []); const formatSalary = (salaryRange)=>{ if (!salaryRange) return "Salary not specified"; return salaryRange; }; const formatDate = (dateString)=>{ const date = new Date(dateString); return date.toLocaleDateString("en-US", { year: "numeric", month: "long", day: "numeric" }); }; const getJobTypeIcon = (jobType)=>{ switch(jobType?.toLowerCase()){ case "full-time": return "fas fa-clock"; case "part-time": return "fas fa-clock-o"; case "contract": return "fas fa-handshake"; case "remote": return "fas fa-home"; default: return "fas fa-briefcase"; } }; const getJobTypeGradient = (jobType)=>{ switch(jobType?.toLowerCase()){ case "full-time": return { gradient: "from-cyan-500 to-blue-600", bgGradient: "from-cyan-500/10 to-blue-600/10", borderColor: "border-cyan-500/30", hoverBorder: "hover:border-cyan-400/50", iconColor: "text-cyan-400" }; case "part-time": return { gradient: "from-emerald-500 to-teal-600", bgGradient: "from-emerald-500/10 to-teal-600/10", borderColor: "border-emerald-500/30", hoverBorder: "hover:border-emerald-400/50", iconColor: "text-emerald-400" }; case "contract": return { gradient: "from-orange-500 to-red-600", bgGradient: "from-orange-500/10 to-red-600/10", borderColor: "border-orange-500/30", hoverBorder: "hover:border-orange-400/50", iconColor: "text-orange-400" }; case "remote": return { gradient: "from-purple-500 to-indigo-600", bgGradient: "from-purple-500/10 to-indigo-600/10", borderColor: "border-purple-500/30", hoverBorder: "hover:border-purple-400/50", iconColor: "text-purple-400" }; default: return { gradient: "from-pink-500 to-purple-600", bgGradient: "from-pink-500/10 to-purple-600/10", borderColor: "border-pink-500/30", hoverBorder: "hover:border-pink-400/50", iconColor: "text-pink-400" }; } }; const handleApplicationInputChange = (e)=>{ const { name, value } = e.target; setApplicationData((prev)=>({ ...prev, [name]: value })); }; const handleResumeUpload = async (e)=>{ const file = e.target.files[0]; if (!file) return; try { const { url, error } = await upload({ file }); if (error) { setError("Failed to upload resume: " + error); return; } setApplicationData((prev)=>({ ...prev, resume_url: url })); } catch (error) { console.error(error); setError("Failed to upload resume"); } }; const handleApplicationSubmit = async (e)=>{ e.preventDefault(); console.log("=== APPLICATION SUBMISSION STARTED ==="); console.log("isGeneralApplication:", isGeneralApplication); console.log("selectedRole:", selectedRole); console.log("applicationData:", applicationData); if (isGeneralApplication) { setSubmitting(true); setError(null); console.log("Processing general application submission..."); try { const requestBody = { role_id: null, ...applicationData }; console.log("Request body for general application:", requestBody); console.log("Making fetch request to /api/applications/submit-or-profile"); const response = await fetch("/api/submit-application-or-profile", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(requestBody) }); console.log("Response status:", response.status); console.log("Response ok:", response.ok); console.log("Response headers:", Object.fromEntries(response.headers.entries())); if (!response.ok) { const errorText = await response.text(); console.error("Response not ok. Status:", response.status, "Text:", errorText); throw new Error(`When submitting profile, the response was [${response.status}] ${response.statusText}. Body: ${errorText}`); } const data = await response.json(); console.log("Response data:", data); if (data.success) { console.log("Success! Application submitted successfully"); setSubmitSuccess(true); setApplicationData({ first_name: "", last_name: "", email: "", phone: "", linkedin_url: "", portfolio_url: "", cover_letter: "", experience_years: "", current_company: "", current_title: "" }); setTimeout(()=>{ setShowApplicationModal(false); setSubmitSuccess(false); setIsGeneralApplication(false); }, 3000); } else { console.error("Server returned success: false. Error:", data.error); throw new Error(data.error || "Failed to submit profile"); } } catch (error) { console.error("Caught error during general application submission:", error); console.error("Error stack:", error.stack); setError(error.message); } finally{ setSubmitting(false); } return; } if (!selectedRole) { console.error("No selected role for role-specific application"); return; } setSubmitting(true); setError(null); console.log("Processing role-specific application submission..."); try { const requestBody = { role_id: selectedRole.id, ...applicationData }; console.log("Request body for role application:", requestBody); console.log("Making fetch request to /api/applications/submit"); const response = await fetch("/api/applications/submit", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(requestBody) }); console.log("Response status:", response.status); console.log("Response ok:", response.ok); if (!response.ok) { const errorText = await response.text(); console.error("Response not ok. Status:", response.status, "Text:", errorText); throw new Error(`When submitting application, the response was [${response.status}] ${response.statusText}. Body: ${errorText}`); } const data = await response.json(); console.log("Response data:", data); if (data.success) { console.log("Success! Role application submitted successfully"); setSubmitSuccess(true); setApplicationData({ first_name: "", last_name: "", email: "", phone: "", linkedin_url: "", portfolio_url: "", cover_letter: "", experience_years: "", current_company: "", current_title: "" }); setTimeout(()=>{ setShowApplicationModal(false); setSubmitSuccess(false); setSelectedRole(null); }, 3000); } else { console.error("Server returned success: false. Error:", data.error); throw new Error(data.error || "Failed to submit application"); } } catch (error) { console.error("Caught error during role application submission:", error); console.error("Error stack:", error.stack); setError(error.message); } finally{ setSubmitting(false); } }; const openApplicationModal = (role)=>{ setSelectedRole(role); setIsGeneralApplication(false); setShowApplicationModal(true); setError(null); setSubmitSuccess(false); }; const openGeneralApplicationModal = ()=>{ setSelectedRole(null); setIsGeneralApplication(true); setShowApplicationModal(true); setError(null); setSubmitSuccess(false); }; const closeApplicationModal = ()=>{ setShowApplicationModal(false); setSelectedRole(null); setIsGeneralApplication(false); setError(null); setSubmitSuccess(false); setApplicationData({ first_name: "", last_name: "", email: "", phone: "", linkedin_url: "", portfolio_url: "", cover_letter: "", experience_years: "", current_company: "", current_title: "" }); }; const handleRoleDropdownChange = (e)=>{ const roleId = e.target.value; setSelectedRoleFromDropdown(roleId); if (roleId) { const roleElement = document.getElementById(`role-${roleId}`); if (roleElement) { roleElement.scrollIntoView({ behavior: "smooth", block: "center" }); setExpandedRole(parseInt(roleId)); } } }; const toggleRoleExpansion = (roleId)=>{ setExpandedRole(expandedRole === roleId ? null : roleId); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gradient-to-br from-[#0a0a2e] via-[#16213e] to-[#0f3460] font-inter", __source: { fileName: "", lineNumber: 409, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 410, columnNumber: 7 }, __self: this }, ` @keyframes pulse-soft { 0%, 100% { opacity: 0; } 50% { opacity: 0.3; } } .animate-pulse-soft { animation: pulse-soft 5s ease-in-out infinite; } .animate-pulse-soft:hover { animation-play-state: paused; } @keyframes float-slow { 0%, 100% { transform: translateY(0px) translateX(0px); } 25% { transform: translateY(-20px) translateX(10px); } 50% { transform: translateY(-10px) translateX(-15px); } 75% { transform: translateY(-30px) translateX(5px); } } @keyframes float-reverse { 0%, 100% { transform: translateY(0px) translateX(0px); } 25% { transform: translateY(15px) translateX(-10px); } 50% { transform: translateY(25px) translateX(20px); } 75% { transform: translateY(5px) translateX(-5px); } } @keyframes float-gentle { 0%, 100% { transform: translateY(0px) translateX(0px) scale(1); } 33% { transform: translateY(-15px) translateX(8px) scale(1.05); } 66% { transform: translateY(10px) translateX(-12px) scale(0.95); } } @keyframes drift-left { 0%, 100% { transform: translateX(0px) translateY(0px); } 50% { transform: translateX(-30px) translateY(-10px); } } @keyframes drift-right { 0%, 100% { transform: translateX(0px) translateY(0px); } 50% { transform: translateX(25px) translateY(15px); } } @keyframes gradient-shift { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } } @keyframes gradient-shift-reverse { 0%, 100% { background-position: 100% 50%; } 50% { background-position: 0% 50%; } } @keyframes line-move { 0% { transform: translateX(-100%); opacity: 0; } 50% { opacity: 1; } 100% { transform: translateX(100%); opacity: 0; } } @keyframes line-move-reverse { 0% { transform: translateX(100%); opacity: 0; } 50% { opacity: 1; } 100% { transform: translateX(-100%); opacity: 0; } } @keyframes pulse-gentle { 0%, 100% { opacity: 1; transform: scale(1); } 50% { opacity: 0.8; transform: scale(1.02); } } @keyframes text-shimmer { 0%, 100% { background-position: 0% 50%; } 50% { background-position: 100% 50%; } } .animate-float-slow { animation: float-slow 8s ease-in-out infinite; } .animate-float-reverse { animation: float-reverse 10s ease-in-out infinite; } .animate-float-gentle { animation: float-gentle 12s ease-in-out infinite; } .animate-drift-left { animation: drift-left 15s ease-in-out infinite; } .animate-drift-right { animation: drift-right 18s ease-in-out infinite; } .animate-gradient-shift { background-size: 200% 200%; animation: gradient-shift 20s ease infinite; } .animate-gradient-shift-reverse { background-size: 200% 200%; animation: gradient-shift-reverse 25s ease infinite; } .animate-line-move { animation: line-move 8s linear infinite; } .animate-line-move-reverse { animation: line-move-reverse 10s linear infinite; } .animate-pulse-gentle { animation: pulse-gentle 4s ease-in-out infinite; } .animate-text-shimmer { background-size: 200% 200%; animation: text-shimmer 3s ease-in-out infinite; } `), /*#__PURE__*/ React.createElement("header", { className: `fixed top-0 left-0 right-0 z-50 transition-all duration-300 ease-out ${headerHidden ? "-translate-y-full" : "translate-y-0"} ${headerScrolled ? "h-[68px]" : "h-[96px]"}`, style: { background: "rgba(10, 14, 32, 0.8)", backdropFilter: "blur(16px)", borderBottom: "1px solid rgba(6, 182, 212, 0.2)" }, __source: { fileName: "", lineNumber: 602, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 h-full", __source: { fileName: "", lineNumber: 612, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center h-full", __source: { fileName: "", lineNumber: 613, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3 group", __source: { fileName: "", lineNumber: 614, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-xl font-bold bg-gradient-to-r from-cyan-400 to-pink-500 bg-clip-text text-transparent", __source: { fileName: "", lineNumber: 615, columnNumber: 15 }, __self: this }, "Talent XYZ")), /*#__PURE__*/ React.createElement("nav", { className: "hidden lg:flex items-center space-x-8", __source: { fileName: "", lineNumber: 620, columnNumber: 13 }, __self: this }, [ { href: "/", label: "HOME", section: "home" }, { href: "/about", label: "ABOUT", section: "about" }, { href: "/services", label: "SERVICES", section: "services" }, { href: "/why-us", label: "WHY US", section: "why-us" }, { href: "/open-roles", label: "ROLES", section: "open-roles" }, { href: "/blog", label: "BLOG", section: "blog" }, { href: "/contact", label: "CONTACT", section: "contact" } ].map((item)=>/*#__PURE__*/ React.createElement("a", { key: item.section, href: item.href, className: `relative text-sm font-medium tracking-wider transition-colors duration-300 ease-out group focus:outline-none focus:ring-2 focus:ring-cyan-400 focus:ring-offset-2 focus:ring-offset-[rgba(10,14,32,0.8)] rounded px-2 py-1 ${activeSection === item.section ? "text-cyan-400" : "text-cyan-200 hover:text-cyan-400"}`, "aria-label": `Navigate to ${item.label.toLowerCase()}`, __source: { fileName: "", lineNumber: 630, columnNumber: 17 }, __self: this }, item.label, /*#__PURE__*/ React.createElement("span", { className: `absolute -bottom-2 left-0 h-0.5 bg-gradient-to-r from-cyan-400 to-pink-500 transition-all duration-300 ease-out ${activeSection === item.section ? "w-full" : "w-0 group-hover:w-full"}`, __source: { fileName: "", lineNumber: 641, columnNumber: 19 }, __self: this })))), /*#__PURE__*/ React.createElement("div", { className: "hidden lg:flex items-center space-x-4", __source: { fileName: "", lineNumber: 652, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://calendly.com/keaton-talent-xyz/15min", target: "_blank", rel: "noopener noreferrer", className: "relative inline-flex items-center px-6 py-3 text-sm font-semibold text-white rounded-full bg-gradient-to-r from-purple-500 to-cyan-500 transition-all duration-300 ease-out hover:from-purple-600 hover:to-cyan-600 focus:outline-none focus:ring-2 focus:ring-cyan-400 focus:ring-offset-2 focus:ring-offset-[rgba(10,14,32,0.8)] group overflow-hidden", "aria-label": "Schedule a call with Talent XYZ", __source: { fileName: "", lineNumber: 653, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar-check mr-2 text-xs", __source: { fileName: "", lineNumber: 660, columnNumber: 17 }, __self: this }), "Schedule Call", /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 rounded-full bg-gradient-to-r from-purple-400 to-cyan-400 opacity-0 group-hover:opacity-0 animate-pulse-soft", __source: { fileName: "", lineNumber: 662, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setMobileMenuOpen(!mobileMenuOpen), className: "lg:hidden relative w-10 h-10 flex items-center justify-center text-cyan-300 hover:text-cyan-400 transition-colors duration-300 focus:outline-none focus:ring-2 focus:ring-cyan-400 focus:ring-offset-2 focus:ring-offset-[rgba(10,14,32,0.8)] rounded-lg", "aria-label": mobileMenuOpen ? "Close menu" : "Open menu", "aria-expanded": mobileMenuOpen, __source: { fileName: "", lineNumber: 666, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative w-6 h-6", __source: { fileName: "", lineNumber: 672, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: `absolute top-2 left-0 w-6 h-0.5 bg-current transition-all duration-300 ease-out ${mobileMenuOpen ? "rotate-45 translate-y-1" : ""}`, __source: { fileName: "", lineNumber: 673, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: `absolute top-1/2 left-0 w-6 h-0.5 bg-current transition-all duration-300 ease-out ${mobileMenuOpen ? "opacity-0" : "-translate-y-0.25"}`, __source: { fileName: "", lineNumber: 678, columnNumber: 17 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: `absolute bottom-2 left-0 w-6 h-0.5 bg-current transition-all duration-300 ease-out ${mobileMenuOpen ? "-rotate-45 -translate-y-1" : ""}`, __source: { fileName: "", lineNumber: 683, columnNumber: 17 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: `lg:hidden absolute top-full left-0 right-0 bg-[rgba(10,14,32,0.95)] backdrop-blur-xl border-b border-cyan-500/20 transition-all duration-300 ease-out ${mobileMenuOpen ? "opacity-100 translate-y-0 pointer-events-auto" : "opacity-0 -translate-y-4 pointer-events-none"}`, __source: { fileName: "", lineNumber: 693, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "px-4 py-6 space-y-4", __source: { fileName: "", lineNumber: 700, columnNumber: 11 }, __self: this }, [ { href: "/", label: "Home" }, { href: "/about", label: "About" }, { href: "/services", label: "Services" }, { href: "/why-us", label: "Why Us" }, { href: "/open-roles", label: "Open Roles" }, { href: "/blog", label: "Blog" }, { href: "/contact", label: "Contact" } ].map((item)=>/*#__PURE__*/ React.createElement("a", { key: item.href, href: item.href, className: "block text-lg font-medium text-cyan-200 hover:text-cyan-400 transition-colors duration-300 py-3 border-b border-cyan-500/10 last:border-b-0 focus:outline-none focus:ring-2 focus:ring-cyan-400 focus:ring-offset-2 focus:ring-offset-[rgba(10,14,32,0.95)] rounded px-2", onClick: ()=>setMobileMenuOpen(false), __source: { fileName: "", lineNumber: 710, columnNumber: 15 }, __self: this }, item.label)), /*#__PURE__*/ React.createElement("div", { className: "pt-6", __source: { fileName: "", lineNumber: 720, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://calendly.com/keaton-talent-xyz/15min", target: "_blank", rel: "noopener noreferrer", className: "flex items-center justify-center w-full px-6 py-4 text-base font-semibold text-white rounded-2xl bg-gradient-to-r from-purple-500 to-cyan-500 transition-all duration-300 ease-out hover:from-purple-600 hover:to-cyan-600 focus:outline-none focus:ring-2 focus:ring-cyan-400 focus:ring-offset-2 focus:ring-offset-[rgba(10,14,32,0.95)]", onClick: ()=>setMobileMenuOpen(false), __source: { fileName: "", lineNumber: 721, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar-check mr-3", __source: { fileName: "", lineNumber: 728, columnNumber: 17 }, __self: this }), "Schedule Call"))))), /*#__PURE__*/ React.createElement("div", { className: `transition-all duration-300 ease-out ${headerScrolled ? "pt-[68px]" : "pt-[96px]"}`, __source: { fileName: "", lineNumber: 736, columnNumber: 7 }, __self: this }, error && /*#__PURE__*/ React.createElement("div", { className: "bg-pink-500/10 border-l-4 border-pink-400 p-4 mx-4 mb-4", __source: { fileName: "", lineNumber: 740, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-pink-300", __source: { fileName: "", lineNumber: 741, columnNumber: 13 }, __self: this }, error))), /*#__PURE__*/ React.createElement("section", { className: "relative py-16 sm:py-24 lg:py-32 overflow-hidden", __source: { fileName: "", lineNumber: 746, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-r from-cyan-500/10 to-pink-500/10", __source: { fileName: "", lineNumber: 747, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0", __source: { fileName: "", lineNumber: 749, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-20 left-10 w-64 sm:w-96 h-64 sm:h-96 bg-cyan-500/5 rounded-full blur-3xl animate-float-slow", __source: { fileName: "", lineNumber: 750, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-20 right-10 w-80 sm:w-[500px] h-80 sm:h-[500px] bg-pink-500/5 rounded-full blur-3xl animate-float-reverse", __source: { fileName: "", lineNumber: 751, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-1/2 left-1/2 transform -translate-x-1/2 -translate-y-1/2 w-60 sm:w-80 h-60 sm:h-80 bg-purple-500/5 rounded-full blur-3xl animate-float-gentle", __source: { fileName: "", lineNumber: 752, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-1/4 right-1/4 w-48 h-48 bg-emerald-500/3 rounded-full blur-2xl animate-drift-left", __source: { fileName: "", lineNumber: 754, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-1/4 left-1/4 w-56 h-56 bg-yellow-500/3 rounded-full blur-2xl animate-drift-right", __source: { fileName: "", lineNumber: 755, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 opacity-30", __source: { fileName: "", lineNumber: 757, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 left-0 w-full h-full bg-gradient-to-br from-cyan-400/5 via-transparent to-pink-400/5 animate-gradient-shift", __source: { fileName: "", lineNumber: 758, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute top-0 left-0 w-full h-full bg-gradient-to-tl from-purple-400/5 via-transparent to-emerald-400/5 animate-gradient-shift-reverse", __source: { fileName: "", lineNumber: 759, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "absolute top-1/3 left-0 w-full h-px bg-gradient-to-r from-transparent via-cyan-400/20 to-transparent animate-line-move", __source: { fileName: "", lineNumber: 762, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-1/3 left-0 w-full h-px bg-gradient-to-r from-transparent via-pink-400/20 to-transparent animate-line-move-reverse", __source: { fileName: "", lineNumber: 763, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 text-center relative z-10", __source: { fileName: "", lineNumber: 766, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "inline-flex items-center justify-center w-16 sm:w-20 lg:w-24 h-16 sm:h-20 lg:h-24 bg-gradient-to-r from-cyan-500/20 to-pink-500/20 rounded-2xl sm:rounded-3xl mb-6 sm:mb-8 border border-cyan-500/30 animate-pulse-gentle", __source: { fileName: "", lineNumber: 767, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-briefcase text-2xl sm:text-3xl lg:text-4xl bg-gradient-to-r from-cyan-400 to-pink-500 bg-clip-text text-transparent", __source: { fileName: "", lineNumber: 768, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("h2", { className: "text-4xl sm:text-5xl md:text-6xl lg:text-8xl font-bold text-white mb-6 sm:mb-8 leading-tight", __source: { fileName: "", lineNumber: 770, columnNumber: 11 }, __self: this }, "Open", /*#__PURE__*/ React.createElement("span", { className: "block bg-gradient-to-r from-cyan-400 via-pink-500 to-purple-500 bg-clip-text text-transparent animate-text-shimmer", __source: { fileName: "", lineNumber: 772, columnNumber: 13 }, __self: this }, "Opportunities")), /*#__PURE__*/ React.createElement("p", { className: "text-lg sm:text-xl md:text-2xl lg:text-3xl text-cyan-100 mb-8 sm:mb-12 max-w-4xl mx-auto leading-relaxed px-4", __source: { fileName: "", lineNumber: 776, columnNumber: 11 }, __self: this }, "Discover exciting career opportunities with innovative startups and tech companies. Find your next role and join teams that are building the future."), !loading && /*#__PURE__*/ React.createElement("div", { className: "inline-flex items-center bg-gradient-to-r from-pink-500/20 to-purple-500/20 px-6 sm:px-8 py-3 sm:py-4 rounded-xl sm:rounded-2xl border border-pink-500/30", __source: { fileName: "", lineNumber: 782, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-3 h-3 bg-gradient-to-r from-pink-400 to-purple-500 rounded-full mr-3 sm:mr-4 animate-pulse", __source: { fileName: "", lineNumber: 783, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("p", { className: "text-lg sm:text-xl text-pink-400 font-semibold", __source: { fileName: "", lineNumber: 784, columnNumber: 15 }, __self: this }, roles.length, " ", roles.length === 1 ? "position" : "positions", " ", "available")))), /*#__PURE__*/ React.createElement("section", { className: "py-24 bg-gradient-to-br from-[#16213e] to-[#0a0a2e] relative overflow-hidden", __source: { fileName: "", lineNumber: 793, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0", __source: { fileName: "", lineNumber: 794, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute top-20 right-20 w-80 h-80 bg-emerald-500/5 rounded-full blur-3xl animate-drift-right", __source: { fileName: "", lineNumber: 795, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-20 left-20 w-96 h-96 bg-orange-500/5 rounded-full blur-3xl animate-float-gentle", __source: { fileName: "", lineNumber: 796, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8 relative z-10", __source: { fileName: "", lineNumber: 798, columnNumber: 9 }, __self: this }, !loading && roles.length > 0 && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 800, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center mb-16", __source: { fileName: "", lineNumber: 801, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "inline-flex items-center justify-center w-20 h-20 bg-gradient-to-r from-emerald-500/20 to-teal-500/20 rounded-3xl mb-8 border border-emerald-500/30", __source: { fileName: "", lineNumber: 802, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star text-3xl text-emerald-400", __source: { fileName: "", lineNumber: 803, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-5xl font-bold text-white mb-6", __source: { fileName: "", lineNumber: 805, columnNumber: 17 }, __self: this }, "Featured", /*#__PURE__*/ React.createElement("span", { className: "block bg-gradient-to-r from-emerald-400 to-teal-500 bg-clip-text text-transparent", __source: { fileName: "", lineNumber: 807, columnNumber: 19 }, __self: this }, "Opportunities")), /*#__PURE__*/ React.createElement("p", { className: "text-xl text-cyan-200 max-w-3xl mx-auto mb-12", __source: { fileName: "", lineNumber: 811, columnNumber: 17 }, __self: this }, "Handpicked roles from innovative companies looking for exceptional talent"), /*#__PURE__*/ React.createElement("div", { className: "max-w-md mx-auto mb-12", __source: { fileName: "", lineNumber: 816, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 817, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("select", { value: selectedRoleFromDropdown, onChange: handleRoleDropdownChange, className: "w-full px-6 py-4 bg-gradient-to-r from-[#1a2332] to-[#0f1419] border-2 border-cyan-500/30 rounded-2xl text-white focus:border-pink-500 focus:outline-none transition-all text-lg appearance-none cursor-pointer hover:border-cyan-400/50", __source: { fileName: "", lineNumber: 818, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", className: "bg-[#1a2332] text-cyan-200", __source: { fileName: "", lineNumber: 823, columnNumber: 23 }, __self: this }, "🔍 Quick Jump to Role..."), roles.map((role)=>/*#__PURE__*/ React.createElement("option", { key: role.id, value: role.id, className: "bg-[#1a2332] text-cyan-200 py-2", __source: { fileName: "", lineNumber: 827, columnNumber: 25 }, __self: this }, role.title, " • ", role.company, " • ", role.location))), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-y-0 right-0 flex items-center pr-6 pointer-events-none", __source: { fileName: "", lineNumber: 836, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-down text-cyan-400", __source: { fileName: "", lineNumber: 837, columnNumber: 23 }, __self: this }))), /*#__PURE__*/ React.createElement("p", { className: "text-cyan-400 text-sm mt-3 flex items-center justify-center", __source: { fileName: "", lineNumber: 840, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-info-circle mr-2", __source: { fileName: "", lineNumber: 841, columnNumber: 21 }, __self: this }), "Select a role to jump directly to it"))), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 lg:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 847, columnNumber: 15 }, __self: this }, roles.map((role, index)=>{ const jobTypeStyle = getJobTypeGradient(role.job_type); return /*#__PURE__*/ React.createElement("div", { key: role.id, id: `role-${role.id}`, className: `group bg-gradient-to-br from-[#1a2332] to-[#0f1419] rounded-3xl hover:shadow-2xl hover:shadow-cyan-500/10 transition-all duration-500 ${jobTypeStyle.borderColor} ${jobTypeStyle.hoverBorder} border-2 hover:scale-105 relative overflow-hidden ${expandedRole === role.id ? "md:col-span-2 lg:col-span-3" : ""} ${selectedRoleFromDropdown == role.id ? "ring-4 ring-pink-500/50 shadow-2xl shadow-pink-500/20" : ""}`, __source: { fileName: "", lineNumber: 851, columnNumber: 21 }, __self: this }, selectedRoleFromDropdown == role.id && /*#__PURE__*/ React.createElement("div", { className: "absolute top-4 right-4 z-20", __source: { fileName: "", lineNumber: 865, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-8 h-8 bg-gradient-to-r from-pink-500 to-purple-600 rounded-full flex items-center justify-center shadow-lg animate-pulse", __source: { fileName: "", lineNumber: 866, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star text-white text-sm", __source: { fileName: "", lineNumber: 867, columnNumber: 29 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: `absolute inset-0 bg-gradient-to-br ${jobTypeStyle.bgGradient} opacity-0 group-hover:opacity-100 transition-opacity duration-500`, __source: { fileName: "", lineNumber: 872, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "relative z-10 p-6", __source: { fileName: "", lineNumber: 875, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start justify-between mb-6", __source: { fileName: "", lineNumber: 876, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-1", __source: { fileName: "", lineNumber: 877, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center space-x-3 mb-4", __source: { fileName: "", lineNumber: 878, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `w-10 h-10 bg-gradient-to-r ${jobTypeStyle.gradient} rounded-xl flex items-center justify-center shadow-lg group-hover:scale-110 transition-transform duration-300`, __source: { fileName: "", lineNumber: 879, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `${getJobTypeIcon(role.job_type)} text-white text-sm`, __source: { fileName: "", lineNumber: 882, columnNumber: 33 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: `px-3 py-1.5 bg-gradient-to-r ${jobTypeStyle.gradient} rounded-lg border ${jobTypeStyle.borderColor}`, __source: { fileName: "", lineNumber: 886, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-white font-semibold text-xs capitalize", __source: { fileName: "", lineNumber: 889, columnNumber: 33 }, __self: this }, role.job_type))), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-bold text-white mb-2 group-hover:text-cyan-100 transition-colors line-clamp-2", __source: { fileName: "", lineNumber: 894, columnNumber: 29 }, __self: this }, role.title), /*#__PURE__*/ React.createElement("p", { className: `${jobTypeStyle.iconColor} font-semibold text-lg mb-4`, __source: { fileName: "", lineNumber: 897, columnNumber: 29 }, __self: this }, role.company))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 gap-3 mb-6", __source: { fileName: "", lineNumber: 905, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center text-cyan-200 group-hover:text-cyan-100 transition-colors", __source: { fileName: "", lineNumber: 906, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `w-8 h-8 bg-gradient-to-r ${jobTypeStyle.gradient} rounded-lg flex items-center justify-center mr-3 shadow-md`, __source: { fileName: "", lineNumber: 907, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt text-white text-xs", __source: { fileName: "", lineNumber: 910, columnNumber: 31 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 912, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-xs text-cyan-400 font-medium uppercase tracking-wide", __source: { fileName: "", lineNumber: 913, columnNumber: 31 }, __self: this }, "Location"), /*#__PURE__*/ React.createElement("p", { className: "font-semibold text-sm", __source: { fileName: "", lineNumber: 916, columnNumber: 31 }, __self: this }, role.location))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center text-cyan-200 group-hover:text-cyan-100 transition-colors", __source: { fileName: "", lineNumber: 921, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `w-8 h-8 bg-gradient-to-r ${jobTypeStyle.gradient} rounded-lg flex items-center justify-center mr-3 shadow-md`, __source: { fileName: "", lineNumber: 922, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-money-bill-wave text-white text-xs", __source: { fileName: "", lineNumber: 925, columnNumber: 31 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 927, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-xs text-cyan-400 font-medium uppercase tracking-wide", __source: { fileName: "", lineNumber: 928, columnNumber: 31 }, __self: this }, "Salary"), /*#__PURE__*/ React.createElement("p", { className: "font-semibold text-sm", __source: { fileName: "", lineNumber: 931, columnNumber: 31 }, __self: this }, formatSalary(role.salary_range)))), /*#__PURE__*/ React.createElement("div", { className: "flex items-center text-cyan-200 group-hover:text-cyan-100 transition-colors", __source: { fileName: "", lineNumber: 936, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `w-8 h-8 bg-gradient-to-r ${jobTypeStyle.gradient} rounded-lg flex items-center justify-center mr-3 shadow-md`, __source: { fileName: "", lineNumber: 937, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-calendar-alt text-white text-xs", __source: { fileName: "", lineNumber: 940, columnNumber: 31 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 942, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-xs text-cyan-400 font-medium uppercase tracking-wide", __source: { fileName: "", lineNumber: 943, columnNumber: 31 }, __self: this }, "Posted"), /*#__PURE__*/ React.createElement("p", { className: "font-semibold text-sm", __source: { fileName: "", lineNumber: 946, columnNumber: 31 }, __self: this }, formatDate(role.posted_date))))), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 953, columnNumber: 25 }, __self: this }, expandedRole === role.id ? /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 955, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-cyan-500/10 to-pink-500/10 p-4 rounded-xl border border-cyan-500/20", __source: { fileName: "", lineNumber: 956, columnNumber: 31 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: `${jobTypeStyle.iconColor} font-bold mb-3 text-lg flex items-center`, __source: { fileName: "", lineNumber: 957, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-file-alt mr-2", __source: { fileName: "", lineNumber: 960, columnNumber: 35 }, __self: this }), "Job Description"), /*#__PURE__*/ React.createElement("p", { className: "text-cyan-200 leading-relaxed whitespace-pre-line group-hover:text-cyan-100 transition-colors text-sm", __source: { fileName: "", lineNumber: 963, columnNumber: 33 }, __self: this }, role.description)), role.requirements && /*#__PURE__*/ React.createElement("div", { className: `bg-gradient-to-r ${jobTypeStyle.bgGradient} p-4 rounded-xl border ${jobTypeStyle.borderColor}`, __source: { fileName: "", lineNumber: 969, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: `${jobTypeStyle.iconColor} font-bold mb-3 text-lg flex items-center`, __source: { fileName: "", lineNumber: 972, columnNumber: 35 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle mr-2", __source: { fileName: "", lineNumber: 975, columnNumber: 37 }, __self: this }), "Requirements"), /*#__PURE__*/ React.createElement("p", { className: "text-cyan-200 leading-relaxed whitespace-pre-line group-hover:text-cyan-100 transition-colors text-sm", __source: { fileName: "", lineNumber: 978, columnNumber: 35 }, __self: this }, role.requirements))) : /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 985, columnNumber: 29 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-cyan-200 text-sm leading-relaxed line-clamp-3 group-hover:text-cyan-100 transition-colors mb-3", __source: { fileName: "", lineNumber: 986, columnNumber: 31 }, __self: this }, role.description), role.requirements && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 990, columnNumber: 33 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: `${jobTypeStyle.iconColor} font-bold mb-2 text-sm flex items-center`, __source: { fileName: "", lineNumber: 991, columnNumber: 35 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-star mr-2 text-xs", __source: { fileName: "", lineNumber: 994, columnNumber: 37 }, __self: this }), "Key Requirements:"), /*#__PURE__*/ React.createElement("p", { className: "text-cyan-200 text-sm leading-relaxed line-clamp-2 group-hover:text-cyan-100 transition-colors", __source: { fileName: "", lineNumber: 997, columnNumber: 35 }, __self: this }, role.requirements)))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col sm:flex-row gap-3", __source: { fileName: "", lineNumber: 1006, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>openApplicationModal(role), className: `flex-1 bg-gradient-to-r ${jobTypeStyle.gradient} text-white px-4 py-3 rounded-xl text-center font-bold hover:shadow-lg hover:shadow-cyan-500/20 transition-all text-sm transform hover:-translate-y-0.5`, __source: { fileName: "", lineNumber: 1007, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-paper-plane mr-2", __source: { fileName: "", lineNumber: 1011, columnNumber: 29 }, __self: this }), "Apply Now"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>toggleRoleExpansion(role.id), className: `px-4 py-3 rounded-xl text-center font-bold transition-all text-sm transform hover:-translate-y-0.5 border-2 ${jobTypeStyle.borderColor} ${jobTypeStyle.iconColor} hover:bg-gradient-to-r ${jobTypeStyle.bgGradient}`, __source: { fileName: "", lineNumber: 1014, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${expandedRole === role.id ? "fa-chevron-up" : "fa-chevron-down"} mr-2`, __source: { fileName: "", lineNumber: 1018, columnNumber: 29 }, __self: this }), expandedRole === role.id ? "Show Less" : "Learn More")))); }))))), showApplicationModal && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black/50 backdrop-blur-sm z-50 flex items-center justify-center p-4", __source: { fileName: "", lineNumber: 1037, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-br from-[#1a2332] to-[#0f1419] rounded-3xl max-w-2xl w-full max-h-[90vh] overflow-y-auto border border-cyan-500/30", __source: { fileName: "", lineNumber: 1038, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6 border-b border-cyan-500/20", __source: { fileName: "", lineNumber: 1039, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center justify-between", __source: { fileName: "", lineNumber: 1040, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1041, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-bold text-white mb-2", __source: { fileName: "", lineNumber: 1042, columnNumber: 19 }, __self: this }, isGeneralApplication ? "Submit Your Profile" : `Apply for ${selectedRole?.title}`), !isGeneralApplication && selectedRole && /*#__PURE__*/ React.createElement("p", { className: "text-cyan-400", __source: { fileName: "", lineNumber: 1048, columnNumber: 21 }, __self: this }, selectedRole.company, " • ", selectedRole.location)), /*#__PURE__*/ React.createElement("button", { onClick: closeApplicationModal, className: "w-10 h-10 bg-gradient-to-r from-pink-500/20 to-purple-500/20 rounded-xl flex items-center justify-center text-pink-400 hover:text-pink-300 transition-colors border border-pink-500/30", __source: { fileName: "", lineNumber: 1053, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times", __source: { fileName: "", lineNumber: 1057, columnNumber: 19 }, __self: this })))), /*#__PURE__*/ React.createElement("form", { onSubmit: handleApplicationSubmit, className: "p-6 space-y-6", __source: { fileName: "", lineNumber: 1062, columnNumber: 13 }, __self: this }, submitSuccess ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-12", __source: { fileName: "", lineNumber: 1064, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-20 h-20 bg-gradient-to-r from-emerald-500/20 to-teal-500/20 rounded-full flex items-center justify-center mx-auto mb-6 border border-emerald-500/30", __source: { fileName: "", lineNumber: 1065, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-3xl text-emerald-400", __source: { fileName: "", lineNumber: 1066, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("h4", { className: "text-2xl font-bold text-white mb-4", __source: { fileName: "", lineNumber: 1068, columnNumber: 19 }, __self: this }, isGeneralApplication ? "Profile Submitted!" : "Application Submitted!"), /*#__PURE__*/ React.createElement("p", { className: "text-cyan-200", __source: { fileName: "", lineNumber: 1073, columnNumber: 19 }, __self: this }, isGeneralApplication ? "We've received your profile and will be in touch about future opportunities." : "Thank you for your interest! We'll review your application and get back to you soon.")) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 1081, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1082, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-cyan-400 font-semibold mb-2", __source: { fileName: "", lineNumber: 1083, columnNumber: 23 }, __self: this }, "First Name *"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "first_name", value: applicationData.first_name, onChange: handleApplicationInputChange, required: true, className: "w-full px-4 py-3 bg-gradient-to-r from-[#0f1419] to-[#1a2332] border border-cyan-500/30 rounded-xl text-white focus:border-pink-500 focus:outline-none transition-all", placeholder: "Enter your first name", __source: { fileName: "", lineNumber: 1086, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1096, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-cyan-400 font-semibold mb-2", __source: { fileName: "", lineNumber: 1097, columnNumber: 23 }, __self: this }, "Last Name *"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "last_name", value: applicationData.last_name, onChange: handleApplicationInputChange, required: true, className: "w-full px-4 py-3 bg-gradient-to-r from-[#0f1419] to-[#1a2332] border border-cyan-500/30 rounded-xl text-white focus:border-pink-500 focus:outline-none transition-all", placeholder: "Enter your last name", __source: { fileName: "", lineNumber: 1100, columnNumber: 23 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 1112, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1113, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-cyan-400 font-semibold mb-2", __source: { fileName: "", lineNumber: 1114, columnNumber: 23 }, __self: this }, "Email *"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: applicationData.email, onChange: handleApplicationInputChange, required: true, className: "w-full px-4 py-3 bg-gradient-to-r from-[#0f1419] to-[#1a2332] border border-cyan-500/30 rounded-xl text-white focus:border-pink-500 focus:outline-none transition-all", placeholder: "Enter your email", __source: { fileName: "", lineNumber: 1117, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1127, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-cyan-400 font-semibold mb-2", __source: { fileName: "", lineNumber: 1128, columnNumber: 23 }, __self: this }, "Phone"), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "phone", value: applicationData.phone, onChange: handleApplicationInputChange, className: "w-full px-4 py-3 bg-gradient-to-r from-[#0f1419] to-[#1a2332] border border-cyan-500/30 rounded-xl text-white focus:border-pink-500 focus:outline-none transition-all", placeholder: "Enter your phone number", __source: { fileName: "", lineNumber: 1131, columnNumber: 23 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 1142, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1143, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-cyan-400 font-semibold mb-2", __source: { fileName: "", lineNumber: 1144, columnNumber: 23 }, __self: this }, "LinkedIn URL"), /*#__PURE__*/ React.createElement("input", { type: "url", name: "linkedin_url", value: applicationData.linkedin_url, onChange: handleApplicationInputChange, className: "w-full px-4 py-3 bg-gradient-to-r from-[#0f1419] to-[#1a2332] border border-cyan-500/30 rounded-xl text-white focus:border-pink-500 focus:outline-none transition-all", placeholder: "https://linkedin.com/in/yourprofile", __source: { fileName: "", lineNumber: 1147, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1156, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-cyan-400 font-semibold mb-2", __source: { fileName: "", lineNumber: 1157, columnNumber: 23 }, __self: this }, "Portfolio URL"), /*#__PURE__*/ React.createElement("input", { type: "url", name: "portfolio_url", value: applicationData.portfolio_url, onChange: handleApplicationInputChange, className: "w-full px-4 py-3 bg-gradient-to-r from-[#0f1419] to-[#1a2332] border border-cyan-500/30 rounded-xl text-white focus:border-pink-500 focus:outline-none transition-all", placeholder: "https://yourportfolio.com", __source: { fileName: "", lineNumber: 1160, columnNumber: 23 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 1171, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1172, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-cyan-400 font-semibold mb-2", __source: { fileName: "", lineNumber: 1173, columnNumber: 23 }, __self: this }, "Years of Experience"), /*#__PURE__*/ React.createElement("input", { type: "number", name: "experience_years", value: applicationData.experience_years, onChange: handleApplicationInputChange, min: "0", className: "w-full px-4 py-3 bg-gradient-to-r from-[#0f1419] to-[#1a2332] border border-cyan-500/30 rounded-xl text-white focus:border-pink-500 focus:outline-none transition-all", placeholder: "e.g. 3", __source: { fileName: "", lineNumber: 1176, columnNumber: 23 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1186, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-cyan-400 font-semibold mb-2", __source: { fileName: "", lineNumber: 1187, columnNumber: 23 }, __self: this }, "Current Company"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "current_company", value: applicationData.current_company, onChange: handleApplicationInputChange, className: "w-full px-4 py-3 bg-gradient-to-r from-[#0f1419] to-[#1a2332] border border-cyan-500/30 rounded-xl text-white focus:border-pink-500 focus:outline-none transition-all", placeholder: "Current or most recent company", __source: { fileName: "", lineNumber: 1190, columnNumber: 23 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1201, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-cyan-400 font-semibold mb-2", __source: { fileName: "", lineNumber: 1202, columnNumber: 21 }, __self: this }, "Current Title"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "current_title", value: applicationData.current_title, onChange: handleApplicationInputChange, className: "w-full px-4 py-3 bg-gradient-to-r from-[#0f1419] to-[#1a2332] border border-cyan-500/30 rounded-xl text-white focus:border-pink-500 focus:outline-none transition-all", placeholder: "Your current or most recent job title", __source: { fileName: "", lineNumber: 1205, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1215, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-cyan-400 font-semibold mb-2", __source: { fileName: "", lineNumber: 1216, columnNumber: 21 }, __self: this }, "Resume Upload"), /*#__PURE__*/ React.createElement("input", { type: "file", onChange: handleResumeUpload, accept: ".pdf,.doc,.docx", className: "w-full px-4 py-3 bg-gradient-to-r from-[#0f1419] to-[#1a2332] border border-cyan-500/30 rounded-xl text-white focus:border-pink-500 focus:outline-none transition-all file:mr-4 file:py-2 file:px-4 file:rounded-lg file:border-0 file:text-sm file:font-semibold file:bg-gradient-to-r file:from-cyan-500 file:to-pink-500 file:text-white hover:file:from-cyan-600 hover:file:to-pink-600", __source: { fileName: "", lineNumber: 1219, columnNumber: 21 }, __self: this }), uploading && /*#__PURE__*/ React.createElement("p", { className: "text-cyan-400 text-sm mt-2", __source: { fileName: "", lineNumber: 1226, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 1227, columnNumber: 25 }, __self: this }), "Uploading resume..."), applicationData.resume_url && /*#__PURE__*/ React.createElement("p", { className: "text-emerald-400 text-sm mt-2", __source: { fileName: "", lineNumber: 1232, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check mr-2", __source: { fileName: "", lineNumber: 1233, columnNumber: 25 }, __self: this }), "Resume uploaded successfully")), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 1239, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-cyan-400 font-semibold mb-2", __source: { fileName: "", lineNumber: 1240, columnNumber: 21 }, __self: this }, isGeneralApplication ? "Tell us about yourself" : "Cover Letter"), /*#__PURE__*/ React.createElement("textarea", { name: "cover_letter", value: applicationData.cover_letter, onChange: handleApplicationInputChange, rows: 6, className: "w-full px-4 py-3 bg-gradient-to-r from-[#0f1419] to-[#1a2332] border border-cyan-500/30 rounded-xl text-white focus:border-pink-500 focus:outline-none transition-all resize-none", placeholder: isGeneralApplication ? "Tell us about your background, skills, and what type of opportunities you're looking for..." : "Why are you interested in this role? What makes you a great fit?", __source: { fileName: "", lineNumber: 1245, columnNumber: 21 }, __self: this })), error && /*#__PURE__*/ React.createElement("div", { className: "bg-pink-500/10 border border-pink-400/30 rounded-xl p-4", __source: { fileName: "", lineNumber: 1260, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-pink-300 flex items-center", __source: { fileName: "", lineNumber: 1261, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-triangle mr-2", __source: { fileName: "", lineNumber: 1262, columnNumber: 25 }, __self: this }), error)), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col sm:flex-row gap-4 pt-6", __source: { fileName: "", lineNumber: 1268, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("button", { type: "button", onClick: closeApplicationModal, className: "px-6 py-3 border-2 border-cyan-400/30 text-cyan-400 rounded-xl font-semibold hover:bg-cyan-400/10 transition-all", __source: { fileName: "", lineNumber: 1269, columnNumber: 21 }, __self: this }, "Cancel"), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: submitting, className: "flex-1 bg-gradient-to-r from-cyan-500 to-pink-500 text-white px-6 py-3 rounded-xl font-semibold hover:from-cyan-600 hover:to-pink-600 transition-all disabled:opacity-50 disabled:cursor-not-allowed", __source: { fileName: "", lineNumber: 1276, columnNumber: 21 }, __self: this }, submitting ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin mr-2", __source: { fileName: "", lineNumber: 1283, columnNumber: 27 }, __self: this }), isGeneralApplication ? "Submitting Profile..." : "Submitting Application...") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-paper-plane mr-2", __source: { fileName: "", lineNumber: 1290, columnNumber: 27 }, __self: this }), isGeneralApplication ? "Submit Profile" : "Submit Application")))))))); }

OpenOpportunities