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:
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).
You can send messages while the preview loads