Necesito una página web tipo catálogo o vidriera digital para mostrar mis productos. La idea es que tenga un diseño moderno y atractivo, con buenas fotos, precios y descripción de los productos, pero sin opción de compra online.
No hace falta integrar medios de pago, carrito de compras ni sistema de checkout. El objetivo es que los clientes puedan entrar, ver el stock disponible, conocer los precios y tener una buena primera impresión de la marca.
Busco algo visualmente prolijo, profesional y fácil de navegar, funcionando como una página de presentación y exhibición de productos.
Ahora voy a crear tu catálogo digital con un diseño elegante y minimalista inspirado en las referencias. Primero instalo una fuente serif para los títulos y luego construyo los componentes.
Ahora voy a crear los componentes del catálogo:
¡Tu catálogo digital está listo! Creé una página web elegante y profesional con:
Los productos de ejemplo incluyen muebles y decoración de estilo nórdico. Podés editar el archivo lib/products.ts para agregar tus propios productos con sus imágenes, precios y descripciones reales.
An error occurred during deployment. Please fix:
Running build in Washington, D.C., USA (East) – iad1
Build machine configuration: 2 cores, 8 GB
Retrieving list of deployment files...
Previous build caches not available.
Downloading 31 deployment files...
...
at <unknown> (./components/contact-section.tsx:1:1)
at <unknown> (./components/contact-section.tsx:1:1)
Error: Command "node .v0/inject-built-with-v0.mjs && next build" exited with 1
El archivo de contacto se ve bien. Dejame revisar los otros componentes para encontrar el error:
Dejame revisar los logs de build para ver el error completo:
El error es claro: la versión de lucide-react instalada (1.17.0) no tiene el icono Instagram. Voy a usar AtSign como alternativa para representar redes sociales:
Listo. El error era que el icono Instagram no existe en la versión de lucide-react instalada. Lo reemplacé por AtSign que es un icono disponible y apropiado para representar redes sociales. El deploy debería funcionar ahora.