feat: embed dashboard, refine premium UI, and add lag-free scroll ani…

[nitinmohan18]

Pull Request

Summary

Integrated the student dashboard directly into the university landing page, completely overhauled the premium aesthetic of the branch cards, and implemented lag-free, hardware-accelerated scroll animations across the entire application.

---

Related Issue

Closes #

---

Type of Change

• Feature
• Bug Fix
• Documentation
• Refactor
• Performance Improvement
• CI / Build
• Other

---

What Changed?

• Embedded Dashboard: Removed the legacy Quick Access navigation on the RGPV page and seamlessly integrated the Student Dashboard directly below the Branch Selection grid.
• Ultra-Premium UI Polish:
  • Redesigned the "Live" and "Soon" badges into minimalist pill containers with glowing LED status indicators.
  • Added a permanent soft blue wash gradient to the branch cards' default background state.
  • Removed generic purple/blue gradients from section headers, replacing them with a sleek silver/chrome gradient text effect.
  • Refined the dark mode hover state by disabling internal card glows, ensuring only the crisp blue border activates on hover.
• Optimized Scroll Animations: Upgraded Framer Motion properties across the Hero, Branch Grid, and Dashboard sections to use combined scale/opacity transforms with custom cubic-bezier easing curves (ease: [0.25, 1, 0.5, 1]) for an incredibly fluid, lag-free load sequence.

---

Screenshots (UI Changes Only)

(Attach screenshots or video recordings of the new dashboard integration and hover/scroll animations here)

---

Testing

• Verified that all scroll animations trigger smoothly without CPU bottlenecking or lag by using scale/opacity GPU-accelerated transforms.
• Tested light mode and dark mode specifically to ensure the new metallic gradients and dark-mode-specific hover states render correctly.
• Ran the ESLint suite over the entire project to ensure 0 unused code warnings or syntax errors.

---

Checklist

• My branch is up to date with the latest main.
• My code follows the project's coding standards.
• I have formatted the modified files (npx prettier --write <file>).
• npm run format:check passes.
• npm run lint passes.
• npm run typecheck passes.
• npm run build passes.
• I have updated documentation if required.
• I have tested my changes locally.
• This Pull Request focuses on a single feature or fix.

---

Additional Notes

The transition away from vibrant solid background colors (especially on the badges) to mostly neutral designs with glowing accents brings the application's aesthetic much closer to high-end, modern SaaS platforms like Vercel and Linear.

Summary by CodeRabbit

• New Features

  • Added smoother animated transitions throughout the dashboard, including the welcome banner, learning section, and quick actions.
  • Updated the RGPV page with the new dashboard experience.
  • Refreshed the Engineering Branches section with premium visual styling, improved branch cards, status indicators, and clearer exploration actions.
  • Added an updated closing section highlighting support for every engineering discipline.

• Style

  • Enhanced university hero animations with smoother timing and motion effects.

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
hyper-learning-tech	Ready	Preview, Comment	Jul 14, 2026 5:00pm

[coderabbitai]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 7b451413-4ace-4ac4-b16f-ce4fc40c6ef5

📥 Commits

Reviewing files that changed from the base of the PR and between 52567d5 and 7625ff6.

📒 Files selected for processing (4)

• app/dashboard/page.tsx
• app/rgpv/page.tsx
• components/university/branch-grid.tsx
• components/university/university-hero.tsx

---

📝 Walkthrough

Walkthrough

The dashboard now uses Framer Motion entrance animations and is rendered within the RGPV page. University branch cards and supporting sections receive a visual redesign, while university hero animation timing and transforms are adjusted.

Changes

University UI updates

Layer / File(s)	Summary
Dashboard motion and RGPV composition app/dashboard/page.tsx, app/rgpv/page.tsx	The dashboard becomes a client component with animated welcome, learning, and quick-action sections; RGPV now renders DashboardPage instead of QuickAccess.
Branch grid visual redesign components/university/branch-grid.tsx	Branch headers, cards, status and footer content, available-branch focus styling, and the bottom section are restructured and restyled with updated animations.
University hero animation tuning components/university/university-hero.tsx	Hero child staggering, initial and visible transforms, duration, and easing are updated.

Estimated code review effort: 3 (Moderate) | ~25 minutes

Possibly related PRs

• imuniqueshiv/HyperLearningTech#11: Both changes modify the dashboard page and its Framer Motion-based dashboard presentation.

Suggested reviewers: imuniqueshiv

✨ 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 branc-sec

Warning

There were issues while running some tools. Please review the errors and either fix the tool's configuration or disable the tool if it's a critical failure.

🔧 ESLint

If the error stems from missing dependencies, add them to the package.json file. For unrecoverable errors (e.g., due to private dependencies), disable the tool in the CodeRabbit configuration.

ESLint install failed: one or more packages not found in the registry.

---

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

[github-actions]

🎉 Congratulations @nitinmohan18!

Thank you for contributing to HyperLearningTech.

Your pull request has been successfully merged into main.

📦 Merge Summary

• PR: feat: embed dashboard, refine premium UI, and add lag-free scroll ani… #104 - feat: embed dashboard, refine premium UI, and add lag-free scroll ani…
• Status: ✅ Merged
• Repository: HyperLearningTech

🚀 Keep Contributing

• Follow the CONTRIBUTING.md guidelines.
• Keep each Pull Request focused on a single feature or fix.
• Run formatting, linting, type checking, and a production build before opening a PR.

Thank you for helping make HyperLearningTech better.

Happy Coding! 🚀