function CookieConsent() { const [showBanner, setShowBanner] = useState(true); return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 5, columnNumber: 5 }, __self: this }, showBanner && /*#__PURE__*/ React.createElement("div", { className: "fixed bottom-0 left-0 right-0 bg-white border-t shadow-lg p-4 flex flex-col md:flex-row items-center justify-between z-50", __source: { fileName: "", lineNumber: 7, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("p", { className: "text-gray-700 font-roboto mb-4 md:mb-0", __source: { fileName: "", lineNumber: 8, columnNumber: 11 }, __self: this }, "We use cookies to enhance your browsing experience. By continuing to use our site, you agree to our use of cookies."), /*#__PURE__*/ React.createElement("div", { className: "flex gap-4", __source: { fileName: "", lineNumber: 12, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowBanner(false), className: "bg-blue-600 text-white px-6 py-2 rounded hover:bg-blue-700 font-roboto", __source: { fileName: "", lineNumber: 13, columnNumber: 13 }, __self: this }, "Accept"), /*#__PURE__*/ React.createElement("button", { onClick: ()=>setShowBanner(false), className: "border border-gray-300 px-6 py-2 rounded hover:bg-gray-100 font-roboto", __source: { fileName: "", lineNumber: 19, columnNumber: 13 }, __self: this }, "Decline")))); } function CookieConsentStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 34, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(CookieConsent, { __source: { fileName: "", lineNumber: 35, columnNumber: 7 }, __self: this })); } function NavBar() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("nav", { className: "bg-[#0A192F] p-4 font-inter", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto flex flex-col md:flex-row items-center justify-between", __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "text-xl text-[#64FFDA] mb-4 md:mb-0", __source: { fileName: "", lineNumber: 6, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("span", { className: "font-bold", __source: { fileName: "", lineNumber: 7, columnNumber: 13 }, __self: this }, "Expanse")), /*#__PURE__*/ React.createElement("div", { className: "flex flex-col md:flex-row space-y-4 md:space-y-0 md:space-x-6", __source: { fileName: "", lineNumber: 9, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/", className: "text-gray-400 hover:text-[#64FFDA] transition-colors", __source: { fileName: "", lineNumber: 10, columnNumber: 13 }, __self: this }, "Home"), /*#__PURE__*/ React.createElement("a", { href: "/features", className: "text-gray-400 hover:text-[#64FFDA] transition-colors", __source: { fileName: "", lineNumber: 16, columnNumber: 13 }, __self: this }, "Features"), /*#__PURE__*/ React.createElement("a", { href: "/how-it-works", className: "text-gray-400 hover:text-[#64FFDA] transition-colors", __source: { fileName: "", lineNumber: 22, columnNumber: 13 }, __self: this }, "How It Works"), /*#__PURE__*/ React.createElement("a", { href: "/contact", className: "text-gray-400 hover:text-[#64FFDA] transition-colors", __source: { fileName: "", lineNumber: 28, columnNumber: 13 }, __self: this }, "Contact")))), /*#__PURE__*/ React.createElement("footer", { className: "bg-[#0A192F] p-4 font-inter", __source: { fileName: "", lineNumber: 37, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "container mx-auto flex justify-center", __source: { fileName: "", lineNumber: 38, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("a", { href: "/terms", className: "text-gray-400 hover:text-[#64FFDA] transition-colors", __source: { fileName: "", lineNumber: 39, columnNumber: 11 }, __self: this }, "Terms of Service")))); } function NavBarStory() { return /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 53, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(NavBar, { __source: { fileName: "", lineNumber: 54, columnNumber: 7 }, __self: this })); } function FeatureCard({ title, description, icon }) { return /*#__PURE__*/ React.createElement("div", { className: "p-6 bg-white rounded-lg shadow-lg hover:shadow-xl transition-shadow", __source: { fileName: "", lineNumber: 3, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "flex items-center mb-4", __source: { fileName: "", lineNumber: 4, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("i", { className: `text-2xl text-blue-500 mr-3 ${icon}`, __source: { fileName: "", lineNumber: 5, columnNumber: 9 }, __self: this }), /*#__PURE__*/ React.createElement("h3", { className: "text-xl font-semibold font-inter", __source: { fileName: "", lineNumber: 6, columnNumber: 9 }, __self: this }, title)), /*#__PURE__*/ React.createElement("p", { className: "text-gray-600 font-inter", __source: { fileName: "", lineNumber: 8, columnNumber: 7 }, __self: this }, description)); } function FeatureCardStory() { return /*#__PURE__*/ React.createElement("div", { className: "grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-6 p-6", __source: { fileName: "", lineNumber: 15, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement(FeatureCard, { title: "Fast Performance", description: "Lightning-quick load times and smooth interactions for the best user experience.", icon: "fas fa-bolt", __source: { fileName: "", lineNumber: 16, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(FeatureCard, { title: "Responsive Design", description: "Perfectly adapted to work beautifully on any device, any screen size.", icon: "fas fa-mobile-alt", __source: { fileName: "", lineNumber: 21, columnNumber: 7 }, __self: this }), /*#__PURE__*/ React.createElement(FeatureCard, { title: "24/7 Support", description: "Round-the-clock assistance to help you whenever you need it.", icon: "fas fa-headset", __source: { fileName: "", lineNumber: 26, columnNumber: 7 }, __self: this })); } function MainComponent() { const [emailSent, setEmailSent] = useState(false); const [formData, setFormData] = useState({ name: "", email: "", message: "" }); const handleSubmit = (e)=>{ e.preventDefault(); setEmailSent(true); setFormData({ name: "", email: "", message: "" }); }; const handleChange = (e)=>{ setFormData({ ...formData, [e.target.name]: e.target.value }); }; return /*#__PURE__*/ React.createElement("div", { className: "min-h-screen bg-[#0A192F] p-8", __source: { fileName: "", lineNumber: 23, columnNumber: 5 }, __self: this }, /*#__PURE__*/ React.createElement("div", { className: "max-w-3xl mx-auto bg-[#112240] rounded-lg shadow-xl p-8", __source: { fileName: "", lineNumber: 24, columnNumber: 7 }, __self: this }, /*#__PURE__*/ React.createElement("h1", { className: "text-3xl font-bold mb-6 font-roboto text-[#64FFDA]", __source: { fileName: "", lineNumber: 25, columnNumber: 9 }, __self: this }, "Contact Us"), /*#__PURE__*/ React.createElement("div", { className: "mb-8", __source: { fileName: "", lineNumber: 29, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("h2", { className: "text-xl font-semibold mb-4 font-roboto text-white", __source: { fileName: "", lineNumber: 30, columnNumber: 11 }, __self: this }, "Opt-Out Process"), /*#__PURE__*/ React.createElement("p", { className: "text-gray-400 mb-4 font-roboto", __source: { fileName: "", lineNumber: 33, columnNumber: 11 }, __self: this }, "To opt out of our scanning services, please send an email to:"), /*#__PURE__*/ React.createElement("a", { href: "mailto:scaninfo@paloaltonetworks.com", className: "text-[#64FFDA] hover:opacity-80 font-medium break-all font-roboto", __source: { fileName: "", lineNumber: 36, columnNumber: 11 }, __self: this }, "scaninfo@paloaltonetworks.com")), /*#__PURE__*/ React.createElement("div", { className: "border-t border-gray-700 pt-8", __source: { fileName: "", lineNumber: 44, columnNumber: 9 }, __self: this }, /*#__PURE__*/ React.createElement("form", { onSubmit: handleSubmit, className: "space-y-6", __source: { fileName: "", lineNumber: 45, columnNumber: 11 }, __self: this }, /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 46, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "name", className: "block text-sm font-medium text-gray-300 mb-1", __source: { fileName: "", lineNumber: 47, columnNumber: 15 }, __self: this }, "Name"), /*#__PURE__*/ React.createElement("input", { type: "text", name: "name", id: "name", value: formData.name, onChange: handleChange, className: "w-full px-4 py-2 bg-[#0A192F] border border-gray-700 rounded-md focus:ring-2 focus:ring-[#64FFDA] focus:border-[#64FFDA] text-white placeholder-gray-500", required: true, __source: { fileName: "", lineNumber: 53, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 64, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "email", className: "block text-sm font-medium text-gray-300 mb-1", __source: { fileName: "", lineNumber: 65, columnNumber: 15 }, __self: this }, "Email"), /*#__PURE__*/ React.createElement("input", { type: "email", name: "email", id: "email", value: formData.email, onChange: handleChange, className: "w-full px-4 py-2 bg-[#0A192F] border border-gray-700 rounded-md focus:ring-2 focus:ring-[#64FFDA] focus:border-[#64FFDA] text-white placeholder-gray-500", required: true, __source: { fileName: "", lineNumber: 71, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("div", { __source: { fileName: "", lineNumber: 82, columnNumber: 13 }, __self: this }, /*#__PURE__*/ React.createElement("label", { htmlFor: "message", className: "block text-sm font-medium text-gray-300 mb-1", __source: { fileName: "", lineNumber: 83, columnNumber: 15 }, __self: this }, "Message"), /*#__PURE__*/ React.createElement("textarea", { name: "message", id: "message", rows: "4", value: formData.message, onChange: handleChange, className: "w-full px-4 py-2 bg-[#0A192F] border border-gray-700 rounded-md focus:ring-2 focus:ring-[#64FFDA] focus:border-[#64FFDA] text-white placeholder-gray-500", required: true, __source: { fileName: "", lineNumber: 89, columnNumber: 15 }, __self: this })), /*#__PURE__*/ React.createElement("button", { type: "submit", className: "w-full bg-[#64FFDA] text-[#0A192F] py-3 px-4 rounded-md hover:opacity-90 transition duration-200 font-bold", __source: { fileName: "", lineNumber: 100, columnNumber: 13 }, __self: this }, "Send Message")), emailSent && /*#__PURE__*/ React.createElement("div", { className: "mt-4 p-4 bg-[#064e3b] text-[#64FFDA] rounded-md border border-[#64FFDA]", __source: { fileName: "", lineNumber: 109, columnNumber: 13 }, __self: this }, "Thank you for your message. We'll get back to you soon.")))); }