function MainComponent() { const [formData, setFormData] = useState({ name: "", email: "", phone: "", subject: "", message: "", contactPreference: "email" }); const [errors, setErrors] = useState({}); const [isSubmitting, setIsSubmitting] = useState(false); const [submitSuccess, setSubmitSuccess] = useState(false); const [activeSection, setActiveSection] = useState("message"); // For mobile view switching // Helper function to format phone numbers for display const formatPhoneNumber = (phone)=>{ return phone.replace(/(\d{2})(\d{3})(\d{3})(\d{3})/, "$1 $2 $3 $4"); }; // Helper function to clean phone number for tel: links const cleanPhoneNumber = (phone)=>{ return phone.replace(/[^\d+]/g, ""); }; const validateForm = ()=>{ const newErrors = {}; if (!formData.name.trim()) newErrors.name = "Name is required"; if (!formData.phone.trim()) newErrors.phone = "Phone is required"; if (formData.contactPreference === "email") { if (!formData.email.trim()) newErrors.email = "Email is required"; else if (!/\S+@\S+\.\S+/.test(formData.email)) newErrors.email = "Email is invalid"; } if (!formData.subject.trim()) newErrors.subject = "Subject is required"; if (!formData.message.trim()) newErrors.message = "Message is required"; return newErrors; }; const handleSubmit = async (e)=>{ e.preventDefault(); const newErrors = validateForm(); setErrors(newErrors); if (Object.keys(newErrors).length === 0) { setIsSubmitting(true); try { // If WhatsApp is selected, generate WhatsApp link if (formData.contactPreference === "whatsapp") { const message = ` New Contact Message: Name: ${formData.name} Phone: ${formData.phone} Subject: ${formData.subject} Message: ${formData.message} `.trim(); const whatsappUrl = `https://wa.me/254111698033?text=${encodeURIComponent(message)}`; window.open(whatsappUrl, "_blank"); } setSubmitSuccess(true); setFormData({ name: "", email: "", phone: "", subject: "", message: "", contactPreference: "email" }); } catch (error) { console.error("Form submission error:", error); } finally{ setIsSubmitting(false); } } }; const handleChange = (e)=>{ const { name, value } = e.target; setFormData((prev)=>({ ...prev, [name]: value })); if (errors[name]) { setErrors((prev)=>({ ...prev, [name]: "" })); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-gray-50", __source: { fileName: "", lineNumber: 93, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-white shadow-lg sticky top-0 z-50", __source: { fileName: "", lineNumber: 95, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-4 flex items-center justify-between", __source: { fileName: "", lineNumber: 96, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-[#1a4b8e] font-montserrat text-xl font-bold flex items-center gap-3", __source: { fileName: "", lineNumber: 97, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-fan animate-spin-slow", __source: { fileName: "", lineNumber: 101, columnNumber: 13 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "hidden md:inline", __source: { fileName: "", lineNumber: 102, columnNumber: 13 }, __self: this }, "Airplus Cooling Systems & Electrical Contractors Limited"), /*#__PURE__*/ React.createElement("span", { className: "md:hidden", __source: { fileName: "", lineNumber: 105, columnNumber: 13 }, __self: this }, "Airplus LTD")), /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-4", __source: { fileName: "", lineNumber: 107, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "tel:+254111698033", className: "md:hidden bg-[#1a4b8e] text-white px-4 py-2 rounded-full flex items-center gap-2 hover:bg-[#143666] transition-all duration-300", __source: { fileName: "", lineNumber: 108, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone-alt text-sm", __source: { fileName: "", lineNumber: 112, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm font-semibold", __source: { fileName: "", lineNumber: 113, columnNumber: 15 }, __self: this }, "Call Now")), /*#__PURE__*/ React.createElement("a", { href: "/", className: "bg-[#1a4b8e] text-white px-6 py-2 rounded-full flex items-center gap-2 hover:bg-[#143666] transition-all duration-300", __source: { fileName: "", lineNumber: 115, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-home text-sm", __source: { fileName: "", lineNumber: 119, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "text-sm font-semibold", __source: { fileName: "", lineNumber: 120, columnNumber: 15 }, __self: this }, "Home"))))), /*#__PURE__*/ React.createElement("div", { className: "bg-gradient-to-r from-[#1a4b8e] to-[#143666] py-12 md:py-20 relative overflow-hidden", __source: { fileName: "", lineNumber: 127, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-[url('https://ucarecdn.com/1a00c95f-754c-4bbc-b955-d54cd04ba13f/-/format/auto/')] bg-cover bg-center opacity-10", __source: { fileName: "", lineNumber: 128, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-gradient-to-b from-black/30 to-transparent", __source: { fileName: "", lineNumber: 129, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 relative", __source: { fileName: "", lineNumber: 130, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-center", __source: { fileName: "", lineNumber: 131, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-white font-montserrat text-4xl md:text-5xl font-bold mb-4 animate-fadeIn", __source: { fileName: "", lineNumber: 132, columnNumber: 13 }, __self: this }, "Get in Touch"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-200 text-lg md:text-xl max-w-2xl mx-auto px-4 animate-fadeIn animation-delay-200", __source: { fileName: "", lineNumber: 135, columnNumber: 13 }, __self: this }, "Have questions? We're here to help.")))), /*#__PURE__*/ React.createElement("div", { className: "md:hidden fixed bottom-6 right-6 flex flex-col gap-4", __source: { fileName: "", lineNumber: 143, 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: 144, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone", __source: { fileName: "", lineNumber: 148, 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: 150, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fab fa-whatsapp text-xl", __source: { fileName: "", lineNumber: 154, columnNumber: 11 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 py-8 md:py-16", __source: { fileName: "", lineNumber: 159, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid md:grid-cols-3 gap-6 md:gap-8 max-w-6xl mx-auto", __source: { fileName: "", lineNumber: 160, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "md:col-span-2", __source: { fileName: "", lineNumber: 162, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-2xl shadow-lg overflow-hidden", __source: { fileName: "", lineNumber: 163, columnNumber: 13 }, __self: this }, submitSuccess ? /*#__PURE__*/ React.createElement("div", { className: "p-8 text-center", __source: { fileName: "", lineNumber: 165, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "w-16 h-16 bg-green-100 rounded-full flex items-center justify-center mx-auto mb-6", __source: { fileName: "", lineNumber: 166, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-green-500 text-2xl", __source: { fileName: "", lineNumber: 167, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("h3", { className: "text-2xl font-montserrat font-bold text-gray-900 mb-4", __source: { fileName: "", lineNumber: 169, columnNumber: 19 }, __self: this }, "Thank You!"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 mb-8", __source: { fileName: "", lineNumber: 172, columnNumber: 19 }, __self: this }, formData.contactPreference === "whatsapp" ? "You'll be redirected to WhatsApp to continue the conversation." : "Your message has been sent successfully. We'll get back to you soon."), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setSubmitSuccess(false), className: "bg-[#1a4b8e] text-white px-8 py-3 rounded-xl hover:bg-[#143666] transition-all duration-300 transform hover:scale-[0.98] active:scale-95", __source: { fileName: "", lineNumber: 177, columnNumber: 19 }, __self: this }, "Send Another Message")) : /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "p-6 md:p-8", __source: { fileName: "", lineNumber: 185, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 186, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-2xl font-montserrat font-bold text-gray-900 mb-2", __source: { fileName: "", lineNumber: 187, columnNumber: 21 }, __self: this }, "Send us a message"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 190, columnNumber: 21 }, __self: this }, "Fill out the form below and we'll get back to you soon.")), /*#__PURE__*/ React.createElement("div", { className: "mb-6", __source: { fileName: "", lineNumber: 196, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 font-medium mb-4", __source: { fileName: "", lineNumber: 197, columnNumber: 21 }, __self: this }, "How would you like us to contact you?"), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-2 gap-3", __source: { fileName: "", lineNumber: 200, columnNumber: 21 }, __self: this }, [ { value: "email", icon: "envelope", label: "Email" }, { value: "whatsapp", icon: "whatsapp", label: "WhatsApp" } ].map((option)=>/*#__PURE__*/ React.createElement("label", { key: option.value, className: `flex items-center gap-3 p-4 rounded-xl cursor-pointer transition-all duration-300 ${formData.contactPreference === option.value ? "bg-[#1a4b8e] text-white" : "bg-gray-50 hover:bg-gray-100"}`, __source: { fileName: "", lineNumber: 209, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("input", { type: "radio", name: "contactPreference", value: option.value, checked: formData.contactPreference === option.value, onChange: handleChange, className: "hidden", __source: { fileName: "", lineNumber: 217, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("i", { className: `fa${option.value === "whatsapp" ? "b" : "s"} fa-${option.icon}`, __source: { fileName: "", lineNumber: 227, columnNumber: 27 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-medium", __source: { fileName: "", lineNumber: 230, columnNumber: 27 }, __self: this }, option.label))))), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 237, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-6", __source: { fileName: "", lineNumber: 238, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 239, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 font-medium mb-2", __source: { fileName: "", lineNumber: 240, columnNumber: 25 }, __self: this }, "Name ", /*#__PURE__*/ React.createElement("span", { className: "text-red-500", __source: { fileName: "", lineNumber: 241, columnNumber: 32 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", value: formData.name, onChange: handleChange, className: `w-full px-4 py-3 rounded-xl border ${errors.name ? "border-red-500" : "border-gray-200"} focus:outline-none focus:ring-2 focus:ring-[#1a4b8e] focus:border-transparent transition-all duration-300`, placeholder: "Your name", __source: { fileName: "", lineNumber: 243, columnNumber: 25 }, __self: this }), errors.name && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-sm mt-1 flex items-center gap-1", __source: { fileName: "", lineNumber: 254, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle", __source: { fileName: "", lineNumber: 255, columnNumber: 29 }, __self: this }), errors.name)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 261, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 font-medium mb-2", __source: { fileName: "", lineNumber: 262, columnNumber: 25 }, __self: this }, "Phone ", /*#__PURE__*/ React.createElement("span", { className: "text-red-500", __source: { fileName: "", lineNumber: 263, columnNumber: 33 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("input", { type: "tel", name: "phone", value: formData.phone, onChange: handleChange, className: `w-full px-4 py-3 rounded-xl border ${errors.phone ? "border-red-500" : "border-gray-200"} focus:outline-none focus:ring-2 focus:ring-[#1a4b8e] focus:border-transparent transition-all duration-300`, placeholder: "Your phone number", __source: { fileName: "", lineNumber: 265, columnNumber: 25 }, __self: this }), errors.phone && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-sm mt-1 flex items-center gap-1", __source: { fileName: "", lineNumber: 276, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle", __source: { fileName: "", lineNumber: 277, columnNumber: 29 }, __self: this }), errors.phone))), formData.contactPreference === "email" && /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 285, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 font-medium mb-2", __source: { fileName: "", lineNumber: 286, columnNumber: 25 }, __self: this }, "Email ", /*#__PURE__*/ React.createElement("span", { className: "text-red-500", __source: { fileName: "", lineNumber: 287, columnNumber: 33 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", value: formData.email, onChange: handleChange, className: `w-full px-4 py-3 rounded-xl border ${errors.email ? "border-red-500" : "border-gray-200"} focus:outline-none focus:ring-2 focus:ring-[#1a4b8e] focus:border-transparent transition-all duration-300`, placeholder: "Your email", __source: { fileName: "", lineNumber: 289, columnNumber: 25 }, __self: this }), errors.email && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-sm mt-1 flex items-center gap-1", __source: { fileName: "", lineNumber: 300, columnNumber: 27 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle", __source: { fileName: "", lineNumber: 301, columnNumber: 29 }, __self: this }), errors.email)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 308, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 font-medium mb-2", __source: { fileName: "", lineNumber: 309, columnNumber: 23 }, __self: this }, "Subject ", /*#__PURE__*/ React.createElement("span", { className: "text-red-500", __source: { fileName: "", lineNumber: 310, columnNumber: 33 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("select", { name: "subject", value: formData.subject, onChange: handleChange, className: `w-full px-4 py-3 rounded-xl border ${errors.subject ? "border-red-500" : "border-gray-200"} focus:outline-none focus:ring-2 focus:ring-[#1a4b8e] focus:border-transparent transition-all duration-300`, __source: { fileName: "", lineNumber: 312, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("option", { value: "", __source: { fileName: "", lineNumber: 320, columnNumber: 25 }, __self: this }, "Select a subject"), /*#__PURE__*/ React.createElement("option", { value: "General Inquiry", __source: { fileName: "", lineNumber: 321, columnNumber: 25 }, __self: this }, "General Inquiry"), /*#__PURE__*/ React.createElement("option", { value: "Service Quote", __source: { fileName: "", lineNumber: 322, columnNumber: 25 }, __self: this }, "Service Quote"), /*#__PURE__*/ React.createElement("option", { value: "Maintenance Request", __source: { fileName: "", lineNumber: 323, columnNumber: 25 }, __self: this }, "Maintenance Request"), /*#__PURE__*/ React.createElement("option", { value: "Installation Query", __source: { fileName: "", lineNumber: 326, columnNumber: 25 }, __self: this }, "Installation Query"), /*#__PURE__*/ React.createElement("option", { value: "Emergency Service", __source: { fileName: "", lineNumber: 329, columnNumber: 25 }, __self: this }, "Emergency Service"), /*#__PURE__*/ React.createElement("option", { value: "Other", __source: { fileName: "", lineNumber: 332, columnNumber: 25 }, __self: this }, "Other")), errors.subject && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-sm mt-1 flex items-center gap-1", __source: { fileName: "", lineNumber: 335, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle", __source: { fileName: "", lineNumber: 336, columnNumber: 27 }, __self: this }), errors.subject)), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 342, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("label", { className: "block text-gray-700 font-medium mb-2", __source: { fileName: "", lineNumber: 343, columnNumber: 23 }, __self: this }, "Message ", /*#__PURE__*/ React.createElement("span", { className: "text-red-500", __source: { fileName: "", lineNumber: 344, columnNumber: 33 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("textarea", { name: "message", value: formData.message, onChange: handleChange, rows: "5", className: `w-full px-4 py-3 rounded-xl border ${errors.message ? "border-red-500" : "border-gray-200"} focus:outline-none focus:ring-2 focus:ring-[#1a4b8e] focus:border-transparent transition-all duration-300`, placeholder: "How can we help you?", __source: { fileName: "", lineNumber: 346, columnNumber: 23 }, __self: this }), errors.message && /*#__PURE__*/ React.createElement("p", { className: "text-red-500 text-sm mt-1 flex items-center gap-1", __source: { fileName: "", lineNumber: 357, columnNumber: 25 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle", __source: { fileName: "", lineNumber: 358, columnNumber: 27 }, __self: this }), errors.message)), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: isSubmitting, className: "w-full bg-[#1a4b8e] text-white py-4 rounded-xl hover:bg-[#143666] transition-all duration-300 flex items-center justify-center gap-2 disabled:opacity-50 text-lg transform hover:scale-[0.98] active:scale-95", __source: { fileName: "", lineNumber: 364, columnNumber: 21 }, __self: this }, isSubmitting ? /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-spinner animate-spin", __source: { fileName: "", lineNumber: 371, columnNumber: 27 }, __self: this }), "Sending...") : /*#__PURE__*/ React.createElement(React.Fragment, null, /*#__PURE__*/ React.createElement("i", { className: "fas fa-paper-plane", __source: { fileName: "", lineNumber: 376, columnNumber: 27 }, __self: this }), "Send Message"))))), /*#__PURE__*/ React.createElement("div", { className: "mt-8", __source: { fileName: "", lineNumber: 387, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-2xl shadow-lg overflow-hidden", __source: { fileName: "", lineNumber: 388, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "p-6", __source: { fileName: "", lineNumber: 389, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-montserrat text-xl font-bold text-gray-900 mb-2", __source: { fileName: "", lineNumber: 390, columnNumber: 19 }, __self: this }, "Visit Our Office"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 393, columnNumber: 19 }, __self: this }, "Find us in Nairobi West")), /*#__PURE__*/ React.createElement("div", { className: "relative w-full h-[300px] bg-gray-100", __source: { fileName: "", lineNumber: 395, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("iframe", { src: "https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d15955.347178777534!2d36.81661221770019!3d-1.3087657999999908!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x182f11a75c0da4d5%3A0x88742b3f5cef5bd!2sNairobi%20West%2C%20Nairobi!5e0!3m2!1sen!2ske!4v1709244160595!5m2!1sen!2ske", width: "100%", height: "100%", style: { border: 0 }, allowFullScreen: "", loading: "lazy", referrerPolicy: "no-referrer-when-downgrade", className: "absolute inset-0", __source: { fileName: "", lineNumber: 396, columnNumber: 19 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "p-4", __source: { fileName: "", lineNumber: 407, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "https://www.google.com/maps/place/Nairobi+West,+Nairobi/@-1.3087658,36.8166122,15z/", target: "_blank", rel: "noopener noreferrer", className: "flex items-center justify-center gap-2 bg-gray-50 text-[#1a4b8e] py-3 px-6 rounded-xl hover:bg-gray-100 transition-all duration-300", __source: { fileName: "", lineNumber: 408, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-directions", __source: { fileName: "", lineNumber: 414, columnNumber: 21 }, __self: this }), "Get Directions"))))), /*#__PURE__*/ React.createElement("div", { className: "hidden md:block space-y-6", __source: { fileName: "", lineNumber: 423, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-lg p-6", __source: { fileName: "", lineNumber: 425, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-montserrat font-bold text-xl mb-6 text-[#1a4b8e]", __source: { fileName: "", lineNumber: 426, columnNumber: 15 }, __self: this }, "Quick Contact"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 429, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start gap-4 p-4 rounded-lg hover:bg-gray-50 transition-all duration-300", __source: { fileName: "", lineNumber: 430, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a4b8e]/10 text-[#1a4b8e] p-3 rounded-full", __source: { fileName: "", lineNumber: 431, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone-alt", __source: { fileName: "", lineNumber: 432, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 434, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold text-gray-900", __source: { fileName: "", lineNumber: 435, columnNumber: 21 }, __self: this }, "Call Us"), /*#__PURE__*/ React.createElement("div", { className: "space-y-2", __source: { fileName: "", lineNumber: 436, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "tel:+254111698033", className: "block text-[#1a4b8e] hover:text-[#143666] transition-colors duration-300", __source: { fileName: "", lineNumber: 437, columnNumber: 23 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-600", __source: { fileName: "", lineNumber: 441, columnNumber: 25 }, __self: this }, "Mobile: "), formatPhoneNumber("0111698033"), /*#__PURE__*/ React.createElement("i", { className: "fas fa-mobile-alt ml-2 text-sm", __source: { fileName: "", lineNumber: 443, columnNumber: 25 }, __self: this }))))), /*#__PURE__*/ React.createElement("a", { href: "mailto:airpluscooling@yahoo.com", className: "flex items-start gap-4 p-4 rounded-lg hover:bg-gray-50 transition-all duration-300", __source: { fileName: "", lineNumber: 449, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a4b8e]/10 text-[#1a4b8e] p-3 rounded-full", __source: { fileName: "", lineNumber: 453, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope", __source: { fileName: "", lineNumber: 454, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 456, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold text-gray-900", __source: { fileName: "", lineNumber: 457, columnNumber: 21 }, __self: this }, "Email Us"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 break-words hover:text-[#1a4b8e] transition-colors duration-300", __source: { fileName: "", lineNumber: 458, columnNumber: 21 }, __self: this }, "airpluscooling@yahoo.com"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-start gap-4 p-4 rounded-lg hover:bg-gray-50 transition-all duration-300", __source: { fileName: "", lineNumber: 464, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1a4b8e]/10 text-[#1a4b8e] p-3 rounded-full", __source: { fileName: "", lineNumber: 465, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-location-dot", __source: { fileName: "", lineNumber: 466, columnNumber: 21 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 468, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-semibold text-gray-900", __source: { fileName: "", lineNumber: 469, columnNumber: 21 }, __self: this }, "Visit Us"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 470, columnNumber: 21 }, __self: this }, "P.O BOX 44596-00100"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600", __source: { fileName: "", lineNumber: 471, columnNumber: 21 }, __self: this }, "NAIROBI"))))), /*#__PURE__*/ React.createElement("div", { className: "bg-white rounded-xl shadow-lg p-6", __source: { fileName: "", lineNumber: 478, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-montserrat font-bold text-xl mb-6 text-[#1a4b8e]", __source: { fileName: "", lineNumber: 479, columnNumber: 15 }, __self: this }, "Business Hours"), /*#__PURE__*/ React.createElement("div", { className: "space-y-4", __source: { fileName: "", lineNumber: 482, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 483, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-600", __source: { fileName: "", lineNumber: 484, columnNumber: 19 }, __self: this }, "Monday - Friday"), /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 485, columnNumber: 19 }, __self: this }, "8:00 AM - 6:00 PM")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 487, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-600", __source: { fileName: "", lineNumber: 488, columnNumber: 19 }, __self: this }, "Saturday"), /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 489, columnNumber: 19 }, __self: this }, "9:00 AM - 3:00 PM")), /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center", __source: { fileName: "", lineNumber: 491, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "text-gray-600", __source: { fileName: "", lineNumber: 492, columnNumber: 19 }, __self: this }, "Sunday"), /*#__PURE__*/ React.createElement("span", { className: "font-semibold text-red-500", __source: { fileName: "", lineNumber: 493, columnNumber: 19 }, __self: this }, "Closed")), /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 bg-yellow-50 rounded-lg", __source: { fileName: "", lineNumber: 495, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-sm text-yellow-800", __source: { fileName: "", lineNumber: 496, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-exclamation-circle mr-2", __source: { fileName: "", lineNumber: 497, columnNumber: 21 }, __self: this }), "24/7 Emergency Service Available")))), /*#__PURE__*/ React.createElement("div", { className: "bg-red-50 rounded-xl shadow-lg p-6", __source: { fileName: "", lineNumber: 505, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-montserrat font-bold text-xl mb-4 text-red-700", __source: { fileName: "", lineNumber: 506, columnNumber: 15 }, __self: this }, "Emergency Service"), /*#__PURE__*/ React.createElement("p", { className: "text-red-600 mb-4", __source: { fileName: "", lineNumber: 509, columnNumber: 15 }, __self: this }, "Available 24/7 for urgent cooling and electrical emergencies"), /*#__PURE__*/ React.createElement("div", { className: "space-y-3", __source: { fileName: "", lineNumber: 512, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "tel:+254111698033", className: "flex items-center justify-center gap-2 bg-red-600 text-white py-3 px-6 rounded-lg hover:bg-red-700 transition-all duration-300 w-full", __source: { fileName: "", lineNumber: 513, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-phone-alt", __source: { fileName: "", lineNumber: 517, columnNumber: 19 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-semibold", __source: { fileName: "", lineNumber: 518, columnNumber: 19 }, __self: this }, "0111 698 033")), /*#__PURE__*/ React.createElement("p", { className: "text-xs text-red-600 text-center", __source: { fileName: "", lineNumber: 520, columnNumber: 17 }, __self: this }, "Tap to call our emergency line")))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#143666] text-white py-8 mt-16", __source: { fileName: "", lineNumber: 530, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto px-4 text-center", __source: { fileName: "", lineNumber: 531, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-col items-center gap-6", __source: { fileName: "", lineNumber: 532, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center gap-2", __source: { fileName: "", lineNumber: 533, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-fan text-xl", __source: { fileName: "", lineNumber: 534, columnNumber: 15 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-montserrat font-bold text-base", __source: { fileName: "", lineNumber: 535, 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: 539, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-gray-300 hover:text-white transition-colors duration-300", __source: { fileName: "", lineNumber: 540, 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: 546, columnNumber: 15 }, __self: this }, "Contact")), /*#__PURE__*/ React.createElement("p", { className: "text-gray-300 text-xs", __source: { fileName: "", lineNumber: 553, columnNumber: 13 }, __self: this }, "© 2025 Airplus cooling systems and electrical contractors ltd")))), /*#__PURE__*/ React.createElement("style", { jsx: true, global: true, __source: { fileName: "", lineNumber: 561, columnNumber: 7 }, __self: this }, ` @keyframes fadeIn { from { opacity: 0; transform: translateY(10px); } to { opacity: 1; transform: translateY(0); } } @keyframes slideUp { from { opacity: 0; transform: translateY(20px); } to { opacity: 1; transform: translateY(0); } } @keyframes spin { from { transform: rotate(0deg); } to { transform: rotate(360deg); } } .animate-fadeIn { animation: fadeIn 0.6s ease-out forwards; } .animate-slideUp { animation: slideUp 0.6s ease-out forwards; } .animate-spin-slow { animation: spin 3s linear infinite; } .animation-delay-200 { animation-delay: 0.2s; } `)); }