[FEATURE] Improve login page design

[NiazMorshed2007]

Description

Current login page design is not so descriptive, it's just a button there. Maybe add some texts and a logo to present it better. I've created a demo design in my local system. If it passes let me know, I would like to work on this 🙂

Screenshots below 👇

Screenshots

Current version:

Proposed version:

Additional information

No response

[github-actions]

It's great having you contribute to this project

Welcome to the community 🤓

If you would like to continue contributing to open source and would like to do it with an awesome inclusive community, you should join our Discord chat and our GitHub Organisation - we help and encourage each other to contribute to open source little and often 🤓 . Any questions let us know.

[Eclipse175]

this looks way better, and less bland

[bharathkalyans]

The proposed version looks good compared to the normal page.

[harshitXdesign]

1. Incorporated the logo onto the sign-up page for improved brand recognition and trust-building.
2. Added a clear copy to inform users about the service's value proposition: "Hassle-free connectivity with a single link."
3. Included a subheading that makes the sign-up process more actionable and prompts users to take action: "Join now."
4. Redesigned the button to be more visually prominent and communicate its primary CTA status to users.
5. Overall, the updates were made with the user experience in mind, improving the page's usability and overall effectiveness.
   @rakesh-gupta29 will be able to integrate into development.
   

[NiazMorshed2007]

1. Incorporated the logo onto the sign-up page for improved brand recognition and trust-building.
2. Added a clear copy to inform users about the service's value proposition: "Hassle-free connectivity with a single link."
3. Included a subheading that makes the sign-up process more actionable and prompts users to take action: "Join now."
4. Redesigned the button to be more visually prominent and communicate its primary CTA status to users.
5. Overall, the updates were made with the user experience in mind, improving the page's usability and overall effectiveness.
   @rakesh-gupta29 will be able to integrate into development.
   

Design looks great!

[Eclipse175]

LOOK AWESOME! can i work on this with somebody if the project is in react?

[eddiejaoude]

Great collaboration and designs everyone! I think here are the docs to customising the default next-auth login page https://next-auth.js.org/configuration/pages#oauth-sign-in

We have purchased TailwindUI components, I think it would be good to use their first simple design with some tweaks, that way we can get it out faster to the users and customise further later when we have automated tests etc

https://tailwindui.com/components/application-ui/forms/sign-in-forms

---

LOOK AWESOME! can i work on this with somebody if the project is in react?

@Eclipse175 thank you for your enthusiasm however it is better to research the project first and make your own decisions fro that

[sansarmaske]

I would like to work on this.

[ajaxbo360]

Hi, i would like to work on this

[eddiejaoude]

@NiazMorshed2007 as you created the issue and requested it first, let me know if you would like this issue or if I should assign it to someone else

Please note my previous comment about Tailwind prebuilt components

[NiazMorshed2007]

@eddiejaoude I would like to work on this,, assign this to me please

[eddiejaoude]

@eddiejaoude I would like to work on this,, assign this to me please

sure, assigned 👍

[Eclipse175]

@NiazMorshed2007 hey bro can i have your discord? i just want to talk about it if you'd like

[eddiejaoude]

@NiazMorshed2007 hey bro can i have your discord? i just want to talk about it if you'd like

@Eclipse175 best to discuss in public in the EddieHub Discord - so others can learn and join in

[NiazMorshed2007]

@Eclipse175 yep,, let's hangout on EddieHub discord