Skip to main content

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.