feat(landing): update hero copy, meta tags, and preview content

Author: yokoberek

commons/templates/commons/landing.html

@@ -90,8 +90,8 @@ <h1 class="text-4xl font-bold text-neutral-100 tracking-tight leading-tight">
             <div class="flex items-center gap-2 px-2 py-1.5 rounded-lg" style="background-color: var(--bg-elevated);">
               <div class="w-6 h-6 rounded-full shrink-0 flex items-center justify-center text-[10px] font-semibold text-neutral-300" style="background-color: var(--bg-muted);">PA</div>
               <div class="min-w-0">
-                <p class="text-[10px] font-medium text-neutral-300 truncate">Pengguna A</p>
-                <p class="text-[10px] text-neutral-600 truncate">pengguna@mail.com</p>
+                <p class="text-[10px] font-medium text-neutral-300 truncate">User A</p>
+                <p class="text-[10px] text-neutral-600 truncate">user@mail.com</p>
               </div>
             </div>
           </div>
@@ -117,7 +117,7 @@ <h2 class="text-sm font-bold text-neutral-100 mb-1">Home</h2>
               <div class="w-7 h-7 rounded-full shrink-0 mt-0.5 flex items-center justify-center text-[10px] font-semibold text-neutral-300" style="background-color: var(--bg-muted);">PA</div>
               <div class="flex-1 min-w-0">
                 <p class="text-xs font-semibold text-neutral-100 leading-snug">Saving a Language Before It Disappears</p>
-                <p class="text-[10px] text-neutral-500 mt-0.5 truncate"><span class="text-neutral-400">Pengguna A</span>: When the last fluent speaker dies, we do not just lose words — we lose a whole way of seeing the world…</p>
+                <p class="text-[10px] text-neutral-500 mt-0.5 truncate"><span class="text-neutral-400">User A</span>: When the last fluent speaker dies, we do not just lose words — we lose a whole way of seeing the world…</p>
                 <p class="text-[10px] text-neutral-600 mt-1.5">5 min read</p>
               </div>
             </div>
@@ -126,7 +126,7 @@ <h2 class="text-sm font-bold text-neutral-100 mb-1">Home</h2>
               <div class="w-7 h-7 rounded-full shrink-0 mt-0.5 flex items-center justify-center text-[10px] font-semibold text-neutral-300" style="background-color: var(--bg-muted);">PB</div>
               <div class="flex-1 min-w-0">
                 <p class="text-xs font-semibold text-neutral-100 leading-snug">We Graduated. Then Came Home to Nothing.</p>
-                <p class="text-[10px] text-neutral-500 mt-0.5 truncate"><span class="text-neutral-400">Pengguna B</span>: Our degrees made us too educated for the village and too regional for the city. Nobody prepared us for that in-between…</p>
+                <p class="text-[10px] text-neutral-500 mt-0.5 truncate"><span class="text-neutral-400">User B</span>: Our degrees made us too educated for the village and too regional for the city. Nobody prepared us for that in-between…</p>
                 <p class="text-[10px] text-neutral-600 mt-1.5">7 min read · <span>3 comments</span></p>
               </div>
             </div>
@@ -135,7 +135,7 @@ <h2 class="text-sm font-bold text-neutral-100 mb-1">Home</h2>
               <div class="w-7 h-7 rounded-full shrink-0 mt-0.5 flex items-center justify-center text-[10px] font-semibold text-neutral-300" style="background-color: var(--bg-muted);">PC</div>
               <div class="flex-1 min-w-0">
                 <p class="text-xs font-semibold text-neutral-100 leading-snug">We Are Still Building Runways from Bamboo</p>
-                <p class="text-[10px] text-neutral-500 mt-0.5 truncate"><span class="text-neutral-400">Pengguna C</span>: We laugh at the cargo cult. But every election cycle we build the same bamboo runway and wait for the same planes that never land…</p>
+                <p class="text-[10px] text-neutral-500 mt-0.5 truncate"><span class="text-neutral-400">User C</span>: We laugh at the cargo cult. But every election cycle we build the same bamboo runway and wait for the same planes that never land…</p>
                 <p class="text-[10px] text-neutral-600 mt-1.5">6 min read</p>
               </div>
             </div>
@@ -165,7 +165,7 @@ <h2 class="text-sm font-bold text-neutral-100 mb-1">Home</h2>
               <div class="px-2 py-2 rounded-lg" style="background-color: var(--bg-elevated);">
                 <p class="text-[10px] font-medium text-neutral-300 leading-snug line-clamp-2">Saving a Language Before It Disappears</p>
                 <div class="flex items-center gap-1.5 mt-1">
-                  <span class="text-[9px] text-neutral-600">Pengguna A</span>
+                  <span class="text-[9px] text-neutral-600">User A</span>
                   <span class="text-neutral-700">•</span>
                   <span class="flex items-center gap-0.5 text-[9px] text-neutral-600">
                     <svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"/><polyline points="16 7 22 7 22 13"/></svg>
@@ -176,7 +176,7 @@ <h2 class="text-sm font-bold text-neutral-100 mb-1">Home</h2>
               <div class="px-2 py-2 rounded-lg">
                 <p class="text-[10px] font-medium text-neutral-400 leading-snug line-clamp-2">We Graduated. Then Came Home to Nothing.</p>
                 <div class="flex items-center gap-1.5 mt-1">
-                  <span class="text-[9px] text-neutral-600">Pengguna B</span>
+                  <span class="text-[9px] text-neutral-600">User B</span>
                   <span class="text-neutral-700">•</span>
                   <span class="flex items-center gap-0.5 text-[9px] text-neutral-600">
                     <svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"/><polyline points="16 7 22 7 22 13"/></svg>
@@ -187,7 +187,7 @@ <h2 class="text-sm font-bold text-neutral-100 mb-1">Home</h2>
               <div class="px-2 py-2 rounded-lg">
                 <p class="text-[10px] font-medium text-neutral-400 leading-snug line-clamp-2">We Are Still Building Runways from Bamboo</p>
                 <div class="flex items-center gap-1.5 mt-1">
-                  <span class="text-[9px] text-neutral-600">Pengguna C</span>
+                  <span class="text-[9px] text-neutral-600">User C</span>
                   <span class="text-neutral-700">•</span>
                   <span class="flex items-center gap-0.5 text-[9px] text-neutral-600">
                     <svg xmlns="http://www.w3.org/2000/svg" width="8" height="8" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"><polyline points="22 7 13.5 15.5 8.5 10.5 2 17"/><polyline points="16 7 22 7 22 13"/></svg>