keploy icon indicating copy to clipboard operation
keploy copied to clipboard

[blog-website] Add Modern UI Components to Landing Page

Open amaan-bhati opened this issue 2 months ago • 20 comments

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

amaan-bhati avatar Oct 01 '25 11:10 amaan-bhati

/assign please assign this issue to me

Deepam02 avatar Oct 01 '25 12:10 Deepam02

I gotcha the word UI is my fav.... would like to work on this if get assinged....🫡 @amaan-bhati

whatsupsumit avatar Oct 01 '25 12:10 whatsupsumit

Hey @Deepam02 Sure, you can work on this. I am assigning it to you!

amaan-bhati avatar Oct 01 '25 12:10 amaan-bhati

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.

Gouravjaat07 avatar Oct 01 '25 15:10 Gouravjaat07

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.

amaan-bhati avatar Oct 03 '25 06:10 amaan-bhati

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?

Gouravjaat07 avatar Oct 03 '25 14:10 Gouravjaat07

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.

Deepam02 avatar Oct 03 '25 16:10 Deepam02

/unassign

Deepam02 avatar Oct 03 '25 16:10 Deepam02

Thank you brother @Deepam02 .

Gouravjaat07 avatar Oct 03 '25 16:10 Gouravjaat07

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!

Gouravjaat07 avatar Oct 03 '25 16:10 Gouravjaat07

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.

Gouravjaat07 avatar Oct 03 '25 16:10 Gouravjaat07

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!

Gouravjaat07 avatar Oct 06 '25 01:10 Gouravjaat07

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!

amaan-bhati avatar Oct 06 '25 10:10 amaan-bhati

Also, kudos to @Deepam02 for making an effort to make this a very friendly, helping and an encouraging space.

amaan-bhati avatar Oct 06 '25 10:10 amaan-bhati

Hey @Gouravjaat07 are you working on this issue? If yes, is there any update on the same?

amaan-bhati avatar Oct 09 '25 08:10 amaan-bhati

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.

Gouravjaat07 avatar Oct 09 '25 12:10 Gouravjaat07

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!

Gouravjaat07 avatar Oct 13 '25 02:10 Gouravjaat07

created an pr please review

skeyur18 avatar Nov 06 '25 15:11 skeyur18

Is this issue still open? Can u assign it to me?

niteshver avatar Nov 24 '25 16:11 niteshver

if the issue is still open , than it would be my pleasure to work overr it !! please assign it to me .

devlopharsh avatar Nov 27 '25 14:11 devlopharsh

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! 🙌

Gouravjaat07 avatar Dec 16 '25 07:12 Gouravjaat07