feat: add bento-style Featured and Latest Posts layout

[Gouravjaat07]

Related Tickets & Documents

Fixes: #3084

---

Description

This PR enhances the blog landing page by introducing a modern Bento-style layout for both Featured Posts and Latest Posts.
The update improves visual hierarchy, readability, and discoverability while ensuring a clean and responsive user experience aligned with modern SaaS design standards.

---

Changes

• Implemented a Bento-style Featured Posts section with a prominent hero card and supporting cards
• Redesigned Latest Posts section using a scalable Bento card grid
• Improved content hierarchy by clearly presenting blog image, title, excerpt, author, and read time
• Ensured responsiveness across mobile, tablet, and desktop devices
• Optimized the layout to automatically adapt when new posts are added without requiring code changes

---

Type of Change

• Chore (maintenance, refactoring, tooling updates)
• Bug fix (non-breaking change that fixes an issue)
• New feature (change that adds functionality)
• Breaking Change (may require updates in existing code)
• UI improvement (visual or design changes)
• Performance improvement (optimization or efficiency enhancements)
• Documentation update (changes to README, guides, etc.)
• CI (updates to continuous integration workflows)
• Revert (undo a previous commit or merge)

---

Testing

• Manually verified layout rendering across desktop, tablet, and mobile viewports
• Tested with multiple blog entries to ensure the Bento layout remains consistent
• Ran the local build to confirm there are no build or runtime errors

---

Demo

• Screenshots / screen recordings attached showcasing:

  • Bento-style Featured Posts layout ->

• Bento-style Latest Posts grid ->

• Responsive behavior across screen sizes ->

---

Environment and Dependencies

• New Dependencies: None
• Configuration Changes: None

---

Checklist

• My code follows the style guidelines of this project
• I have performed a self-review of my own code
• I have made corresponding changes to the documentation
• I have added corresponding tests
• I have run the build command to ensure there are no build errors
• My changes have been tested across relevant browsers/devices
• For UI changes, I've included visual evidence of my changes

[Gouravjaat07]

@amaan-bhati Kindly review my PR if its conflict free so you can merge with blog repo.

[amaan-bhati]

Hey @Gouravjaat07 Thanks for following up, i tried running this pr on my local, there are conflicts on a file, and there are also a bunch of errors, i was not able to preview it on my local because of that.