.loading-overlay {
    position: fixed;
    top: 0;
    left: 0;
    width: 100vw;
    height: 100vh;
    background: rgba(255, 255, 255, 0.1); 
    backdrop-filter: blur(10px);
    display: flex;
    justify-content: center;
    align-items: center;
    z-index: 9998;
}


.loading-spinner {
    width: 60px;
    height: 60px;
    border: 6px solid rgba(255, 255, 255, 0.3);
    border-top-color: #e64c00; 
    border-radius: 50%;
    animation: spin 1s linear infinite;
    z-index: 9999;
    background-color: rgba(0, 0, 0, 0.7);
    padding: 10px;
    display: flex;
    justify-content: center;
    align-items: center;
}

@keyframes spin {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
const menuItemLinks = document.querySelectorAll('.menu-item a');
const menuToggle = document.querySelector('.bricks-mobile-menu-toggle');

const handleClick = () => {
    menuToggle.click();
    showLoadingOverlay();
}

const showLoadingOverlay = () => {
    const overlay = document.createElement('div');
    overlay.classList.add('loading-overlay');

    const spinner = document.createElement('div');
    spinner.classList.add('loading-spinner');

    overlay.appendChild(spinner);

    document.body.appendChild(overlay);
  
    setTimeout(() => {
        overlay.remove();
    }, 3000);
}

if (window.matchMedia('(max-width:768px)').matches) {
    menuItemLinks.forEach(link => {
        link.addEventListener('click', (event) => {
            handleClick();
        });
    });
}

¿Quieres ver el Logo de tu marca en 3D también?

¡Lo diseñamos para tí,
TOTALMENTE GRATIS!

En DejaVu3D, nos apasiona transformar la experiencia de tu marca con tecnología innovadora. Imagina tu logo cobrando vida en la web, en TikTok, Instagram y Facebook,

¡Todo en 3D y realidad aumentada!

¿impresionante verdad?

Envíanos una solicitud, y a vuelta recibes las instrucciones para ponernos a la marcha de la creación de tu logo en 3D y realidad aumentada.
Interactúa con cada producto, rótalos, cambia su tamaño tocándolos directamente y explora realidad aumentada.

Recibirás:

  • Un diseño en 3D de tu logo para tu sitio web, agregando un toque de modernidad y sofisticación.
  • Filtros de tu logo 3D y en realidad aumentada personalizados para TikTok, Instagram y Facebook, que destacarán tu marca y cautivarán a tu audiencia.

Beneficios de tener tu logo en 3D y realidad aumentada:

  • Un diseño en 3D de tu logo para tu sitio web, agregando un toque de modernidad y sofisticación.
  • Genera recordación de marca en tus redes sociales.
  • Crea contenido fresco para tus redes sociales.
  • Podrás crear campañas de redes sociales, pidiéndole a tus clientes que hagan una historia con tu logo, por ejemplo creas promos, competencias, un sin fin de ideas.
  • Filtros personalizados para TikTok, Instagram y Facebook, que destacarán tu marca y cautivarán a tu audiencia.
  • Aumento del engagement y la interacción de tu audiencia al ofrecer una experiencia visual única y emocionante.
  • Diferenciación de tu marca en un mercado competitivo al destacar con un logo en 3D y realidad aumentada.
  • Mayor visibilidad y reconocimiento de tu marca en las redes sociales y plataformas digitales.

Pero, ¿por qué lo hacemos gratis? Porque creemos en el poder de la colaboración y queremos brindarte la oportunidad de experimentar la magia de la realidad aumentada sin costo alguno.