keploy / keploy/keploy

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

Open
#3,084 21 comments 0 reactions 1 assignee Claimed by @Gouravjaat07 View on GitHub
blog-website Good First Issue HACKTOBERFEST HACKTOBERFEST2025 nextjs OSS
Dominant language
Go
Stars
18.5k
Forks
2.4k
Avg merge
1d 4h
Merged PRs (30d)
101

Description

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

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.