Update sample pages on example site and storybook with content from cgov-digital-platform

[sarinapadilla]

Change Request Description

The requested change is to update the Example site so that it matches the ODE exactly to improve testing. The pages to be updated on the Example site and their equivalent on the ODE are listed below.

Expected Change

Update the following on the Example Site (https://designsystem-dev.cancer.gov/develop/example-site/)

• Make the CancerGov Home Page match the ODE Home Page
• Make the Landing Page match the Grants and Training Landing page
• Create new Fake Landing Page 1 to match the ODE Sample Page 1
• Create new Fake Landing Page 2 to match the ODE Sample Page 2
  • Update to use a 3 guide card row (choose link titles as you wish)
• Create new Fake Landing Page 3 to match the ODE Sample Page 3
  • Update to remove the title
  • Update the hero to be a dark hero with primary CTA
  • Update the second promo block to have image right
• Create new Fake Landing Page 4 to match the ODE Sample Page 4
  • Update to use a 3 guide card row (choose link titles as you wish)

Acceptance Criteria

Scenario: The DS Example Site matches the test pages on the ODE
Given a user is viewing the DS Example Site
Then the DS Example Site exactly matches the test pages on the ODE

Screenshots/Additional Notes

[bennettcc]

Based on internal conversation on 6/27, this story is on hold. Action items to follow:

• Monika replace homepage png images to be jpegs (where required) on ACSF test
• Bryan retest page speed on acsf-test after Monika's images changes
• Monika + Laurel replace images in Prod CMS (and shared teams folders used by content team) ahead of 7/13 content launch (so the correct jpegs are added into the new c.gov launched pages)
• Laurel create design backlog ticket to develop documentation/guidance for when jpegs vs pngs should be used on c.gov/microsites
• Sarina/Andy create digi platform GH ticket to update YAML with new jpeg images (to match what Monika is changing on acsf and eventually prod)

[laurelthrash]

Determined during 7/13 UX meeting that we need to provide the following:

1. Link to folder with images (@monika-jaeger )
2. Link to content templates: https://nih.sharepoint.com/:f:/r/sites/NCI-OCPLNewCgovUXDesignSystem/Shared%20Documents/General/Details%20-%20Release%202/R2.1/Content%20Templates?csf=1&web=1&e=i2zFxX

Team to reference content that is published to production on 7/13. Cc: @bennettcc @sarinapadilla

[monika-jaeger]

• Link to teams folder with images note: this does not include images that are already in the CMS and did not need new crops for launch.
  cc @laurelthrash @bennettcc @sarinapadilla