The "top navigation", "hero section" and "main area" block areas span over the full width of the page. Use "Add layout" with 1 column to get the standard container width. That will line up the content with topbar left, topbar right and the footer.
The "main area" Bootstrap5 grid support.
Block areas: