Spaces:
Running
Running
- 1.52 kB initial commit
- 218 Bytes Deepsite Prompt: OneCatering — The Dark-Mode Operating System for Catering High Concept: Build OneCatering, a cloud SaaS that replaces legacy catering tools with an automated, AI-powered operating system. The platform has two portals (Customer + Caterer), a Plugin Marketplace, open API docs, deep QuickBooks/Google/Zapier integrations, and voicebot automations. The entire experience is cinematic dark theme, space/universe visual language, and full-height immersive hero with a looping cosmic grid video. 🔭 Visual Direction & Theme (Dark + Futuristic) Color: Nearly-black background #0B0F14, layered panels #121824, accents in electric cyan #20E3FF, neon violet #A16BFF, success green #46E59A, warning amber #FFC857, danger rose #FF4D6D. Typography: Inter (UI), Clash Display or General Sans (headlines). Large, airy type; generous letter-spacing; 1.5–1.65 line height. Glass & Glow: Soft glassmorphism (subtle blur), micro-glows on focus/active states, depth via layered shadows. Motion: Framer-Motion style micro-interactions, parallax starfield, slow aurora waves in hero. Hover reveals, card tilt on marketplace tiles, “data streaming” lines for KPI loads. Imagery: Futuristic, cosmic—nebula gradients, orbital lines, constellation-like node graphs to suggest networks of events, staff, and automations. Video: Hero background = looping “universe grid” video (subtle), performance-optimized, <6MB, autoplay muted, with fallbacks. 🏠 Public Website (Marketing) – Pages & Sections 1) Homepage (full-height hero) Hero (100vh, dark cosmic video): H1: “OneCatering — Automate. Scale. Delight.” Sub: “The AI operating system that turns catering chaos into profit.” CTAs: Start Free Trial, See Customer Portal (modal preview). Live KPI ticker (fake but animated): Leads Qualified Today, Quotes Sent, Deposits Collected, Events Green-lit. Problem → Promise: Split panels comparing “Legacy Tools” (slow, pricey, no automation) vs OneCatering (AI workflows, instant setup, modern UX). Feature Grid (animated icons): AI Lead Qualification • Proposal & eSign • Menu Intelligence • VoiceBot Calls • Calendar & Shifts • BEO/Packout • QuickBooks Sync • Plugin Marketplace. Flow Cinematic (scroll-told): Website Plugin captures lead → AI Menu Draft + cost/margin calc → VoiceBot confirms details → Proposal & Deposit Link sent → Payment success → Calendar cell turns green → Kitchen receives BEO, Coordinator gets packout list → Customer portal shows timeline, chat, invoices. Social Proof: Logo strip; Owner Review (your storyline): “I rolled up multiple locations with zero time to retrain. OneCatering qualified leads, finalized menus, auto-booked events, and collected deposits. Then a plugin asked a few questions and built a fully SEO-optimized website connected to my portal—in one week. I needed fewer people. The future is here.” Screens Carousel (click-to-zoom): Customer Portal, Reports, Marketplace, Calendar, BEO, Packout, API docs. Pricing (cards): Starter, Growth, Multi-Location (includes plugins, voice minutes, seats). Footer: Docs, API, Status, Security, Compliance, Contact. 2) Product Pages Customer Portal (detail page) – see below. Caterer Portal (detail page) – see below. Plugin Marketplace (detail page) – see below. AI Voice & Automation (detail page) – call flows, usage pricing, compliance notes. Integrations – QuickBooks, Google Calendar, Zapier, Webhooks, SSO (Okta/Google). 3) Docs & API API reference (OpenAPI schema), Guides (webhooks, auth, plugins), SDKs (JS/TS), examples. 👤 Customer Portal (Full Feature Spec) Purpose: Give clients a single place to see event details, invoices, timeline, make changes, chat, and pay. Top-level navigation: Overview, Events, Invoices, Timeline, Files, Chat, Support. Dashboard (cards): Upcoming Event tile with date/time, venue, guest count, progress bar (Requirements, Menu, Payments). Invoices: outstanding vs paid; Pay Now CTA. Timeline: human-readable milestones (Approval, Deposit, Final Headcount, Load-in, Service, Tear-down). Messages: chat thread with coordinator; attachments. Change Requests: structured form (add/remove items, headcount adjustments, special notes). Files: proposal PDF, contract, BEO snapshots, floor plan. Notifications: payment receipts, change approvals, ETA reminders. UI details: Dark cards with subtle halos, status chips (Draft, Sent, Paid, Green-lit). Invoice view with line items, taxes, tips, surcharges; stored payment method; receipts. Timeline nodes with icons and tooltips; click to open micro-FAQ or chat. Accessibility: 4.5:1 text contrast, focus rings, keyboard nav. ⚙️ Caterer Portal (Operations “Mission Control”) Purpose: The back-office cockpit where the magic happens. Navigation: Leads, Events, Calendar, Menu, Staff, BEO, Packout, Invoices, Reports, Automations, Plugins, Settings. Key Screens: Leads (Kanban): New → Qualified → Proposal → Sent → Deposit → Green-lit. AI tags (wedding/corporate/school), expected budget, probability, auto-email & call attempts. Event Detail: left sidebar summary; tabs for Overview / Menu / Financials / Timeline / Files / Tasks / Messages. Menu Builder: drag-drop items, dietary filters, cost & margin calculator, per-guest pricing. Financials: estimate → proposal → invoice; deposits & schedule. Calendar: month/week/day with color codes: Green: Confirmed (paid), Yellow: Pending, Red: Conflict, Blue: Internal. Hover to preview; drag to reschedule; resource lanes (rooms, trucks, teams). Staff & Shifts: skills, certifications, availability; AI shift suggestions; SMS/email confirmations; no-show risk flagging. BEO Generator: per-event printable with items, counts, timing, equipment, notes; multi-language; versioning. Packout: dynamic checklist by menu, equipment, disposables; barcode support; mark loaded/returned. Invoices: QuickBooks sync, payment status, dunning automations. Reports: revenue, margin by event/type/menu, labor vs sales, on-time %, lead-to-win rate, plugin ROI. Automations: visual flow builder (triggers → conditions → actions). Plugins: browse/install, manage keys, configure per site. Settings: branding, taxes/fees, deposit rules, email/SMS templates, roles/permissions, locations. 🧩 Plugin Marketplace (App Store) Home: curated collections (Top Automations, Finance, Websites, AI Add-ons). Cards: icon, short pitch, rating, price (free/freemium/paid), badges (Official, Verified). Detail Page: screenshots, demo video, scopes/permissions, changelog, setup wizard, support link. Examples to include: QuickBooks Sync (AR/AP, item mapping). Google Calendar (bi-directional). Zapier (webhooks + actions). AI Website Builder (answers a few questions → generates SEO site + lead form wired to OneCatering). VoiceBot (lead intake, event confirmations, payment reminders). Kitchen Display (BEO live screens). Install Flow: 1-click install → OAuth/keys → test → enable per location. 🤖 Signature End-to-End Automation (Show this as a scrollytelling section) Scenario: “Lead to Green in One Week” Website Plugin injects a lead form on the caterer’s site; submits JSON to OneCatering. AI Lead Triage (NLP) infers event type, headcount, budget band → assigns probability & next step. AI Menu Draft auto-builds a popular menu for that event profile, calculates food cost & margin. VoiceBot Call confirms key details, records updates, and answers FAQs. Proposal + Deposit Link auto-sent; customer clicks to pay → success. Calendar cell flips green; notifications fan out: Kitchen receives BEO (final counts, timing). Coordinator receives Packout List. Staffing sees shifts created; SMS confirmations sent. Customer Portal updates timeline + receipt. Show this section visually with a horizontal stepper, animated status ticks, and real UI mock frames. 📈 Reports (must be beautiful & useful) Executive Overview: Revenue, GM%, Avg Margin per Event, Lead→Win, Deposit Lag, Top Menus. Operations: On-time %, Prep Load by Week, Labor vs Sales, Waste %, Packout Accuracy. Sales: Pipeline by stage, Win reasons, Price sensitivity, Seasonality. Finance: AR Aging, Deposits schedule, Refunds, Plugin cost vs ROI. Filters for location, event type, time; export to CSV/PDF. 🔐 Roles, Permissions, Multi-Location Roles: Owner, Manager, Coordinator, Kitchen, Staff, Accountant, Client. RLS: users only see their assigned locations; cross-location dashboards for owners only. SSO (Google/Okta); 2FA; audit log on sensitive actions. 🔌 Integrations & API QuickBooks (2-way): customers, items, invoices, payments. Google Calendar (2-way): event blocks + reminders. Zapier: triggers (LeadCreated, ProposalSent, DepositPaid, EventGreenlit); actions (CreateInvoice, SendMessage). Payments: Stripe/Adyen, saved methods, smart dunning. Open API: POST /leads (create) POST /events (create/update) POST /invoices/:id/pay GET /events/:id/beo (PDF) POST /plugins/install Webhooks: lead.created, proposal.sent, payment.succeeded, event.confirmed, beo.published. Example Request (Lead): POST /api/v1/leads { "name": "Ava Carter", "email": "ava@brand.com", "phone": "+1-206-555-0101", "event": { "date": "2025-09-18", "type": "Corporate Lunch", "guests": 120, "budget": 3800 }, "notes": "Buffet preferred, vegan options." } Webhook (Payment Succeeded): { "type": "payment.succeeded", "data": { "eventId": "EVT-9132", "invoiceId": "INV-4551", "amount": 1500, "currency": "USD", "method": "card", "status": "paid", "timestamp": "2025-08-14T10:12:45Z" } } 🗂 Data Model (concise) Account(id, name, contacts[], default_terms) Lead(id, source, fields, ai_score, status) Event(id, accountId, date/time, location, type, guests, status, color, timeline[]) Menu(id, items[], dietary, priceModel, cost, margin) Invoice(id, eventId, lines[], tax, tip, total, balance, status) Payment(id, invoiceId, amount, method, status) BEO(id, eventId, pdfUrl, version) Packout(id, eventId, items[], status) Staff/Shift(id, eventId, role, start, end, assignedTo) Plugin(id, name, scopes, config) Audit(id, userId, action, entity, before/after, timestamp) 🧪 AI Features (deterministic outputs) Lead Triage: entity extraction (date, headcount, location, budget), classify event type. Menu Intelligence: template library by event type + seasonal; cost engine; margin optimizer. VoiceBot: scripted confirmation call; fallback to SMS/email; logs transcript to event. Assistant Copilot: “What’s the margin if we switch to vegan sides?” → instant recompute. 🛠 Design System (components) Buttons (solid/ghost), Inputs, Selects w/ search, Date-time pickers, Tabs, Accordions, Badges, Chips, Toasts, Empty-states, Skeleton loaders, Data tables (sticky headers, column toggle), Cards with hover-glow, Stepper, Progress bars, Avatars/Stacks, Code blocks (for API docs), Markdown renderer. 🧰 Performance & Accessibility Next-gen images, lazy video, code-split routes, prefetch critical data. Keyboard nav, ARIA roles, color-contrast, reduced motion toggle. Offline caching for critical BEO/packout pages (PWA hint). 🚀 Deployment & States Loading, Error, Empty states for all pages. 404/500 screens in the cosmic style. Staging and Production environment banners. 📸 Must-Have Screen Mockups (export all) Homepage hero (full-height with cosmic video). Customer Portal dashboard (invoices, timeline, chat). Reports overview (cards + chart grid). Plugin Marketplace listing + plugin detail. Calendar with a green confirmed event. Event → BEO printable preview. Packout checklist. Automations flow editor (lead→menu→call→proposal→deposit→green→notifications). API Docs (reference + try-it). ✍️ Copy Hints (tone) Confident, clear, future-forward. Short headlines; one-line benefit subheads. Replace jargon with outcomes: “Book faster. Staff smarter. Earn more.” Deliver all pages fully wired as static mocks with realistic placeholder data and interactions (modals, toasts, hovers, loading skeletons). Keep the entire experience in a modern, dark, cosmic aesthetic with subtle motion. End of prompt. - Initial Deployment
- 60 kB Deepsite Prompt: OneCatering — The Dark-Mode Operating System for Catering High Concept: Build OneCatering, a cloud SaaS that replaces legacy catering tools with an automated, AI-powered operating system. The platform has two portals (Customer + Caterer), a Plugin Marketplace, open API docs, deep QuickBooks/Google/Zapier integrations, and voicebot automations. The entire experience is cinematic dark theme, space/universe visual language, and full-height immersive hero with a looping cosmic grid video. 🔭 Visual Direction & Theme (Dark + Futuristic) Color: Nearly-black background #0B0F14, layered panels #121824, accents in electric cyan #20E3FF, neon violet #A16BFF, success green #46E59A, warning amber #FFC857, danger rose #FF4D6D. Typography: Inter (UI), Clash Display or General Sans (headlines). Large, airy type; generous letter-spacing; 1.5–1.65 line height. Glass & Glow: Soft glassmorphism (subtle blur), micro-glows on focus/active states, depth via layered shadows. Motion: Framer-Motion style micro-interactions, parallax starfield, slow aurora waves in hero. Hover reveals, card tilt on marketplace tiles, “data streaming” lines for KPI loads. Imagery: Futuristic, cosmic—nebula gradients, orbital lines, constellation-like node graphs to suggest networks of events, staff, and automations. Video: Hero background = looping “universe grid” video (subtle), performance-optimized, <6MB, autoplay muted, with fallbacks. 🏠 Public Website (Marketing) – Pages & Sections 1) Homepage (full-height hero) Hero (100vh, dark cosmic video): H1: “OneCatering — Automate. Scale. Delight.” Sub: “The AI operating system that turns catering chaos into profit.” CTAs: Start Free Trial, See Customer Portal (modal preview). Live KPI ticker (fake but animated): Leads Qualified Today, Quotes Sent, Deposits Collected, Events Green-lit. Problem → Promise: Split panels comparing “Legacy Tools” (slow, pricey, no automation) vs OneCatering (AI workflows, instant setup, modern UX). Feature Grid (animated icons): AI Lead Qualification • Proposal & eSign • Menu Intelligence • VoiceBot Calls • Calendar & Shifts • BEO/Packout • QuickBooks Sync • Plugin Marketplace. Flow Cinematic (scroll-told): Website Plugin captures lead → AI Menu Draft + cost/margin calc → VoiceBot confirms details → Proposal & Deposit Link sent → Payment success → Calendar cell turns green → Kitchen receives BEO, Coordinator gets packout list → Customer portal shows timeline, chat, invoices. Social Proof: Logo strip; Owner Review (your storyline): “I rolled up multiple locations with zero time to retrain. OneCatering qualified leads, finalized menus, auto-booked events, and collected deposits. Then a plugin asked a few questions and built a fully SEO-optimized website connected to my portal—in one week. I needed fewer people. The future is here.” Screens Carousel (click-to-zoom): Customer Portal, Reports, Marketplace, Calendar, BEO, Packout, API docs. Pricing (cards): Starter, Growth, Multi-Location (includes plugins, voice minutes, seats). Footer: Docs, API, Status, Security, Compliance, Contact. 2) Product Pages Customer Portal (detail page) – see below. Caterer Portal (detail page) – see below. Plugin Marketplace (detail page) – see below. AI Voice & Automation (detail page) – call flows, usage pricing, compliance notes. Integrations – QuickBooks, Google Calendar, Zapier, Webhooks, SSO (Okta/Google). 3) Docs & API API reference (OpenAPI schema), Guides (webhooks, auth, plugins), SDKs (JS/TS), examples. 👤 Customer Portal (Full Feature Spec) Purpose: Give clients a single place to see event details, invoices, timeline, make changes, chat, and pay. Top-level navigation: Overview, Events, Invoices, Timeline, Files, Chat, Support. Dashboard (cards): Upcoming Event tile with date/time, venue, guest count, progress bar (Requirements, Menu, Payments). Invoices: outstanding vs paid; Pay Now CTA. Timeline: human-readable milestones (Approval, Deposit, Final Headcount, Load-in, Service, Tear-down). Messages: chat thread with coordinator; attachments. Change Requests: structured form (add/remove items, headcount adjustments, special notes). Files: proposal PDF, contract, BEO snapshots, floor plan. Notifications: payment receipts, change approvals, ETA reminders. UI details: Dark cards with subtle halos, status chips (Draft, Sent, Paid, Green-lit). Invoice view with line items, taxes, tips, surcharges; stored payment method; receipts. Timeline nodes with icons and tooltips; click to open micro-FAQ or chat. Accessibility: 4.5:1 text contrast, focus rings, keyboard nav. ⚙️ Caterer Portal (Operations “Mission Control”) Purpose: The back-office cockpit where the magic happens. Navigation: Leads, Events, Calendar, Menu, Staff, BEO, Packout, Invoices, Reports, Automations, Plugins, Settings. Key Screens: Leads (Kanban): New → Qualified → Proposal → Sent → Deposit → Green-lit. AI tags (wedding/corporate/school), expected budget, probability, auto-email & call attempts. Event Detail: left sidebar summary; tabs for Overview / Menu / Financials / Timeline / Files / Tasks / Messages. Menu Builder: drag-drop items, dietary filters, cost & margin calculator, per-guest pricing. Financials: estimate → proposal → invoice; deposits & schedule. Calendar: month/week/day with color codes: Green: Confirmed (paid), Yellow: Pending, Red: Conflict, Blue: Internal. Hover to preview; drag to reschedule; resource lanes (rooms, trucks, teams). Staff & Shifts: skills, certifications, availability; AI shift suggestions; SMS/email confirmations; no-show risk flagging. BEO Generator: per-event printable with items, counts, timing, equipment, notes; multi-language; versioning. Packout: dynamic checklist by menu, equipment, disposables; barcode support; mark loaded/returned. Invoices: QuickBooks sync, payment status, dunning automations. Reports: revenue, margin by event/type/menu, labor vs sales, on-time %, lead-to-win rate, plugin ROI. Automations: visual flow builder (triggers → conditions → actions). Plugins: browse/install, manage keys, configure per site. Settings: branding, taxes/fees, deposit rules, email/SMS templates, roles/permissions, locations. 🧩 Plugin Marketplace (App Store) Home: curated collections (Top Automations, Finance, Websites, AI Add-ons). Cards: icon, short pitch, rating, price (free/freemium/paid), badges (Official, Verified). Detail Page: screenshots, demo video, scopes/permissions, changelog, setup wizard, support link. Examples to include: QuickBooks Sync (AR/AP, item mapping). Google Calendar (bi-directional). Zapier (webhooks + actions). AI Website Builder (answers a few questions → generates SEO site + lead form wired to OneCatering). VoiceBot (lead intake, event confirmations, payment reminders). Kitchen Display (BEO live screens). Install Flow: 1-click install → OAuth/keys → test → enable per location. 🤖 Signature End-to-End Automation (Show this as a scrollytelling section) Scenario: “Lead to Green in One Week” Website Plugin injects a lead form on the caterer’s site; submits JSON to OneCatering. AI Lead Triage (NLP) infers event type, headcount, budget band → assigns probability & next step. AI Menu Draft auto-builds a popular menu for that event profile, calculates food cost & margin. VoiceBot Call confirms key details, records updates, and answers FAQs. Proposal + Deposit Link auto-sent; customer clicks to pay → success. Calendar cell flips green; notifications fan out: Kitchen receives BEO (final counts, timing). Coordinator receives Packout List. Staffing sees shifts created; SMS confirmations sent. Customer Portal updates timeline + receipt. Show this section visually with a horizontal stepper, animated status ticks, and real UI mock frames. 📈 Reports (must be beautiful & useful) Executive Overview: Revenue, GM%, Avg Margin per Event, Lead→Win, Deposit Lag, Top Menus. Operations: On-time %, Prep Load by Week, Labor vs Sales, Waste %, Packout Accuracy. Sales: Pipeline by stage, Win reasons, Price sensitivity, Seasonality. Finance: AR Aging, Deposits schedule, Refunds, Plugin cost vs ROI. Filters for location, event type, time; export to CSV/PDF. 🔐 Roles, Permissions, Multi-Location Roles: Owner, Manager, Coordinator, Kitchen, Staff, Accountant, Client. RLS: users only see their assigned locations; cross-location dashboards for owners only. SSO (Google/Okta); 2FA; audit log on sensitive actions. 🔌 Integrations & API QuickBooks (2-way): customers, items, invoices, payments. Google Calendar (2-way): event blocks + reminders. Zapier: triggers (LeadCreated, ProposalSent, DepositPaid, EventGreenlit); actions (CreateInvoice, SendMessage). Payments: Stripe/Adyen, saved methods, smart dunning. Open API: POST /leads (create) POST /events (create/update) POST /invoices/:id/pay GET /events/:id/beo (PDF) POST /plugins/install Webhooks: lead.created, proposal.sent, payment.succeeded, event.confirmed, beo.published. Example Request (Lead): POST /api/v1/leads { "name": "Ava Carter", "email": "ava@brand.com", "phone": "+1-206-555-0101", "event": { "date": "2025-09-18", "type": "Corporate Lunch", "guests": 120, "budget": 3800 }, "notes": "Buffet preferred, vegan options." } Webhook (Payment Succeeded): { "type": "payment.succeeded", "data": { "eventId": "EVT-9132", "invoiceId": "INV-4551", "amount": 1500, "currency": "USD", "method": "card", "status": "paid", "timestamp": "2025-08-14T10:12:45Z" } } 🗂 Data Model (concise) Account(id, name, contacts[], default_terms) Lead(id, source, fields, ai_score, status) Event(id, accountId, date/time, location, type, guests, status, color, timeline[]) Menu(id, items[], dietary, priceModel, cost, margin) Invoice(id, eventId, lines[], tax, tip, total, balance, status) Payment(id, invoiceId, amount, method, status) BEO(id, eventId, pdfUrl, version) Packout(id, eventId, items[], status) Staff/Shift(id, eventId, role, start, end, assignedTo) Plugin(id, name, scopes, config) Audit(id, userId, action, entity, before/after, timestamp) 🧪 AI Features (deterministic outputs) Lead Triage: entity extraction (date, headcount, location, budget), classify event type. Menu Intelligence: template library by event type + seasonal; cost engine; margin optimizer. VoiceBot: scripted confirmation call; fallback to SMS/email; logs transcript to event. Assistant Copilot: “What’s the margin if we switch to vegan sides?” → instant recompute. 🛠 Design System (components) Buttons (solid/ghost), Inputs, Selects w/ search, Date-time pickers, Tabs, Accordions, Badges, Chips, Toasts, Empty-states, Skeleton loaders, Data tables (sticky headers, column toggle), Cards with hover-glow, Stepper, Progress bars, Avatars/Stacks, Code blocks (for API docs), Markdown renderer. 🧰 Performance & Accessibility Next-gen images, lazy video, code-split routes, prefetch critical data. Keyboard nav, ARIA roles, color-contrast, reduced motion toggle. Offline caching for critical BEO/packout pages (PWA hint). 🚀 Deployment & States Loading, Error, Empty states for all pages. 404/500 screens in the cosmic style. Staging and Production environment banners. 📸 Must-Have Screen Mockups (export all) Homepage hero (full-height with cosmic video). Customer Portal dashboard (invoices, timeline, chat). Reports overview (cards + chart grid). Plugin Marketplace listing + plugin detail. Calendar with a green confirmed event. Event → BEO printable preview. Packout checklist. Automations flow editor (lead→menu→call→proposal→deposit→green→notifications). API Docs (reference + try-it). ✍️ Copy Hints (tone) Confident, clear, future-forward. Short headlines; one-line benefit subheads. Replace jargon with outcomes: “Book faster. Staff smarter. Earn more.” Deliver all pages fully wired as static mocks with realistic placeholder data and interactions (modals, toasts, hovers, loading skeletons). Keep the entire experience in a modern, dark, cosmic aesthetic with subtle motion. End of prompt. - Initial Deployment
- 388 Bytes initial commit