feat: implement premium auth landing page with split layout (#195) #208
Conversation
|
Hey @MK-codes365 PR Template is not followed. Kindly follow the template & edit it again for consideration as a valid pull request. Thanks for contributing in OpenCode'25 ✨✨! Correct Tempelate: |
|
Hey @MK-codes365 Thanks for opening this PR 🚀. Mentor will review your pull request soon and till then, keep contributing and stay calm. Thanks for contributing in OpenCode'25 ✨✨! |
|
Nice and appealing design |
|
Nah! I’m actually applauding your work—great job 👏 |
|
@Krishna200608 thanks merge it then I earn some points |
|
Well I am just a contributor 😁 like you |
|
@Krishna200608 oh I thought you were an organiser 😅 |
|
@MK-codes365 Really applaudable 👏👏 |
|
Hey @MK-codes365 Your PR has been merged 🥳🥳 and you have earned 50 points. Thanks for contributing in OpenCode'25✨✨ |
4 participants
issue: #195
Changes Made
UI/UX Enhancements
Split Layout: Created a shared
AuthLayout
component featuring a clean auth panel on the left and a bold, high-impact marketing panel on the right.
Premium Aesthetics: Used a deep blue gradient, typography scaling, and glassmorphism elements (badges, testimonial cards) to elevate the design.
Clerk Integration: Custom-themed the Clerk and components using the appearance prop to match the SubSentry branding perfectly.
Micro-copy & Trust Signals: Added security badges (SSL, Privacy) and social proof (stats, testimonial) to build user trust.
Responsive Design: Ensured a seamless transition to mobile where the marketing panel is hidden to prioritize the auth experience.
Hydration Error Fix: Applied suppressHydrationWarning to the root layout to prevent hydration mismatches caused by browser extensions (e.g., Jetski).