Skip to content

feat: improve comparison section UI with responsiveness and enhancements#1264

Open
sarv-tech wants to merge 1 commit into
CodeGraphContext:mainfrom
sarv-tech:feat/comparison-ui-improvements
Open

feat: improve comparison section UI with responsiveness and enhancements#1264
sarv-tech wants to merge 1 commit into
CodeGraphContext:mainfrom
sarv-tech:feat/comparison-ui-improvements

Conversation

@sarv-tech

Copy link
Copy Markdown

✨ UI/UX Enhancement: Improve "Why CodeGraphContext?" Comparison Section

This PR enhances the "Why CodeGraphContext?" comparison section to improve readability, visual hierarchy, responsiveness, and overall user engagement.


🚀 Changes Made

  • Optimized comparison table layout with reduced padding for a denser and cleaner UI
  • Added hover effects for better row-level interactivity
  • Highlighted the CodeGraphContext column using gradient styling for visual emphasis
  • Standardized status badges (consistent sizing, alignment, and color coding)
  • Replaced technical feature labels with user-friendly terms:
    • Dependency Tracking
    • Cross-Repository Navigation
    • AI Explanation Quality
  • Implemented responsive design:
    • Desktop: Table layout
    • Mobile: Stacked card layout
  • Added summary section with key benefits and CTA button
  • Integrated smooth entrance animations using Framer Motion
  • Enhanced MagneticButton to support optional navigation via href

🎨 UI Improvements

  • Cleaner and more modern SaaS-style layout
  • Better visual hierarchy and scanability
  • Improved focus on CodeGraphContext advantages
  • Enhanced interaction feedback (hover + animations)

📱 Responsiveness

  • Fully responsive across devices
  • Table view on desktop
  • Card-based layout on mobile

📌 Files Changed

  • website/src/components/ComparisonTable.tsx
  • website/src/components/MagneticButton.tsx
  • website/public/logo-copilot.svg
  • website/public/logo-cursor.svg

🔗 Related Issue

Closes #1215


🧩 Notes

  • Frontend-only changes
  • No backend modifications
  • UI improvements only

@vercel

vercel Bot commented Jun 15, 2026

Copy link
Copy Markdown

@sarv-tech is attempting to deploy a commit to the shashankss1205's projects Team on Vercel.

A member of the Team first needs to authorize it.

@sarv-tech

Copy link
Copy Markdown
Author

pls review my pull request

@sarv-tech

Copy link
Copy Markdown
Author

Hi maintainers,

The implementation is complete and all requested changes have been pushed. The PR is currently waiting for workflow approval and review from a maintainer.

Could someone please review and approve the workflows when available?

Thank you!

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

Status: Backlog tasks

Development

Successfully merging this pull request may close these issues.

[UI/UX Enhancement]: Improve "Why CodeGraphContext?" Comparison Section for Better Readability and Conversion

1 participant