Version 28 · Final · April 2026
| Route | Page | Type | Auth Required |
|---|---|---|---|
/ |
Landing Page | Public marketing | None |
/expert-paths |
Expert Paths | Public discovery | None |
/courses |
Courses | Public discovery | None |
/community |
Community | Public social | None |
/for-mentors |
For Mentors | Public marketing | None |
/onboarding |
Onboarding | Conversion flow | None |
/signin |
Sign In | Auth | None |
/signup |
Sign Up | Auth | None |
/dashboard |
Dashboard | App shell | Simulated |
CONTRA UNIVERSITY / LEVELUP
│
├── PUBLIC PAGES (no auth)
│ │
│ ├── / — LANDING PAGE
│ │ ├── [1] Hero
│ │ │ "BECOME THE EXPERT YOU WERE HIRED TO BE."
│ │ │ Floating tool icons (8 tools)
│ │ │ CTAs: "Choose Your Expert Path →" / "See How It Works"
│ │ ├── [2] Expert Paths Marquee (infinite scroll strip)
│ │ ├── [3] Problem Section
│ │ │ Before/After: "Without a system" vs "With LevelUp"
│ │ ├── [4] System Section (4-step loop)
│ │ │ 01 Learn · 02 Prove · 03 Partner · 04 Earn
│ │ ├── [5] AI Terminal Section
│ │ │ Live demo of roadmap generation animation
│ │ ├── [6] Social Proof / Community
│ │ │ Stats: 2,400+ / 847 certified / 3.2× rates / 42 days
│ │ ├── [7] Economics Section
│ │ │ "Your knowledge earns twice"
│ │ ├── [8] Contra Connection Section
│ │ │ Tool logos grid + Partner program CTA
│ │ ├── [9] Final CTA
│ │ │ "Your Expert badge is 42 days away"
│ │ └── [10] Footer
│ │
│ ├── /expert-paths — EXPERT PATHS PAGE
│ │ ├── Hero: "EXPERT PATHS. [PICK ONE.]"
│ │ ├── Path Cards Grid (9 cards)
│ │ │ Framer Expert [Most Popular] — 847 enrolled
│ │ │ Figma Expert — 1,024 enrolled
│ │ │ Webflow Expert — 621 enrolled
│ │ │ Rive Expert [High Demand] — 312 enrolled
│ │ │ Notion Expert — 489 enrolled
│ │ │ Bubble Expert — 276 enrolled
│ │ │ Kittl Expert — 198 enrolled
│ │ │ Spline Expert [New] — 156 enrolled
│ │ │ Custom Path [Coming Soon]
│ │ └── [MODAL] Custom Path Request Modal
│ │ Form: skill name + goal + level + email
│ │ Success state after submission
│ │
│ ├── /courses — COURSES PAGE
│ │ ├── Hero: "EVERY MODULE. EVERY SKILL."
│ │ ├── Filter Bar
│ │ │ All / Framer / Webflow / Figma / Rive / Notion / Bubble
│ │ ├── Course Cards Grid (filterable)
│ │ │ Thumbnail + gradient overlay + tool logo + badge
│ │ │ Title + instructor + duration + level + CTA
│ │ └── [MODAL] Request a Path Modal (2 steps)
│ │ Step 1: Tool name + skill chips + level + rationale + email
│ │ Step 2: Success — animated yellow check + confirmation
│ │
│ ├── /community — COMMUNITY PAGE
│ │ ├── Hero: "NOBODY LEVELS UP [ALONE.]"
│ │ │ Avatar stack + "2,400+ learners active today"
│ │ ├── Learning Journal Feed (left column)
│ │ │ 4 sample posts: Mohammad, Aiko, Marcus, Sarah
│ │ │ Each: avatar + name + badge + content + reactions
│ │ ├── Sidebar (right column)
│ │ │ 🔥 Top Streaks leaderboard (4 users)
│ │ │ Find a Partner CTA
│ │ └── [MODAL] Find a Partner Modal (3 steps)
│ │ Step 1 GATE: Identity verification toggle
│ │ Step 2 FORM: Path + level + schedule + goal + note
│ │ Step 3 SUCCESS: "You're in the queue!"
│ │
│ └── /for-mentors — FOR MENTORS PAGE
│ ├── Hero: "TEACH WHAT YOU KNOW. EARN WHAT YOU'RE WORTH."
│ ├── 3-Step Process Cards
│ │ 01 Apply · 02 Build · 03 Launch
│ ├── Mentor Stats (Sarah Chen / Raj Patel / Aiko Tanaka)
│ ├── Economics Section
│ ├── Final CTA
│ └── [MODAL] Apply as a Mentor Modal
│ Portfolio upload + expertise + course concept
│
├── CONVERSION FLOW
│ │
│ └── /onboarding — ONBOARDING (5 states)
│ ├── Step 1A: Choose Expert Path (empty — Continue disabled)
│ ├── Step 1B: Choose Expert Path (selected — Continue enabled)
│ ├── Step 2: Level + Weekly Hours (Continue disabled → enabled)
│ ├── Step 3A: AI Generating (terminal animation, 4s auto-advance)
│ └── Step 3B: Roadmap Ready → "Enter Your Dashboard →"
│
├── AUTHENTICATION
│ ├── /signin — SIGN IN PAGE
│ │ ├── Email + Password form
│ │ ├── Error state (red message)
│ │ ├── "View Demo Dashboard →" bypass button
│ │ └── Links: Forgot password / Sign up free
│ │
│ └── /signup — SIGN UP PAGE
│ ├── Name + Email + Password form
│ └── "Already have an account? Sign in" link
│
└── APPLICATION (simulated auth)
│
└── /dashboard — DASHBOARD (app shell)
│
├── PERSISTENT CHROME
│ ├── Sidebar (240px, desktop only)
│ │ Logo · Nav items · User row + badge chip
│ ├── Topbar (60px, full width)
│ │ XP counter · Streak · Notifications bell
│ │ Theme toggle · User menu (avatar + dropdown)
│ │ User Menu: Settings / Theme / Go to Contra / Sign Out
│ └── Mobile Bottom Tab Bar (5 tabs, <768px only)
│ Home · Path · Courses · Partner · Journal
│
├── [VIEW] DASHBOARD (default)
│ Welcome banner (name + day + rank)
│ 4 stat cards: Day, Streak, Tasks, Days to Badge
│ Today's Missions (checkable, XP-earning)
│ Roadmap preview (current week expanded)
│ Partner card (avatar + streak + check-in status)
│ Journal quick entry
│
├── [VIEW] MY PATH
│ Week accordion (6 weeks)
│ Active week: lessons + "You are here" marker + skills
│ Locked weeks: visual lock indicator
│
├── [VIEW] COURSES
│ Filter tabs (by path)
│ Course cards grid
│ └── [VIEW] COURSE PLAYER
│ Lesson content + progress indicators
│ "← Back" returns to Courses view
│
├── [VIEW] PARTNER SPACE
│ Partner profile (avatar + stats + streak)
│ Check-in CTA
│ Message thread (simplified)
│
├── [VIEW] JOURNAL
│ New Entry composer (title + content + publish)
│ Entry feed (Day 12, Day 11 entries with reactions)
│
├── [VIEW] COMMUNITY
│ Feed of other learners' public journal entries
│
├── [OVERLAY] NOTIFICATIONS
│ Bell icon dropdown (4 notifications)
│ Ahmed checked in · XP earned · Badge countdown · Comment
│
└── [OVERLAY] SETTINGS MODAL
Profile / Display / Notifications / Account
TopNav — Public pages (64px, theme-aware, hamburger on mobile)
Footer — Public pages (4-column grid, contra.com link)
ThemeProvider — Root context (dark/light toggle, localStorage)
useLevelUpColors() — Color token hook (consumed by all pages)
ToolLogos — 8 tool logos + ContraLogo + BubbleLogo (dual-theme)
ImageWithFallback — All raster images in dashboard
Contra University / LevelUp · Site Map v28 · April 2026