' + item + '

' ).join(''); featureModal.setAttribute('aria-hidden', 'false'); } }; }); featureModal.onclick = e => { if (e.target.hasAttribute('data-close')) featureModal.setAttribute('aria-hidden', 'true'); }; } function initModals() { initServiceModal(); initFeatureModal(); } if (document.readyState === 'loading') { document.addEventListener('DOMContentLoaded', initModals); } else { initModals(); } const observer = new MutationObserver(() => { if (document.getElementById('nv-serv-modal') || document.getElementById('nv-feature-modal')) { initModals(); } }); observer.observe(document.body, { childList: true, subtree: true }); })(); ` } } ); } // virtual:/apps/web/src/components/layout/GlobalStyles.jsx init_injected_globals(); var import_react5 = __toESM(require_react()); function GlobalStyles() { return /* @__PURE__ */ import_react5.default.createElement("style", { jsx: true, global: true }, ` /* Performance optimizations */ * { box-sizing: border-box; } html { font-display: swap; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; text-rendering: optimizeLegibility; } body { margin: 0; padding: 0; min-height: 100vh; overflow-x: hidden; } /* Prevent layout shift */ img, picture, video, canvas, svg { display: block; max-width: 100%; height: auto; } /* Optimize font loading */ @font-face { font-family: 'Inter'; font-display: swap; src: local('Inter'); } @font-face { font-family: 'Playfair Display'; font-display: swap; src: local('Playfair Display'); } /* Reduce motion for accessibility */ @media (prefers-reduced-motion: reduce) { *, *::before, *::after { animation-duration: 0.01ms !important; animation-iteration-count: 1 !important; transition-duration: 0.01ms !important; scroll-behavior: auto !important; } } .btn-primary { display: inline-flex; align-items: center; justify-content: center; border-radius: 1rem; font-weight: 600; color: white; padding: 0.85rem 1.25rem; background: linear-gradient(45deg, #00d1ff, #a24cf5); box-shadow: 0 10px 24px rgba(0, 0, 0, 0.25); transition: transform 0.15s ease, box-shadow 0.15s ease, opacity 0.15s ease; text-decoration: none; will-change: transform; } .btn-primary:hover { transform: translateY(-2px); box-shadow: 0 14px 28px rgba(0, 0, 0, 0.35); opacity: 0.95; } .btn-outline { display: inline-flex; align-items: center; justify-content: center; border-radius: 1rem; font-weight: 600; color: white; border: 2px solid #00d1ff; padding: 0.85rem 1.25rem; background: transparent; transition: all 0.15s ease; text-decoration: none; will-change: transform; } .btn-outline:hover { background: linear-gradient(45deg, #00d1ff, #a24cf5); transform: translateY(-2px); } .card { padding: 2rem; border-radius: 1rem; background: rgba(255, 255, 255, 0.05); backdrop-filter: blur(16px); border: 1px solid rgba(255, 255, 255, 0.1); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1); transition: all 0.3s ease; will-change: transform; } .card:hover { transform: translateY(-4px); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.15); } .font-montserrat { font-family: "Montserrat", sans-serif; } .font-poppins { font-family: "Poppins", sans-serif; } :root { --nv-bg: #0a0f1f; --nv-teal: #00d1ff; --nv-purple: #a24cf5; --nv-gold: #ffdc6e; --nv-border: rgba(255, 255, 255, 0.1); --nv-text: #e7f7ff; } /* Services Grid Styling */ .nv-services-grid { display: grid; gap: 12px; grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); } .nv-serv-card { padding: 16px; border: 1px solid var(--nv-border); border-radius: 12px; background: rgba(255, 255, 255, 0.03); color: var(--nv-text); cursor: pointer; transition: all 0.3s ease; will-change: transform; } .nv-serv-card:hover { background: rgba(0, 224, 255, 0.08); transform: translateY(-2px); border-color: rgba(0, 224, 255, 0.3); } /* Modal Styling */ .nv-modal[aria-hidden="true"] { display: none; } .nv-modal { position: fixed; inset: 0; display: grid; place-items: center; z-index: 999; backdrop-filter: blur(8px); } .nv-backdrop { position: absolute; inset: 0; background: rgba(0, 0, 0, 0.6); backdrop-filter: blur(4px); } .nv-panel { position: relative; z-index: 1; background: #0a0b12; color: #fff; padding: 20px; border-radius: 14px; max-width: 420px; border: 1px solid var(--nv-border); box-shadow: 0 20px 40px rgba(0, 0, 0, 0.5); max-height: 80vh; overflow-y: auto; } .nv-close { position: absolute; top: 10px; right: 10px; background: none; border: none; color: #fff; font-size: 20px; cursor: pointer; width: 32px; height: 32px; border-radius: 50%; display: flex; align-items: center; justify-content: center; transition: all 0.2s ease; will-change: transform; } .nv-close:hover { background: rgba(255, 255, 255, 0.1); transform: scale(1.1); } /* Animated cosmic backdrop - optimized for performance */ body { font-family: "Inter", sans-serif; font-style: italic; font-weight: 400; background: radial-gradient( 1200px 600px at 20% -10%, rgba(0, 209, 255, 0.08), transparent 60% ), radial-gradient( 900px 500px at 80% 110%, rgba(162, 76, 245, 0.08), transparent 60% ), linear-gradient(135deg, #0a0f1f 0%, #101633 50%, #0a0f1f 100%); animation: nvShift 14s ease-in-out infinite alternate; will-change: background-position; } @keyframes nvShift { 0% { background-position: 0 0, 0 0, 0 0; } 100% { background-position: 20px -20px, -30px 30px, 0 0; } } /* Headings with Playfair Display italic */ h1, h2, h3, h4, h5, h6 { font-family: "Playfair Display", serif; font-style: italic; font-weight: 600; background: linear-gradient( 135deg, #fff 0%, var(--nv-teal) 45%, var(--nv-purple) 100% ); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: 0 0 18px rgba(162, 76, 245, 0.25); } /* Elegant paragraph styling */ p { font-family: "Inter", sans-serif; font-style: italic; font-weight: 400; line-height: 1.7; letter-spacing: 0.01em; } /* Accent text with Crimson */ .nv-accent-text { font-family: "Crimson Text", serif; font-style: italic; font-weight: 600; font-size: 1.1em; color: #E7F7FF; text-shadow: 0 0 10px rgba(0, 209, 255, 0.3); } /* Button text styling */ .btn-primary, .btn-outline { font-family: "Inter", sans-serif; font-style: italic; font-weight: 600; letter-spacing: 0.02em; } /* Card content styling */ .card p, .card li { font-family: "Inter", sans-serif; font-style: italic; line-height: 1.6; } /* Modal text styling */ .nv-panel p { font-family: "Inter", sans-serif; font-style: italic; line-height: 1.7; letter-spacing: 0.01em; } /* Service card styling */ .nv-serv-card { font-family: "Crimson Text", serif; font-style: italic; font-weight: 500; letter-spacing: 0.02em; } /* Neon buttons */ .btn-primary { box-shadow: 0 8px 24px rgba(0, 209, 255, 0.25), inset 0 0 0 1px rgba(255, 255, 255, 0.08); transition: transform 0.15s ease, box-shadow 0.2s ease, filter 0.2s ease; will-change: transform; } .btn-primary:hover { transform: translateY(-1px); box-shadow: 0 12px 36px rgba(162, 76, 245, 0.35), 0 0 24px rgba(0, 209, 255, 0.25), inset 0 0 0 1px rgba(255, 255, 255, 0.14); filter: saturate(1.15); } .btn-outline { box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.12); transition: transform 0.15s ease, box-shadow 0.2s ease; will-change: transform; } .btn-outline:hover { transform: translateY(-1px); box-shadow: 0 10px 28px rgba(0, 209, 255, 0.18), inset 0 0 0 1px rgba(162, 76, 245, 0.35); } /* Cards & service tiles: cyber glow on hover */ .card, .service-card { border: 1px solid rgba(255, 255, 255, 0.08); background: linear-gradient( 180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0) ); box-shadow: 0 0 0 rgba(0, 0, 0, 0); transition: box-shadow 0.25s ease, transform 0.15s ease, border-color 0.25s ease; will-change: transform; } .card:hover, .service-card:hover { transform: translateY(-2px); border-color: rgba(0, 209, 255, 0.35); box-shadow: 0 16px 44px rgba(0, 0, 0, 0.35), 0 0 30px rgba(0, 209, 255, 0.18), 0 0 40px rgba(162, 76, 245, 0.18); } /* Futuristic divider (use

