Fix claims library index: Show all 11 pages with consistent structure

STRUCTURAL FIX to prevent this from happening again:

Before:
- Hardcoded 6 articles manually (missing 5)
- ChatGPT Setup missing claim snippets
- Required manual editing to add new pages

After:
- Dynamically generates all articles from centralized data
- All 11 pages now display with consistent structure
- All cards have claim snippets (3 per article)
- Sorted by date (most recent first)
- Count shows automatically (11)
- Future pages auto-appear when added to data

This prevents missing articles or inconsistent formatting.

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
This commit is contained in:
kbanc85 2025-11-04 11:40:13 -05:00
parent cbf7b1141c
commit dd4a69423c
1 changed files with 166 additions and 216 deletions

View File

@ -10,7 +10,126 @@ export const metadata: Metadata = {
},
};
// Centralized claims data - single source of truth
const ALL_CLAIMS = {
"skill-gap-mapping": {
title: "AI Prompt Maps Employee Skill Gaps in One Session",
date: "2025-11-03",
description: "Five claims about using structured prompts to gather complete context, complete skill gap analysis in 15 minutes, and identify tensions between advancement goals and actual gaps.",
claims: [
"Interactive prompts gather complete information across six categories before analysis",
"The structured process completes skill gap analysis in 15 minutes",
"Gathering all context prevents recommending five-thousand-dollar certifications when budgets are five hundred",
],
},
"vibe-hackathons": {
title: "Vibe Hackathons Transform AI Adoption in Three Hours",
date: "2025-11-01",
description: "Five claims about how vibe coding hackathons accelerate AI adoption through experiential learning, cross-functional collaboration, and rapid prototyping.",
claims: [
"Vibe hackathons shift AI from abstract concept to daily tool in three hours",
"Mixed teams identify automation opportunities developers miss",
"ChatGPT usage doubles the week after hackathons",
],
},
"systems-thinking": {
title: "Systems Thinking for AI Implementation",
date: "2025-10-29",
description: "Five claims about preventing narrow optimization mistakes, identifying leverage points, and mapping dependencies before AI automation to avoid expensive implementation errors.",
claims: [
"Systems thinking prevents narrow optimization mistakes that shift work elsewhere",
"Small targeted fixes in leverage points create system-wide improvements",
"Process mapping on paper exposes bottlenecks and feedback loops",
],
},
"market-entry-study": {
title: "Run $150K Market Entry Study in 20 Minutes With AI Research Prompts",
date: "2025-10-27",
description: "Five claims about using structured seven-domain framework to replicate $150K consulting methodology, prevent incomplete analysis, and produce board-ready output.",
claims: [
"Structured seven-domain framework replicates $150K consulting methodology in 20 minutes",
"Sequential information gathering prevents incomplete analysis from missing context",
"The prompt produces board-ready output with implementation timeline and success metrics",
],
},
"alpha-school": {
title: "Alpha School: Two Hours of AI-Led Learning Beats Full Day of Classes",
date: "2025-10-23",
description: "Five claims about AI-led instruction compressing traditional curriculum, tripling teacher mentoring time, and reducing cost per student to $8,800.",
claims: [
"Alpha School compresses traditional 6-hour curriculum into 2 hours through AI-led instruction",
"Teachers triple individual mentoring time from 6 minutes to 20 minutes per student daily",
"Cost per student drops to $8,800 compared to $30,000-50,000 at traditional private schools",
],
},
"ai-roi-measurement": {
title: "AI ROI Measurement: Why 95% See Zero Returns",
date: "2025-10-18",
description: "Five claims about why companies fail to measure AI ROI, why time saved is the wrong metric, and how top performers focus on revenue-generating activities instead.",
claims: [
"BCG found 95% of companies see zero measurable ROI from AI investments",
"Top 5% concentrate 70% of AI investment in five revenue-generating areas",
"High-performing functions show 2x revenue growth and 1.4x cost reductions",
],
},
"amazon-ai-playbook": {
title: "Amazon Cuts Costs 25% With AI: Here's Their Exact Process",
date: "2025-10-16",
description: "Five claims about Amazon's AI implementation methodology that reduced warehouse costs 25% and generates $200 billion in annual recommendation sales.",
claims: [
"Amazon's recommendation engine generates $200 billion in annual sales representing 35% of e-commerce revenue",
"Amazon writes press releases before building products through their Working Backwards process",
"Amazon reduced warehouse operation costs 25% through AI-powered robotics implementation",
],
},
"ai-judgment-skills": {
title: "Why Judgment Is Your New Career Currency",
date: "2025-10-08",
description: "Five claims about judgment as a career skill: AI replaces 0.7% of job skills, prediction vs. judgment divide, junior role compression, decision documentation, and forecasting practice.",
claims: [
"AI will fully replace just 0.7% of job-related skills according to CNBC reporting",
"AI dominates forecasting outcomes, while humans retain responsibility for deciding which predictions to trust",
"Law firm partners now draft contracts in 30 minutes using AI instead of delegating to junior associates",
],
},
"undetectable-writing": {
title: "Make ChatGPT Writing Undetectable With Five Techniques",
date: "2025-05-27",
description: "Five techniques to make AI writing undetectable: active voice, varied sentence length, avoid clichés, minimal bullets, crisp endings.",
claims: [
"Active voice increases reading speed 10% and reader comprehension making AI writing feel natural",
"Varied sentence length creates rhythm preventing monotonous AI patterns from emerging",
"Avoiding transformation jargon and corporate clichés makes AI writing sound authentically human",
],
},
"chatgpt-setup": {
title: "How to Set Up ChatGPT Properly in Under 10 Minutes",
date: "2025-05-16",
description: "Five essential claims about ChatGPT configuration: enable memory, define advisor personality, brief on business context, and use proven frameworks.",
claims: [
"Proper ChatGPT setup takes under 10 minutes but yields significant ongoing value",
"Enabling memory prevents ChatGPT from starting every conversation from scratch",
"Defining advisor personality improves response quality more than model selection",
],
},
"chatgpt-features": {
title: "Top 10 ChatGPT Features That Actually Matter At Work",
date: "2025-04-29",
description: "Five claims about ChatGPT's most impactful workplace features, demonstrating measurable time savings and strategic advantages through focused utilization.",
claims: [
"File upload feature reduced report preparation time from 3 hours to 20 minutes (89% savings)",
"Custom GPTs reduce project planning time by approximately 70%",
"Voice mode enables professionals to reclaim commute time for productive work",
],
},
};
export default function ClaimsLibraryPage() {
// Sort articles by date (most recent first)
const sortedArticles = Object.entries(ALL_CLAIMS).sort((a, b) => {
return new Date(b[1].date).getTime() - new Date(a[1].date).getTime();
});
return (
<div className="min-h-screen bg-background">
<header className="bg-muted border-b-2 border-border py-8 mb-12">
@ -72,227 +191,58 @@ export default function ClaimsLibraryPage() {
</section>
<section className="mb-12">
<h2 className="text-3xl font-semibold mb-6 mt-12">Available Claim Pages</h2>
<h2 className="text-3xl font-semibold mb-6 mt-12">
Available Claim Pages ({sortedArticles.length})
</h2>
{/* Amazon AI Playbook */}
<article className="bg-card border border-border rounded-lg p-8 mb-8 transition-shadow hover:shadow-lg">
{/* Dynamically render all articles */}
{sortedArticles.map(([slug, article]) => (
<article
key={slug}
className="bg-card border border-border rounded-lg p-8 mb-8 transition-shadow hover:shadow-lg"
>
<h3 className="text-xl font-semibold mb-4">
<Link
href="/claims-library/amazon-ai-playbook"
href={`/claims-library/${slug}`}
className="text-foreground hover:text-accent hover:underline transition-colors"
>
Amazon Cuts Costs 25% With AI: Here's Their Exact Process
{article.title}
</Link>
</h3>
<p className="text-muted-foreground mb-6 leading-relaxed">
Five claims about Amazon's AI implementation methodology that reduced warehouse costs 25% and generates $200 billion in annual recommendation sales.
{article.description}
</p>
<div className="flex flex-wrap gap-4 mb-6 text-sm text-muted-foreground">
<span className="px-3 py-1 bg-muted rounded"><span className="text-accent font-medium">5</span> Claims</span>
<span className="px-3 py-1 bg-muted rounded">Published: Oct 16, 2025</span>
<span className="px-3 py-1 bg-muted rounded">
<span className="text-accent font-medium">5</span> Claims
</span>
<span className="px-3 py-1 bg-muted rounded">
Published: {new Date(article.date).toLocaleDateString('en-US', {
month: 'short',
day: 'numeric',
year: 'numeric'
})}
</span>
<span className="px-3 py-1 bg-muted rounded">Author: Kamil Banc</span>
</div>
<ul className="space-y-2 mb-6">
<li className="p-3 border-l-4 border-l-accent bg-muted text-sm">
Amazon's recommendation engine generates $200 billion in annual sales representing 35% of e-commerce revenue
</li>
<li className="p-3 border-l-4 border-l-accent bg-muted text-sm">
Amazon writes press releases before building products through their Working Backwards process
</li>
<li className="p-3 border-l-4 border-l-accent bg-muted text-sm">
Amazon reduced warehouse operation costs 25% through AI-powered robotics implementation
{article.claims.map((claim, idx) => (
<li
key={idx}
className="p-3 border-l-4 border-l-accent bg-muted text-sm"
>
{claim}
</li>
))}
</ul>
<Link
href="/claims-library/amazon-ai-playbook"
href={`/claims-library/${slug}`}
className="inline-flex items-center font-semibold text-accent hover:text-accent/80 transition-colors"
>
View All Claims →
</Link>
</article>
{/* ChatGPT Features */}
<article className="bg-card border border-border rounded-lg p-8 mb-8 transition-shadow hover:shadow-lg">
<h3 className="text-xl font-semibold mb-4">
<Link
href="/claims-library/chatgpt-features"
className="text-foreground hover:text-accent hover:underline transition-colors"
>
Top 10 ChatGPT Features That Actually Matter At Work
</Link>
</h3>
<p className="text-muted-foreground mb-6 leading-relaxed">
Five claims about ChatGPT's most impactful workplace features, demonstrating measurable time savings and strategic advantages through focused utilization.
</p>
<div className="flex flex-wrap gap-4 mb-6 text-sm text-muted-foreground">
<span className="px-3 py-1 bg-muted rounded"><span className="text-accent font-medium">5</span> Claims</span>
<span className="px-3 py-1 bg-muted rounded">Published: Nov 4, 2025</span>
<span className="px-3 py-1 bg-muted rounded">Author: Kamil Banc</span>
</div>
<ul className="space-y-2 mb-6">
<li className="p-3 border-l-4 border-l-accent bg-muted text-sm">
File upload feature reduced report preparation time from 3 hours to 20 minutes (89% savings)
</li>
<li className="p-3 border-l-4 border-l-accent bg-muted text-sm">
Custom GPTs reduce project planning time by approximately 70%
</li>
<li className="p-3 border-l-4 border-l-accent bg-muted text-sm">
Voice mode enables professionals to reclaim commute time for productive work
</li>
</ul>
<Link
href="/claims-library/chatgpt-features"
className="inline-flex items-center font-semibold text-accent hover:text-accent/80 transition-colors"
>
View All Claims →
</Link>
</article>
{/* Vibe Hackathons */}
<article className="bg-card border border-border rounded-lg p-8 mb-8 transition-shadow hover:shadow-lg">
<h3 className="text-xl font-semibold mb-4">
<Link
href="/claims-library/vibe-hackathons"
className="text-foreground hover:text-accent hover:underline transition-colors"
>
Vibe Hackathons Transform AI Adoption in Three Hours
</Link>
</h3>
<p className="text-muted-foreground mb-6 leading-relaxed">
Five claims about how vibe coding hackathons accelerate AI adoption through
experiential learning, cross-functional collaboration, and rapid prototyping.
</p>
<div className="flex flex-wrap gap-4 mb-6 text-sm text-muted-foreground">
<span className="px-3 py-1 bg-muted rounded"><span className="text-accent font-medium">5</span> Claims</span>
<span className="px-3 py-1 bg-muted rounded">Published: Nov 2, 2025</span>
<span className="px-3 py-1 bg-muted rounded">Author: Kamil Banc</span>
</div>
<ul className="space-y-2 mb-6">
<li className="p-3 border-l-4 border-l-accent bg-muted text-sm">
Vibe hackathons shift AI from abstract concept to daily tool in three hours
</li>
<li className="p-3 border-l-4 border-l-accent bg-muted text-sm">
Mixed teams identify automation opportunities developers miss
</li>
<li className="p-3 border-l-4 border-l-accent bg-muted text-sm">
ChatGPT usage doubles the week after hackathons
</li>
</ul>
<Link
href="/claims-library/vibe-hackathons"
className="inline-flex items-center font-semibold text-accent hover:text-accent/80 transition-colors"
>
View All Claims →
</Link>
</article>
{/* Systems Thinking */}
<article className="bg-card border border-border rounded-lg p-8 mb-8 transition-shadow hover:shadow-lg">
<h3 className="text-xl font-semibold mb-4">
<Link
href="/claims-library/systems-thinking"
className="text-foreground hover:text-accent hover:underline transition-colors"
>
Systems Thinking for AI Implementation
</Link>
</h3>
<p className="text-muted-foreground mb-6 leading-relaxed">
Five claims about preventing narrow optimization mistakes, identifying leverage points,
and mapping dependencies before AI automation to avoid expensive implementation errors.
</p>
<div className="flex flex-wrap gap-4 mb-6 text-sm text-muted-foreground">
<span className="px-3 py-1 bg-muted rounded"><span className="text-accent font-medium">5</span> Claims</span>
<span className="px-3 py-1 bg-muted rounded">Published: Nov 3, 2025</span>
<span className="px-3 py-1 bg-muted rounded">Author: Kamil Banc</span>
</div>
<ul className="space-y-2 mb-6">
<li className="p-3 border-l-4 border-l-accent bg-muted text-sm">
Systems thinking prevents narrow optimization mistakes that shift work elsewhere
</li>
<li className="p-3 border-l-4 border-l-accent bg-muted text-sm">
Small targeted fixes in leverage points create system-wide improvements
</li>
<li className="p-3 border-l-4 border-l-accent bg-muted text-sm">
Process mapping on paper exposes bottlenecks and feedback loops
</li>
</ul>
<Link
href="/claims-library/systems-thinking"
className="inline-flex items-center font-semibold text-accent hover:text-accent/80 transition-colors"
>
View All Claims →
</Link>
</article>
{/* AI ROI Measurement */}
<article className="bg-card border border-border rounded-lg p-8 mb-8 transition-shadow hover:shadow-lg">
<h3 className="text-xl font-semibold mb-4">
<Link
href="/claims-library/ai-roi-measurement"
className="text-foreground hover:text-accent hover:underline transition-colors"
>
AI ROI Measurement: Why 95% See Zero Returns
</Link>
</h3>
<p className="text-muted-foreground mb-6 leading-relaxed">
Five claims about why companies fail to measure AI ROI, why time saved is the wrong metric,
and how top performers focus on revenue-generating activities instead.
</p>
<div className="flex flex-wrap gap-4 mb-6 text-sm text-muted-foreground">
<span className="px-3 py-1 bg-muted rounded"><span className="text-accent font-medium">5</span> Claims</span>
<span className="px-3 py-1 bg-muted rounded">Published: Nov 3, 2025</span>
<span className="px-3 py-1 bg-muted rounded">Author: Kamil Banc</span>
</div>
<ul className="space-y-2 mb-6">
<li className="p-3 border-l-4 border-l-accent bg-muted text-sm">
BCG found 95% of companies see zero measurable ROI from AI investments
</li>
<li className="p-3 border-l-4 border-l-accent bg-muted text-sm">
Top 5% concentrate 70% of AI investment in five revenue-generating areas
</li>
<li className="p-3 border-l-4 border-l-accent bg-muted text-sm">
High-performing functions show 2x revenue growth and 1.4x cost reductions
</li>
</ul>
<Link
href="/claims-library/ai-roi-measurement"
className="inline-flex items-center font-semibold text-accent hover:text-accent/80 transition-colors"
>
View All Claims →
</Link>
</article>
{/* Continue with other claim pages... */}
{/* For brevity, I'll add a few more key ones */}
{/* ChatGPT Setup */}
<article className="bg-card border border-border rounded-lg p-8 mb-8 transition-shadow hover:shadow-lg">
<h3 className="text-xl font-semibold mb-4">
<Link
href="/claims-library/chatgpt-setup"
className="text-foreground hover:text-accent hover:underline transition-colors"
>
How to Set Up ChatGPT Properly in Under 10 Minutes
</Link>
</h3>
<p className="text-muted-foreground mb-6 leading-relaxed">
Five essential claims about ChatGPT configuration: enable memory, define advisor personality,
brief on business context, and use proven frameworks to extract real value from your subscription.
</p>
<div className="flex flex-wrap gap-4 mb-6 text-sm text-muted-foreground">
<span className="px-3 py-1 bg-muted rounded"><span className="text-accent font-medium">5</span> Claims</span>
<span className="px-3 py-1 bg-muted rounded">Published: Nov 4, 2025</span>
<span className="px-3 py-1 bg-muted rounded">Author: Kamil Banc</span>
</div>
<Link
href="/claims-library/chatgpt-setup"
className="inline-flex items-center font-semibold text-accent hover:text-accent/80 transition-colors"
>
View All Claims →
</Link>
</article>
{/* Add remaining claim pages similarly */}
))}
</section>
<section className="mb-12">