[blog-website] Add Modern UI Components to Landing Page
The blog landing page looks minimal and needs better content hierarchy. Adding Bento-style cards and sections will improve discoverability and structure.
Expectations:
- Add “Featured Posts” section with highlighted blogs. Make cards preferably in bento style or any other modenr style cards that has a good user interface as well as a very pleasant user experience.
- Add “Latest Posts” section with a card grid or list view.
- Use Bento card layouts (as seen in modern SaaS sites).
- Cards should include: blog image, title, short description, author, and read time.
- Use Tailwind + UI libraries (shadcn/ui cards, Aceternity components).
Acceptance Criteria:
- Homepage displays “Featured Posts” and “Latest Posts”.
- Cards are responsive and styled properly.
- Clear information hierarchy (easy to browse).
- Works smoothly on desktop & mobile.
Links:
- Blog Website: https://keploy.io/blog
- Blog Website Repi: https://github.com/keploy/blog-website
/assign please assign this issue to me
I gotcha the word UI is my fav.... would like to work on this if get assinged....🫡 @amaan-bhati
Hey @Deepam02 Sure, you can work on this. I am assigning it to you!
Hi @amaan-bhati , can you please assign this issue to me? I’d like to work on it. I am beginner please this issue assign for me for my happy starting in your organization.
Hey @Gouravjaat07 Glad to see that enthusiasm as a begginer, we would love to encourage this further. Although this issue has already been assigned to someone else, you can for sure take a look at other issues listed in this repos issues tab, we have added 20-25 good first issues that are begginer friendly, feel free to go through them and tag me on any issue you feel like you can contribute and i will assign it to you. Ps- we follow a first come first scenario, who ever comments first gets to work on the issue, so please take care of that. Feel free to reach out to our team on slack if you have any doubts or issues.
Sir @amaan-bhati , whenever you release a new good first issue, someone immediately comments on it and gets assigned, so I don’t even get the chance. I have been active in your org for the past 2 weeks, but so far I haven’t been able to get a single good first issue assigned to me.
Out of compulsion, I tried working on issues that were already assigned to others, but when I created a PR, it was rejected.
I genuinely want to contribute, but I’m not sure what the right approach should be. Could you please guide me on how I can participate more effectively and get a fair chance?
Hey @Gouravjaat07, I get your frustration, I faced the same earlier. To solve it, I set up a GitHub Action with a cron job to track new good first issues so I could grab them faster. On another note, I already have a couple of issues to work on. so you can work on this one.
/unassign
Thank you brother @Deepam02 .
Hi @amaan-bhati , I noticed that this issue was unassigned. I would like to work on it—could you please assign it to me?
Thanks!
Sir @amaan-bhati , I saw that @Deepam02 has unassigned this issue and said that I can work on this issue, I am very interested in this issue, please assign me this issue.
Hi @amaan-bhati ,
This issue has been unassigned for a while. I would like to work on it. Could you please assign it to me?
Thanks!
Hey @Gouravjaat07 Sure, you can work on this issue, there are other issues that are untouched as of now as well, we would also add more issues this week, you can try setting up a notification for every time we create a new issue, you can try automating this process using github pat toke as well.Since, you have been active in the org for a while and are motivate4d enough to work on this issue, i am assigning it to you. Cheers!
Also, kudos to @Deepam02 for making an effort to make this a very friendly, helping and an encouraging space.
Hey @Gouravjaat07 are you working on this issue? If yes, is there any update on the same?
Yes sir @amaan-bhati , I’ve started working on it. I’m still figuring out a few parts since I’m a beginner, so it might take me a little more time to complete. I’ll share an update soon.
Hi sir @amaan-bhati 👋, I have created a PR for this issue — please review it when you get a chance. Here’s my PR: keploy/blog-website#191
Thank you!
created an pr please review
Is this issue still open? Can u assign it to me?
if the issue is still open , than it would be my pleasure to work overr it !! please assign it to me .
Hi @amaan-bhati Sir👋 I’ve submitted a PR addressing this issue with a Bento-style layout improvement for the blog landing page.
PR: #220
Looking forward to your review and feedback. Thanks! 🙌