Now let me generate the wine bottle images and build all the components. Let me start by updating the theme and creating the components.
Now let me update the theme and build all the components:
Now let me build everything. First, update globals.css with the wine theme, then the layout, then all the components.
Now update the layout with the new fonts:
Now update the tailwind config to use the new font variables:
Now let me create all the components. Starting with the offer data, then the individual components:
Now let me create the main page:
Now let me check that the separator component exists:
All components are in place. Let me verify the globals.css is complete and correct:
Everything looks good. Here's a summary of what was built:
VinoGroup is a fully responsive B2B wine group purchasing marketplace mockup with a premium enoteca aesthetic using deep burgundy (#4a0404) and cream (#fdfbf7) tones with Playfair Display for headings and DM Sans for body text. The layout features a dark burgundy sidebar with user navigation ("Mis Reservas", "Validar Pagos", "Reputación"), a hero section with search by zone, and a product grid of 6 wine offer cards — each showing a bottle image, winery name, visual progress bar, countdown timer, price per case, and a prominent "Reservar Cupo" button. Clicking any card opens a detail modal with the full price breakdown (Service Fee + Seña), and a footer notice reads "Logística y entrega a convenir entre partes." The sidebar collapses on mobile into a hamburger menu with an overlay for full responsiveness.
Agregá un Footer (pie de página) institucional que diga 'Avalado por la Cámara de Vinotecas de Argentina'. Incluí logos de redes sociales, un enlace a 'Términos y Condiciones de Reserva' y un banner pequeño que explique que la plataforma es un intermediario tecnológico y no se responsabiliza por la logística."
Tengo el contexto completo. Ahora creo el componente del footer y lo integro en la page.
Se agregó un footer institucional con fondo bg-primary (burgundy oscuro) que incluye: un banner disclaimer en la parte superior indicando que VinoGroup es un intermediario tecnologico sin responsabilidad sobre la logistica; el sello de aval de la Camara de Vinotecas de Argentina con icono de escudo; enlaces a Terminos y Condiciones de Reserva y Politica de Privacidad; e iconos de redes sociales (Instagram, Facebook, LinkedIn, X) con hover states en circulos translucidos. Todo es responsive y se adapta a mobile con layout vertical centrado.
"En la grilla de productos, agregá etiquetas de colores (Badges) sobre las fotos de las botellas. Algunas deben decir '¡Últimos 3 días!', otras 'Casi completo' y otras 'Oferta destacada'. También agregá arriba de la grilla un filtro simple por provincia (Mendoza, Salta, San Juan) y por tipo de vino (Tinto, Blanco, Espumante)."
You can send messages while the preview loads