resize card

[nitinmohan18]

Summary by CodeRabbit

• New Features

  • Added a redesigned authentication overlay with updated visuals and frosted background effects.
  • Introduced refreshed onboarding timeline presentation, including a “Final Step” badge.
  • Added feature highlight chips to replace the previous personalization message.
  • Updated primary and preview actions with improved layout and styling.

• Bug Fixes

  • Improved scroll-linked overlay animation timing for a smoother experience.

[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 25, 2026 2:50am

[coderabbitai]

📝 Walkthrough

Walkthrough

Changes

The dashboard authentication overlay now uses updated scroll-linked animation timing, a fixed frosted card presentation, redesigned onboarding steps, revised authentication and preview actions, and feature-pill personalization details.

Dashboard authentication overlay

Layer / File(s)	Summary
Overlay presentation and animation components/dashboard/auth-overlay.tsx	The scroll offset, fixed card layout, backdrop layers, gradient accents, lock header, badge, title, and descriptive text are updated.
Onboarding timeline rendering components/dashboard/auth-overlay.tsx	Step labels use dedicated rendering, and the final step displays conditional styling with a “Final Step” badge.
Actions and personalization footer components/dashboard/auth-overlay.tsx	Sign-up, sign-in, preview, and personalization sections receive revised layouts, styles, and feature-pill chips.

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

Possibly related PRs

• imuniqueshiv/HyperLearningTech#106: Introduces the overlay changes refined in this PR.
• imuniqueshiv/HyperLearningTech#108: Also substantially modifies the overlay’s positioning, styling, and scroll-linked behavior.
• imuniqueshiv/HyperLearningTech#110: Contains overlapping frosted overlay, gradient, and sign-in button styling changes.

Suggested reviewers: imuniqueshiv

🚥 Pre-merge checks | ✅ 5

✅ Passed checks (5 passed)

Check name	Status	Explanation
Description Check	✅ Passed	Check skipped - CodeRabbit’s high-level summary is enabled.
Title check	✅ Passed	The title is related to the PR, since the main change includes a substantial card/overlay layout redesign.
Docstring Coverage	✅ Passed	No functions found in the changed files to evaluate docstring coverage. Skipping docstring coverage check.
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.

✨ 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 uii-ux

---

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: resize card #113 - resize card
• 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! 🚀

[coderabbitai]

Actionable comments posted: 1

🧹 Nitpick comments (1)

components/dashboard/auth-overlay.tsx (1)

85-116: 📐 Maintainability & Code Quality | 🔵 Trivial | ⚡ Quick win

Infinite decorative animations don't respect reduced-motion preference.

The floating lock (y: [0, -5, 0]) and pulsing backlight (opacity/scale) run repeat: Infinity unconditionally. Framer Motion provides useReducedMotion/MotionConfig specifically to disable non-essential motion for users who set prefers-reduced-motion.

♻️ Suggested fix

+import { useReducedMotion } from "framer-motion";
...
+  const shouldReduceMotion = useReducedMotion();
...
   <motion.div
     className="relative mb-4 sm:mb-5"
-    animate={{ y: [0, -5, 0] }}
-    transition={{ duration: 4, repeat: Infinity, ease: "easeInOut" }}
+    animate={shouldReduceMotion ? undefined : { y: [0, -5, 0] }}
+    transition={{ duration: 4, repeat: shouldReduceMotion ? 0 : Infinity, ease: "easeInOut" }}
   >

🤖 Prompt for AI Agents

Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

In `@components/dashboard/auth-overlay.tsx` around lines 85 - 116, Update the
floating lock and pulsing backlight motion blocks in the auth overlay to respect
the user’s reduced-motion preference via Framer Motion’s useReducedMotion or
MotionConfig. Disable the non-essential infinite y, opacity, and scale
animations when reduced motion is enabled while preserving the current
animations for other users.

🤖 Prompt for all review comments with AI agents

Verify each finding against current code. Fix only still-valid issues, skip the
rest with a brief reason, keep changes minimal, and validate.

Inline comments:
In `@components/dashboard/auth-overlay.tsx`:
- Around line 50-54: Add pointer-events-none to the backdrop motion.div’s
className in the frosted backdrop section, ensuring the invisible overlay cannot
intercept dashboard clicks while preserving the card UI’s explicit pointer-event
behavior.

---

Nitpick comments:
In `@components/dashboard/auth-overlay.tsx`:
- Around line 85-116: Update the floating lock and pulsing backlight motion
blocks in the auth overlay to respect the user’s reduced-motion preference via
Framer Motion’s useReducedMotion or MotionConfig. Disable the non-essential
infinite y, opacity, and scale animations when reduced motion is enabled while
preserving the current animations for other users.

🪄 Autofix (Beta)

Fix all unresolved CodeRabbit comments on this PR:

• Push a commit to this branch (recommended)
• Create a new PR with the fixes

---

ℹ️ Review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro Plus

Run ID: cb604643-68a5-43a0-8cde-c4a516c728d3

📥 Commits

Reviewing files that changed from the base of the PR and between 40742cc and c001911.

📒 Files selected for processing (1)

• components/dashboard/auth-overlay.tsx

[imuniqueshiv]

Good implemention.