Home page Revamp using Astra + Gutenberg - Pslab.io

[Nimeshan]

I am planning to redevelop the homepage of pslab.io using the Astra theme and the Gutenberg block editor to give the site a modern, clean, and professional look. This will help improve usability, performance, and maintainability.

Current Status

• WordPress setup is complete.
• Astra theme is installed and activated.
• Gutenberg block editor is enabled and working.

Objectives

• Redesign homepage layout using Astra + Gutenberg.
• Give the website a modern, minimal, and professional appearance.
• Improve mobile responsiveness and loading speed.
• Ensure SEO and accessibility best practices are followed.
• Create a layout that is easy to maintain and extend by contributors.
• Use primary color #d32f2f throughout (buttons, highlights) for improved consistency.
• Adjust font and spacing using Astra’s global settings
• Modern Navbar using Astra's Options.
• Modern Hero Section that provides a tech product vibe.

[Nimeshan]

This is the Hero Section that I have come up with So far

[Nimeshan]

Update for Today

[Nimeshan]

Completed the Home Page, Still some Alignment related issues are there