feat: add comparison page and cursor animation

[yashdev9274]

• Introduced a new comparison page to showcase features of various AI tools.
• Added a blinking cursor animation in the global CSS for enhanced visual appeal.
• Updated the footer and navbar to include links to the new comparison page.

Summary by CodeRabbit

Release Notes

• New Features

  • Introduced a comprehensive product comparison page featuring detailed side-by-side analysis with competitors, interactive feature matrix, performance scoring, and animated visualizations.

• UI Improvements

  • Redesigned footer component with enhanced visual design, improved information architecture, and smooth animations for better user experience.
  • Added cursor blink animation effect for enhanced visual feedback.

• Navigation

  • Added "Compare" link to the main navigation menu.

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
supercli	Ready	Preview, Comment	Jun 20, 2026 7:13am
supercli-client	Ready	Preview, Comment	Jun 20, 2026 7:13am
supercli-docs	Ready	Preview, Comment	Jun 20, 2026 7:13am

[greptile-apps]

Your free trial has ended. If you'd like to continue receiving code reviews, you can add a payment method here.

[coderabbitai]

Caution

Review failed

Pull request was closed or merged during review

Walkthrough

Adds a new client-side /compare page rendering a "Supercode vs the rest" marketing comparison UI with a hero, stats grid, scrollable feature table, score bars, and CTA. The footer component is replaced with an animated pixel-logo multi-column design. The navbar gains a "Compare" entry, and a cursor-blink CSS animation utility is added.

Changes

Compare Page and Navigation

Layer / File(s)	Summary
Data models and presentational helper components apps/web/app/(pages)/compare/page.tsx, apps/web/app/globals.css	Defines the tools array, row data model with feature/divider types, scores dataset, and helper components CheckMark, CrossMark, FeatureCell, ScoreBar, and StatCard. Adds the cursor-blink keyframes and animate-cursor-blink Tailwind utility.
ComparePage hero, stats, and comparison table apps/web/app/(pages)/compare/page.tsx	Implements the top-level ComparePage layout with fixed side borders, Navbar, animated hero, four StatCard stats, and a horizontally scrollable feature comparison table with divider rows and animated feature rows using FeatureCell/CheckMark/CrossMark.
Score bars, difference cards, CTA, and nav wiring apps/web/app/(pages)/compare/page.tsx, apps/web/components/homepage/navbar.tsx	Adds the At a Glance ScoreBar section, three-card "The difference" section, CTA with waitlist and GitHub links, and Footer render completing ComparePage. Adds the /compare entry to navItems.

Footer Redesign

Layer / File(s)	Summary
PIXEL_FONT constants and PixelLogo component apps/web/components/homepage/footer.tsx	Introduces the PIXEL_FONT bitmap map, PIXEL_SIZE/PIXEL_GAP constants, and a PixelLogo component rendering the "SUPERCODE" wordmark as hover-animated pixel blocks with scanline overlay and fade-in keyframes.
LinkGroup component and new Footer layout apps/web/components/homepage/footer.tsx	Defines linkVariants, LinkGroup with framer-motion slide-in list items and hover arrow styling, and the new Footer with a 4-column link grid (internal and DOCS_URL-driven external links), social icons row (GitHub/Twitter/Mail), and a bottom bar showing copyright and v0.1.7.

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~25 minutes

Poem

🐰 Hop, hop! A new page appears,
Pixels blink and the footer cheers,
Columns of links in rows so neat,
ScoreBars rise from head to feet.
The navbar grows by one small link—
Compare the world in just a blink! ✨

🚥 Pre-merge checks | ✅ 4 | ❌ 1

❌ Failed checks (1 warning)

Check name	Status	Explanation	Resolution
Docstring Coverage	⚠️ Warning	Docstring coverage is 0.00% which is insufficient. The required threshold is 80.00%.	Write docstrings for the functions missing them to satisfy the coverage threshold.

✅ Passed checks (4 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title accurately summarizes the main changes: adding a new comparison page and cursor animation, which align directly with the file modifications and PR objectives.
Linked Issues check	✅ Passed	Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check	✅ Passed	Check skipped because no linked issues were found for this pull request.

_{✏️ Tip: You can configure your own custom pre-merge checks in the settings.}

✨ Finishing Touches

📝 Generate docstrings

• Create stacked PR
• Commit on current branch

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Commit unit tests in branch supercode-cli

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands and usage tips.}