Restructure PREA/Legal Rights Home Page (Introduce Documents and Testimonials)

[CodyGarciaa]

Your sprint task is to create a home page similar to Healing Resources (shown below) with buttons leading to “PREA Videos”, “PREA Documents”, and “Testimonials”. “PREA Videos should bring the user to the current LegalRights screen, “PREA Documents” can bring the user to a blank screen with just the text “prea documents” for now, and “Testimonials” doesn’t have to do anything yet.

You can keep PREA’s home page as similar to this as possible for now as we do not have Kevin’s design for that page yet. One of the trickier parts of your sprint is making the functionality of the buttons actually work to jump to your new page as well as the old LegalRights page. You will probably need to restructure the existing LegalRights folder a bit, but I definitely think it’s doable! I suggest that you will likely need (1) to rewrite LegalRights -> index.tsx to be the new home page screen, (2) add two new folders — PreaVideos and PreaDocuments — in the LegalRights folder with their own index.tsx and styles.ts files, (3) copy the current index.tsx into the new PreaVideo’s index.tsx file, and (4) move the VideoPage folder to be in the new PreaVideos folder. Other than that, the rest should be minor changes, making sure all the pathing in all the files are correct and whatnot.

Again, feel free to reference the HealingResources folder as much as you need because it will be very similar to that. If this sprint is too light for you, feel free to also start on the skeleton of the “PREA Documents” page! It will likely be similar to the “Hope For Healing Guide” section shown below.

For the side bar navigation, it will likely be just the different “Chapters” with titles being equivalent to each video in the “PREA Videos” section.

You got this! and please reach out if you have any questions :)