footer.html

<style>
hr {
    border: none;
    border-top: 1px solid #ccc;
    color: #fff;
    height: 5px;
    width: 100%;
}
#goTopBtn {
    position: fixed;
    bottom: 15px;
    right: 8px;
    width: 50px;
    height: 50px;
    background-color: transparent;
    border: 2px solid magenta;
    border-radius: 50%;
    cursor: pointer;
    color: white;
    display: flex;
    align-items: center;
    justify-content: center;
    z-index: 1000;
}
#goTopBtn:hover {
    border: 2px solid cyan;
}
</style>

<footer>
    <div class="footer-container">
        <div class="footer-column">
            <a href="https://grouvex.github.io"><img src="https://grouvex.github.io/img/Grouvex1.png" alt="Logo" loading="lazy"></a>
        </div>
        <div class="footer-column">
            <div>
                  <div class="footer-imagenes">
   <nav>
      <a href="https://instagram.com/grouvex" target="_blank"><img src="https://grouvex.github.io/img/Instagram.png" alt="" loading="lazy"></a>
      <a href="https://discord.gg/XnxcuZHrh3" target="_blank"><img src="https://grouvex.github.io/img/Discord.png" alt="" loading="lazy"></a>
      <a href="https://tiktok.com/@Grouvex" target="_blank"><img src="https://grouvex.github.io/img/TikTok.png" alt="" loading="lazy"></a>
      <a href="https://open.spotify.com/intl-es/artist/0Sz3myYKWtxR1seCT5e7Rx?si=O624cS5UT261AHIjCJDCJw" target="_blank"><img src="https://grouvex.github.io/img/Spotify.png" alt="" loading="lazy"></a>
      <a href="https://twitter.com/@grouvex" target="_blank"><img src="https://grouvex.github.io/img/X.png" alt="" loading="lazy"></a>
      <a href="https://musescore.com/user/70786552" target="_blank"><img src="https://grouvex.github.io/img/MuseScore.png" alt="" loading="lazy"></a>
      <a href="https://youtube.com/@Grouvex" target="_blank"><img src="https://grouvex.github.io/img/YouTube.png" alt="" loading="lazy"></a>
      <a href="https://music.youtube.com/channel/UCCjEGDcTAyAgcw0L-HGeeZQ" target="_blank"><img src="https://grouvex.github.io/img/YouTubeMusic.png" alt="YouTubeMusic" loading="lazy"></a>
      <a href="https://www.amazon.es/music/player/artists/B0CK9MNQ61/grouvex" target="_blank"><img src="https://grouvex.github.io/img/AmazonMusic.png" alt="" loading="lazy"></a>
      <a href="https://www.deezer.com/en/artist/222357525" target="_blank"><img src="https://grouvex.github.io/img/Deezer.png" alt="" loading="lazy"></a>
      <a href="https://play.anghami.com/artist/19328687" target="_blank"><img src="https://grouvex.github.io/img/Anghami.png" alt="" loading="lazy"></a>
      <a href="https://music.apple.com/mx/artist/grouvex/1713912150" target="_blank"><img src="https://grouvex.github.io/img/AppleMusic.png" alt="" loading="lazy"></a>
    </nav>
  </div>
                </div>
            <div class="footer-row">
                <div>
                    <h4>Grouvex Studio Security</h4>
                    <p><a href="https://grouvex.github.io/tos" style="color:white">Términos de Servicio</a></p> 
                    <p><a href="https://grouvex.github.io/pp" style="color:white">Políticas de Privacidad</a></p>
                    <p><a href="https://grouvex.github.io/contacto" style="color:white">Contacto</a></p>
                </div>
                <div>
                    <h4>Grouvex Studios Páginas</h4>
                    <p><a href="https://grouvex.github.io/faqs" style="color:white">Preguntas Frecuentes (FAQS)</a></p>
                    <p><a href="https://grouvex.github.io/planeta" style="color:gold">Sistema Planetario 3D</a></p>
                </div>
                <div>
                    <h4>GSRecording</h4>
                    <p><a href="https://grouvex.com/gsrecording" style="color:white">GSRecording</a></p>
                    <p><a href="https://grouvex.com/grouvex-studios-recording" style="color:white"><span class="insignia  artista"></span>GSRecording For Artists</a></p>
                    <p><a href="https://www.routenote.com/" style="color:white" target="_blank">Distribuidora RouteNote</a></p>
                </div>
                <div>
                    <h4>GSAnimation</h4>
                    <p><a href="https://grouvex.com/gsanimation" class="disabled-link">GSAnimation</a></p>
                    <p><a href="https://grouvex.com/grouvex-studios-animation" class="disabled-link"><span class="insignia creador"></span>GSAnimation For Animator</a></p>
                </div>
                <div>
                    <h4>GSDesign</h4>
                    <p><a href="https://grouvex.com/gsdesign" class="disabled-link">GSDesign</a></p>
                    <p><a href="https://grouvex.com/grouvex-studios-animation" class="disabled-link"><span class="insignia diseñador"></span>GSDesign For Designers</a></p>
                </div>
            </div>
        </div>
    </div>
    <hr>
    <div class="footer-bottom">
        <p>©Grouvex Studios</p>
        <p><a href="https://github.com/Grouvex/grouvex.github.io/tree/v6.0.1" style="color:white" target="_blank">©2025-v6.0.1 (<span id="VersionDATE"></span>)</a></p>
        <!--<p><n><a href="https://github.com/Grouvex/grouvex.github.io/tree/v6.0.1" style="color:white" target="_blank">©2025-v6.0.1 (<span id="NVersionDATE"></span>)</a></n><span class="status upcoming">Upcoming</span></p>-->
    </div>
