Cuchulink.io

Intro

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

Archivos de la Intro

• 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.

Landing Page

HTML

• 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.

CSS

• 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.

JavaScript

• 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.