testing 101

Signed-off-by: Kenneth Obsequio <k80308392@gmail.com>
2026-09-27 00:12:54 +08:00 · 2026-06-30 19:32:00 +08:00
parent fe47bdea3c
commit 17326b2c2e
78 changed files with 4804 additions and 1054 deletions
@@ -0,0 +1,14 @@
+// Static mirror of the backend ACHIEVEMENT_REGISTRY.
+// Keep in sync with new_starr/data/achievements.data.js.
+
+export const ACHIEVEMENT_REGISTRY = [
+  { key: "early_access",           type: "badge",     label: "Early Access",          description: "Registered during the Philproperties beta period." },
+  { key: "premium_first_time",     type: "badge",     label: "Premium Member",        description: "Purchased a Premium tier plan for the first time." },
+  { key: "exclusive_first_time",   type: "badge",     label: "Exclusive Member",      description: "Purchased an Exclusive tier plan for the first time." },
+  { key: "first_course_completed", type: "milestone", label: "First Course Completed", description: "Completed your very first course on Philproperties." },
+  { key: "courses_completed_5",    type: "milestone", label: "Learning Streak",       description: "Completed 5 courses." },
+  { key: "courses_completed_10",   type: "milestone", label: "Knowledge Builder",     description: "Completed 10 courses." },
+  { key: "perfect_quiz_score",     type: "milestone", label: "Perfect Score",         description: "Achieved a perfect score on a quiz." },
+  { key: "profile_completed",      type: "milestone", label: "Profile Complete",      description: "Filled out all personal profile information." },
+  { key: "first_referral",         type: "milestone", label: "Referral Champion",     description: "Successfully referred a user to Philproperties." },
+];
@@ -79,6 +79,116 @@ export const TIER_COLOR_MAP = {
    badge:  "bg-gradient-to-r from-slate-600 to-slate-800 text-white border-0",
    panel:  { bg: "bg-slate-50 dark:bg-slate-950/30", border: "border-slate-200 dark:border-slate-700" },
  },
