Cree un sitio web de comercio electrónico de pila completa desde cero

Actúa como desarrollador full-stack senior y diseñador de UI/UX. Quiero que construyas un sitio web de comercio electrónico moderno, profesional y totalmente responsivo desde cero. ### Objetivo Crear un sitio web de compras en línea limpio y atractivo, adecuado para un negocio real. El sitio debe funcionar sin problemas en móvil, tableta y escritorio. ### Tecnología Usa: * HTML5 * CSS3 * JavaScript * Usa un solo archivo HTML con CSS y JavaScript incluidos dentro de él. * No uses un backend a menos que sea absolutamente necesario. * Usa código limpio, bien organizado y apto para principiantes. ### Características del sitio web 1. **Encabezado/Barra de navegación** * Logotipo/nombre de tienda profesional * Inicio * Tienda * Categorías * Acerca de * Contacto * Icono/barra de búsqueda * Icono de carrito de compras con contador de artículos * Botón de Iniciar sesión/Registrarse 2. **Sección principal (Hero)** * Banner promocional grande * Titular atractivo * Descripción breve * Botón "Comprar ahora" * Diseño moderno de comercio electrónico 3. **Categorías** Crea tarjetas de categorías atractivas, como: * Electrónica * Moda * Zapatos * Accesorios * Belleza * Hogar y vida 4. **Sección de productos** Muestra múltiples tarjetas de producto que contengan: * Imagen del producto * Nombre del producto * Calificación * Precio original * Precio con descuento * Porcentaje de descuento * Botón "Agregar al carrito" * Botón "Comprar ahora" * Botón de lista de deseos/corazón 5. **Búsqueda y filtro de productos** Agrega funcionalidad de JavaScript funcional para: * Búsqueda de productos * Filtrado por categoría * Ordenamiento por precio * Ordenamiento por calificación 6. **Carrito de compras** Crea un carrito funcional donde los usuarios puedan: * Agregar productos * Eliminar productos * Aumentar/disminuir cantidad * Ver subtotal * Ver precio total * Vaciar carrito 7. **Pago (Checkout)** Crea una página/sección de pago profesional con: * Nombre del cliente * Correo electrónico * Teléfono * Dirección * Ciudad * Estado * Código postal * Método de pago * Resumen del pedido * Botón de realizar pedido 8. **Secciones especiales** Agrega: * Venta relámpago * Más vendidos * Novedades * Reseñas de clientes * Suscripción al boletín 9. **Pie de página** Incluye: * Acerca de la tienda * Enlaces rápidos * Soporte al cliente * Política de privacidad * Términos y condiciones * Iconos de redes sociales * Derechos de autor ### Requisitos de diseño * Interfaz de usuario premium y moderna * Tipografía limpia * Tarjetas de producto atractivas * Animaciones de desplazamiento suaves * Diseño responsivo * Menú de hamburguesa apto para móviles * Buen espaciado y alineación * Esquema de colores profesional * Desplazamiento suave * Botones y formularios accesibles * Agrega animaciones sutiles sin hacer que el sitio sea lento ### Requisitos de JavaScript Haz que las siguientes funciones funcionen realmente: * Búsqueda * Filtrado por categoría * Ordenamiento * Agregar al carrito * Eliminar del carrito * Controles de cantidad * Cálculo del total del carrito * Botón de lista de deseos * Navegación móvil * Validación del formulario de pago * Mensaje de confirmación de pedido Usa productos de muestra e imágenes de productos realistas desde URLs de imágenes de acceso público. ### Importante No me des solo una explicación. **Construye el código completo del sitio web funcional.** Devuelve el código completo en un solo archivo HTML que pueda guardar como `index.html` y abrir directamente en un navegador. Haz que el resultado final parezca un sitio web de comercio electrónico profesional del mundo real, no una demostración básica.