Created a new dedicated section for "How to Use This Library" that appears immediately after the header, making it visible above the fold. Changes: - Created new HowToUse component with 3-column responsive grid - Positioned between Header and ClaimsLibrary sections - Removed from bottom of claims library (was easy to miss) - Added subtle background tint (bg-muted/30) to distinguish section - Centered heading for visual balance - Uses same wide container (max-w-[1920px]) for consistency Visual hierarchy: 1. Header (Photo + Bio + Links) 2. How to Use This Library (3 cards: Researchers, LLM Training, Practitioners) 3. Claims Library (Search + Filters + Grid) 4. About This Library (at bottom) 5. Services Benefits: ✓ Users understand library purpose before searching ✓ Clear progression: Who → How to Use → The Library ✓ Above the fold visibility ✓ Responsive 3-column → 1-column on mobile ✓ Maintains clean visual separation 🤖 Generated with [Claude Code](https://claude.com/claude-code) Co-Authored-By: Claude <noreply@anthropic.com> |
||
|---|---|---|
| .github/workflows | ||
| public | ||
| scripts | ||
| src | ||
| .gitignore | ||
| ADDING_NEW_CLAIMS.md | ||
| ARTICLE_PUBLICATION_DATES.md | ||
| AUTO_ARTICLE_SETUP.md | ||
| CITATION_SYSTEM_GUIDE.md | ||
| CLAIMS_PAGE_GUIDELINES.md | ||
| DOCUMENTATION_INDEX.md | ||
| DOMAIN_SETUP_GUIDE.md | ||
| GEO_AUDIT_2025-11-04.md | ||
| MIGRATION_SUMMARY.md | ||
| NAMECHEAP_DNS_SETUP.md | ||
| README.md | ||
| VALIDATION_SYSTEM.md | ||
| WORKFLOW.md | ||
| next.config.js | ||
| package-lock.json | ||
| package.json | ||
| postcss.config.js | ||
| tailwind.config.ts | ||
| tsconfig.json | ||
README.md
kbanc-nextjs
Next.js site for kbanc.com with static site generation for optimal GEO (Generative Engine Optimization).
Live Site
- Production: https://kbanc-nextjs.netlify.app
- GitHub: https://github.com/kbanc85/kbanc-nextjs
Auto-Deployment
This repository is connected to Netlify. Every push to main branch triggers automatic deployment.
Project Stats
- Total Pages: ~30 static HTML files
- Claims Pages: 26 individual claim articles
- Build Time: ~3 seconds
- GEO Optimized: ✅ Pre-rendered HTML + JSON-LD schema
Documentation
Setup & Deployment
MIGRATION_SUMMARY.md- Technical migration detailsDOMAIN_SETUP_GUIDE.md- Custom domain setup instructionsNAMECHEAP_DNS_SETUP.md- Complete DNS configuration
Workflows
WORKFLOW.md- Complete process for creating new claims pagesCLAIMS_PAGE_GUIDELINES.md- Strict image selection criteria
Local Development
npm install
npm run dev
# Visit http://localhost:3000
Build for Production
npm run build
# Output: /out directory
Creating New Claims Pages
See WORKFLOW.md for the complete step-by-step process including:
- Extracting atomic claims from articles
- Strict image selection criteria (white bg, black text, red accents only)
- Required file updates (sitemap, components, CSV)
- Build and deployment checklist