Blog: Revenant Hollow Never Stopped Being Alive

app/blog/posts/ai-humanity-and-the-future-career-reflections-and-societal-shifts-in-an-automated-world.tsx

@@ -14,7 +14,7 @@ export const metadata: PostMeta = {
   topics: ["AI & Automation","Career & Professional Development"],
   tags: ["ai-humanity","career-transition","societal-optimism","existential-ai","creative-value"],
   category: "Technology",
-  isFeatured: true,
+  isFeatured: false,
   priority: 9,
 };
 

app/blog/posts/ai-neuroticism-tidal-forces-singularity.tsx

@@ -31,7 +31,7 @@ export const metadata: PostMeta = {
     "ai-singularity",
   ],
   category: "AI & Automation",
-  isFeatured: false,
+  isFeatured: true,
   isDraft: false,
   priority: 5,
 };

app/blog/posts/building-a-generative-framework-evolving-ai-coding-agents-and-human-ai-collaboration.tsx

@@ -14,7 +14,7 @@ export const metadata: PostMeta = {
   topics: ["AI & Automation","Development & Tools"],
   tags: ["generative-ai","coding-agents","ai-autonomy","human-ai-collaboration","software-frameworks"],
   category: "Technology",
-  isFeatured: true,
+  isFeatured: false,
   priority: 9,
 };
 

app/blog/posts/building-an-effective-web-presence-for-professional-validation.tsx

@@ -15,7 +15,7 @@ export const metadata: PostMeta = {
   tags: ["web-presence","professional-branding","SEO","freelancing","digital-marketing","content-strategy","networking","personal-brand","career-development","online-validation"],
   series: "Professional Development",
   category: "Career",
-  isFeatured: true,
+  isFeatured: false,
   priority: 8,
 };
 

app/blog/posts/chatbot-breakthrough-how-openais-web-crawling-validates-generative-seo-for-smarter-site-interactions.tsx

@@ -14,7 +14,7 @@ export const metadata: PostMeta = {
   topics: ["AI & Automation","Development & Tools"],
   tags: ["AI-chatbot","generative-search","web-optimization","RAG-implementation","SEO-strategy"],
   category: "Technology",
-  isFeatured: true,
+  isFeatured: false,
   priority: 9,
 };
 

app/blog/posts/first-pitch-meeting-reflections-lessons-confidence-and-alignment-in-death-care-and-ar-innovation.tsx

@@ -14,7 +14,7 @@ export const metadata: PostMeta = {
   topics: ["Career & Professional Development","AI & Automation","Entrepreneurship"],
   tags: ["pitch-reflections","death-care-ar","prototyping","investor-strategy","revenant-hollow"],
   category: "Technology",
-  isFeatured: true,
+  isFeatured: false,
   priority: 9,
 };
 

app/blog/posts/from-hybrid-intel-trio-to-drum-note-evolving-ai-human-synergy-in-music-collaboration.tsx

@@ -14,7 +14,7 @@ export const metadata: PostMeta = {
   topics: ["AI & Automation","Development & Tools","Marketing & Business"],
   tags: ["AI-creativity","music-AI","human-AI-collaboration","RLHF-in-recommendations","session-musician"],
   category: "Technology",
-  isFeatured: true,
+  isFeatured: false,
   priority: 9,
 };
 

app/blog/posts/lessons-from-mentors-enterprise-insights-and-personal-reflections-from-urban-dynamics.tsx

@@ -14,7 +14,7 @@ export const metadata: PostMeta = {
   topics: ["Career & Professional Development","Development & Tools"],
   tags: ["enterprise-devops","mentorship","identity-access-management","startup-enterprise","personal-reflection"],
   category: "Career",
-  isFeatured: true,
+  isFeatured: false,
   priority: 8,
 };
 

app/blog/posts/over-automation-is-the-new-over-engineering.tsx

@@ -31,7 +31,7 @@ export const metadata: PostMeta = {
     "cross-platform-tracking"
   ],
   category: "AI & Automation",
