feat: implement mapping actions and enhance flow

DATABASE.md

@@ -60,6 +60,7 @@ npm run db:migrate
 | `db:studio`   | Open Prisma Studio GUI            |
 | `db:reset`    | Reset database (⚠️ destroys data) |
 | `db:generate` | Regenerate Prisma Client          |
+| `db:seed`     | Seed demo user + competencies     |
 
 ## Common Tasks
 
@@ -88,6 +89,15 @@ npx prisma migrate status
 npm run db:reset
 ```
 
+**Seed demo content (user + 5 competencies):**
+
+```bash
+npm run db:seed
+```
+
+Creates a demo user (`demo@memo.local`) and 5 sample competencies. Idempotent, safe to run multiple
+times.
+
 ## Schema
 
 See [prisma/schema.prisma](prisma/schema.prisma) for the complete schema.

app/actions/competencies.ts

@@ -51,6 +51,21 @@ export async function getAllCompetenciesAction() {
   }
 }
 
+export async function getRandomCompetenciesAction(count: number = 2) {
+  try {
+    const competencies = await competencyService.getRandomCompetencies(count);
+    return { success: true, competencies };
+  } catch (error) {
+    return {
+      success: false,
+      error:
+        error instanceof Error
+          ? error.message
+          : 'Failed to fetch random competencies',
+    };
+  }
+}
+
 export async function updateCompetencyAction(
   id: string,
   title?: string,

app/actions/users.ts

@@ -65,3 +65,32 @@ export async function deleteUserAction(id: string) {
     };
   }
 }
+
+/**
+ * Gets or creates the demo user for development/testing purposes.
+ * Returns the demo user with email 'demo@memo.local'.
+ */
+export async function getOrCreateDemoUserAction() {
+  try {
+    // Try to find existing demo user
+    let user = await userService.getUserByEmail('demo@memo.local');
+
+    // If not found, create it
+    if (!user) {
+      user = await userService.createUser({
+        name: 'Demo User',
+        email: 'demo@memo.local',
+      });
+    }
+
+    return { success: true, user };
+  } catch (error) {
+    return {
+      success: false,
+      error:
+        error instanceof Error
+          ? error.message
+          : 'Failed to get or create demo user',
+    };
+  }
+}

app/page.tsx

@@ -35,17 +35,10 @@ const [leadProblem, ...otherProblems] = problemStatements;
 export default function Page() {
   return (
     <div className="relative min-h-screen overflow-hidden bg-gradient-to-br from-[#d7e3ff] via-[#f3f5ff] to-[#e8ecff] text-slate-900">
-      <div className="absolute inset-0 -z-10 opacity-70">
-        <div className="absolute left-1/2 top-[-6rem] h-[36rem] w-[36rem] -translate-x-1/2 rounded-full bg-white/80 blur-[140px]" />
-        <div className="absolute left-[10%] top-[22%] h-80 w-80 rounded-full bg-[#7fb0ff]/35 blur-[120px]" />
-        <div className="absolute right-[14%] top-[28%] h-[22rem] w-[22rem] rounded-[40%] bg-gradient-to-br from-[#ffdff3]/55 via-[#fff3f8]/35 to-transparent blur-[140px]" />
-      </div>
+      <LiquidGlassGradient />
 
       <main className="relative z-20 mx-auto flex w-full max-w-6xl flex-col gap-28 px-6 pb-4 pt-[11.5rem] lg:px-0">
-        <section
-          id="overview"
-          className="grid items-center gap-16 pb-8 animate-in fade-in slide-in-from-bottom-4 duration-700"
-        >
+        <section id="overview" className="grid items-center gap-16 pb-8">
           <div className="space-y-12">
             <div className="space-y-8">
               <h1 className="text-balance text-[3.2rem] font-semibold leading-[1.04] tracking-tight text-slate-900 sm:text-[3.9rem] lg:text-[4.9rem]">
@@ -66,7 +59,7 @@ export default function Page() {
                 className="h-12 rounded-full bg-[#0a4da2] px-7 text-base font-semibold text-white shadow-[0_18px_45px_-26px_rgba(7,30,84,0.75)] transition hover:bg-[#0d56b5]"
                 asChild
               >
-                <a href="/onboarding">Start Contributing</a>
+                <a href="/session">Start Contributing</a>
               </Button>
             </div>
             <div className="relative flex justify-center pt-20 pb-12">
@@ -125,7 +118,7 @@ export default function Page() {
 
         <section
           id="challenges"
-          className="relative isolate left-1/2 right-1/2 w-screen -translate-x-1/2 transform px-6 pb-[8.5rem] pt-32 lg:px-0 -mt-24"
+          className="relative isolate left-1/2 right-1/2 w-screen -translate-x-1/2 transform px-6 pb-12 pt-32 lg:px-0 -mt-24"
         >
           <div className="absolute inset-0 bg-white" aria-hidden />
           <div
@@ -191,3 +184,16 @@ export default function Page() {
     </div>
   );
 }
+
+function LiquidGlassGradient() {
+  return (
+    <div className="pointer-events-none absolute inset-0 -z-10 overflow-hidden">
+      <div className="absolute inset-0 bg-[radial-gradient(circle_at_top,_rgba(255,255,255,0.9),_rgba(237,242,255,0.6))]" />
+      <div className="absolute left-1/2 top-[-8rem] h-[44rem] w-[44rem] -translate-x-1/2 rounded-[50%] bg-white/80 blur-[140px] opacity-85 mix-blend-screen" />
+      <div className="absolute left-[12%] top-[22%] h-80 w-80 rounded-full bg-[#7fb0ff]/40 blur-[120px] mix-blend-screen" />
+      <div className="absolute right-[18%] top-[30%] h-[26rem] w-[24rem] rounded-[40%] bg-gradient-to-br from-[#ffdff3]/65 via-[#fff3f8]/45 to-transparent blur-[150px] mix-blend-screen" />
+      <div className="absolute bottom-[-10rem] left-1/2 h-[36rem] w-[50rem] -translate-x-1/2 rounded-[220px] bg-white/70 blur-[160px] opacity-95 mix-blend-screen" />
+      <div className="absolute left-1/3 top-[58%] h-72 w-72 rounded-full bg-[#9ce8d1]/35 blur-[130px] mix-blend-screen" />
+    </div>
+  );
+}