GREEN ROOTS 2.0 — PHASE 1 BUILD PLAN
**Prepared by:** Khurram Badar / YDRLabs
**Client:** Green Roots Early Learning Center, Jumeirah Village Circle, Dubai
**Status:** Won client, full build greenlit
**Scope:** 8-week build, 10+ AI-native features, full visual rebrand, 6-language support
---
1. North Star
Green Roots is a KHDA-regulated, British EYFS nursery in JVC Dubai competing against a crowded mid-premium market. The existing site is a 2021 WordPress template with zero differentiation — slider, photo gallery, static form.
**We are rebuilding it as Dubai's first AI-native nursery website.** Every interaction a parent has — from first landing to enrolled — will be personalized, multilingual, transparent, and instantly useful. The site will do what competitor sites force parents to book a tour to find out: show pricing, show availability, explain the curriculum, recommend the right program, and prove the care philosophy.
Outcome: **3–5x tour bookings, 2x enrollment conversion, premium positioning in JVC/Dubai Marina/Palm catchment.**
---
2. What's Locked
| Decision | Choice |
|---|---|
| Stack | Next.js 14 (App Router) + Supabase + Anthropic API + Vercel |
| Scope | Full build, 10+ AI features, 1–2 month timeline |
| Client status | Won, build mode |
| Languages | EN / AR / HI / UR / RU / TL (6 langs, RTL for AR+UR) |
| Content source | Scrape existing + AI-generated + stock to fill gaps |
| Brand | Keep "Green Roots" name, full visual rebrand |
| AI mascot | **Rooty** — child-friendly character, dual-mode execution |
| Parent portal | Simulated demo for Phase 1, real build in Phase 2 |
| Aesthetic | Warm British heritage (sage, cream, serif type, Chepstow House vibe) |
---
3. Rooty — AI Character Brief
Rooty is Green Roots' AI concierge. Because the site serves two audiences (parents deciding, children visiting with parents), Rooty has **dual execution**:
**Parent-facing Rooty (primary):**
- Visual: Minimalist sage-colored oak-leaf icon or small botanical sprite in the chat bubble
- Voice: Warm, knowledgeable, calm. Like a well-read nursery director, not a bubbly chatbot
- Tone example: *"Foundation Stage 1 is designed for children just finding their independence — typically 3-to-4-year-olds. Shall I walk you through a typical day in the room?"*
- Multilingual by default. Detects user language, responds in kind. RTL for Arabic/Urdu.
**Child-facing Rooty (secondary — only on certain pages):**
- Visual: Illustrated character — a friendly tree spirit with big warm eyes, roots for feet, small green sprouts on top. Beatrix Potter meets Studio Ghibli forest spirit. Not cartoonish, not corporate.
- Appears on: Virtual Tour, AI Story Time, age-group pages (to make the pages feel alive for kids visiting the site with parents)
**Rooty is always:**
- Honest about limits (never invents pricing, availability, or claims)
- Escalates to human staff when needed ("Let me connect you with our director")
- Safe — never asks for sensitive child data, never stores chats without consent
---
4. Visual Identity — Rebrand
Palette (Chepstow House / warm British heritage)
| Role | Color | Hex |
|---|---|---|
| Primary sage | Soft muted green | `#8B9D83` |
| Deep moss | Grounding dark green | `#3A4D3A` |
| Cream | Off-white base | `#F5F1E8` |
| Ivory | Pure content bg | `#FBF8F1` |
| Terracotta | Warm accent | `#C87D5F` |
| Warm gold | Premium accent | `#B8956A` |
| Charcoal | Text | `#2C2C28` |
| Stone | Muted UI | `#A89F8E` |
Typography
- **Display/Headings:** Fraunces (variable serif — modern take on classic British). Warmth without stuffiness.
- **Body/UI:** Manrope (clean, humanist sans). Pairs softly with Fraunces.
- **Arabic/Urdu:** Noto Naskh Arabic (display + body)
- **Hindi:** Noto Sans Devanagari
- **Russian/Tagalog:** Manrope handles Cyrillic + Latin extended
Imagery direction
Design system principles
---
5. Information Architecture (Sitemap)
```
/
├── / Homepage
├── /about
│ ├── philosophy Green Roots philosophy
│ ├── team Meet our educators (with AI bio chat)
│ └── khda-safety KHDA & safety transparency
├── /programs
│ ├── infants 0–1 years
│ ├── toddlers 1–2 years
│ ├── preschoolers 2–3 years
│ ├── foundation-1 3–4 years
│ └── foundation-2 4–6 years
├── /curriculum
│ ├── eyfs-explorer Interactive EYFS milestone map
│ └── a-day-at-green-roots Daily rhythm walkthrough
├── /facilities Virtual tour + room-by-room
├── /pricing Transparent calculator + fees
├── /availability Live seat count, waitlist
├── /enrollment Smart enrollment wizard
├── /tours Book a tour (Google Cal integration)
├── /parent-portal Demo/preview (simulated)
├── /sen-inclusion SEN support + screener
├── /resources Blog with AI search
│ └── [slug] 15+ seeded articles
├── /reviews Google Reviews + testimonials + Instagram
├── /refer Refer-a-friend program
├── /contact Contact + map + WhatsApp
└── /legal
├── privacy UAE PDPL compliant
├── dpa Data processing agreement
├── child-consent Parental consent for child data
├── terms Terms of service
└── cookies Cookie policy
```
**Total: ~22 pages** (DAC scale). Each renders in all 6 languages.
---
6. AI Features — Full Catalog (Phase 1)
1. Rooty Chat (Multilingual AI Advisor)
2. Program Matcher
3. Transparent Pricing Calculator
4. Live Availability Dashboard
5. EYFS Milestone Explorer
6. Virtual Nursery Tour
7. Parent Portal Preview (Simulated)
8. SEN & Inclusion Screener
9. Smart Enrollment Wizard
10. Teacher AI Bio Chat
11. KHDA & Safety Transparency Dashboard
12. Blog with AI Search
---
7. Tech Stack
```
Frontend: Next.js 14 (App Router, RSC, Streaming)
Styling: Tailwind CSS + shadcn/ui components
Typography: Fraunces + Manrope (Google Fonts)
i18n: next-intl (6 locales, RTL support)
State: React Server Components + URL state
Animation: Framer Motion (sparingly)
Icons: Lucide + custom botanical SVGs
Backend: Supabase (Postgres + Auth + Storage + Realtime)
Row-Level Security for parent data
AI: Anthropic API (Claude Sonnet 4.5)
Streaming responses for Rooty chat
Structured outputs for Program Matcher, pricing
Voice: (Phase 2) ElevenLabs for Rooty narration
Payments: Stripe (AED) — deposits only in Phase 1
Email: Resend (transactional)
Calendar: Google Calendar API (OAuth) for tour bookings
Forms: React Hook Form + Zod validation
SEO: Next.js metadata API, sitemap.xml, structured data (LocalBusiness, FAQPage)
Analytics: Plausible (privacy-first) + GA4 for client
Reviews: Google Places API for live Google Reviews
Social: Instagram Graph API for feed embed
Deployment: Vercel (client or your account)
Domain: Staging on v2.greenrootsnursery.com during dev
Cutover greenrootsnursery.com at launch (Week 8)
Compliance: UAE PDPL cookie consent + DPA
Children's data consent flow
WCAG 2.1 AA accessibility
```
---
8. Supabase Schema (Outline)
```sql
-- Public-facing data (read by marketing site)
availability -- seat count per age group, updated by admin
team_members -- educator bios, photos, AI chat training data
programs -- 5 age group program details, editable
facilities -- 6 facility rooms, tour content
blog_posts -- articles, slug, content, embeddings for search
testimonials -- curated parent quotes
-- Lead capture
tour_bookings -- prospect info, time slot, source, utm
enrollment_drafts -- multi-step wizard state, resumable
contact_submissions -- form submissions, Rooty escalations
pricing_quotes -- saved quotes from calculator
sen_screener_emails -- only email + age, never results
-- Rooty chat (with consent)
chat_sessions -- session id, language, consent flag
chat_messages -- role, content, timestamp (deleted after 30 days)
-- Future (Phase 2 real parent portal)
families -- parent accounts
children -- enrolled child profiles
daily_observations -- teacher-posted updates
photos -- consent-gated media
messages -- parent-teacher threads
```
RLS policies: parents only see their own family data. Staff see only assigned classrooms. Admin sees all.
---
9. 8-Week Build Sequence
Week 1 — Foundation
Week 2 — Core pages
Week 3 — AI Wave 1
Week 4 — Enrollment + Tours
Week 5 — Parent-focused
Week 6 — Trust + content
Week 7 — Polish + Payments
Week 8 — Launch
---
10. Defaults I'm Locking In (Veto Before Monday)
These are my answers to the open questions you didn't have strong views on. Flag any you want changed:
| # | Area | My default |
|---|---|---|
| 1 | DNS | Stage on `v2.greenrootsnursery.com`, cut over in Week 8. Need client DNS access by Week 6. |
| 2 | WordPress | Keep live during dev, archive to `/legacy` for 30 days post-cutover, then kill. |
| 3 | Email | Resend for transactional. Display address: info@greenrootsnursery.com. |
| 4 | Google Workspace | Assume client has it. Will need OAuth consent for Calendar at Week 4. |
| 5 | Stripe | Build integration with test keys Week 7. Client activates live account before cutover. |
| 6 | Pricing numbers | Model with JVC mid-premium ranges (AED 3,800–6,500/mo) as placeholders. Get real fees from client by Week 3. |
| 7 | Enrollment | Multi-step wizard with document upload + AI document check. |
| 8 | KHDA rating | Display "KHDA Regulated" + link to KHDA inspection portal. Upgrade to actual rating when client provides. |
| 9 | PDPL | Full cookie consent + DPA + parental consent for child data. Non-negotiable for this market. |
| 10 | Arabic legal | AI-translated with "non-binding translation" disclaimer. Professional legal review before go-live. |
| 11 | SEN partners | Partner network page with soft mentions (DAC, Jad's, DDY, Jewel). No live deep links until client confirms relationships. |
| 12 | SEN screener | M-CHAT-R Lite + general milestones. Results emailed to parent only, never stored. Strong disclaimers. |
| 13 | CMS | Claude Code is CMS for Phase 1. Phase 2: small Supabase admin panel for blog + announcements + availability. |
| 14 | Blog | 15 AI-seeded articles at launch, client adds more post-launch. |
| 15 | Social proof | Google Reviews API live + Instagram embed + 8–12 curated testimonials. |
| 16 | Child photos | AI-generated diverse classroom scenes + Unsplash for Phase 1. Photo consent drive with client for Phase 2 real images. |
| 17 | Video | Phase 1 uses ambient stock b-roll + AI-generated. Script shotlist for client to film later. |
| 18 | Review rhythm | Weekly Friday checkpoint (WhatsApp + short Loom walkthrough). |
| 19 | Client involvement | You're gatekeeper. Client reviews at: Week 1 (brand), Week 3 (first render), Week 5 (feature-complete preview), Week 8 (pre-launch). |
| 20 | Anthropic key | New dedicated key `greenroots-prod`. Stored in Vercel env. |
| 21 | Supabase project | New project `greenroots-prod`. Separate dev/staging/prod environments. |
| 22 | Vercel | Your account for build. Transfer to client Vercel team at launch (if they have one; otherwise keep on your account). |
| 23 | Error monitoring | Sentry free tier. |
| 24 | Performance budget | Homepage < 1.5s LCP, 100KB initial JS, Lighthouse 95+ across Perf/A11y/SEO/BP. |
---
11. Parked for Phase 2 (Explicitly Out of Scope)
- Real parent portal (auth, live teacher posts, messaging, photo feed)
- Parent community map & playdate matching
- AI Story Time generator (personalized children's stories)
- Cultural/dietary profile as standalone feature (folded into enrollment for Phase 1)
- Rooty voice narration (ElevenLabs)
- Mobile app
- Teacher-side admin app
- Payment for full monthly fees (only holding deposit in Phase 1)
- Sibling discount automation at billing (shown in calculator only)
- Integration with existing school management system if any
- Arabic/Urdu legal translation by certified translator
---
12. What Unblocks Me This Week (Week 1 Kick-off)
| Priority | Need |
|---|---|
| P0 | Your greenlight on this plan as-is (or redlines) |
| P0 | GitHub access for a new `greenrootsnursery` repo under `khurrambadar3125` or YDRLabs org |
| P0 | Whether to use your existing Anthropic console or create new `greenroots-prod` key |
| P0 | Whether to use your Vercel account or set up a new project |
| P1 | Client's real fee structure (can start with placeholders, but need real by Week 3) |
| P1 | Real team bios + photos (can AI-generate placeholders, but need real by Week 4) |
| P1 | Client's KHDA inspection details (can generic for now, upgrade by Week 7) |
| P2 | Any existing brand assets (logo vector, if exists) — or Week 1 includes new logo refinement |
| P2 | Client WhatsApp number + hours for Rooty human escalation |
| P2 | Client's preferred tour time slots (for Google Calendar seed data) |
---
13. Success Metrics (What 20x Better Means)
| Metric | Current (est.) | Phase 1 target |
|---|---|---|
| Time to understand pricing | Never — not published | <30 seconds |
| Languages supported | 1 (EN) | 6 |
| AI interactions | 0 | 10+ distinct features |
| Tour bookings / month | ~5–10 est. | 30–50 |
| Enrollment conversion | ~10–15% of tours | 25–35% |
| Lighthouse performance | 40–60 (WP) | 95+ |
| SEO organic impressions | ~500/mo est. | 5,000+/mo by Month 3 post-launch |
| Time on site | <1 min | >4 min (interactive features) |
| Differentiation vs. top 5 JVC competitors | Parity/below | Category-defining |
---
*End of Phase 1 plan. Ready to build Week 1 on your greenlight.*