-  isFeatured: false,
+  isFeatured: true,
   isDraft: false,
   priority: 5,
 };

app/blog/posts/revisiting-old-code-lessons-in-growth-enterprise-vs-startup-mindsets-and-ai-driven-infrastructure-evolution.tsx

@@ -14,7 +14,7 @@ export const metadata: PostMeta = {
   topics: ["Development & Tools","Career & Professional Development"],
   tags: ["infrastructure-as-code","generative-ai","enterprise-startup","devops","code-refactoring"],
   category: "Technology",
-  isFeatured: true,
+  isFeatured: false,
   priority: 8,
 };
 

app/blog/posts/scaling-novelty-with-an-agentic-blog-bot.tsx

@@ -15,7 +15,7 @@ export const metadata: PostMeta = {
   tags: ["AI","blog-bot","content-creation","automation","digital-legacy","creativity","AI-agents","content-strategy","personal-branding","technology","innovation"],
   series: "AI & Automation",
   category: "Technology",
-  isFeatured: true,
+  isFeatured: false,
   priority: 6,
 };
 

app/blog/posts/the-power-of-flat-files-in-blogging-repurposing-coding-tools-for-content-creation-and-ai-optimization.tsx

@@ -14,7 +14,7 @@ export const metadata: PostMeta = {
   topics: ["AI & Automation","Development & Tools"],
   tags: ["flat-files","ai-blogging","generative-seo","coding-ide-repurpose","content-framework"],
   category: "Technology",
-  isFeatured: true,
+  isFeatured: false,
   priority: 8,
 };
 

app/blog/posts/transitioning-from-cable-contracting-to-freelance-web-development-a-career-pivot.tsx

@@ -15,7 +15,7 @@ export const metadata: PostMeta = {
   tags: ["career-transition","cable-contracting","freelance","web-development","misclassification","charter-communications","upwork","wordpress","PHP","MySQL","self-learning","global-market","career-pivot","manual-labor","programming"],
   series: "Career Journey",
   category: "Career",
-  isFeatured: true,
+  isFeatured: false,
   priority: 1,
 };
 

components/PostCard.tsx

@@ -0,0 +1,58 @@
+import Link from 'next/link';
+import Image from 'next/image';
+import postIndex from '@/lib/post-index.json';
+
+interface IndexedPost {
+  slug: string;
+  title: string;
+  description: string;
+  headerImage?: string;
+  publishedDate?: string;
+}
+
+interface PostCardProps {
+  slug: string;
+}
+
+export default function PostCard({ slug }: PostCardProps) {
+  const posts = (postIndex as { posts: IndexedPost[] }).posts;
+  const post = posts.find((p) => p.slug === slug);
+
+  if (!post) {
+    return (
+      <div className="my-6 p-4 border border-red-500 rounded text-red-500 text-sm">
+        Missing post in index: <code>{slug}</code>
+      </div>
+    );
+  }
+
+  return (
+    <Link
+      href={`/blog/${post.slug}`}
+      className="not-prose flex gap-4 my-6 p-4 border border-[#00ff00]/30 rounded-lg hover:border-[#00ff00] hover:bg-[#00ff00]/5 transition-colors no-underline group"
+    >
+      {post.headerImage && (
+        <div className="relative flex-shrink-0 w-32 h-20 sm:w-40 sm:h-24 rounded overflow-hidden bg-black">
+          <Image
+            src={post.headerImage}
+            alt=""
+            fill
+            className="object-cover"
+            sizes="(max-width: 640px) 128px, 160px"
+          />
+        </div>
+      )}
+      <div className="flex-1 min-w-0">
+        <div className="text-xs text-[#00ff00]/70 mb-1 uppercase tracking-wide">
+          cyberworldbuilders.com / blog
+        </div>
+        <div className="font-bold text-white group-hover:text-[#00ff00] line-clamp-2 transition-colors">
+          {post.title}
+        </div>
+        <div className="text-sm text-gray-400 line-clamp-2 mt-1">
+          {post.description}
+        </div>
+      </div>
+    </Link>
+  );
+}