Create comprehensive landing page for Stacks Quest Boards

[AdekunleBamz]

This PR transforms the basic Next.js template into a professional learning platform that properly represents the Stacks Quest Boards project and showcases its comprehensive documentation collection.

Changes Made:

New Landing Page (frontend/app/page.tsx):

• Hero Section: Clear value proposition highlighting Stacks Quest Boards as a comprehensive learning platform

• Learning Paths: Four structured learning journeys:

  • Stacks Fundamentals (basics, transactions, Clarity, smart contracts)
  • DeFi Development (token standards, DEX integration, lending protocols, yield farming)
  • NFT Creation (SIP-009 standard, badge NFTs, metadata management, marketplaces)
  • Frontend Integration (wallet connection, @stacks/connect, @stacks/transactions, React hooks)

Featured Resources Section:

• Badge NFT Contract: Links to comprehensive SIP-009 documentation
• Clarity 4 Features: Highlights latest language features including stacks-block-time
• Frontend Integration: Complete guide for building Stacks-connected web applications

Additional Sections:

• Community Stats: Credibility-building metrics (500+ modules, 50+ contracts, 10K+ developers)
• Call-to-Action: Links to official Stacks documentation and GitHub

Layout Improvements (frontend/app/layout.tsx):

• SEO Optimization: Proper title, description, and keywords
• OpenGraph Metadata: Social media sharing optimization
• Author Attribution: Credits to Stacks Community

Design Features:

• Modern UI: Clean, professional design using Tailwind CSS
• Responsive Layout: Mobile-first approach with responsive grid systems
• Visual Hierarchy: Clear sections with proper typography and spacing
• Brand Consistency: Indigo color scheme matching Stacks ecosystem
• Interactive Elements: Hover effects, smooth transitions, and accessible buttons

Impact:

• Transforms generic Next.js template into a purpose-built educational platform
• Properly represents the extensive documentation collection in stacks/ and docs/
• Provides clear entry points for developers learning Stacks blockchain development
• Establishes credibility and community connection
• Serves as an effective marketing and onboarding tool for the Stacks ecosystem

Technical Details:

• Framework: Next.js 16 with App Router
• Styling: Tailwind CSS with custom gradients and responsive design
• TypeScript: Full type safety with modern React patterns
• Performance: Optimized fonts and efficient component structure
• Accessibility: Semantic HTML and proper ARIA considerations

This landing page now properly showcases the Stacks Quest Boards project as a comprehensive learning resource, making it easier for developers to discover and engage with the extensive documentation and tutorials available in the repository.

Closes enhancement request for improved project presentation and developer onboarding.