Landing Page - Copy this React, Tailwind Component to your project

Genera una landing page en HTML5, CSS3 y JavaScript optimizada para SEO y velocidad, inspirada en el sitio web de Lenovo Chile (https://www.lenovo.com/cl/es/). Instrucciones específicas: • Encabezado (Header): • Logo de Lenovo a la izquierda (usa una imagen de ejemplo o indica la ubicación del logo). • Menú simple con enlaces ficticios: Inicio, Productos, Contacto. • Sección Hero: • Imagen de alta calidad (optimizada en formato WebP) de una laptop o PC moderna. • Título principal: “Innovación que impulsa el futuro”. • Subtítulo: “Descubre la experiencia Lenovo en cada detalle”. • Botón: “Explorar más”, con enlace ficticio. • Sección de Características: • Tres tarjetas alineadas horizontalmente. Cada tarjeta debe incluir: • Un ícono o imagen pequeña. • Título destacado: “Rendimiento”, “Diseño”, “Soporte”. • Texto breve explicativo debajo de cada título. • Código totalmente responsivo para dispositivos móviles, tablets y escritorio. • Añade comentarios en el código para explicar cada sección. • Utiliza una paleta de colores similar a la de Lenovo (rojo, negro, blanco, tonos grises). • Añade transiciones suaves (animaciones CSS) al pasar el mouse sobre los botones y enlaces.”**