function Header1({ logoSrc, currentPath }) { const [isMobileMenuOpen, setIsMobileMenuOpen] = useState(false); const links = [ { href: "/", label: "Home" }, { href: "/about", label: "About" }, { href: "/services", label: "Services" }, { href: "/pricing", label: "Pricing" }, { href: "/contact", label: "Contact" } ]; useEffect(()=>{ if (isMobileMenuOpen) { document.body.style.overflow = "hidden"; } else { document.body.style.overflow = "unset"; } return ()=>{ document.body.style.overflow = "unset"; }; }, [ isMobileMenuOpen ]); const closeMenu = useCallback(()=>{ setIsMobileMenuOpen(false); }, []); return /*#__PURE__*/ React.createElement("div", { className: "bg-[#1A1A1A] border-b-2 border-[#B87333]", __source: { fileName: "", lineNumber: 29, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 sm:px-6 lg:px-8", __source: { fileName: "", lineNumber: 30, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-between items-center h-20 md:h-32", __source: { fileName: "", lineNumber: 31, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-shrink-0", __source: { fileName: "", lineNumber: 32, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { className: "h-16 md:h-24 w-auto", src: logoSrc || "https://ucarecdn.com/ef49a52e-58ec-41f0-b829-f8d125b5dee2/-/format/auto/", alt: "Kingsman Logo", __source: { fileName: "", lineNumber: 33, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "hidden md:block", __source: { fileName: "", lineNumber: 43, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "ml-10 flex items-baseline space-x-8", __source: { fileName: "", lineNumber: 44, columnNumber: 13 }, __self: this }, links.map((link)=>/*#__PURE__*/ React.createElement("a", { key: link.href, href: link.href, className: `text-[#FAEBD7] hover:text-[#B87333] px-3 py-2 rounded-md text-lg font-crimson-text transition-colors duration-300 ${currentPath === link.href ? "text-[#B87333]" : ""}`, __source: { fileName: "", lineNumber: 46, columnNumber: 17 }, __self: this }, link.label)))), /*#__PURE__*/ React.createElement("div", { className: "md:hidden", __source: { fileName: "", lineNumber: 59, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setIsMobileMenuOpen(!isMobileMenuOpen), className: "text-[#FAEBD7] hover:text-[#B87333] focus:outline-none", __source: { fileName: "", lineNumber: 60, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${isMobileMenuOpen ? "fa-times" : "fa-bars"} text-2xl`, __source: { fileName: "", lineNumber: 64, columnNumber: 15 }, __self: this }))))), isMobileMenuOpen && /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 z-40 md:hidden", __source: { fileName: "", lineNumber: 73, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "fixed inset-0 bg-black bg-opacity-50", onClick: closeMenu, __source: { fileName: "", lineNumber: 74, columnNumber: 11 }, __self: this }), /*#__PURE__*/ React.createElement("div", { className: "fixed top-0 right-0 bottom-0 w-[300px] bg-[#1A1A1A] border-l-2 border-[#B87333] p-8 transform transition-transform duration-200 ease-in-out", __source: { fileName: "", lineNumber: 78, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex justify-end mb-8", __source: { fileName: "", lineNumber: 79, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: closeMenu, className: "text-[#FAEBD7] hover:text-[#B87333]", __source: { fileName: "", lineNumber: 80, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-times text-2xl", __source: { fileName: "", lineNumber: 84, columnNumber: 17 }, __self: this }))), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col space-y-4", __source: { fileName: "", lineNumber: 87, columnNumber: 13 }, __self: this }, links.map((link)=>/*#__PURE__*/ React.createElement("a", { key: link.href, href: link.href, onClick: closeMenu, className: `text-[#FAEBD7] text-xl font-crimson-text hover:text-[#B87333] transition-colors duration-300 py-3 px-4 rounded-lg hover:bg-[#2C1810] ${currentPath === link.href ? "text-[#B87333] bg-[#2C1810]" : ""}`, __source: { fileName: "", lineNumber: 89, columnNumber: 17 }, __self: this }, link.label)))))); } function Header1Story() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 112, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 113, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 114, columnNumber: 9 }, __self: this }, "Default Header"), /*#__PURE__*/ React.createElement(Header1, { logoSrc: "https://ucarecdn.com/ef49a52e-58ec-41f0-b829-f8d125b5dee2/-/format/auto/", currentPath: "/", __source: { fileName: "", lineNumber: 115, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 121, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 122, columnNumber: 9 }, __self: this }, "Header with Active About Page"), /*#__PURE__*/ React.createElement(Header1, { logoSrc: "https://ucarecdn.com/ef49a52e-58ec-41f0-b829-f8d125b5dee2/-/format/auto/", currentPath: "/about", __source: { fileName: "", lineNumber: 123, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 129, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 130, columnNumber: 9 }, __self: this }, "Header with Active Services Page"), /*#__PURE__*/ React.createElement(Header1, { logoSrc: "https://ucarecdn.com/ef49a52e-58ec-41f0-b829-f8d125b5dee2/-/format/auto/", currentPath: "/services", __source: { fileName: "", lineNumber: 131, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 137, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 138, columnNumber: 9 }, __self: this }, "Header with Active Pricing Page"), /*#__PURE__*/ React.createElement(Header1, { logoSrc: "https://ucarecdn.com/ef49a52e-58ec-41f0-b829-f8d125b5dee2/-/format/auto/", currentPath: "/pricing", __source: { fileName: "", lineNumber: 139, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 145, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 146, columnNumber: 9 }, __self: this }, "Header with Active Contact Page"), /*#__PURE__*/ React.createElement(Header1, { logoSrc: "https://ucarecdn.com/ef49a52e-58ec-41f0-b829-f8d125b5dee2/-/format/auto/", currentPath: "/contact", __source: { fileName: "", lineNumber: 147, columnNumber: 9 }, __self: this }))); } function MainComponent() { const [formData, setFormData] = useState({ name: "", email: "", phone: "", message: "" }); const [isSubmitting, setIsSubmitting] = useState(false); const [submitStatus, setSubmitStatus] = useState(null); const handleChange = (e)=>{ setFormData({ ...formData, [e.target.name]: e.target.value }); }; const handleSubmit = async (e)=>{ e.preventDefault(); setIsSubmitting(true); setSubmitStatus(null); try { const response = await fetch("/api/send-email", { method: "POST", headers: { "Content-Type": "application/json" }, body: JSON.stringify(formData) }); if (!response.ok) { throw new Error("Failed to send message"); } setSubmitStatus("success"); setFormData({ name: "", email: "", phone: "", message: "" }); } catch (error) { console.error("Error sending message:", error); setSubmitStatus("error"); } finally{ setIsSubmitting(false); } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#1A1A1A]", __source: { fileName: "", lineNumber: 50, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("head", { __source: { fileName: "", lineNumber: 51, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("title", { __source: { fileName: "", lineNumber: 52, columnNumber: 9 }, __self: this }, "Contact Kingsman Holdings - Get in Touch | London Based Services"), /*#__PURE__*/ React.createElement("meta", { name: "description", content: "Contact Kingsman Holdings for premium print, signage, and marketing services. Based in London, we're here to help with your business needs.", __source: { fileName: "", lineNumber: 53, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:title", content: "Contact Kingsman Holdings - Get in Touch", __source: { fileName: "", lineNumber: 54, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:description", content: "Reach out to us for all your print and marketing needs in London.", __source: { fileName: "", lineNumber: 55, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:type", content: "website", __source: { fileName: "", lineNumber: 56, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:url", content: "https://kingsman.holdings/contact", __source: { fileName: "", lineNumber: 57, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:site_name", content: "Kingsman Holdings", __source: { fileName: "", lineNumber: 58, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "twitter:card", content: "summary_large_image", __source: { fileName: "", lineNumber: 59, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "twitter:title", content: "Contact Kingsman Holdings - Get in Touch", __source: { fileName: "", lineNumber: 60, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { name: "twitter:description", content: "Reach out to us for all your print and marketing needs in London.", __source: { fileName: "", lineNumber: 61, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "canonical", href: "https://kingsman.holdings/contact", __source: { fileName: "", lineNumber: 62, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement(Header1, { logoSrc: "https://ucarecdn.com/ef49a52e-58ec-41f0-b829-f8d125b5dee2/-/format/auto/", currentPath: "/contact", __source: { fileName: "", lineNumber: 64, columnNumber: 1 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 69, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative h-[200px] w-full", __source: { fileName: "", lineNumber: 70, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-[#2C1810]", __source: { fileName: "", lineNumber: 71, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-black bg-opacity-30", __source: { fileName: "", lineNumber: 72, columnNumber: 13 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "relative h-full flex flex-col items-center justify-center text-center px-4", __source: { fileName: "", lineNumber: 75, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-crimson-text text-[48px] text-[#FAEBD7] font-bold mb-4", __source: { fileName: "", lineNumber: 76, columnNumber: 13 }, __self: this }, "Contact Us"))), /*#__PURE__*/ React.createElement("section", { className: "bg-[#2C1810] py-20 px-4 border-t-2 border-b-2 border-[#B87333]", __source: { fileName: "", lineNumber: 82, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 83, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-crimson-text text-[18px] text-[#F5E6D3] leading-relaxed text-center max-w-3xl mx-auto mb-12", __source: { fileName: "", lineNumber: 84, columnNumber: 13 }, __self: this }, "Have questions about our services? Get in touch with us and our team will be happy to assist you."), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 gap-12", __source: { fileName: "", lineNumber: 89, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "bg-[#1A1A1A] p-8 border border-[#B87333] shadow-lg", __source: { fileName: "", lineNumber: 90, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-crimson-text text-[28px] text-[#FAEBD7] mb-6", __source: { fileName: "", lineNumber: 91, columnNumber: 17 }, __self: this }, "Get in Touch"), /*#__PURE__*/ React.createElement("div", { className: "space-y-6", __source: { fileName: "", lineNumber: 94, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-start", __source: { fileName: "", lineNumber: 95, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-map-marker-alt text-[#B87333] mt-1 mr-4 text-xl", __source: { fileName: "", lineNumber: 96, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 97, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-crimson-text text-[20px] text-[#FAEBD7] mb-2", __source: { fileName: "", lineNumber: 98, columnNumber: 23 }, __self: this }, "Location"), /*#__PURE__*/ React.createElement("p", { className: "font-crimson-text text-[16px] text-[#F5E6D3]", __source: { fileName: "", lineNumber: 101, columnNumber: 23 }, __self: this }, "London, United Kingdom"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-start", __source: { fileName: "", lineNumber: 106, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-envelope text-[#B87333] mt-1 mr-4 text-xl", __source: { fileName: "", lineNumber: 107, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 108, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-crimson-text text-[20px] text-[#FAEBD7] mb-2", __source: { fileName: "", lineNumber: 109, columnNumber: 23 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("p", { className: "font-crimson-text text-[16px] text-[#F5E6D3]", __source: { fileName: "", lineNumber: 112, columnNumber: 23 }, __self: this }, "info@kingsman.holdings"))), /*#__PURE__*/ React.createElement("div", { className: "flex items-start", __source: { fileName: "", lineNumber: 117, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-clock text-[#B87333] mt-1 mr-4 text-xl", __source: { fileName: "", lineNumber: 118, columnNumber: 21 }, __self: this }), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 119, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("h4", { className: "font-crimson-text text-[20px] text-[#FAEBD7] mb-2", __source: { fileName: "", lineNumber: 120, columnNumber: 23 }, __self: this }, "Business Hours"), /*#__PURE__*/ React.createElement("p", { className: "font-crimson-text text-[16px] text-[#F5E6D3]", __source: { fileName: "", lineNumber: 123, columnNumber: 23 }, __self: this }, "Monday - Friday: 9:00 AM - 6:00 PM"))))), /*#__PURE__*/ React.createElement("div", { className: "bg-[#1A1A1A] p-8 border border-[#B87333] shadow-lg", __source: { fileName: "", lineNumber: 131, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", "aria-label": "Contact form", __source: { fileName: "", lineNumber: 132, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 133, columnNumber: 19 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "name", className: "block font-crimson-text text-[#FAEBD7] mb-2", __source: { fileName: "", lineNumber: 134, columnNumber: 3 }, __self: this }, "Name ", /*#__PURE__*/ React.createElement("span", { "aria-label": "required", __source: { fileName: "", lineNumber: 138, columnNumber: 10 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("input", { type: "text", id: "name", name: "name", required: true, value: formData.name, onChange: handleChange, "aria-required": "true", "aria-invalid": submitStatus === "error", className: "w-full bg-[#2C1810] text-[#F5E6D3] border border-[#B87333] rounded p-3 focus:outline-none focus:border-[#FAEBD7]", __source: { fileName: "", lineNumber: 140, columnNumber: 3 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 152, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block font-crimson-text text-[#FAEBD7] mb-2", __source: { fileName: "", lineNumber: 153, columnNumber: 3 }, __self: this }, "Email ", /*#__PURE__*/ React.createElement("span", { "aria-label": "required", __source: { fileName: "", lineNumber: 157, columnNumber: 11 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("input", { type: "email", id: "email", name: "email", required: true, value: formData.email, onChange: handleChange, "aria-required": "true", "aria-invalid": submitStatus === "error", className: "w-full bg-[#2C1810] text-[#F5E6D3] border border-[#B87333] rounded p-3 focus:outline-none focus:border-[#FAEBD7]", __source: { fileName: "", lineNumber: 159, columnNumber: 3 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 171, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "phone", className: "block font-crimson-text text-[#FAEBD7] mb-2", __source: { fileName: "", lineNumber: 172, columnNumber: 3 }, __self: this }, "Phone Number ", /*#__PURE__*/ React.createElement("span", { className: "text-[#F5E6D3]", __source: { fileName: "", lineNumber: 176, columnNumber: 18 }, __self: this }, "(Optional)")), /*#__PURE__*/ React.createElement("input", { type: "tel", id: "phone", name: "phone", value: formData.phone, onChange: handleChange, "aria-required": "false", className: "w-full bg-[#2C1810] text-[#F5E6D3] border border-[#B87333] rounded p-3 focus:outline-none focus:border-[#FAEBD7]", __source: { fileName: "", lineNumber: 178, columnNumber: 3 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 188, columnNumber: 1 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "message", className: "block font-crimson-text text-[#FAEBD7] mb-2", __source: { fileName: "", lineNumber: 189, columnNumber: 3 }, __self: this }, "Message ", /*#__PURE__*/ React.createElement("span", { "aria-label": "required", __source: { fileName: "", lineNumber: 193, columnNumber: 13 }, __self: this }, "*")), /*#__PURE__*/ React.createElement("textarea", { id: "message", name: "message", required: true, value: formData.message, onChange: handleChange, rows: "4", "aria-required": "true", "aria-invalid": submitStatus === "error", className: "w-full bg-[#2C1810] text-[#F5E6D3] border border-[#B87333] rounded p-3 focus:outline-none focus:border-[#FAEBD7]", __source: { fileName: "", lineNumber: 195, columnNumber: 3 }, __self: this })), submitStatus === "success" && /*#__PURE__*/ React.createElement("div", { className: "text-green-500 font-crimson-text", role: "alert", "aria-live": "polite", __source: { fileName: "", lineNumber: 209, columnNumber: 21 }, __self: this }, "Message sent successfully!"), submitStatus === "error" && /*#__PURE__*/ React.createElement("div", { className: "text-red-500 font-crimson-text", role: "alert", "aria-live": "polite", __source: { fileName: "", lineNumber: 215, columnNumber: 21 }, __self: this }, "Failed to send message. Please try again."), /*#__PURE__*/ React.createElement("button", { type: "submit", disabled: isSubmitting, "aria-busy": isSubmitting, className: "w-full bg-[#B87333] text-[#FAEBD7] py-3 px-6 rounded font-crimson-text hover:bg-[#96592B] transition-colors duration-300 disabled:opacity-50", __source: { fileName: "", lineNumber: 220, columnNumber: 19 }, __self: this }, isSubmitting ? "Sending..." : "Send Message")))))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#1A1A1A] text-[#F5E6D3] py-12 px-4 border-t-2 border-[#B87333]", __source: { fileName: "", lineNumber: 234, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 235, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-crimson-text text-sm text-center", __source: { fileName: "", lineNumber: 236, columnNumber: 13 }, __self: this }, "© 2025 Kingsman Holdings. All rights reserved."))))); }