when needed) */ .nv-glow-divider { height: 1px; border: 0; background: linear-gradient( 90deg, transparent, rgba(0, 209, 255, 0.5), rgba(162, 76, 245, 0.5), transparent ); filter: drop-shadow(0 0 10px rgba(162, 76, 245, 0.35)); will-change: transform; } /* Ambient aura blobs (see .nv-aura element in layout) */ .nv-aura { pointer-events: none; position: fixed; inset: 0; z-index: -1; will-change: transform; } .nv-aura::before, .nv-aura::after { content: ""; position: absolute; width: 60vmax; height: 60vmax; filter: blur(60px); opacity: 0.25; background: radial-gradient( circle at 50% 50%, var(--nv-teal), transparent 60% ); animation: nvFloat 18s ease-in-out infinite alternate; will-change: transform; } .nv-aura::after { left: auto; right: -15vmax; top: auto; bottom: -10vmax; background: radial-gradient( circle at 50% 50%, var(--nv-purple), transparent 60% ); animation-duration: 22s; } @keyframes nvFloat { 0% { transform: translate(-10vmax, -6vmax) rotate(0deg); } 100% { transform: translate(-6vmax, -10vmax) rotate(6deg); } } /* Focus rings (keyboard accessibility + sci-fi feel) */ *:focus-visible { outline: none !important; box-shadow: 0 0 0 3px rgba(0, 209, 255, 0.35), 0 0 0 6px rgba(162, 76, 245, 0.25); border-radius: 10px; will-change: transform; } /* Optional neon underline utility for links */ .nv-underline { position: relative; will-change: transform; } .nv-underline::after { content: ""; position: absolute; left: 0; bottom: -2px; width: 100%; height: 2px; background: linear-gradient(90deg, var(--nv-teal), var(--nv-purple)); box-shadow: 0 0 12px rgba(0, 209, 255, 0.55); transform: scaleX(0); transform-origin: left; transition: transform 0.2s ease; will-change: transform; } .nv-underline:hover::after { transform: scaleX(1); } .nv-glow-head { background: linear-gradient( 135deg, #ffffff 0%, #00d1ff 45%, #a24cf5 100% ); -webkit-background-clip: text; background-clip: text; color: transparent; text-shadow: 0 0 18px rgba(162, 76, 245, 0.25); will-change: transform; } /* Add this under your existing brand CSS */ .nv-tech-section { position: relative; overflow: hidden; background: #0a0b12; color: #e7f7ff; will-change: transform; } .nv-tech-section::before, .nv-tech-section::after { content: ""; position: absolute; inset: 0; pointer-events: none; will-change: transform; } /* Soft aurora */ .nv-tech-section::before { background: radial-gradient( 60% 40% at 15% 25%, rgba(0, 224, 255, 0.25) 0, transparent 60% ), radial-gradient( 50% 35% at 85% 20%, rgba(0, 255, 178, 0.18) 0, transparent 60% ), radial-gradient( 70% 50% at 30% 85%, rgba(122, 0, 255, 0.14) 0, transparent 60% ); filter: blur(18px); z-index: 0; animation: nvSectAurora 18s ease-in-out infinite alternate; will-change: transform; } @keyframes nvSectAurora { from { transform: translate3d(-1%, -1%, 0) scale(1); opacity: 0.85; } to { transform: translate3d(1%, 1%, 0) scale(1.06); opacity: 1; } } /* Subtle grid */ .nv-tech-section::after { background-image: linear-gradient( to right, rgba(0, 224, 255, 0.06) 1px, transparent 1px ), linear-gradient( to bottom, rgba(0, 224, 255, 0.05) 1px, transparent 1px ); background-size: 64px 64px; opacity: 0.35; -webkit-mask-image: linear-gradient( to bottom, transparent, #000 15%, #000 85%, transparent ); mask-image: linear-gradient( to bottom, transparent, #000 15%, #000 85%, transparent ); z-index: 0; will-change: transform; } /* Content stays above the effects */ .nv-tech-section > * { position: relative; z-index: 1; will-change: transform; } /* Quick padding utility */ .nv-pad { padding: 72px 20px; will-change: transform; } /* Optional variants */ [data-variant="mint"]::before { background: radial-gradient( 60% 40% at 20% 30%, rgba(0, 255, 178, 0.28) 0, transparent 60% ), radial-gradient( 60% 40% at 80% 70%, rgba(0, 224, 255, 0.22) 0, transparent 60% ); will-change: transform; } [data-variant="violet"]::before { background: radial-gradient( 60% 40% at 20% 30%, rgba(122, 0, 255, 0.28) 0, transparent 60% ), radial-gradient( 60% 40% at 80% 70%, rgba(0, 224, 255, 0.18) 0, transparent 60% ); will-change: transform; } /* Image techify utility */ .nv-techify img { border-radius: 16px; border: 1px solid rgba(0, 224, 255, 0.18); background: linear-gradient( 180deg, rgba(255, 255, 255, 0.02), rgba(255, 255, 255, 0) ); box-shadow: 0 10px 40px rgba(0, 224, 255, 0.08); will-change: transform; } /* Tech-enhanced grid pulse animation */ @keyframes nvGridPulse { 0%, 100% { opacity: 0.2; transform: scale(1); } 50% { opacity: 0.4; transform: scale(1.02); } will-change: transform; } /* Tech particles floating effect */ .nv-tech-particles { position: absolute; inset: 0; background: radial-gradient( 2px 2px at 20% 30%, rgba(0, 209, 255, 0.8), transparent ), radial-gradient( 2px 2px at 40% 70%, rgba(162, 76, 245, 0.6), transparent ), radial-gradient( 1px 1px at 60% 15%, rgba(0, 209, 255, 0.7), transparent ), radial-gradient( 1px 1px at 80% 85%, rgba(255, 220, 110, 0.5), transparent ), radial-gradient( 2px 2px at 10% 90%, rgba(162, 76, 245, 0.4), transparent ); background-size: 200px 200px, 300px 300px, 150px 150px, 250px 250px, 180px 180px; animation: nvTechFloat 20s linear infinite; will-change: transform; } @keyframes nvTechFloat { 0% { transform: translate(0, 0) rotate(0deg); } 25% { transform: translate(-10px, -10px) rotate(90deg); } 50% { transform: translate(10px, -20px) rotate(180deg); } 75% { transform: translate(-5px, 10px) rotate(270deg); } 100% { transform: translate(0, 0) rotate(360deg); } } /* Scanning line effect */ .nv-scan-line { position: absolute; top: 0; left: -100%; width: 100%; height: 2px; background: linear-gradient( 90deg, transparent, rgba(0, 209, 255, 0.8), rgba(162, 76, 245, 0.8), transparent ); animation: nvScan 6s ease-in-out infinite; box-shadow: 0 0 10px rgba(0, 209, 255, 0.6); will-change: transform; } @keyframes nvScan { 0% { left: -100%; } 50% { left: 100%; } 100% { left: -100%; } } /* Enhanced tech buttons */ .nv-tech-button { position: relative; overflow: hidden; transition: all 0.3s ease; will-change: transform; } .nv-tech-button::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.2), transparent ); transition: left 0.5s ease; will-change: transform; } .nv-tech-button:hover::before { left: 100%; } .nv-tech-button:hover { transform: translateY(-2px); box-shadow: 0 0 30px rgba(0, 209, 255, 0.7), 0 15px 35px rgba(0, 0, 0, 0.4) !important; will-change: transform; } .nv-tech-button-outline { position: relative; overflow: hidden; transition: all 0.3s ease; will-change: transform; } .nv-tech-button-outline::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(162, 76, 245, 0.2), transparent ); transition: left 0.5s ease; will-change: transform; } .nv-tech-button-outline:hover::before { left: 100%; } .nv-tech-button-outline:hover { transform: translateY(-2px); background: linear-gradient( 45deg, rgba(0, 209, 255, 0.1), rgba(162, 76, 245, 0.1) ); box-shadow: 0 0 25px rgba(162, 76, 245, 0.5), 0 15px 35px rgba(0, 0, 0, 0.4) !important; will-change: transform; } /* Interactive Services Styling */ .nv-services-grid { gap: 1.5rem; will-change: transform; } .nv-serv-card { position: relative; overflow: hidden; transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); cursor: pointer; will-change: transform; } .nv-serv-card::before { content: ""; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient( 90deg, transparent, rgba(255, 255, 255, 0.1), transparent ); transition: left 0.6s ease; will-change: transform; } .nv-serv-card:hover::before { left: 100%; } .nv-serv-card:hover { transform: translateY(-8px) scale(1.02); box-shadow: 0 25px 50px rgba(0, 0, 0, 0.4), 0 0 30px rgba(0, 209, 255, 0.3); will-change: transform; } .nv-serv-card:active { transform: translateY(-4px) scale(1.01); will-change: transform; } /* Modal Styling */ .nv-modal { backdrop-filter: blur(10px); animation: nvModalFadeIn 0.3s ease-out forwards; will-change: transform; } @keyframes nvModalFadeIn { from { opacity: 0; transform: scale(0.9); } to { opacity: 1; transform: scale(1); } } .nv-panel { animation: nvPanelSlideIn 0.4s cubic-bezier(0.34, 1.56, 0.64, 1) forwards; backdrop-filter: blur(20px); will-change: transform; } @keyframes nvPanelSlideIn { from { opacity: 0; transform: translateY(-30px) scale(0.95); } to { opacity: 1; transform: translateY(0) scale(1); } } .nv-close { transition: all 0.2s ease; will-change: transform; } .nv-close:hover { transform: rotate(90deg) scale(1.1); background: rgba(255, 255, 255, 0.2); will-change: transform; } /* Enhanced scrollbar for modal */ .nv-panel::-webkit-scrollbar { width: 6px; will-change: transform; } .nv-panel::-webkit-scrollbar-track { background: rgba(255, 255, 255, 0.1); border-radius: 3px; will-change: transform; } .nv-panel::-webkit-scrollbar-thumb { background: linear-gradient(135deg, #00d1ff, #a24cf5); border-radius: 3px; will-change: transform; } .nv-panel::-webkit-scrollbar-thumb:hover { background: linear-gradient(135deg, #a24cf5, #00d1ff); will-change: transform; } `); } // virtual:/apps/web/src/components/layout/Aura.jsx init_injected_globals(); var import_react6 = __toESM(require_react()); function Aura() { return /* @__PURE__ */ import_react6.default.createElement("div", { className: "nv-aura" }); } // virtual:/apps/web/src/components/layout/ElevenLabsWidget.jsx init_injected_globals(); var import_react7 = __toESM(require_react()); function ElevenLabsWidget() { return /* @__PURE__ */ import_react7.default.createElement(import_react7.default.Fragment, null, /* @__PURE__ */ import_react7.default.createElement("elevenlabs-convai", { "agent-id": "agent_9101k2wjrsphfr1r0db20yyxw31s" }), /* @__PURE__ */ import_react7.default.createElement( "script", { src: "https://unpkg.com/@elevenlabs/convai-widget-embed", async: true, type: "text/javascript" } )); } // virtual:/apps/web/src/components/ErrorBoundary.jsx init_injected_globals(); var import_react8 = __toESM(require_react()); var ErrorBoundary = class extends import_react8.Component { constructor(props) { super(props); this.state = { hasError: false, error: null, errorInfo: null }; } static getDerivedStateFromError(error) { return { hasError: true }; } componentDidCatch(error, errorInfo) { console.error("ErrorBoundary caught an error:", error, errorInfo); this.setState({ error, errorInfo }); } render() { if (this.state.hasError) { return /* @__PURE__ */ React.createElement("div", { style: { minHeight: "100vh", background: "linear-gradient(135deg, #0A0F1F 0%, #1A1F3A 50%, #0A0F1F 100%)", color: "#fff", fontFamily: "Inter, system-ui", display: "flex", alignItems: "center", justifyContent: "center", padding: "2rem" } }, /* @__PURE__ */ React.createElement("div", { style: { maxWidth: "600px", textAlign: "center", background: "rgba(255, 255, 255, 0.05)", backdropFilter: "blur(20px)", border: "1px solid rgba(255, 255, 255, 0.1)", borderRadius: "20px", padding: "3rem", boxShadow: "0 25px 50px rgba(0, 0, 0, 0.3)" } }, /* @__PURE__ */ React.createElement("div", { style: { width: "80px", height: "80px", margin: "0 auto 2rem", background: "linear-gradient(45deg, #00D1FF, #A24CF5)", borderRadius: "50%", display: "flex", alignItems: "center", justifyContent: "center", fontSize: "2rem" } }, "\u26A1"), /* @__PURE__ */ React.createElement("h1", { style: { fontSize: "2.5rem", marginBottom: "1rem", background: "linear-gradient(135deg, #ffffff 0%, #00D1FF 50%, #A24CF5 100%)", WebkitBackgroundClip: "text", WebkitTextFillColor: "transparent", backgroundClip: "text", fontFamily: "Playfair Display, serif", fontStyle: "italic" } }, "Oops! Something went wrong"), /* @__PURE__ */ React.createElement("p", { style: { fontSize: "1.2rem", color: "rgba(255, 255, 255, 0.8)", marginBottom: "2rem", lineHeight: "1.6" } }, "Don't worry - our AI systems are already working to fix this. Try refreshing the page or go back home."), /* @__PURE__ */ React.createElement("div", { style: { display: "flex", gap: "1rem", justifyContent: "center", flexWrap: "wrap" } }, /* @__PURE__ */ React.createElement( "button", { onClick: () => window.location.reload(), style: { padding: "12px 24px", borderRadius: "12px", background: "linear-gradient(45deg, #00D1FF, #A24CF5)", border: "none", color: "#fff", fontWeight: "700", cursor: "pointer", transition: "all 0.3s ease", fontSize: "1rem" }, onMouseEnter: (e) => e.target.style.transform = "translateY(-2px)", onMouseLeave: (e) => e.target.style.transform = "translateY(0)" }, "\u{1F504} Retry" ), /* @__PURE__ */ React.createElement( "a", { href: "/", style: { padding: "12px 24px", borderRadius: "12px", border: "2px solid #00D1FF", background: "transparent", color: "#00D1FF", textDecoration: "none", fontWeight: "700", transition: "all 0.3s ease", fontSize: "1rem", display: "inline-block" }, onMouseEnter: (e) => { e.target.style.background = "linear-gradient(45deg, #00D1FF, #A24CF5)"; e.target.style.color = "#fff"; e.target.style.transform = "translateY(-2px)"; }, onMouseLeave: (e) => { e.target.style.background = "transparent"; e.target.style.color = "#00D1FF"; e.target.style.transform = "translateY(0)"; } }, "\u{1F3E0} Go Home" )), false)); } return this.props.children; } }; // virtual:/apps/web/src/components/ServiceWorkerRegistration.jsx init_injected_globals(); var import_react9 = __toESM(require_react()); function ServiceWorkerRegistration() { (0, import_react9.useEffect)(() => { if (typeof window !== "undefined" && "serviceWorker" in navigator && true) { registerServiceWorker(); } }, []); const registerServiceWorker = async () => { try { console.log("\u{1F504} Registering NeoVerse Service Worker..."); const registration = await navigator.serviceWorker.register("/sw.js", { scope: "/", updateViaCache: "imports" }); console.log("\u2705 Service Worker registered successfully:", registration.scope); registration.addEventListener("updatefound", () => { const newWorker = registration.installing; if (!newWorker) return; console.log("\u{1F504} New Service Worker version found, updating..."); newWorker.addEventListener("statechange", () => { if (newWorker.state === "installed") { if (navigator.serviceWorker.controller) { console.log("\u{1F504} New content available, will update on next visit"); if ("Notification" in window && Notification.permission === "granted") { new Notification("NeoVerse Global Updated", { body: "New version available! Refresh to get the latest features.", icon: "/assets/neoverse-favicon-32.png" }); } } else { console.log("\u2705 Content cached for offline use"); } } }); }); navigator.serviceWorker.addEventListener("controllerchange", () => { console.log("\u{1F504} Service Worker controller changed, refreshing..."); window.location.reload(); }); setInterval(() => { registration.update(); }, 6e4); } catch (error) { console.error("\u274C Service Worker registration failed:", error); } }; const requestNotificationPermission = async () => { if ("Notification" in window && Notification.permission === "default") { try { const permission = await Notification.requestPermission(); console.log("\u{1F4F1} Notification permission:", permission); } catch (error) { console.error("\u274C Failed to request notification permission:", error); } } }; (0, import_react9.useEffect)(() => { if ("serviceWorker" in navigator && "sync" in window.ServiceWorkerRegistration.prototype) { navigator.serviceWorker.ready.then((registration) => { return registration.sync.register("background-sync"); }).catch((error) => { console.warn("Background sync not supported:", error); }); } }, []); return null; } // virtual:/apps/web/src/components/PerformanceMonitor.jsx init_injected_globals(); var import_react10 = __toESM(require_react()); function PerformanceMonitor() { const metricsRef = (0, import_react10.useRef)({ CLS: 0, FCP: 0, FID: 0, LCP: 0, TTFB: 0 }); (0, import_react10.useEffect)(() => { if (typeof window === "undefined") return; const trackWebVitals = () => { if ("LargestContentfulPaint" in window) { new PerformanceObserver((list) => { const entries = list.getEntries(); const lastEntry = entries[entries.length - 1]; metricsRef.current.LCP = lastEntry.startTime; console.log("\u{1F3AF} LCP:", lastEntry.startTime.toFixed(2), "ms"); }).observe({ entryTypes: ["largest-contentful-paint"] }); } if ("PerformancePaintTiming" in window) { new PerformanceObserver((list) => { for (const entry of list.getEntries()) { if (entry.name === "first-contentful-paint") { metricsRef.current.FCP = entry.startTime; console.log("\u{1F3A8} FCP:", entry.startTime.toFixed(2), "ms"); } } }).observe({ entryTypes: ["paint"] }); } if ("LayoutShift" in window) { let clsValue = 0; new PerformanceObserver((list) => { for (const entry of list.getEntries()) { if (!entry.hadRecentInput) { clsValue += entry.value; } } metricsRef.current.CLS = clsValue; console.log("\u{1F4D0} CLS:", clsValue.toFixed(4)); }).observe({ entryTypes: ["layout-shift"] }); } if ("PerformanceEventTiming" in window) { new PerformanceObserver((list) => { for (const entry of list.getEntries()) { if (entry.processingStart > entry.startTime) { const fid = entry.processingStart - entry.startTime; metricsRef.current.FID = fid; console.log("\u26A1 FID:", fid.toFixed(2), "ms"); } } }).observe({ entryTypes: ["first-input"] }); } }; const trackTTFB = () => { if ("navigation" in performance) { const navTiming = performance.getEntriesByType("navigation")[0]; if (navTiming) { const ttfb = navTiming.responseStart - navTiming.fetchStart; metricsRef.current.TTFB = ttfb; console.log("\u{1F310} TTFB:", ttfb.toFixed(2), "ms"); } } }; const trackResourcePerformance = () => { const resources = performance.getEntriesByType("resource"); const resourceTypes = { images: [], scripts: [], stylesheets: [], fonts: [], other: [] }; resources.forEach((resource) => { const url = resource.name; const duration = resource.responseEnd - resource.startTime; if (url.match(/\.(jpg|jpeg|png|gif|webp|svg)$/i)) { resourceTypes.images.push({ url, duration }); } else if (url.match(/\.js$/i)) { resourceTypes.scripts.push({ url, duration }); } else if (url.match(/\.css$/i)) { resourceTypes.stylesheets.push({ url, duration }); } else if (url.match(/\.(woff|woff2|ttf|eot)$/i)) { resourceTypes.fonts.push({ url, duration }); } else { resourceTypes.other.push({ url, duration }); } }); Object.entries(resourceTypes).forEach(([type, items]) => { const slowResources = items.filter((item) => item.duration > 1e3); if (slowResources.length > 0) { console.warn(`\u{1F40C} Slow ${type}:`, slowResources); } }); }; const trackMemoryUsage = () => { if ("memory" in performance) { const memory = performance.memory; console.log("\u{1F9E0} Memory:", { used: (memory.usedJSHeapSize / 1024 / 1024).toFixed(2) + " MB", total: (memory.totalJSHeapSize / 1024 / 1024).toFixed(2) + " MB", limit: (memory.jsHeapSizeLimit / 1024 / 1024).toFixed(2) + " MB" }); } }; const checkPerformanceIssues = () => { const domNodes = document.querySelectorAll("*").length; if (domNodes > 1500) { console.warn("\u26A0\uFE0F High DOM complexity:", domNodes, "nodes"); } const images = document.querySelectorAll("img"); images.forEach((img) => { if (!img.loading) { console.warn("\u26A0\uFE0F Image without lazy loading:", img.src); } if (img.naturalWidth > img.offsetWidth * 2) { console.warn("\u26A0\uFE0F Oversized image:", img.src, { natural: img.naturalWidth, display: img.offsetWidth }); } }); const synchronousScripts = document.querySelectorAll("script:not([async]):not([defer])"); if (synchronousScripts.length > 0) { console.warn("\u26A0\uFE0F Render-blocking scripts:", synchronousScripts); } }; const initializeTracking = () => { trackWebVitals(); trackTTFB(); setTimeout(() => { trackResourcePerformance(); trackMemoryUsage(); checkPerformanceIssues(); }, 3e3); const performanceInterval = setInterval(() => { trackMemoryUsage(); checkPerformanceIssues(); }, 3e4); return () => clearInterval(performanceInterval); }; if (document.readyState === "complete") { initializeTracking(); } else { window.addEventListener("load", initializeTracking); } const sendMetrics = () => { const metrics = metricsRef.current; if (metrics.LCP > 0 || metrics.FCP > 0) { console.log("\u{1F4CA} Performance Metrics:", { LCP: metrics.LCP ? `${metrics.LCP.toFixed(2)}ms` : "N/A", FCP: metrics.FCP ? `${metrics.FCP.toFixed(2)}ms` : "N/A", CLS: metrics.CLS ? metrics.CLS.toFixed(4) : "N/A", FID: metrics.FID ? `${metrics.FID.toFixed(2)}ms` : "N/A", TTFB: metrics.TTFB ? `${metrics.TTFB.toFixed(2)}ms` : "N/A", timestamp: (/* @__PURE__ */ new Date()).toISOString() }); } }; window.addEventListener("beforeunload", sendMetrics); return () => { window.removeEventListener("load", initializeTracking); window.removeEventListener("beforeunload", sendMetrics); }; }, []); (0, import_react10.useEffect)(() => { if (false) { const logPerformanceStats = () => { const navigation = performance.getEntriesByType("navigation")[0]; if (navigation) { console.log("\u{1F680} NeoVerse Performance Stats:", { "Page Load": `${(navigation.loadEventEnd - navigation.fetchStart).toFixed(2)}ms`, "DOM Ready": `${(navigation.domContentLoadedEventEnd - navigation.fetchStart).toFixed(2)}ms`, "DNS Lookup": `${(navigation.domainLookupEnd - navigation.domainLookupStart).toFixed(2)}ms`, "Server Response": `${(navigation.responseEnd - navigation.requestStart).toFixed(2)}ms`, "DOM Processing": `${(navigation.domComplete - navigation.responseEnd).toFixed(2)}ms` }); } }; const performanceTimer = setTimeout(logPerformanceStats, 2e3); return () => clearTimeout(performanceTimer); } }, []); return null; } // virtual:/apps/web/src/components/InteractiveScript.jsx init_injected_globals(); var import_react11 = __toESM(require_react()); function InteractiveScript() { return /* @__PURE__ */ import_react11.default.createElement( "script", { dangerouslySetInnerHTML: { __html: ` try { // === Hero Constellation === var hero=document.getElementById('nv-hero')||document.querySelector('.nv-tech-hero')||document.querySelector('.hero.fx-premium'); if(hero){ var existing = document.getElementById('nvConstellation'); if (!existing) { var c=document.createElement('canvas'); c.id='nvConstellation'; c.style.position='absolute'; c.style.top='0'; c.style.left='0'; c.style.pointerEvents='none'; c.style.zIndex='1'; c.style.opacity='0.6'; hero.prepend(c); var ctx=c.getContext('2d'),DPR=Math.min(2,window.devicePixelRatio||1),W=0,H=0,P=[],MAX=40,LINK=90; function size(){ var r=hero.getBoundingClientRect(); W=c.width=Math.floor(r.width*DPR); H=c.height=Math.floor(Math.max(360,r.height)*DPR); c.style.width=r.width+'px'; c.style.height=Math.max(360,r.height)+'px'; } function init(){ P=[]; for(var i=0;iW)a.vx*=-1; if(a.y<0||a.y>H)a.vy*=-1; for(var j=i+1;j

Chat with Cloe

Cloe AI Assistant