premimm login and sighn in page

[nitinmohan18]

Pull Request

Summary

Refined the authentication pages (Sign In & Sign Up) layout for a more compact and premium feel. This includes fixing footer positioning, reducing vertical stretching, and completely revamping the decorative feature cards to use realistic content and a cleaner matte aesthetic without neon glows.

---

Related Issue

Closes #

---

Type of Change

• Feature
• Bug Fix
• Documentation
• Refactor
• Performance Improvement
• CI / Build
• Other: UI/UX Enhancements

---

What Changed?

• Auth Layout Enhancements: Adjusted layout containers to eliminate excessive top space while restoring the flex-1 wrapper to ensure the global footer sits flush at the absolute bottom of the screen.
• Form Compaction: Tightened vertical spacing and gaps across both the Sign In and Sign Up forms so they are no longer awkwardly stretched out horizontally or vertically.
• Premium Background Mockups: Revamped the fanned-out background feature cards (University Support, Personal Dashboard, AI Tutor). Removed placeholder boxes and replaced them with meaningful, realistic data/text.
• Removed Neon Glows: Stripped heavy shadow-[] glows and shiny gradients from the cards in favor of a cleaner, more professional matte dark aesthetic (#151a23).
• Floating Pills Adjustments: Updated text to "EXAM READY" and "ALL BRANCHES" to better match the platform's focus. Fixed an overlapping bug by adjusting hover:z-index so cards properly pop in front of the pills when hovered or tapped.

---

Screenshots (UI Changes Only)

---

Testing

• Verified Sign In and Sign Up forms display compactly on both desktop and mobile views.
• Hovered/tapped background cards to ensure proper z-index layering over the floating pills.
• Checked bottom page scrolling to confirm the footer stays anchored at the bottom without any weird empty color blocks underneath.

---

Checklist

Before requesting a review, confirm the following:

• 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 styling on the mockups is now much closer to the final intended premium design. We may want to extract those hard-coded mockups into their own components later if we plan to reuse them on a separate marketing landing page.

Summary by CodeRabbit

• New Features
  • Refreshed the authentication experience with a new split-screen design, updated branding, and improved mobile/desktop presentation.
  • Added branch suggestions to the sign-up form for easier selection while creating an account.
  • Updated sign-in and sign-up screens with clearer layouts, simplified actions, and improved link placement.
  • Enhanced the footer with additional navigation links and a disclaimer.

[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 7, 2026 5:19pm

[github-actions]

🎉 Congratulations @nitinmohan18!

Thank you for contributing to HyperLearningTech.

Your pull request has been successfully merged into main.

📦 Merge Summary

• PR: premimm login and sighn in page #67 - premimm login and sighn in page
• 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]

Caution

Review failed

The pull request is closed.

ℹ️ Recent review info

⚙️ Run configuration

Configuration used: defaults

Review profile: CHILL

Plan: Pro

Run ID: 22afd58c-ae5b-402a-98b9-aef3e3d06944

📥 Commits

Reviewing files that changed from the base of the PR and between c198dfa and 4751f7e.

📒 Files selected for processing (7)

• app/(auth)/layout.tsx
• app/(auth)/sign-in/page.tsx
• app/(auth)/sign-up/page.tsx
• app/dashboard/page.tsx
• app/layout.tsx
• components/auth/auth-input.tsx
• components/auth/oauth-button.tsx

---

📝 Walkthrough

Walkthrough

This PR redesigns the auth layout, sign-in, and sign-up pages with new visuals, copy, and card-style layouts, adds a suggestions prop with datalist support to AuthInput, restyles OAuthButton, and applies minor styling adjustments to the dashboard page and root layout.

Changes

Auth UI Redesign

Layer / File(s)	Summary
AuthInput suggestions and OAuthButton restyle components/auth/auth-input.tsx, components/auth/oauth-button.tsx	AuthInput gains an optional suggestions?: string[] prop rendering a <datalist> wired via the input's list attribute, with updated input styling; OAuthButton's className is restyled with zinc-based colors and focus ring.
Auth layout marketing panel and footer app/(auth)/layout.tsx	New icon imports support a redesigned desktop marketing panel with feature mockup cards and decorative badges, updated right-side auth container/mobile header, and a new footer with navigation links and disclaimer.
Sign-in page redesign app/(auth)/sign-in/page.tsx	Logo header replaces text heading, forgot-password link moved to its own row, inputs and submit button restyled, and sign-up prompt converted to a bordered card.
Sign-up page redesign with branch suggestions app/(auth)/sign-up/page.tsx	Adds a BRANCHES suggestion mapping, a new branch input field, restyled submit button, and redesigned divider and login-prompt sections.
Dashboard and root layout tweaks app/dashboard/page.tsx, app/layout.tsx	Dashboard wrapper gains min-height, animation, and z-index classes; root layout's <main> className and JSX formatting are updated.

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

Possibly related PRs

• imuniqueshiv/HyperLearningTech#11: Both PRs touch app/dashboard/page.tsx, with this PR adjusting wrapper styling/animations and the other replacing the dashboard page with a full new UI layout.

Suggested reviewers: imuniqueshiv, RamuuXfree

✨ 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 login-page

---

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