ما الجديد؟

About page: new Core Values section (قيمنا) inserted between Origin Story and Mission Hadith; 4-card grid (sincerity, perseverance, community, excellence) on mint-green bg with centered icons, hover color-flip, and full i18n (ar + en)

About page hero visual column: left-aligned (items-start); logo and stat chips wrapped in max-w-[480px] container centered to the verse card; faded background watermark (Ayyat-AlArqam-AlArqam.png placeholder) added to the entire hero section at 4% opacity

About page origin story redesign: two-column layout (narrative + aha-moment card); large faded آيات watermark in background (font-amiri-quran, clamp 140–420px, 4.5% opacity); gold top-accent card with quote marks, founding question, diamond divider, and gap insight; resolution line with gold dash; max-w-5xl expanded from max-w-3xl

About page redesign: new dark-teal hero section with powerful two-column layout (bold headline + live-stat verse card), pull-quote origin story, redesigned philosophy pillars with SVG icons, rewritten mission hadith section, closing dua; locale-aware throughout (i18n hero keys added to About namespace in ar.json + en.json); live stats (users, groups, ayahs) fetched via admin client

Landing page i18n: full English translation via Landing namespace (hero, social proof, features, inspiration, CTA sections); locale-aware fmt() function (M+/K+ in EN, م+/ك+ in AR); directional classes flip with locale (text alignment, border side, flex justify); Quranic verses and Hadith text remain in Arabic in both languages

Admin ribbon message: new RibbonSettingsPanel above contact settings; 100-char limit with live counter and dark preview; ribbon_message key saved via save-settings API; AppHeader reads ribbonMessage prop and shows custom text or default fallback; getRibbonMessage() cached per request via React cache(); all non-nested pages updated; stale duplicate gradient divs removed from guide/about/contact/privacy/terms pages

New landing page live at /: redesigned hero with live stats, social proof, features grid, Quranic inspiration section, final CTA; new dark AppFooter (logo, nav, social icons, legal links); AppHeader updated globally (ribbon + gradient line + sticky header with burger, desktop nav, language toggle, auth buttons); all pages now use unified AppHeader/AppFooter; /landing-new and /features updated to use global components

Admin Panel i18n: full Arabic/English localization via next-intl Admin namespace; AdminLangToggle in header; dir/lang handled by root layout; all admin pages and components translated (layout nav, overview, users list/detail, groups list/detail, StatsCards, SiteSettingsPanel, UsersTable, GroupsTable, MemberCard)

Review Schedule UI: ReviewPanel component with spaced repetition queue (SM-2 simplified); surahs due for review shown with count badge; quality-based interval/streak update (strong ×2.5, medium ×1.5, weak reset); Goals + Review panels shown side by side on desktop; review.* keys added to Dashboard i18n namespace

Goals UI: GoalsPanel component in dashboard showing per-member goals with progress bars, deadline status (overdue/soon/met), and owner create/delete; Goal interface in types; goals.* keys in Dashboard i18n namespace (ar + en)

Phase 8.4 i18n Step 5: language toggle button in AppHeader (EN↔ع); sets NEXT_LOCALE cookie, triggers full page reload so dir/lang attributes update; Phase 8.4 i18n complete

Phase 8.4 i18n Step 4: translate compare page, auth pages (login/register/reset-password), public/group public/public stats pages, share expired screen, and invite pages; add Compare, Auth, Public, Invite namespaces to ar.json and en.json; locale-aware number formatting in public client components

Phase 8.4 i18n Step 3: translate all dashboard components and pages (StatsRow, ComparisonBar, SurahGrid, MonthlyProgressChart, ProgressModal, ManageMembersModal, SurahReader, MemberBar, DashboardClient, DashboardEmpty, onboarding, profile); replace QUALITY_AR and ARABIC_MONTHS with t() and Intl.DateTimeFormat; formatDateTime now locale-aware

Phase 8: privacy policy page (/privacy) and terms of service page (/terms) in Arabic; footer links for privacy + terms; extend compare page to 3-way member comparison with per-member color coding, stats table, overall progress bars, and surah-by-surah grid

Phase 7: bundle Quran text as local JSON (1.3 MB, 114 surahs, Uthmani script); rewrite SurahReader to load from bundled data instead of fetching external API — instant display, works offline; tap any ayah to set memorization progress with sticky save bar

Phase 6: group search page (/groups) with live filter and join button; public group profile pages (/groups/[slug]) showing description, member count, and public members with progress bars; is_public toggle + description in group creation form; ⚙️ group settings modal (description + public toggle) for owned groups; active group description shown in dashboard header; "البحث عن مجموعات" added to nav burger menu

Phase 5: monthly SVG progress chart (6-month bar chart per active member); currently-studying surah picker with progress bar and quality badge; group leaderboard top-3 with medals; activity boxes with member + time-range filters (اليوم/الأسبوع/الشهر/الكل); "who's tracking me" box shows linked groups with member name and leave button; snapshot API fires on first progress save of each month

Phase 4: replace single group_message field with group_messages table history; two-tab UI (إعلانات المشرف / رسائل الأعضاء) with urgent flag, author label, paginated history (4/page); owner composes admin announcements with urgent toggle; linked members compose member messages; Ctrl+Enter to send

Phase 3: role-based group creation limits (Teacher 3, Shaikh 5, Student none); Shaikh/admin can add members via 6-char profile code (إضافة بالرمز); profile page shows copyable profile code with regenerate; nav shows role badge for non-student roles; burger menu expanded with Dashboard/Profile/Admin links

Phase 1+2: database foundation (user roles, profile_code, group_messages, progress_snapshots tables); redesign onboarding as 3-step profile wizard (display_name, optional extras); proxy.ts redirects incomplete onboarding users; auth callback simplified; dashboard handles no-group empty state