Heladería PWA app - v0 by VercelHeladería PWA app - v0 by Vercel
No message content
pasted-text.txt
75d ago
This is an ambitious project! Let me set up a task plan and generate a design brief, then build this step by step.
Now let me start building. I'll begin with the theme, data layer, and core navigation structure. I need to add framer-motion for animations.
Now I have all the context I need. Let me build this app systematically. I'll start with the globals, data layer, store, and then all the screens.
Now let me add framer-motion to package.json and create all the core files:
Now let me create the data models, store, and all components. I'll write them in parallel batches:
Now let me build all the major components. I'll create them in parallel batches:
Now let me create the main app shell and update the layout and page:
Now let me update the layout and page:
Now let me update the globals.css to include the font variables and add the no-scrollbar utility:
Now let me also create a basic PWA manifest:
The full Sultana PWA is now built with all the screens and features you requested. Here's what was created:
Customer Flows:
Landing -- Branch selection with ETA, distance, and "Mas cercana" badge; QR scan button; Flavor Finder CTA
Menu -- Category chips (Clasicos/Temporada/Especiales), filters (Popular, Drop, Sin azucar, Sin lacteos), animated flavor cards with color swatches and badges, horizontal toppings scroller
Flavor Finder -- 4-step quiz (antojo/textura/mood/restriccion) with animated progress bar, then 3 personalized recommendations with "por que te lo recomiendo" explanations
Checkout -- Order mode picker (Recoger/Programar/Delivery), time picker, simulated payment, order summary
Tracking -- QR ticket code, live ETA countdown, 4-step timeline (Recibida > Preparacion > Lista > Entregada) with auto-progression demo every 8 seconds
Pasaporte -- Premium passport card with progress bar, animated stamp grid per branch, "Secreto del mes" unlock (3 unique branches), tiered rewards
Pedido Compartido -- Group order creation, shareable link, participant list with per-person items/payment status, group total
Staff Panel: Accessible via the small "S" button (bottom-right, any PIN works), with Kanban-style order columns, advance-status buttons, and flavor inventory toggle (mark as Agotado).
75d ago
0px
Code editing is not availableDuplicate this chat to use a more powerful code editor.