fix: address review feedback on landing pages, a11y, dates, and web-client container

Author: yash-pouranik

apps/landing/src/components/BlogCard.astro

@@ -16,7 +16,8 @@ const { slug, title, description, date, author, category, tags = [] } = Astro.pr
 const formattedDate = new Date(date).toLocaleDateString('en-US', {
   year: 'numeric',
   month: 'short',
-  day: 'numeric'
+  day: 'numeric',
+  timeZone: 'UTC',
 });
 ---
 

apps/landing/src/components/Navbar.astro

@@ -184,7 +184,8 @@ import { Zap, DollarSign, FileText, Layers, Database, GitCompare, Code, BookOpen
   transition: transform 0.2s ease;
 }
 
-.nav-group:hover .nav-group-trigger .chevron {
+.nav-group:hover .nav-group-trigger .chevron,
+.nav-group:focus-within .nav-group-trigger .chevron {
   transform: rotate(180deg);
 }
 
@@ -210,7 +211,8 @@ import { Zap, DollarSign, FileText, Layers, Database, GitCompare, Code, BookOpen
   z-index: 200;
 }
 
-.nav-group:hover .nav-dropdown {
+.nav-group:hover .nav-dropdown,
+.nav-group:focus-within .nav-dropdown {
   opacity: 1;
   visibility: visible;
   transform: translateX(-50%) translateY(0);

apps/landing/src/layouts/ContentPage.astro

@@ -31,6 +31,7 @@ const formattedDate = date
       year: 'numeric',
       month: 'long',
       day: 'numeric',
+      timeZone: 'UTC',
     })
   : null;
 

apps/landing/src/pages/blog/[...slug].astro

@@ -3,7 +3,7 @@ import { getCollection, render } from 'astro:content';
 import ContentPage from '../../layouts/ContentPage.astro';
 
 export async function getStaticPaths() {
-  const posts = await getCollection('blog');
+  const posts = await getCollection('blog', ({ data }) => !data.draft);
   return posts.map((post) => ({
     params: { slug: post.id },
     props: { post },

apps/landing/src/pages/blog/index.astro

@@ -67,7 +67,7 @@ const remainingPosts = allPosts.slice(1);
       </div>
 
       <div class="posts-grid">
-        {allPosts.map((post) => (
+        {remainingPosts.map((post) => (
           <BlogCard
             slug={post.id}
             title={post.data.title}
@@ -216,7 +216,7 @@ const remainingPosts = allPosts.slice(1);
 
   .posts-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
     gap: 2rem;
   }
 

apps/landing/src/pages/changelog.astro

@@ -98,14 +98,23 @@ let releases: ReleaseEntry[] = fallbackReleases;
 
 if (changelogDir) {
   try {
+    const parseFileDate = (fileName: string): number => {
+      const clean = fileName.replace('.mdx', '').trim();
+      const parts = clean.split('-');
+      if (parts.length >= 2) {
+        const month = parts[0];
+        const year = parts[parts.length - 1];
+        const timestamp = Date.parse(`${month} 1, ${year}`);
+        if (!isNaN(timestamp)) {
+          return timestamp;
+        }
+      }
+      return 0;
+    };
+
     const files = fs.readdirSync(changelogDir)
       .filter((f) => f.endsWith('.mdx'))
-      .sort((a, b) => {
-        const monthOrder = ['september', 'august', 'july', 'june', 'may', 'april'];
-        const aMonth = a.split('-')[0].toLowerCase();
-        const bMonth = b.split('-')[0].toLowerCase();
-        return monthOrder.indexOf(aMonth) - monthOrder.indexOf(bMonth);
-      });
+      .sort((a, b) => parseFileDate(b) - parseFileDate(a));
 
     const parsedReleases: ReleaseEntry[] = [];
 

apps/landing/src/pages/compare/index.astro

@@ -81,7 +81,7 @@ import { ArrowRight, Database, Flame, Server } from 'lucide-react';
 
   .compare-cards-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(360px, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(min(100%, 360px), 1fr));
     gap: 3rem;
   }
 

apps/landing/src/pages/compare/supabase.astro

@@ -194,7 +194,7 @@ const COMPARISON_ROWS = [
 
   .takeaways-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(340px, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(min(100%, 340px), 1fr));
     gap: 2.5rem;
   }
 

apps/landing/src/pages/developers.astro

@@ -133,7 +133,7 @@ const DEV_HIGHLIGHTS = [
       <div class="section-header-centered">
         <span class="section-badge">OFFICIAL PACKAGES</span>
         <h2 class="section-title">First-Party Client Libraries</h2>
-        <p class="section-desc">Zero-dependency, strictly typed packages maintained directly by the urBackend core team.</p>
+        <p class="section-desc">Official client libraries and developer tooling maintained directly by the urBackend core team.</p>
       </div>
 
       <div class="sdks-grid">

apps/landing/src/pages/features.astro

@@ -444,7 +444,7 @@ await client.mail.send({
 
   .infra-grid {
     display: grid;
-    grid-template-columns: repeat(auto-fit, minmax(320px, 1fr));
+    grid-template-columns: repeat(auto-fit, minmax(min(100%, 320px), 1fr));
     gap: 2rem;
   }