function MainComponent() { const [currentStep, setCurrentStep] = useState(1); const [formData, setFormData] = useState({ fullName: "", email: "", phone: "", experience: "", specialization: "", resume: null }); const [errors, setErrors] = useState({}); const [isSubmitting, setIsSubmitting] = useState(false); const [submitStatus, setSubmitStatus] = useState({ type: "", message: "" }); const validateStep = (step)=>{ const newErrors = {}; if (step === 1) { if (!formData.fullName.trim()) newErrors.fullName = "Name is required"; if (!formData.email.trim()) { newErrors.email = "Email is required"; } else if (!/\S+@\S+\.\S+/.test(formData.email)) { newErrors.email = "Email is invalid"; } if (!formData.phone.trim()) { newErrors.phone = "Phone is required"; } else if (!/^[0-9+\-\s()]+$/.test(formData.phone)) { newErrors.phone = "Invalid phone number format"; } } else if (step === 2) { if (!formData.experience) newErrors.experience = "Experience is required"; if (!formData.specialization) newErrors.specialization = "Specialization is required"; } else if (step === 3) { if (!formData.resume) newErrors.resume = "Resume is required"; } return newErrors; }; const handleInputChange = (e)=>{ const { name, value } = e.target; setFormData((prev)=>({ ...prev, [name]: value })); if (errors[name]) { setErrors((prev)=>({ ...prev, [name]: "" })); } }; const handleFileChange = async (e)=>{ if (e.target.files?.[0]) { const file = e.target.files[0]; try { const reader = new FileReader(); reader.onloadend = async ()=>{ const base64String = reader.result; setFormData((prev)=>({ ...prev, resume: base64String })); }; reader.readAsDataURL(file); } catch (error) { setErrors((prev)=>({ ...prev, resume: "Error processing file" })); } } }; const nextStep = ()=>{ const stepErrors = validateStep(currentStep); if (Object.keys(stepErrors).length === 0) { setCurrentStep((prev)=>Math.min(prev + 1, 3)); } else { setErrors(stepErrors); } }; const prevStep = ()=>{ setCurrentStep((prev)=>Math.max(prev - 1, 1)); }; const handleSubmit = async (e)=>{ e.preventDefault(); const stepErrors = validateStep(currentStep); if (Object.keys(stepErrors).length === 0) { setIsSubmitting(true); setSubmitStatus({ type: "", message: "" }); try { const response = await fetch("/api/submit-application", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(formData) }); const data = await response.json(); if (!response.ok) { throw new Error(data.error || "Failed to submit application"); } setSubmitStatus({ type: "success", message: "Application submitted successfully! We will contact you soon." }); setFormData({ fullName: "", email: "", phone: "", experience: "", specialization: "", resume: null }); setCurrentStep(1); } catch (error) { console.error("Error submitting application:", error); setSubmitStatus({ type: "error", message: error.message || "Failed to submit application. Please try again." }); } finally{ setIsSubmitting(false); } } else { setErrors(stepErrors); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50", __source: { fileName: "", lineNumber: 143, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-[#1a4b8e] to-[#143666] p-6", __source: { fileName: "", lineNumber: 145, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 146, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-white font-montserrat text-xl font-bold flex items-center gap-3", __source: { fileName: "", lineNumber: 147, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-fan animate-spin-slow", __source: { fileName: "", lineNumber: 151, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "hidden md:inline", __source: { fileName: "", lineNumber: 152, columnNumber: 13 }, __self: this }, "Airplus Cooling Systems & Electrical Contractors Limited"), /*#__PURE__*/ React.createElement("span", { className: "md:hidden", __source: { fileName: "", lineNumber: 155, columnNumber: 13 }, __self: this }, "Airplus LTD")), /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-white/80 hover:text-white transition-colors", __source: { fileName: "", lineNumber: 157, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times text-xl", __source: { fileName: "", lineNumber: 161, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center mt-6 px-8", __source: { fileName: "", lineNumber: 164, columnNumber: 9 }, __self: this }, [ "Personal Info", "Experience", "Resume" ].map((step, index)=>/*#__PURE__*/ React.createElement("div", { key: step, className: "flex flex-col items-center relative", __source: { fileName: "", lineNumber: 166, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `w-10 h-10 rounded-full flex items-center justify-center mb-2 transition-colors ${currentStep > index + 1 ? "bg-green-500 text-white" : currentStep === index + 1 ? "bg-white text-[#1a4b8e]" : "bg-white/30 text-white/70"}`, __source: { fileName: "", lineNumber: 167, columnNumber: 15 }, __self: this }, currentStep > index + 1 ? /*#__PURE__*/ React.createElement("i", { className: "fas fa-check", __source: { fileName: "", lineNumber: 177, columnNumber: 19 }, __self: this }) : index + 1), /*#__PURE__*/ React.createElement("span", { className: `text-sm ${currentStep === index + 1 ? "text-white font-semibold" : "text-white/70"}`, __source: { fileName: "", lineNumber: 182, columnNumber: 15 }, __self: this }, step), index < 2 && /*#__PURE__*/ React.createElement("div", { className: `absolute top-5 left-[60px] w-[calc(100%-20px)] h-[2px] ${currentStep > index + 1 ? "bg-green-500" : "bg-white/30"}`, __source: { fileName: "", lineNumber: 192, columnNumber: 17 }, __self: this }))))), /*#__PURE__*/ React.createElement("div", { className: "p-8", __source: { fileName: "", lineNumber: 204, columnNumber: 7 }, __self: this }, submitStatus.type === "success" ? /*#__PURE__*/ React.createElement("div", { className: "text-center py-8", __source: { fileName: "", lineNumber: 206, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-green-500 mb-4", __source: { fileName: "", lineNumber: 207, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-6xl", __source: { fileName: "", lineNumber: 208, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-montserrat font-bold text-[#1a4b8e] mb-4", __source: { fileName: "", lineNumber: 210, columnNumber: 13 }, __self: this }, "Application Submitted!"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-6", __source: { fileName: "", lineNumber: 213, columnNumber: 13 }, __self: this }, submitStatus.message), /*#__PURE__*/ React.createElement("a", { href: "/", className: "inline-block bg-[#1a4b8e] text-white px-8 py-3 rounded-full hover:bg-[#143666] transition-all duration-300", __source: { fileName: "", lineNumber: 214, columnNumber: 13 }, __self: this }, "Return to Homepage")) : /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 222, columnNumber: 11 }, __self: this }, currentStep === 1 && /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 224, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "group", __source: { fileName: "", lineNumber: 225, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 font-semibold mb-2", __source: { fileName: "", lineNumber: 226, columnNumber: 19 }, __self: this }, "Full Name ", /*#__PURE__*/ React.createElement("span", { className: "text-red-500", __source: { fileName: "", lineNumber: 227, columnNumber: 31 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 229, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-user absolute left-4 top-1/2 transform -translate-y-1/2 text-gray-400", __source: { fileName: "", lineNumber: 230, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "text", name: "fullName", value: formData.fullName, onChange: handleInputChange, className: `w-full pl-12 pr-4 py-3 rounded-lg border ${errors.fullName ? "border-red-500" : "border-gray-300"} focus:outline-none focus:ring-2 focus:ring-[#1a4b8e] transition-all`, placeholder: "Enter your full name", __source: { fileName: "", lineNumber: 231, columnNumber: 21 }, __self: this })), errors.fullName && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-sm mt-1", __source: { fileName: "", lineNumber: 243, columnNumber: 21 }, __self: this }, errors.fullName)), /*#__PURE__*/ React.createElement("div", { className: "group", __source: { fileName: "", lineNumber: 249, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 font-semibold mb-2", __source: { fileName: "", lineNumber: 250, columnNumber: 19 }, __self: this }, "Email ", /*#__PURE__*/ React.createElement("span", { className: "text-red-500", __source: { fileName: "", lineNumber: 251, columnNumber: 27 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 253, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope absolute left-4 top-1/2 transform -translate-y-1/2 text-gray-400", __source: { fileName: "", lineNumber: 254, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: formData.email, onChange: handleInputChange, className: `w-full pl-12 pr-4 py-3 rounded-lg border ${errors.email ? "border-red-500" : "border-gray-300"} focus:outline-none focus:ring-2 focus:ring-[#1a4b8e] transition-all`, placeholder: "Enter your email", __source: { fileName: "", lineNumber: 255, columnNumber: 21 }, __self: this })), errors.email && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-sm mt-1", __source: { fileName: "", lineNumber: 267, columnNumber: 21 }, __self: this }, errors.email)), /*#__PURE__*/ React.createElement("div", { className: "group", __source: { fileName: "", lineNumber: 271, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 font-semibold mb-2", __source: { fileName: "", lineNumber: 272, columnNumber: 19 }, __self: this }, "Phone Number ", /*#__PURE__*/ React.createElement("span", { className: "text-red-500", __source: { fileName: "", lineNumber: 273, columnNumber: 34 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 275, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone absolute left-4 top-1/2 transform -translate-y-1/2 text-gray-400", __source: { fileName: "", lineNumber: 276, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "phone", value: formData.phone, onChange: handleInputChange, className: `w-full pl-12 pr-4 py-3 rounded-lg border ${errors.phone ? "border-red-500" : "border-gray-300"} focus:outline-none focus:ring-2 focus:ring-[#1a4b8e] transition-all`, placeholder: "Enter your phone number", __source: { fileName: "", lineNumber: 277, columnNumber: 21 }, __self: this })), errors.phone && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-sm mt-1", __source: { fileName: "", lineNumber: 289, columnNumber: 21 }, __self: this }, errors.phone))), currentStep === 2 && /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 296, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "group", __source: { fileName: "", lineNumber: 297, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 font-semibold mb-2", __source: { fileName: "", lineNumber: 298, columnNumber: 19 }, __self: this }, "Years of Experience ", /*#__PURE__*/ React.createElement("span", { className: "text-red-500", __source: { fileName: "", lineNumber: 299, columnNumber: 41 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 301, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-briefcase absolute left-4 top-1/2 transform -translate-y-1/2 text-gray-400", __source: { fileName: "", lineNumber: 302, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("select", { name: "experience", value: formData.experience, onChange: handleInputChange, className: `w-full pl-12 pr-4 py-3 rounded-lg border ${errors.experience ? "border-red-500" : "border-gray-300"} focus:outline-none focus:ring-2 focus:ring-[#1a4b8e] transition-all appearance-none bg-white`, __source: { fileName: "", lineNumber: 303, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 311, columnNumber: 23 }, __self: this }, "Select experience"), /*#__PURE__*/ React.createElement("option", { value: "0-2", __source: { fileName: "", lineNumber: 312, columnNumber: 23 }, __self: this }, "0-2 years"), /*#__PURE__*/ React.createElement("option", { value: "3-5", __source: { fileName: "", lineNumber: 313, columnNumber: 23 }, __self: this }, "3-5 years"), /*#__PURE__*/ React.createElement("option", { value: "5-10", __source: { fileName: "", lineNumber: 314, columnNumber: 23 }, __self: this }, "5-10 years"), /*#__PURE__*/ React.createElement("option", { value: "10+", __source: { fileName: "", lineNumber: 315, columnNumber: 23 }, __self: this }, "10+ years")), /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-down absolute right-4 top-1/2 transform -translate-y-1/2 text-gray-400 pointer-events-none", __source: { fileName: "", lineNumber: 317, columnNumber: 21 }, __self: this })), errors.experience && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-sm mt-1", __source: { fileName: "", lineNumber: 320, columnNumber: 21 }, __self: this }, errors.experience)), /*#__PURE__*/ React.createElement("div", { className: "group", __source: { fileName: "", lineNumber: 326, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 font-semibold mb-2", __source: { fileName: "", lineNumber: 327, columnNumber: 19 }, __self: this }, "Specialization ", /*#__PURE__*/ React.createElement("span", { className: "text-red-500", __source: { fileName: "", lineNumber: 328, columnNumber: 36 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("div", { className: "relative", __source: { fileName: "", lineNumber: 330, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-tools absolute left-4 top-1/2 transform -translate-y-1/2 text-gray-400", __source: { fileName: "", lineNumber: 331, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("select", { name: "specialization", value: formData.specialization, onChange: handleInputChange, className: `w-full pl-12 pr-4 py-3 rounded-lg border ${errors.specialization ? "border-red-500" : "border-gray-300"} focus:outline-none focus:ring-2 focus:ring-[#1a4b8e] transition-all appearance-none bg-white`, __source: { fileName: "", lineNumber: 332, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 342, columnNumber: 23 }, __self: this }, "Select specialization"), /*#__PURE__*/ React.createElement("option", { value: "Cooling Systems", __source: { fileName: "", lineNumber: 343, columnNumber: 23 }, __self: this }, "Cooling Systems"), /*#__PURE__*/ React.createElement("option", { value: "Electrical Engineering", __source: { fileName: "", lineNumber: 344, columnNumber: 23 }, __self: this }, "Electrical Engineering"), /*#__PURE__*/ React.createElement("option", { value: "Security Systems", __source: { fileName: "", lineNumber: 347, columnNumber: 23 }, __self: this }, "Security Systems"), /*#__PURE__*/ React.createElement("option", { value: "Gas Systems", __source: { fileName: "", lineNumber: 348, columnNumber: 23 }, __self: this }, "Gas Systems")), /*#__PURE__*/ React.createElement("i", { className: "fas fa-chevron-down absolute right-4 top-1/2 transform -translate-y-1/2 text-gray-400 pointer-events-none", __source: { fileName: "", lineNumber: 350, columnNumber: 21 }, __self: this })), errors.specialization && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-sm mt-1", __source: { fileName: "", lineNumber: 353, columnNumber: 21 }, __self: this }, errors.specialization))), currentStep === 3 && /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 362, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 363, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 font-semibold mb-2", __source: { fileName: "", lineNumber: 364, columnNumber: 19 }, __self: this }, "Upload Resume ", /*#__PURE__*/ React.createElement("span", { className: "text-red-500", __source: { fileName: "", lineNumber: 365, columnNumber: 35 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("div", { className: "mt-2", __source: { fileName: "", lineNumber: 367, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: `border-2 border-dashed rounded-lg p-8 text-center transition-all ${formData.resume ? "border-green-500 bg-green-50" : "border-gray-300 hover:border-[#1a4b8e]"}`, __source: { fileName: "", lineNumber: 368, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "file", name: "resume", onChange: handleFileChange, accept: ".pdf,.doc,.docx", className: "hidden", id: "resume-upload", __source: { fileName: "", lineNumber: 375, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("label", { htmlFor: "resume-upload", className: "cursor-pointer flex flex-col items-center", __source: { fileName: "", lineNumber: 383, columnNumber: 23 }, __self: this }, formData.resume ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check-circle text-5xl text-green-500 mb-4", __source: { fileName: "", lineNumber: 389, columnNumber: 29 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-green-600 font-semibold", __source: { fileName: "", lineNumber: 390, columnNumber: 29 }, __self: this }, "Resume uploaded successfully"), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-green-500 mt-2", __source: { fileName: "", lineNumber: 393, columnNumber: 29 }, __self: this }, "Click to change file")) : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-cloud-upload-alt text-5xl text-gray-400 mb-4", __source: { fileName: "", lineNumber: 399, columnNumber: 29 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-gray-600", __source: { fileName: "", lineNumber: 400, columnNumber: 29 }, __self: this }, "Click to upload your resume"), /*#__PURE__*/ React.createElement("span", { className: "text-sm text-gray-500 mt-2", __source: { fileName: "", lineNumber: 403, columnNumber: 29 }, __self: this }, "PDF, DOC, or DOCX (Max 5MB)")))), errors.resume && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-sm mt-1", __source: { fileName: "", lineNumber: 411, columnNumber: 23 }, __self: this }, errors.resume)))), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between pt-6", __source: { fileName: "", lineNumber: 420, columnNumber: 13 }, __self: this }, currentStep > 1 && /*#__PURE__*/ React.createElement("button", { type: "button", onClick: prevStep, className: "px-6 py-2 border border-gray-300 rounded-full text-gray-700 hover:bg-gray-50 transition-all flex items-center gap-2", __source: { fileName: "", lineNumber: 422, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-left", __source: { fileName: "", lineNumber: 427, columnNumber: 19 }, __self: this }), "Back"), currentStep < 3 ? /*#__PURE__*/ React.createElement("button", { type: "button", onClick: nextStep, className: "ml-auto px-6 py-2 bg-[#1a4b8e] text-white rounded-full hover:bg-[#143666] transition-all flex items-center gap-2", __source: { fileName: "", lineNumber: 432, columnNumber: 17 }, __self: this }, "Next", /*#__PURE__*/ React.createElement("i", { className: "fas fa-arrow-right", __source: { fileName: "", lineNumber: 438, columnNumber: 19 }, __self: this })) : /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: isSubmitting, className: "ml-auto px-6 py-2 bg-[#1a4b8e] text-white rounded-full hover:bg-[#143666] transition-all flex items-center gap-2 disabled:opacity-50", __source: { fileName: "", lineNumber: 441, columnNumber: 17 }, __self: this }, isSubmitting ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner fa-spin", __source: { fileName: "", lineNumber: 448, columnNumber: 23 }, __self: this }), "Submitting...") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-paper-plane", __source: { fileName: "", lineNumber: 453, columnNumber: 23 }, __self: this }), "Submit Application"))))), /*#__PURE__*/ React.createElement("div", { className: "md:hidden fixed bottom-6 right-6 flex flex-col gap-4", __source: { fileName: "", lineNumber: 465, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "tel:+254111698033", className: "bg-[#1a4b8e] text-white w-12 h-12 rounded-full flex items-center justify-center shadow-lg hover:bg-[#143666] transition-colors duration-300", __source: { fileName: "", lineNumber: 466, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone", __source: { fileName: "", lineNumber: 470, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("a", { href: "https://wa.me/254111698033", className: "bg-[#25D366] text-white w-12 h-12 rounded-full flex items-center justify-center shadow-lg hover:bg-[#128C7E] transition-colors duration-300", __source: { fileName: "", lineNumber: 472, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-whatsapp text-xl", __source: { fileName: "", lineNumber: 476, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#143666] text-white py-8", __source: { fileName: "", lineNumber: 481, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4", __source: { fileName: "", lineNumber: 482, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center gap-6 text-center", __source: { fileName: "", lineNumber: 483, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 484, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-fan text-xl", __source: { fileName: "", lineNumber: 485, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-montserrat font-bold text-base", __source: { fileName: "", lineNumber: 486, columnNumber: 15 }, __self: this }, "Airplus Cooling Systems & Electrical Contractors Limited")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap justify-center gap-4 text-sm", __source: { fileName: "", lineNumber: 490, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-gray-300 hover:text-white transition-colors duration-300", __source: { fileName: "", lineNumber: 491, columnNumber: 15 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "/contact", className: "text-gray-300 hover:text-white transition-colors duration-300", __source: { fileName: "", lineNumber: 497, columnNumber: 15 }, __self: this }, "Contact")), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300 text-xs", __source: { fileName: "", lineNumber: 504, columnNumber: 13 }, __self: this }, "© 2025 Airplus cooling systems and electrical contractors ltd"))))); }