Shadcn Components Demo
Component Library Showcase
This page demonstrates all integrated shadcn/ui components with realistic dummy data. Use this for:
- Visual Testing — See how components render and respond to different content lengths
- Responsive Design — Test layout on mobile, tablet, and desktop views
- Integration Verification — Confirm all blocks are working after deployment
- Performance Baseline — Measure page load and Web Vitals performance
What’s Included
1. Hero3 — Hero section with heading, CTA buttons, and customer reviews/ratings 2. Feature1 — Feature showcase with icon grid and imagery 3. Logos8 — Partner/company logos carousel or grid 4. About3 — Company profile with multi-column layout, achievements stats, and partner strip
Next Steps
1. ✅ Deploy these blocks to Next.js package 2. ✅ Rebuild Docker image 3. ✅ Visit this page and verify all components render correctly 4. ✅ Test responsive behavior on mobile/tablet 5. ✅ Check page performance metrics 6. ✅ Move to production integration
Hidden from navigation — This page is marked as draft and not linked in menus, allowing safe testing without affecting user-facing content.