- Prayer countdown ring (SVG circular progress, Aladhan API + fallback)
- AI morning briefing (gold gradient card, greeting by time of day)
- Verse of the day (Ayatul Kursi with Arabic, translation, gold header)
- Quick Dhikr (3 counters: SubhanAllah 33, Alhamdulillah 33, Allahu Akbar 34)
- Community feed (3 Instagram-style posts with like/comment/share actions)
- Add @serwist/next for PWA service worker (precaching, offline support)
- Create public/manifest.json with dark theme (#0a0a0f) and SVG icons
- Rewrite globals.css with full dark premium design system (Tailwind v4)
- Design tokens: bg-deep, bg-card, gold, nur-purple, emerald, borders, text
- Utility classes: .glass, .glass-light, .gold-gradient, .nur-gradient, .gold-purple-gradient
- Prayer ring SVG styles
- Replace old 5-tab nav with 3-tab floating glassmorphism pill
- Home (House), Nur center raised 56px gold-purple circle, Profile (User)
- Active gold #D4AF37, inactive #666, safe-area-aware
- Create src/lib/api/wordpress.ts fetchAPI wrapper with JWT auth
- Update layout.tsx with manifest, apple-web-app, Viewport export
forum/[threadId]/page.tsx and halal-monitor/page.tsx were missed in
the initial light theme pass — now fully converted to white cards,
emerald buttons, and light backgrounds.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- dhikr, nur, upgrade: pb-20 → pb-24 on guest/loading screens for
consistent clearance above the 64px bottom nav
- profile: add mb-4 to sign-out wrapper so it doesn't flush the nav
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Complete UI overhaul replacing dark gold theme with a clean mobile-first
light theme: gradient emerald headers, white card components, light backgrounds,
emerald/amber CTAs, and a new home dashboard with feature grid navigation.
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
FalahMobile