Redesign the home page using react

[Luson045]

I want to redesign the frontend, to make it look really professional

[CFokstuen]

Some feedback: A complete redesign and build of your UI is likely not a good first issue.

[Luson045]

Ok

[SuperexMack]

i can work here but sorry i am confused that which part of the frontend to redesign , The whole frontend?

[Luson045]

just the home.jsx file that is the landing page... this page(https://medi-connect-in.netlify.app/), like resize the graphs, use better cards, etc and all that to make it look professional, you can also use tailwind but make sure to initilize it as we haven't added any tailwind component yet, but it's your choice.

[SuperexMack]

okh sir , done 🫡 will try my best to redesign it . will report u soon

[Luson045]

cool 👍

[SuperexMack]

Could you let me know how this looks so far? We've just worked on the basics for now, and we'll be refining it further. Your feedback at this stage would be really helpful.

[Luson045]

already looking great bro, I think the bright blue gradient could be just a little more lighter, overall the fonts and colors are looking great 👍, make sure you don't commit before 1st october, so that your commits count

[SuperexMack]

Oh thanks @Luson045 , yeah i am thinking to change the whole landing page so it will took about 1-2 days.

[SuperexMack]

https://github.com/user-attachments/assets/e1095e89-c273-43b6-96b1-ae6b8ccf53aa

I’ve made some updates, and since it’s my first time contributing, I’m a bit confused. Could you please check the entire section and this video? I would appreciate your feedback on what I can improve. Thank you!

[Luson045]

@SuperexMack the text inside the service cards and user feedback cards should be properly visible. I think you can use different colour for the text inside the box and do you think a light theme would look better? 🤔

[SuperexMack]

okh done will implement a light theme and will fix that visibility too just give me some time :)

[SuperexMack]

https://github.com/user-attachments/assets/9d605a9c-2664-4419-9b39-cd3e1aeada3b

Sir, I’ve tried implementing a few things. I know it’s not looking great at the moment—just some simple changes. Could you help me with some ideas on what our page should look like? I have a few ideas in mind, but I’m not sure if they’re worth implementing. Your guidance would be really helpful!

[Luson045]

@SuperexMack the colour combination is looking great now, since it is targeting the Indian public, I guess we should keep it light themed like this one, overall it's looking great, but check the responsiveness, and I guess you can ADD SOME IMAGES AND ANIMATIONS, and USE SOME BETTER FONTS, but it's up to you, the current changes you made is what I expected from this issue, so you can add some more stuffs, what I mentioned above, but even you give PR with these changes, its acceptable.

[SuperexMack]

ooh thanks for the feedback . yeah now i wanna work on responsiveness first and after that i will add some animation too .

[Luson045]

you can join the discussion with other contributors to get more ideas and thoghts

[SuperexMack]

https://github.com/user-attachments/assets/8403b8fc-7036-4aa4-b1bb-8c44f739a5a3

sir this is the final look i added some basic scrolling animations and made it responsive , are u satisfied or i have to make more changes?

[Luson045]

great job, you can give the PR, before the PR can you center the ONLINE OPD SECTION horizontally, in mobile view, such that the service section doesn't show up when loaded

[Luson045]

this issue is completed