Homepage refresh new intro section

[ramram-mf]

Description

This PR updates the homepage model and view, adding a new section below the hero banner, with editable heading, contents, cta and page target. Repositions the Focus areas section into it and updates all styling to tailwind utility classes.

Mobile layout ATF

Mobile layout BTF

Desktop layout

Wagtail page form UI

To test

1. Login to the review app CMS with credentials admin2:admin2
2. Update the homepage new section hero bottom fields, publish.
3. Review the homepage and confirm changes were reflected correctly.

Link to sample test page: https://foundation-s-tp1-930-ho-hg3if5.herokuapp.com/
Related PRs/issues: #12598

┆Issue is synchronized with this Jira Story

[danielfmiranda]

Hi @ramram-mf,

Thank you for taking on this task! I followed the steps in your description, and everything is functioning as expected. Great work! 🙌

I do have one key suggestion regarding the fields hero_intro_link_text and hero_intro_link_page. Given the recent push to use it wherever possible, we can simplify these fields by combining them into a single field using the LinkBlock, as it handles both link label and link target along with any necessary validation. It also allows users to set the link target to not only internal pages, but also external links, phone numbers, emails, etc:

I’ve left suggestions in the review to show how you could implement this change in your PR. If you need any help, please feel free to reach out and I would be happy to help via slack or zoom call! 👍

Additionally, you can check out this PR for reference, where we’ve implemented the LinkBlock in a similar context.

Thanks again, and great job on the progress so far!

[danielfmiranda]

Amazing work, thanks @ramram-mf! Approved 👍