Cuchulink.io

Intro

Esta sección presenta un cerdo flotando en el espacio, acompañado de efectos de sonido y visuales interactivos.

index.html: Estructura HTML de la página de introducción.
styles.css: Estilos CSS que definen la apariencia visual de la página, incluyendo la animación de las partículas y el cerdo flotante.
script.js: Script JavaScript que controla la interacción con el usuario. Al hacer clic en el cerdo, se reproduce un sonido de moneda (coin.mp3). Después de seis clics, el cerdo explota y se reproduce un sonido de explosión (explotion.mp3), seguido de una redirección automática a la landing page principal (index.html).
coin.mp3: Archivo de sonido que se reproduce al hacer clic en el cerdo.
cuchu.png: Logotipo del cerdo flotante que aparece en la introducción.
explotion.mp3: Archivo de sonido que se reproduce cuando el cerdo explota.

Estructura de la Página: El archivo main.html contiene la estructura básica de la página, incluyendo el encabezado, secciones y pie de página.
Carruseles: Secciones como "Funcionalidades Principales" y "¿Por Qué Usar Cuchulink?" implementan carruseles utilizando Swiper.js.

Estilos Generales: El archivo styles_v2.css define los estilos generales de la página, incluyendo colores, tipografías y diseño responsivo.
Swiper Styles: Estilos específicos para los carruseles de Swiper.js.
Video Responsivo: Estilos para asegurar que el video de YouTube se ajuste correctamente a diferentes resoluciones.

Interactividad: El archivo scripts_v2.js maneja la lógica de programación para la interactividad de la página.
Suavizado de Scroll: Implementa un desplazamiento suave al hacer clic en los enlaces de navegación.
Animación de Secciones: Añade animaciones a las secciones al hacer scroll.
Menú de Hamburguesa: Lógica para abrir y cerrar el menú de navegación en dispositivos móviles.
Inicialización de Swiper: Configuración e inicialización de los carruseles de Swiper.js.