function HeaderMenu({ 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" } ]; return /*#__PURE__*/ React.createElement("header", { className: "py-6 px-8 bg-[#1A1A1A] border-b-2 border-[#B87333]", __source: { fileName: "", lineNumber: 13, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto flex justify-between items-center", __source: { fileName: "", lineNumber: 14, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex-shrink-0", __source: { fileName: "", lineNumber: 15, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", __source: { fileName: "", lineNumber: 16, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("img", { src: logoSrc || "https://ucarecdn.com/ef49a52e-58ec-41f0-b829-f8d125b5dee2/-/format/auto/", alt: "Kingsman Holdings Logo", className: "h-16 w-auto", __source: { fileName: "", lineNumber: 17, columnNumber: 13 }, __self: this }))), /*#__PURE__*/ React.createElement("button", { className: "md:hidden text-[#FAEBD7] hover:text-[#B87333]", onClick: ()=>setIsMobileMenuOpen(!isMobileMenuOpen), "aria-label": "Toggle menu", __source: { fileName: "", lineNumber: 28, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `fas ${isMobileMenuOpen ? "fa-times" : "fa-bars"} text-2xl`, __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("nav", { className: `${isMobileMenuOpen ? "absolute top-24 left-0 right-0 bg-[#1A1A1A] border-b-2 border-[#B87333] p-4" : "hidden"} md:flex md:space-x-8 md:relative md:top-0 md:border-none md:p-0`, __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, links.map((link)=>/*#__PURE__*/ React.createElement("a", { key: link.href, href: link.href, className: `block md:inline-block text-[#FAEBD7] text-lg font-crimson-text hover:text-[#B87333] transition-colors duration-300 border-b-2 border-transparent hover:border-[#B87333] ${currentPath === link.href ? "text-[#B87333] border-[#B87333]" : ""} ${isMobileMenuOpen ? "mb-4 md:mb-0" : ""}`, __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, link.label))))); } function HeaderMenuStory() { return /*#__PURE__*/ React.createElement("div", { className: "space-y-8", __source: { fileName: "", lineNumber: 66, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 67, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 68, columnNumber: 9 }, __self: this }, "Default Header"), /*#__PURE__*/ React.createElement(HeaderMenu, { logoSrc: "https://ucarecdn.com/ef49a52e-58ec-41f0-b829-f8d125b5dee2/-/format/auto/", currentPath: "/", __source: { fileName: "", lineNumber: 69, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 75, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 76, columnNumber: 9 }, __self: this }, "Header with Active About Page"), /*#__PURE__*/ React.createElement(HeaderMenu, { logoSrc: "https://ucarecdn.com/ef49a52e-58ec-41f0-b829-f8d125b5dee2/-/format/auto/", currentPath: "/about", __source: { fileName: "", lineNumber: 77, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 83, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 84, columnNumber: 9 }, __self: this }, "Header with Active Services Page"), /*#__PURE__*/ React.createElement(HeaderMenu, { logoSrc: "https://ucarecdn.com/ef49a52e-58ec-41f0-b829-f8d125b5dee2/-/format/auto/", currentPath: "/services", __source: { fileName: "", lineNumber: 85, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 91, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 92, columnNumber: 9 }, __self: this }, "Header with Active Pricing Page"), /*#__PURE__*/ React.createElement(HeaderMenu, { logoSrc: "https://ucarecdn.com/ef49a52e-58ec-41f0-b829-f8d125b5dee2/-/format/auto/", currentPath: "/pricing", __source: { fileName: "", lineNumber: 93, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 99, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl mb-4", __source: { fileName: "", lineNumber: 100, columnNumber: 9 }, __self: this }, "Header with Active Contact Page"), /*#__PURE__*/ React.createElement(HeaderMenu, { logoSrc: "https://ucarecdn.com/ef49a52e-58ec-41f0-b829-f8d125b5dee2/-/format/auto/", currentPath: "/contact", __source: { fileName: "", lineNumber: 101, columnNumber: 9 }, __self: this }))); } function MainComponent() { const [selectedService, setSelectedService] = useState("print"); const services = { print: { title: "Print On Demand Subscription", tiers: [ { name: "Basic", price: "£199", period: "month", features: [ "Standard products", "Basic customization", "Standard shipping", "Basic support", "Monthly reports" ] }, { name: "Professional", price: "£299", period: "month", features: [ "Premium products", "Advanced customization", "Express shipping", "Priority support", "Weekly reports" ] }, { name: "Enterprise", price: "Custom", period: "month", features: [ "Custom products", "Bulk discounts", "Dedicated support", "Custom solutions", "Real-time reporting" ] } ] }, social: { title: "Social Media Management", tiers: [ { name: "Basic", price: "£599", period: "month", features: [ "3 platforms", "Weekly posts", "Basic analytics", "Content calendar", "Monthly report" ] }, { name: "Professional", price: "£999", period: "month", features: [ "5 platforms", "Daily posts", "Advanced analytics", "Content strategy", "Weekly reports" ] }, { name: "Enterprise", price: "Custom", period: "month", features: [ "All platforms", "Custom strategy", "Dedicated manager", "24/7 support", "Real-time analytics" ] } ] }, video: { title: "Video Production", tiers: [ { name: "Basic", price: "£799", period: "video", features: [ "Up to 2 minutes", "Basic editing", "1 revision", "Standard quality", "Basic effects" ] }, { name: "Professional", price: "£1,499", period: "video", features: [ "Up to 5 minutes", "Advanced editing", "3 revisions", "HD quality", "Custom effects" ] }, { name: "Enterprise", price: "Custom", period: "project", features: [ "Custom length", "Premium production", "Unlimited revisions", "4K quality", "Custom solutions" ] } ] }, website: { title: "Website Development", tiers: [ { name: "Basic", price: "£1,499", period: "project", features: [ "5 pages", "Responsive design", "Basic SEO", "Contact form", "Basic analytics" ] }, { name: "Professional", price: "£2,999", period: "project", features: [ "10 pages", "CMS integration", "Advanced SEO", "Custom forms", "Advanced analytics" ] }, { name: "Enterprise", price: "Custom", period: "project", features: [ "Unlimited pages", "Full e-commerce", "Custom features", "Priority support", "Dedicated manager" ] } ] }, image: { title: "Image Creation", tiers: [ { name: "Basic", price: "£199", period: "image", features: [ "Basic editing", "Standard resolution", "1 revision", "Digital delivery", "Basic retouching" ] }, { name: "Professional", price: "£399", period: "image", features: [ "Advanced editing", "High resolution", "3 revisions", "Express delivery", "Professional retouching" ] }, { name: "Enterprise", price: "Custom", period: "project", features: [ "Custom editing", "Unlimited revisions", "Rush delivery", "Priority support", "Custom solutions" ] } ] }, custom: { title: "Custom Designs", tiers: [ { name: "Basic", price: "£299", period: "design", features: [ "Logo design", "Basic branding", "2 revisions", "File formats", "Basic guidelines" ] }, { name: "Professional", price: "£599", period: "design", features: [ "Full branding", "Marketing materials", "5 revisions", "All file formats", "Brand guidelines" ] }, { name: "Enterprise", price: "Custom", period: "project", features: [ "Complete brand identity", "Unlimited revisions", "Custom solutions", "Priority support", "Brand strategy" ] } ] }, signage: { title: "Professional Signage", tiers: [ { name: "Basic", price: "£299", period: "sign", features: [ "Standard sizes", "Basic materials", "Simple design", "Digital proof", "Basic installation" ] }, { name: "Professional", price: "£599", period: "sign", features: [ "Custom sizes", "Premium materials", "Complex design", "Multiple proofs", "Professional installation" ] }, { name: "Enterprise", price: "Custom", period: "project", features: [ "Full signage suite", "Installation included", "Maintenance plan", "Project management", "Priority support" ] } ] }, bulk: { title: "Bulk Orders Subscription", tiers: [ { name: "Basic", price: "£299", period: "month", features: [ "Standard shipping included", "Basic packaging options", "Order tracking system", "Email support", "Monthly order planning" ] }, { name: "Professional", price: "£599", period: "month", features: [ "Express shipping included", "Custom packaging options", "Priority order handling", "Phone support", "Weekly order planning" ] }, { name: "Enterprise", price: "Custom", period: "month", features: [ "Priority handling", "Dedicated support team", "Custom solutions", "Account manager", "Daily order planning" ] } ] }, cad: { title: "CAD Drawing Services", tiers: [ { name: "Basic", price: "£499", period: "project", features: [ "2D drawings", "Basic revisions", "Standard delivery", "Project consultation", "Technical support" ] }, { name: "Professional", price: "£999", period: "project", features: [ "2D/3D drawings", "Multiple revisions", "Fast delivery", "Priority support", "Project management" ] }, { name: "Enterprise", price: "Custom", period: "project", features: [ "Full CAD suite", "Unlimited revisions", "Priority support", "Dedicated manager", "Custom solutions" ] } ] } }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#1A1A1A]", __source: { fileName: "", lineNumber: 377, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("head", { __source: { fileName: "", lineNumber: 378, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("title", { __source: { fileName: "", lineNumber: 379, columnNumber: 9 }, __self: this }, "Kingsman Holdings Pricing - Professional Print & Marketing Services"), /*#__PURE__*/ React.createElement("meta", { name: "description", content: "View our transparent pricing for print on demand, signage, bulk orders and marketing services. Competitive rates for premium quality services.", __source: { fileName: "", lineNumber: 380, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:title", content: "Kingsman Holdings Services & Pricing", __source: { fileName: "", lineNumber: 381, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("meta", { property: "og:description", content: "Transparent pricing for premium print and marketing services.", __source: { fileName: "", lineNumber: 382, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("link", { rel: "canonical", href: "https://kingsman.holdings/pricing", __source: { fileName: "", lineNumber: 383, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("script", { type: "application/ld+json", __source: { fileName: "", lineNumber: 384, columnNumber: 9 }, __self: this }, ` { "@context": "https://schema.org", "@type": "PriceSpecification", "name": "Kingsman Holdings Services Pricing", "description": "Professional print and marketing services pricing", "offers": ${JSON.stringify(Object.entries(services).map(([key, service])=>({ "@type": "Offer", "name": service.title, "priceSpecification": service.tiers.map((tier)=>({ "@type": "PriceSpecification", "name": tier.name, "price": tier.price === "Custom" ? "Contact for pricing" : tier.price, "billingDuration": tier.period })) })))} } `)), /*#__PURE__*/ React.createElement("div", { className: "fixed top-0 left-0 right-0 z-50", __source: { fileName: "", lineNumber: 403, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement(HeaderMenu, { logoSrc: "https://ucarecdn.com/ef49a52e-58ec-41f0-b829-f8d125b5dee2/-/format/auto/", currentPath: "/pricing", __source: { fileName: "", lineNumber: 404, columnNumber: 9 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "pt-32", __source: { fileName: "", lineNumber: 410, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "relative h-[200px] w-full", __source: { fileName: "", lineNumber: 411, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-[#2C1810]", __source: { fileName: "", lineNumber: 412, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "absolute inset-0 bg-black bg-opacity-30", __source: { fileName: "", lineNumber: 413, 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: 416, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "font-crimson-text text-[48px] text-[#FAEBD7] font-bold", __source: { fileName: "", lineNumber: 417, columnNumber: 13 }, __self: this }, "Our Pricing")), /*#__PURE__*/ React.createElement("div", { className: "absolute bottom-0 left-0 right-0 h-1 bg-[#B87333]", __source: { fileName: "", lineNumber: 421, columnNumber: 11 }, __self: this })), /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto px-4 py-12", __source: { fileName: "", lineNumber: 423, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex flex-wrap gap-4 justify-center mb-12", __source: { fileName: "", lineNumber: 424, columnNumber: 11 }, __self: this }, Object.entries(services).map(([key, service])=>/*#__PURE__*/ React.createElement("button", { key: key, onClick: ()=>setSelectedService(key), className: `px-4 py-2 rounded-lg font-crimson-text text-lg transition-colors duration-300 ${selectedService === key ? "bg-[#B87333] text-[#FAEBD7]" : "bg-[#2C1810] text-[#FAEBD7] hover:bg-[#B87333]"}`, __source: { fileName: "", lineNumber: 426, columnNumber: 15 }, __self: this }, service.title))), /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-3 gap-8", __source: { fileName: "", lineNumber: 440, columnNumber: 11 }, __self: this }, services[selectedService].tiers.map((tier, index)=>/*#__PURE__*/ React.createElement("div", { key: index, className: "bg-[#2C1810] rounded-lg p-8 border-2 border-[#B87333] hover:border-[#FAEBD7] transition-all duration-300", __source: { fileName: "", lineNumber: 442, columnNumber: 15 }, __self: this }, /*#__PURE__*/ React.createElement("h3", { className: "font-crimson-text text-2xl text-[#FAEBD7] mb-4", __source: { fileName: "", lineNumber: 446, columnNumber: 17 }, __self: this }, tier.name), /*#__PURE__*/ React.createElement("div", { className: "flex items-baseline mb-6", __source: { fileName: "", lineNumber: 449, columnNumber: 17 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-crimson-text text-4xl text-[#B87333]", __source: { fileName: "", lineNumber: 450, columnNumber: 19 }, __self: this }, tier.price), /*#__PURE__*/ React.createElement("span", { className: "text-[#F5E6D3] ml-2", __source: { fileName: "", lineNumber: 453, columnNumber: 19 }, __self: this }, "/", tier.period)), /*#__PURE__*/ React.createElement("ul", { className: "space-y-4", __source: { fileName: "", lineNumber: 455, columnNumber: 17 }, __self: this }, tier.features.map((feature, i)=>/*#__PURE__*/ React.createElement("li", { key: i, className: "flex items-center text-[#F5E6D3]", __source: { fileName: "", lineNumber: 457, columnNumber: 21 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: "fas fa-check text-[#B87333] mr-3", __source: { fileName: "", lineNumber: 458, columnNumber: 23 }, __self: this }), /*#__PURE__*/ React.createElement("span", { className: "font-crimson-text", __source: { fileName: "", lineNumber: 459, columnNumber: 23 }, __self: this }, feature)))))))), /*#__PURE__*/ React.createElement("section", { className: "bg-[#2C1810] py-20 px-4 border-t-2 border-b-2 border-[#B87333]", __source: { fileName: "", lineNumber: 467, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto text-center", __source: { fileName: "", lineNumber: 468, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "font-crimson-text text-[36px] text-[#FAEBD7] mb-6", __source: { fileName: "", lineNumber: 469, columnNumber: 13 }, __self: this }, "Need a Custom Solution?"), /*#__PURE__*/ React.createElement("p", { className: "font-crimson-text text-[18px] text-[#F5E6D3] mb-8", __source: { fileName: "", lineNumber: 472, columnNumber: 13 }, __self: this }, "Contact us for Enterprise pricing and custom packages tailored to your specific needs."), /*#__PURE__*/ React.createElement("a", { href: "/contact", className: "inline-block bg-[#B87333] text-[#FAEBD7] py-3 px-8 rounded font-crimson-text hover:bg-[#96592B] transition-colors duration-300", __source: { fileName: "", lineNumber: 476, columnNumber: 13 }, __self: this }, "Contact Us"))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#1A1A1A] text-[#F5E6D3] py-12 px-4 border-t-2 border-[#B87333]", __source: { fileName: "", lineNumber: 484, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-7xl mx-auto", __source: { fileName: "", lineNumber: 485, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "font-crimson-text text-sm text-center", __source: { fileName: "", lineNumber: 486, columnNumber: 13 }, __self: this }, "© 2025 Kingsman Holdings. All rights reserved."))))); }