+
+  // ── Extended palette (18 more → 30 total) ───────────────────────────────────
+  red: {
+    label:  "Red",
+    swatch: "#ef4444",
+    badge:  "bg-gradient-to-r from-red-500 to-red-700 text-white border-0",
+    panel:  { bg: "bg-red-50 dark:bg-red-950/30", border: "border-red-200 dark:border-red-800" },
+  },
+  yellow: {
+    label:  "Yellow",
+    swatch: "#eab308",
+    badge:  "bg-gradient-to-r from-yellow-400 to-yellow-600 text-white border-0",
+    panel:  { bg: "bg-yellow-50 dark:bg-yellow-950/30", border: "border-yellow-200 dark:border-yellow-800" },
+  },
+  violet: {
+    label:  "Violet",
+    swatch: "#7c3aed",
+    badge:  "bg-gradient-to-r from-violet-500 to-purple-700 text-white border-0",
+    panel:  { bg: "bg-violet-50 dark:bg-violet-950/30", border: "border-violet-200 dark:border-violet-800" },
+  },
+  fuchsia: {
+    label:  "Fuchsia",
+    swatch: "#d946ef",
+    badge:  "bg-gradient-to-r from-fuchsia-500 to-pink-700 text-white border-0",
+    panel:  { bg: "bg-fuchsia-50 dark:bg-fuchsia-950/30", border: "border-fuchsia-200 dark:border-fuchsia-800" },
+  },
+  emerald: {
+    label:  "Emerald",
+    swatch: "#10b981",
+    badge:  "bg-gradient-to-r from-emerald-400 to-emerald-700 text-white border-0",
+    panel:  { bg: "bg-emerald-50 dark:bg-emerald-950/30", border: "border-emerald-200 dark:border-emerald-800" },
+  },
+  blue: {
+    label:  "Blue",
+    swatch: "#3b82f6",
+    badge:  "bg-gradient-to-r from-blue-500 to-blue-700 text-white border-0",
+    panel:  { bg: "bg-blue-50 dark:bg-blue-950/30", border: "border-blue-200 dark:border-blue-800" },
+  },
+  zinc: {
+    label:  "Zinc",
+    swatch: "#71717a",
+    badge:  "bg-gradient-to-r from-zinc-500 to-zinc-700 text-white border-0",
+    panel:  { bg: "bg-zinc-50 dark:bg-zinc-950/30", border: "border-zinc-200 dark:border-zinc-800" },
+  },
+  stone: {
+    label:  "Stone",
+    swatch: "#78716c",
+    badge:  "bg-gradient-to-r from-stone-500 to-stone-700 text-white border-0",
+    panel:  { bg: "bg-stone-50 dark:bg-stone-950/30", border: "border-stone-200 dark:border-stone-800" },
+  },
+  brown: {
+    label:  "Brown",
+    swatch: "#a16207",
+    badge:  "bg-gradient-to-r from-yellow-700 to-amber-900 text-white border-0",
+    panel:  { bg: "bg-amber-50 dark:bg-amber-950/30", border: "border-amber-300 dark:border-amber-900" },
+  },
+  gold: {
+    label:  "Gold",
+    swatch: "#ca8a04",
+    badge:  "bg-gradient-to-r from-yellow-500 to-amber-700 text-white border-0",
+    panel:  { bg: "bg-yellow-50 dark:bg-yellow-950/30", border: "border-yellow-300 dark:border-yellow-800" },
+  },
+  navy: {
+    label:  "Navy",
+    swatch: "#1e40af",
+    badge:  "bg-gradient-to-r from-blue-700 to-blue-900 text-white border-0",
+    panel:  { bg: "bg-blue-50 dark:bg-blue-950/30", border: "border-blue-300 dark:border-blue-900" },
+  },
+  forest: {
+    label:  "Forest",
+    swatch: "#166534",
+    badge:  "bg-gradient-to-r from-green-700 to-green-900 text-white border-0",
+    panel:  { bg: "bg-green-50 dark:bg-green-950/30", border: "border-green-300 dark:border-green-900" },
+  },
+  wine: {
+    label:  "Wine",
+    swatch: "#9f1239",
+    badge:  "bg-gradient-to-r from-rose-800 to-rose-950 text-white border-0",
+    panel:  { bg: "bg-rose-50 dark:bg-rose-950/30", border: "border-rose-300 dark:border-rose-900" },
+  },
+  charcoal: {
+    label:  "Charcoal",
+    swatch: "#374151",
+    badge:  "bg-gradient-to-r from-gray-600 to-gray-900 text-white border-0",
+    panel:  { bg: "bg-gray-50 dark:bg-gray-950/30", border: "border-gray-300 dark:border-gray-800" },
+  },
+  midnight: {
+    label:  "Midnight",
+    swatch: "#312e81",
+    badge:  "bg-gradient-to-r from-indigo-800 to-indigo-950 text-white border-0",
+    panel:  { bg: "bg-indigo-50 dark:bg-indigo-950/30", border: "border-indigo-300 dark:border-indigo-900" },
+  },
+  lavender: {
+    label:  "Lavender",
+    swatch: "#a78bfa",
+    badge:  "bg-gradient-to-r from-violet-400 to-violet-600 text-white border-0",
+    panel:  { bg: "bg-violet-50 dark:bg-violet-950/30", border: "border-violet-200 dark:border-violet-700" },
+  },
+  salmon: {
+    label:  "Salmon",
+    swatch: "#fca5a5",
+    badge:  "bg-gradient-to-r from-red-300 to-rose-600 text-white border-0",
+    panel:  { bg: "bg-red-50 dark:bg-red-950/30", border: "border-red-200 dark:border-red-700" },
+  },
+  mint: {
+    label:  "Mint",
+    swatch: "#6ee7b7",
+    badge:  "bg-gradient-to-r from-emerald-300 to-teal-600 text-white border-0",
+    panel:  { bg: "bg-emerald-50 dark:bg-emerald-950/30", border: "border-emerald-200 dark:border-emerald-700" },
+  },
 };

 /** Ordered list for the color picker UI. */