Blog list load more

[0xDeon]

🚀 Blog List Implementation with Enhanced UI and Functionality

Closes #273 & #272

📋 Overview

Implemented a comprehensive blog listing system with improved user experience, expanded content, and modern UI components.

✨ Features Added

🎨 UI/UX Improvements

• Enhanced Blog Grid: Responsive 3-column layout with wider cards for better content visibility
• Modern Header Design: Rounded buttons with filter icons and improved search bar styling
• Better Typography: Increased font sizes and improved spacing for better readability
• Consistent Branding: All blog cards now use the unified funding.png image

📚 Content Expansion

• 24 Blog Posts: Added 12 new diverse blog posts covering DeFi, NFTs, governance, risk assessment, and more
• Rich Content: Each post includes detailed content, proper metadata, and SEO optimization
• Realistic Data: Varied topics with unique titles, excerpts, authors, and publication dates

⚡ Load More Functionality

• View More Button: Implemented pagination with "View More" button that loads 12 posts at a time
• Loading States: Visual feedback with spinner during content loading
• End State Handling: Clear message when all posts are loaded
• Performance Optimized: Only loads additional content when requested

🔍 Search & Navigation

• Search Functionality: Real-time search filtering across titles, excerpts, and categories
• Category Navigation: Latest/Category tabs with proper active states
• Responsive Design: Optimized for all screen sizes

🛠️ Technical Changes

• Updated BlogGrid component with modern UI and pagination logic
• Enhanced BlogCard component with improved styling and spacing
• Expanded blog data in lib/data/blog.ts with 24 comprehensive posts
• Removed unused BlogHero component for cleaner architecture
• Applied consistent Prettier formatting across codebase

🎯 Key Benefits

• Better User Experience: Intuitive navigation and loading patterns
• Scalable Content: Easy to add more blog posts in the future
• Performance Optimized: Efficient pagination and loading states
• Maintainable Code: Clean component structure and consistent styling

📱 Responsive Design

• Mobile: 1 column layout
• Tablet: 2 column layout
• Desktop: 3 column layout
• All breakpoints optimized for best viewing experience

[vercel]

@DanielEmmanuel1 is attempting to deploy a commit to the christroa's projects Team on Vercel.

A member of the Team first needs to authorize it.

[0xDeon]

@0xdevcollins I'm done please review

[0xDeon]

@0xdevcollins Done