Mindmode

פרומפט ל־v0 (Next.js / React app)

Build a minimalist web app called:

“0–1 Awareness Ladder”

Concept

This is a self-development coaching tool (NOT therapy).
It helps users track their current state of awareness and move from:

0 = reactive / survival / automatic mode

1 = conscious / present / choice-based mode

The app is a simple “awareness ladder” across life domains.

---

Core Requirements

1. Global UI Style

Minimal, clean, calm design

Soft neutral colors (white, light gray, subtle blue accents)

Rounded cards (2xl)

Large readable typography

Mobile-first layout

No clutter, no heavy visuals

Smooth transitions between screens

---

2. App Structure (Pages)

A. Home Page

Title: “Where am I right now?”

Elements:

Big central toggle button: “Check my state (0 / 1)”

Display current global state (if set)

Quick navigation cards:

Check-in

Channels

Practice Shift (0 → 1)

Journal

---

B. Check-in Page

Purpose: user identifies current state

UI:

Simple question cards:

1. “What am I feeling right now?”

2. “Am I reacting or choosing?”

3. “Is my body tense or calm?”

Button: “Determine my state”

Output:

Shows: STATE 0 or STATE 1 (large display)

Short neutral explanation (no therapy language)

Button: “Go to Shift Practice”

---

C. Shift Practice Page (0 → 1)

Purpose: move user from reactive to conscious state

Flow:

3 step micro-practice:

Step 1: Breathing (30 seconds) Text: “Breathe slowly. Notice your body.”

Step 2: Awareness question: “What is my next conscious choice?”

Step 3: Micro-action: “What is ONE small step I can take now?”

Button:

“I am in 1 now”

Save state = 1

---

D. Channels Page (Core System)

This is the main feature.

Structure:

List of life domains (editable categories):

Default channels:

Relationships

Body & Health

Work & Creation

Money & Flow

Inner Self

Each channel is a clickable card.

---

Inside each Channel:

When opened:

Show:

Channel name

Current state: 0 or 1 (toggle)

Sub-channels list (editable)

Sub-channels examples (Relationships):

Partner

Parenting

Friends

Self relationship

Family

Features:

Each sub-channel has its own 0 / 1 toggle

Add/edit/delete sub-channels

Optional short note per sub-channel

---

E. Journal Page

Simple reflective log:

Fields:

Text input (short journal entry)

Tag: 0 or 1

Optional: attach to channel/sub-channel

No analytics, no psychology, no insights.

Just logging.

---

3. Navigation

Bottom navigation bar:

Home

Check-in

Channels

Journal

---

4. Data Model (simple)

User state:

globalState: 0 | 1

Channels:

name

subChannels[]

state per subChannel (0 | 1)

Journal entries:

text

stateTag (0 | 1)

timestamp

optional channel reference

---

5. Rules of the App

No therapy language

No diagnosis

No emotional analysis

Only awareness + state labeling

Everything is user-controlled

Fast interactions (max 2–3 clicks per action)

---

6. UX Intent

The app should feel like:

a mirror, not a coach

a simple awareness dashboard

fast state switching tool

very low cognitive load

---

If you want, I can next:

convert this into a v0 prompt עם קומפוננטות shadcn מדויקות

או לפרק לך את זה ל־פיתוח שלב 1 / שלב 2 (MVP roadmap)

No repository files, tests, or entry points are named. Start by reviewing the existing app structure and navigation to determine where the Home, Check-in, Channels, Shift Practice, and Journal pages belong. Done means implementing the specified state model, editable channels and sub-channels, journal logging, bottom navigation, and the requested mobile-first UI.