closeMobile()}
aria-hidden={!mobileOpen}
/>
);
}
// ─── Inline Back button (folosit în pagini, sub header) ───────
function BackButton({ onNav, label = 'Înapoi', style = {} }) {
const [hover, setHover] = useState(false);
return (
);
}
// ─── Floating Back button ──────────────────────────────────────
function BackFab({ onNav }) {
const [hover, setHover] = useState(false);
return (
);
}
// ─── Footer ────────────────────────────────────────────────────
function Footer({ onNav }) {
useEffect(() => {
// În SPA React, scriptul Iubenda scanează DOM-ul la încărcarea inițială,
// dar Footer-ul se renderează DUPĂ — link-urile cu clasa iubenda-embed
// „scapă" handler-elor pop-up. Fix: re-încarcă scriptul iubenda.js când Footer e montat.
const script = document.createElement('script');
script.src = 'https://cdn.iubenda.com/iubenda.js';
script.async = true;
document.body.appendChild(script);
return () => {
if (script.parentNode) script.parentNode.removeChild(script);
};
}, []);
return (
);
}
function FooterCol({ title, items, onNav }) {
return (
);
}
// ─── Toast ─────────────────────────────────────────────────────
function useToast() {
const [msg, setMsg] = useState(null);
useEffect(() => { if (msg) { const t = setTimeout(() => setMsg(null), 2400); return () => clearTimeout(t); } }, [msg]);
const Toast = msg ?
✓ {msg}
: null;
return [Toast, setMsg];
}
// ─── Confetti (easter egg "4U") ────────────────────────────────
function fireWelcomeBanner() {
const old = document.getElementById('welcome-banner');
if (old) old.remove();
const b = document.createElement('div');
b.id = 'welcome-banner';
b.style.cssText = 'position:fixed;top:50%;left:50%;transform:translate(-50%,-50%) scale(.6);z-index:10000;padding:32px 56px;border-radius:24px;background:linear-gradient(135deg,rgba(15,15,20,.95),rgba(20,30,15,.95));border:1px solid rgba(82,242,15,.4);box-shadow:0 30px 100px rgba(82,242,15,.35),0 0 0 1px rgba(255,215,0,.2),inset 0 1px 0 rgba(255,255,255,.08);text-align:center;backdrop-filter:blur(20px);opacity:0;transition:transform .5s cubic-bezier(.2,.9,.3,1.4),opacity .35s;pointer-events:none;font-family:Geist,sans-serif;';
b.innerHTML = `
★ AI GĂSIT SURPRIZA ★
4U Agency îți urează
BUN VENIT! 🎉
Mulțumim că ești aici 💚
`;
document.body.appendChild(b);
requestAnimationFrame(() => { b.style.opacity = '1'; b.style.transform = 'translate(-50%,-50%) scale(1)'; });
setTimeout(() => shatterBannerIntoConfetti(b), 3200);
}
window.fireWelcomeBanner = fireWelcomeBanner;
function shatterBannerIntoConfetti(b) {
if (!b || !b.parentNode) return;
const rect = b.getBoundingClientRect();
const wrap = document.createElement('div');
wrap.className = 'confetti-wrap';
document.body.appendChild(wrap);
const colors = ['#52F20F','#FFD700','#FFFFFF','#52F20F','#FFD700'];
// Spawn confetti distributed across banner's box
const count = 1000;
for (let i = 0; i < count; i++) {
const c = document.createElement('div');
c.className = 'cfp';
const x = rect.left + Math.random() * rect.width;
const y = rect.top + Math.random() * rect.height;
c.style.left = x + 'px';
c.style.top = y + 'px';
c.style.background = colors[i % colors.length];
c.style.setProperty('--tx', ((Math.random() - 0.5) * 280) + 'px');
c.style.animation = `cfFall ${2.0 + Math.random() * 3.0}s cubic-bezier(.3,.7,.3,1) ${Math.random() * 0.6}s forwards`;
c.style.transform = `rotate(${Math.random() * 360}deg)`;
c.style.width = (5 + Math.random() * 7) + 'px';
c.style.height = (8 + Math.random() * 10) + 'px';
c.style.opacity = (0.25 + Math.random() * 0.20).toFixed(2);
wrap.appendChild(c);
}
// Hide the banner immediately
b.style.transition = 'opacity .15s';
b.style.opacity = '0';
setTimeout(() => b.remove(), 200);
setTimeout(() => wrap.remove(), 5500);
}
function fireConfetti() {
const wrap = document.createElement('div');
wrap.className = 'confetti-wrap';
document.body.appendChild(wrap);
const colors = ['#52F20F','#FFD700','#FFFFFF','#52F20F','#FFD700','#52F20F','#FFD700'];
for (let i = 0; i < 3000; i++) {
const c = document.createElement('div');
c.className = 'cfp';
const x = Math.random() * 100;
c.style.left = x + '%';
c.style.top = '-30px';
c.style.background = colors[i % colors.length];
c.style.setProperty('--tx', ((Math.random() - 0.5) * 320) + 'px');
c.style.animation = `cfFall ${2.0 + Math.random() * 3.0}s cubic-bezier(.3,.7,.3,1) ${Math.random() * 2.0}s forwards`;
c.style.transform = `rotate(${Math.random() * 360}deg)`;
c.style.width = (5 + Math.random() * 7) + 'px';
c.style.height = (8 + Math.random() * 10) + 'px';
wrap.appendChild(c);
}
setTimeout(() => wrap.remove(), 7500);
}
window.fireConfetti = fireConfetti;
function useEasterEgg(toast) {
useEffect(() => {
const COOLDOWN_MS = 60000;
const SESSION_MAX = 5;
const PERSIST_KEY = '4u_egg_lastfire';
// Expune funcția globală pentru butonul mobil din home.jsx
window.fireEasterEgg = function() {
const now = Date.now();
let lastFire = 0;
let sessionCount = 0;
try {
lastFire = parseInt(sessionStorage.getItem(PERSIST_KEY) || '0', 10);
sessionCount = parseInt(sessionStorage.getItem(PERSIST_KEY + '_count') || '0', 10);
} catch (e) {}
if (sessionCount >= SESSION_MAX) {
if (toast) toast('Easter egg consumat pentru sesiunea asta 😄');
return;
}
const remaining = COOLDOWN_MS - (now - lastFire);
if (remaining > 0) {
if (toast) toast(`Mai așteaptă ${Math.ceil(remaining / 1000)}s ⏳`);
return;
}
try {
sessionStorage.setItem(PERSIST_KEY, String(now));
sessionStorage.setItem(PERSIST_KEY + '_count', String(sessionCount + 1));
} catch (e) {}
fireConfetti();
fireWelcomeBanner();
};
// Listener pentru tastatură (desktop)
let buf = '';
const onKey = (e) => {
if (e.repeat) return;
const tag = e.target?.tagName;
if (tag === 'INPUT' || tag === 'TEXTAREA' || e.target?.isContentEditable) return;
buf = (buf + e.key).slice(-2).toUpperCase();
if (buf !== '4U') return;
buf = '';
window.fireEasterEgg();
};
window.addEventListener('keydown', onKey);
return () => {
window.removeEventListener('keydown', onKey);
delete window.fireEasterEgg;
};
}, [toast]);
}
// ─── Pre-launch Alert Modal ────────────────────────────────────
function showPreLaunchAlert(message) {
const old = document.getElementById('pre-launch-modal');
if (old) old.remove();
const overlay = document.createElement('div');
overlay.id = 'pre-launch-modal';
overlay.style.cssText = 'position:fixed;inset:0;z-index:10000;background:rgba(0,0,0,.75);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;padding:20px;animation:plFadeIn .2s ease-out;';
const modal = document.createElement('div');
modal.style.cssText = 'background:#0f1116;border:.5px solid rgba(82,242,15,.3);border-radius:16px;padding:36px 32px;max-width:460px;width:100%;text-align:center;color:#fff;box-shadow:0 30px 100px rgba(0,0,0,.6),0 0 0 1px rgba(82,242,15,.08);font-family:Geist,sans-serif;animation:plScaleIn .25s cubic-bezier(.2,.9,.3,1.1);';
modal.innerHTML = '
🚧
' + message + '
';
overlay.appendChild(modal);
document.body.appendChild(overlay);
const close = () => { overlay.style.opacity = '0'; setTimeout(() => overlay.remove(), 180); };
overlay.addEventListener('click', (e) => { if (e.target === overlay) close(); });
modal.querySelector('#plClose').addEventListener('click', close);
if (!document.getElementById('pl-modal-style')) {
const s = document.createElement('style');
s.id = 'pl-modal-style';
s.textContent = '@keyframes plFadeIn{from{opacity:0}to{opacity:1}}@keyframes plScaleIn{from{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}';
document.head.appendChild(s);
}
}
Object.assign(window, {
Particles, Mesh, Counter, Reveal, Logo, Header, Footer,
useToast, fireConfetti, fireWelcomeBanner, useEasterEgg,
showPreLaunchAlert,
});
{showText && (
4U Agency.
)}