feat: add theme comparison page with dashboard previews

[vaishnavikhatri3]

Description

This PR adds a dedicated Theme Comparison page that allows users to preview and compare all available dashboard themes in one place. Users can now easily explore theme options without manually changing theme parameters and refreshing previews.

Related Issue

Closes #174

Type of Change

• Bug fix (non-breaking change which fixes an issue)
• New feature (non-breaking change which adds functionality)
• Breaking change (fix or feature that causes existing functionality to change)
• Documentation update
• Refactor
• Performance improvement

Changes Made

• Added a dedicated /theme-comparison route for theme exploration.
• Created theme preview cards for all available dashboard themes using mock data.
• Added a "View Theme Comparison" CTA below the Themes section on the landing page.
• Implemented a responsive layout for desktop and mobile devices.
• Improved theme discoverability and comparison experience.

Testing

• Ran npm test — all tests pass
• Tested manually (if applicable)

Manual Testing

• Verified navigation from landing page to /theme-comparison.
• Verified all theme previews render correctly.
• Tested responsive behavior on different screen sizes.
• Confirmed theme comparison page is accessible through the CTA button.

Screenshots

Recording.samdev-pulse.mp4

Screen recording attached demonstrating:

• Landing page CTA
• Theme Comparison page
• Theme preview cards
• Responsive behavior

Checklist

• My code follows the project's code style
• I have performed a self-review of my code
• I have commented my code, particularly in hard-to-understand areas
• My changes generate no new warnings or errors
• I have updated the documentation if necessary
• My changes are scoped to a single issue

[vercel]

@vaishnavikhatri3 is attempting to deploy a commit to the Dot_NotSam's projects Team on Vercel.

A member of the Team first needs to authorize it.

[vaishnavikhatri3]

Hi @SamXop123 , I have made the requested changes. Kindly review them and let me know if anything else needs to be updated.

[SamXop123]

Excellent work @vaishnavikhatri3
just a few things that need to be fixed

Please remove that above card as shown in image. and also move the theme comparison button below the "show all themes" button and please also remove that long description line "Compare all themes side-by-side with full dashboard previews"

[vaishnavikhatri3]

Hi @SamXop123 , I have updated the placement. Is this okay, or should I move it below?

[SamXop123]

Hi @SamXop123 , I have updated the placement. Is this okay, or should I move it below?

I think it should do just fine now.

[vercel]

The latest updates on your projects. Learn more about Vercel for GitHub.

Project	Deployment	Actions	Updated (UTC)
samdev-pulse	Ready	Preview, Comment	Jun 11, 2026 5:45pm

[SamXop123]

Great work! Thank you for your contribution!

[github-actions]

🎉 Congratulations @vaishnavikhatri3! 🎉

Your pull request has been successfully merged into samdev-pulse! Thank you so much for your valuable contribution and effort. Every single improvement helps make samdev-pulse a better profile experience for everyone! 🙌

🚀 What's Next?

• Keep the momentum going! Feel free to browse through our open Issues and grab another one that interests you!
• Support the Project: If you enjoyed contributing to samdev-pulse, please take a second to star our repository! It helps increase the project's visibility and supports our community. ⭐

💬 Stay Connected:
Have any questions, want feedback, or just want to discuss further contributions? Feel free to reach out directly to the maintainer on Discord: dot_notsam!

Thank you again, and keep up the amazing work! 💻✨

[vaishnavikhatri3]

Thank you for the review and for merging the PR!

I really enjoyed working on this issue. If you need any help with future features, improvements, or fixes, feel free to tag me. I'd be happy to contribute again.