feat: Integrate CardSpotlight component for enhanced feature card UI

[codeunia-dev]

feat: Integrate CardSpotlight component for enhanced feature card UI in Organizations section.

Authored by: @akshay0611

Summary by CodeRabbit

Release Notes

• Style
  • Enhanced card hover effects with new animated overlays and icon rotation animations
  • Updated feature card layouts with reorganized icon and text structure for improved visual clarity
  • Added subtle visual enhancements including radial background effects for greater visual depth

_{✏️ Tip: You can customize this high-level summary in your review settings.}

[vercel]

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

Project	Deployment	Preview	Comments	Updated (UTC)
codeunia	Building	Preview	Comment	Nov 24, 2025 10:57am

[coderabbitai]

Caution

Review failed

The pull request is closed.

Walkthrough

The OrganizationsSection.tsx component is restructured to wrap feature cards with CardSpotlight, introducing gradient icon containers with hover rotation animations, reorganized title/description layout, and new overlay layers with persistent radial backgrounds.

Changes

Cohort / File(s)	Summary
Feature card spotlight refactor components/home/OrganizationsSection.tsx	Added CardSpotlight wrapper around each card; replaced standalone containers with gradient icon container featuring hover rotation and animated overlays; reorganized title/description into hierarchical layout; added decorative pointer-events-none overlay layer; preserved card-level hover y-translation while moving icon-specific hover effects inward

Estimated code review effort

🎯 3 (Moderate) | ⏱️ ~20 minutes

• Focus areas:
  • Verify CardSpotlight component integration and styling correctness across all wrapped cards
  • Validate hover animation timing, rotation values, and overlay effects for visual consistency
  • Confirm layout restructuring maintains responsive behavior and doesn't break on smaller viewports
  • Review pointer-events-none overlay implementation to ensure it doesn't interfere with interactive elements

Poem

🐰 Spotlight shines on cards anew,
With gradients that dance on cue,
Icons twirl with hover's grace,
Overlays light up the space—
A design refresh, bold and true! ✨

✨ Finishing touches

• 📝 Generate docstrings

🧪 Generate unit tests (beta)

• Create PR with unit tests
• Post copyable unit tests in a comment
• Commit unit tests in branch feat/companyhosting

---

📜 Recent review details

Configuration used: CodeRabbit UI

Review profile: CHILL

Plan: Pro

📥 Commits

Reviewing files that changed from the base of the PR and between 129e320 and 8b6d600.

📒 Files selected for processing (1)

• components/home/OrganizationsSection.tsx (3 hunks)

---

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.}