App - Copy this React, Tailwind Component to your project

Crea una página web moderna y responsiva para la venta de productos tecnológicos, enfocada en AirPods y fundas para iPhone. La estética debe ser minimalista y elegante, con una paleta de colores que combine blanco, negro y acentos en un color vibrante (como azul eléctrico o verde neón) para resaltar botones y llamadas a la acción. La estructura de la página debe incluir: Header y navegación: Un logo sencillo y el nombre de la tienda. Menú de navegación con secciones: Inicio, Productos, Ofertas, Contacto. Sección principal (hero): Imagen impactante de AirPods y fundas para iPhone en alta resolución. Título llamativo, por ejemplo: "Encuentra la mejor tecnología para tu estilo de vida". Botón de "Comprar ahora" que lleve a la sección de productos. Sección de productos: Tarjetas o cuadrícula mostrando diferentes modelos de AirPods y opciones de fundas para iPhone. Cada tarjeta debe incluir: imagen del producto, nombre, breve descripción y precio. Botón de "Agregar al carrito" con animaciones sutiles al pasar el cursor (hover). Sección de ofertas y promociones: Área destacada para promociones o productos en oferta. Testimonios y reseñas: Comentarios de clientes satisfechos para aumentar la confianza. Footer: Información de contacto, redes sociales, enlaces útiles y suscripción al boletín. Utiliza tecnologías modernas como HTML5, CSS3 (o frameworks como Tailwind CSS) y JavaScript (o React si es necesario) para implementar transiciones suaves, animaciones en botones y efectos al hacer hover en las imágenes. La página debe estar optimizada para dispositivos móviles y de escritorio, garantizando una experiencia de usuario intuitiva y rápida.