Business :: Ideas :: digitalmindai.me
⪼ Made with 💜 by Polyglot.
- Business :: Ideas :: Code Rescues :: Client :: Ask April AI (
⤴︎) - Business :: Ideas :: Code Rescues :: Client :: Victoria Simon (
⤴︎)
- Chatbase | AI Agents for Customer Service (Chatbase.co)
- CustomGPT.ai | Custom GPTs From Your Content For Business (Customgpt.ai)
- Delphi | Scale Your Insight. Stay Focused on What Matters. (Delphi.ai)
- Enterprise AI Personas for Secure Workforce Scaling | Personal AI (Personal.ai)
- Build Powerful AI Agents With MindStudio (Mindstudio.ai)
- Lovable - Build for the web 20x faster (Lovable.dev)
- buildyourmind-ai (Preview--digitalmindai-me.lovable.app)
- AI :: Clone :: Platform :: Delphi (
⤴︎) - Business :: Ideas :: Code Rescues :: Client :: Victoria Simon (
⤴︎)
...ensure navigation throughout for all actors and journeys, use JSON fixtures to drive screens and flows, no supabase integration yet, we'll convert the fixtures into migrations later.
You are designing and scaffolding the DigitalMindAI platform as a fully navigable, fixture-driven MVP. No external DB or Supabase yet. All data comes from JSON fixtures that drive screens, flows, and user journeys. We will later convert fixtures into migrations.
Project name: digitalmindai.me
Primary goal
- The homepage is the demo. It must combine a high-conversion landing page with a working chat demo that collects email before use and can trigger a soft paywall and inline Stripe checkout stub.
- Creators must be able to complete the core onboarding flow and publish a first “Mind” in under 20 minutes using fixture data.
Actors
- Visitor: anonymous user arriving at the homepage or a public creator page.
- Lead: visitor who provided email to start the demo.
- Creator: authenticated user inside Studio.
- Admin: internal usage for settings, not a separate auth system yet, just a protected route with a fixtures-based toggle.
Global requirements
- Full client-side navigation for all actors, with clear routes, breadcrumbs, topnav and sidenav where appropriate.
- URL routes must be stable and human-readable.
- All dynamic content and flows are populated from JSON fixtures in /fixtures. No fetch to remote services. Use local imports for now.
- Provide a simple in-memory “mock API” layer that reads from fixtures and simulates CRUD, with no persistence between reloads.
- Add a developer toggle component to switch “roles” (Visitor, Lead, Creator, Admin) for manual journey testing. This only changes what the UI shows from fixtures.
Design language
- Bright, modern gradients with Linear/Framer vibe.
- Clean sans-serif (prefer Geist or Inter).
- Glassmorphism accents for widgets.
- Conversational CTAs like “Talk to a Mind” and “Build Yours”.
- Mobile-first, fast loading.
Watermark rule
- Always show “Powered by digitalmindai.me” on free experiences, public demo, creator free-tier pages, and Docs Mind. Make this driven by plan info in fixtures.
Phase 1 scope to build now
1) Homepage-as-Demo (public)
- Sections: Hero (tagline, CTA, embedded chat demo), Proof strip (metrics, testimonials), How It Works (3 steps), Templates carousel, Pricing table, Footer (Docs, Blog, Terms).
- Demo chat pane on the hero:
- Requires email capture gate. Gate driven by fixtures.freeTrial.limits.
- Free trial: 3 message limit or 1-minute voice limit. Show counters.
- On limit reached, show soft paywall panel with inline Stripe checkout stub (no real payment).
- After “payment”, route immediately to onboarding start in Studio.
- Watermark always visible on demo.
2) Creator Landing Pages (public)
- Route pattern: /u/:username
- Content from fixtures.creators and fixtures.minds.
- Show avatar, tagline, short description, a free-trial chat widget with the same gating logic, and optional “Call demo” button that is stubbed.
- Watermark rules:
- Free plan: always visible.
- Pro: optional.
- Business: removable or replaceable string. All fixture-driven.
3) Studio (Creator Dashboard)
- Auth is simulated by a “Log in as Creator” button in topnav that flips role and selects a creator from fixtures.creators[0].
- Top-level nav: Dashboard | Sources | Index | Minds | Deploy | Monetize | Analytics | Settings
- Flows to implement:
a) Onboarding wizard (stepper):
profile → connect source (PDF or YouTube) → preview → publish
Must be completable in under 20 minutes using only fixtures. Use wizard state in memory.
b) Identity:
bio editor, style pack sliders (tone, brevity, temperature), disclaimers, suggested questions. All read/write to a local store that writes back to fixtures-shaped state in memory.
c) Sources:
manage a list of sources referencing uploads and links (PDFs and YouTube URLs). No real upload; simulate file selection and parsing with fixture entries.
d) Index:
table of documents and chunks, with a “health” indicator. Clicking a document shows chunk list and example embeddings health readout (fake numbers from fixtures).
e) Deploy:
copy-paste snippets for web widget, landing page toggles, SMS/WhatsApp/voice placeholders. All snippet text driven by fixtures.deploy.
f) Monetize:
“Connect Stripe” button triggers a mock connect flow. Product cards CRUD simulated in memory with fixtures.products. Broadcasts section lists a few example broadcasts from fixtures.broadcasts.
g) Analytics:
show top questions, CSAT, and a simple funnel: demo → email capture → checkout → published. All numbers sourced from fixtures.analytics.
h) Settings:
API keys and org details read-only for now. Plan and watermark settings editable from fixtures.plans and fixtures.creator.plan.
4) Docs & Support
- Public Docs index at /docs with about 10 guides in a simple TOC from fixtures.docs.
- “Docs Mind” page at /docs/ask with a Q&A UI. Responses are mocked with citations pointing to guide slugs pulled from fixtures.docs. Watermark always shown.
- When AI cannot answer, show “Escalate to Support” link to a simple contact form that just logs to console in dev.
5) Pricing & Plans
- Pricing table on homepage and a full /pricing page.
- Plans from fixtures.plans:
- Free Trial with gating and watermark mandatory.
- Pro 49/mo: 1 mind, 3 sources, web widget, email capture, watermark optional.
- Business 99/mo: 3 minds, 10 sources, SMS/voice/WhatsApp toggles visible, analytics, white-label option.
- Enterprise: contact card.
- Plan logic must drive watermark behavior and feature flags across the app.
6) Routing
- Public: /, /pricing, /docs, /docs/ask, /u/:username
- Studio: /studio, /studio/onboarding, /studio/sources, /studio/index, /studio/minds, /studio/deploy, /studio/monetize, /studio/analytics, /studio/settings
- Admin: /admin (hidden link; reveal via role toggle)
- Add breadcrumbs and clear active states.
7) Soft integrations (stubs only)
- Stripe: checkout and connect flows are mocked. Show believable UI and success states then route onward.
- Twilio: show “Connect” buttons and placeholders. No network calls.
Acceptance criteria to wire into UI checks
- First published mind achievable in under 20 minutes using fixture-only flow.
- Free trial gating works reliably and triggers soft paywall panel at the right time.
- After “payment”, user lands in onboarding with correct state.
- Docs Mind answers with mock citations that deep-link to guides.
- Watermark visibility matches plan rules on homepage demo, Docs Mind, public creator pages, and free widgets.
- All navigation paths for Visitor, Lead, Creator are testable with the role toggle.
Information architecture and components
Topnav (public):
- Logo, links to Pricing, Docs, Blog (Blog can point to /docs for now), CTA “Build Your Mind”, “Sign in”
- “Sign in” sets role=Creator for the demo and deep-links to /studio/onboarding
Homepage (public):
- Hero: tagline, one primary CTA “Talk to a Mind”, secondary “Build Yours”
- Embedded Chat Demo card:
- Email capture modal if user has not provided email
- Shows free-trial counters: messagesRemaining, voiceSecondsRemaining
- On limit hit, show PaywallPanel with package selection and “Checkout” (Stripe stub)
- Proof strip: metric cards and 2 short testimonials from fixtures.testimonials
- How It Works: 3 steps from fixtures.howItWorks
- Templates carousel: uses fixtures.templates to preview common verticals
- Pricing summary: short table with “View full pricing” link
- Footer: links and social
Creator Landing Page /u/:username (public):
- Hero with avatar, tagline, social links
- Free-trial chat widget with gating
- Optional call demo button (stub)
- Plan-aware watermark rendering
Studio shell (creator):
- Sidenav with the sections above, main content area, topbar with plan badge and “Publish” button where relevant
- “Publish” flips a boolean in memory and reveals a “View public page” link to /u/:username
Docs:
- /docs: list guides from fixtures.docs with category filters
- /docs/:slug: guide view
- /docs/ask: Q&A with mocked answers that show inline citations [guide titles] linking to the matching /docs/:slug
Admin:
- Read fixtures overview cards (counts for creators, minds, docs, watermarks)
- Toggle flags that switch watermark default text and feature flags
Fixtures structure (create these files in /fixtures; all fields are just examples to scaffold UI)
- site.json
{
"branding": { "name": "DigitalMindAI", "watermarkDefault": "Powered by digitalmindai.me" },
"metrics": [{ "label": "Avg demo CTR", "value": "22%" }, { "label": "Free→Paid", "value": "9%" }],
"testimonials": [{ "name": "A. Rivera", "quote": "It closes leads while I sleep." }],
"howItWorks": [
{ "step": 1, "title": "Connect sources", "desc": "Drop PDFs or paste YouTube URLs." },
{ "step": 2, "title": "Tune identity", "desc": "Bio, style sliders, disclaimers." },
{ "step": 3, "title": "Deploy", "desc": "Widget, page, SMS, voice." }
],
"templates": [
{ "id": "coach", "title": "Coach", "desc": "Programs, call funnels" },
{ "id": "author", "title": "Author", "desc": "Book Q&A with citations" }
]
}
- plans.json
{
"free": { "name": "Free", "price": 0, "features": ["3 messages or 1-min voice", "Watermark mandatory"], "watermark": "required" },
"pro": { "name": "Pro", "price": 49, "features": ["1 mind", "3 sources", "Widget", "Email capture"], "watermark": "optional" },
"business": { "name": "Business", "price": 99, "features": ["3 minds", "10 sources", "SMS/Voice/WhatsApp", "Analytics", "White-label"], "watermark": "removable" },
"enterprise": { "name": "Enterprise", "price": null, "features": ["Multi-org", "CRM sync", "SLA"], "watermark": "custom" }
}
- freeTrial.json
{
"limits": { "messages": 3, "voiceSeconds": 60 },
"requireEmail": true,
"paywallCopy": { "headline": "Unlock full access", "subhead": "Publish your first Mind in minutes" }
}
- creators.json
[
{
"id": "creator_1",
"username": "victoria-simon",
"name": "Victoria Simon",
"plan": "pro",
"avatar": "/images/avatars/victoria.png",
"tagline": "Founder at JustUs. Evidence-based programs.",
"stylePack": { "tone": 0.6, "brevity": 0.7, "temperature": 0.4 },
"disclaimers": ["Not medical or legal advice"],
"suggestedQuestions": ["What programs do you offer?", "How does your method work?"],
"sources": [
{ "id": "src_pdf_1", "type": "pdf", "title": "Program Guide", "path": "/fixtures/uploads/program_guide.pdf" },
{ "id": "src_yt_1", "type": "youtube", "title": "Keynote", "url": "https://youtube.com/watch?v=xxxxx" }
],
"minds": [
{ "id": "mind_1", "title": "JustUs Mind", "published": false, "watermarkOverride": null }
]
}
]
- index.json
{
"documents": [
{ "id": "doc_1", "sourceId": "src_pdf_1", "title": "Program Guide", "chunks": 42, "embeddingHealth": 0.84 },
{ "id": "doc_2", "sourceId": "src_yt_1", "title": "Keynote Transcript", "chunks": 27, "embeddingHealth": 0.79 }
]
}
- deploy.json
{
"widgets": [
{ "id": "web_widget_v1", "embedCode": "<script>/* widget */</script>" }
],
"landingPages": [{ "template": "classic", "options": { "heroVariant": "left-chat" } }],
"channels": { "sms": { "enabled": false }, "voice": { "enabled": false }, "whatsapp": { "enabled": false } }
}
- products.json
[
{ "id": "prod_sub_pro", "name": "Pro subscription", "price": 49, "interval": "month" },
{ "id": "prod_sub_business", "name": "Business subscription", "price": 99, "interval": "month" }
]
- broadcasts.json
[
{ "id": "bc_1", "title": "Welcome sequence", "status": "draft" }
]
- analytics.json
{
"funnel": { "demo": 1000, "emailCaptured": 220, "checkoutStarted": 120, "paid": 90, "published": 75 },
"topQuestions": ["Pricing", "Sources", "White-label"],
"csat": 4.6
}
- docs.json
[
{ "slug": "getting-started", "title": "Getting Started", "body": "<p>...</p>" },
{ "slug": "identity", "title": "Identity & Style Pack", "body": "<p>...</p>" },
{ "slug": "sources", "title": "Sources: PDF and YouTube", "body": "<p>...</p>" },
{ "slug": "deploy", "title": "Deploying Your Mind", "body": "<p>...</p>" },
{ "slug": "monetization", "title": "Monetization Basics", "body": "<p>...</p>" },
{ "slug": "analytics", "title": "Analytics Overview", "body": "<p>...</p>" },
{ "slug": "docs-mind", "title": "Docs Mind Q&A", "body": "<p>...</p>" },
{ "slug": "troubleshooting", "title": "Troubleshooting", "body": "<p>...</p>" },
{ "slug": "security", "title": "Security & Privacy", "body": "<p>...</p>" },
{ "slug": "accessibility", "title": "Accessibility", "body": "<p>...</p>" }
]
Routing map
- “/” homepage demo
- “/pricing” full pricing
- “/docs”, “/docs/:slug”, “/docs/ask”
- “/u/:username” public creator page
- “/studio”, “/studio/onboarding”, “/studio/sources”, “/studio/index”, “/studio/minds”, “/studio/deploy”, “/studio/monetize”, “/studio/analytics”, “/studio/settings”
- “/admin” simple fixture inspector
Key components to scaffold
- EmailCaptureModal, ChatDemo, FreeTrialMeter, PaywallPanel, CheckoutStub
- WatermarkBadge (reads plan and site watermark policy)
- WizardStepper for onboarding
- SourceList + SourceCard, DocumentTable + ChunkList, EmbeddingHealthBadge
- DeploySnippets, ProductCard CRUD (in-memory), BroadcastList
- TemplateCarousel, MetricCard, TestimonialCard
- DocsTOC, DocArticle, DocsMindQA with citation chips linking to docs
- RoleToggle for dev
Testing notes
- Provide prefilled flows so a single click can auto-advance onboarding with fixtures.
- Add small “Flow map” dev overlay that lists the main journeys and deep-links to each route for instant QA.
Deliverables
- A fully navigable app with the screens and routes above, driven 100% by fixtures.
- No external calls. Stripe and Twilio flows are stubs.
- Clean component structure, clear separation between UI, mock API, and fixtures.
Ship it.
# Acceptance Criteria
- ✅ First published mind can be created in under **20 minutes**.
- ✅ At least **90% of core flows** (identity → ingest → deploy) are testable end-to-end.
- ✅ Free trial → checkout → onboarding works **without friction**.
- ✅ Docs Mind answers **≥90% of common queries** with proper citations.
- ✅ Watermark referrals are **measurable in analytics**.
