Shop by message. Pay without leaving chat.
Tell the AI what you need—it shows options, you pick, you pay with QR. One thread, start to finish.
Catalog, confirmation, and payment in one thread
Warung Agent
Assistant online
🇮🇩 Warung Segar · Vila Acasa Bogor
Market context
Reduce friction in everyday commerce
Typical digital shopping adds steps across apps and forms. A single conversational flow can streamline discovery through payment.
- Too many apps to juggleTabs, accounts, context switching
- Manual product huntScroll, compare, repeat
- Checkout fatigueForms and payment flows over and over
One channel for the full journey
Selection, confirmation, and payment stay in one thread for a clearer customer experience.
Everything through chat
Three steps from intent to a confirmed order.
Message the agent
Customers send requests in natural language without navigating rigid forms.
Select and confirm
The agent returns structured options; the customer confirms the choice.
Complete payment
Payment and status updates remain in the same conversation thread.
Interactive demo
End-to-end purchase flow
Illustrative conversation: product selection, order summary, QRIS-style payment, and verification. The sequence restarts automatically for review.
🇮🇩 Warung Segar
Vila Acasa Bogor, Indonesia
Capabilities
Natural-language intent
Interprets customer requests beyond simple keyword matching.
Conversation to transaction
Completes selection and confirmation without leaving the chat thread.
Structured options
Surfaces a concise set of relevant products or variants.
Responsive experience
Low-friction UI focused on outcomes rather than navigation depth.
Integration-ready
Architecture supports catalog, payments, and wallet flows as you scale.
Modeled commerce state
Order steps and payloads are represented in code for reliability and testing.
Under the hood
System architecture
The product is split into a marketing site, a typed chat client, and an API layer so each surface can evolve and be tested independently.
Marketing site
Next.js 15 · React · Tailwind · Framer Motion
- Product overview, hero preview, and scripted commerce demonstration.
- Shared design tokens with the chat client for consistent branding.
Chat client
Vite · React · TypeScript · shadcn-style UI
- Strict typing for messages, tools, and commerce attachments.
- Wallet and agent context prepared for on-chain integrations.
API and services
Node.js REST · LLM routing · extensible tools
- Chat and agent endpoints with extension points for inventory and webhooks.
- Flow: intent parsing, product offers, confirmation, payment and status payloads.
Request path (high level)
User → Chat UI → API / agent → LLM + tools → Catalog · pay · status → Thread reply
Q&A
Common questions
Quick answers about the product, payments, and how the pieces fit together.
Evaluate the product
Open the application or review the on-page demonstration.