</footer>
<script>
    const uTVersion = 1739034000; actualizarFechas(uTVersion, "VersionDATE");
   // const uTNVersion = 1739034000; actualizarFechas(uTNVersion, "NVersionDATE");
</script> 
<!--Start of Tawk.to Script-->
<script type="text/javascript">
var Tawk_API=Tawk_API||{}, Tawk_LoadStart=new Date();
(function(){
var s1=document.createElement("script"),s0=document.getElementsByTagName("script")[0];
s1.async=true;
s1.src='https://embed.tawk.to/6525b3a66fcfe87d54b88bc4/1hcdkbgr3';
s1.charset='UTF-8';
s1.setAttribute('crossorigin','*');
s0.parentNode.insertBefore(s1,s0);
})();
</script>
<!--End of Tawk.to Script-->
<!-- Scripts y contenido adicional -->
<script>
    function scrollToTop() {
        window.scrollTo({top: 0,behavior: 'smooth'});
    }
</script>
<script>
    // precargarYRedirigir.js
document.addEventListener("DOMContentLoaded", function () {
    console.log("DOM completamente cargado. Precargando la siguiente página...");

    // Escuchar clics en todos los enlaces
    document.addEventListener("click", function (event) {
        const target = event.target;

        // Verificar si el clic fue en un enlace (<a>)
        if (target.tagName === "A") {
            const url = target.href; // Obtener la URL del enlace

            // Verificar si el enlace pertenece al dominio grouvex.com
            if (new URL(url).hostname === "grouvex.com") {
                event.preventDefault(); // Evitar la redirección inmediata

                console.log(`Precargando contenido de: ${url}`);

                // Precargar el contenido de la siguiente página
                fetch(url)
                    .then((response) => {
                        if (!response.ok) {
                            throw new Error(`Error al cargar la página: ${response.statusText}`);
                        }
                        return response.text(); // Obtener el contenido HTML de la página
                    })
                    .then((html) => {
                        console.log(`Contenido de ${url} precargado correctamente.`);
                        // Aquí podrías hacer algo con el HTML precargado, como almacenarlo en una variable
                        // o inyectarlo en un elemento oculto en la página actual.

                        // Redirigir al usuario a la página correspondiente
                        console.log(`Redirigiendo a: ${url}`);
                        window.location.href = url;
                    })
                    .catch((error) => {
                        console.error("Error al precargar la página:", error);
                        alert("Hubo un error al cargar la página. Inténtalo de nuevo.");
                    });
            } else {
                console.log(`El enlace no pertenece al dominio grouvex.com. Redirección normal.`);
                // Si el enlace no es del dominio, permitir la redirección normal
            }
        }
    });
});
</script>
<button id="goTopBtn" onclick="scrollToTop()">↑ Top</button>