Customer stories & Partners: New pages and homepage updates

[machikoyasuda]

closes #351
closes #354
closes #356
closes #382
closes #391
closes #398
closes #403

What this PR does

• Partners page
• Customer stories page
• Homepage update

Plan for PR

• Gillian approval 9/9
• CalSTA approval

How to review this PR

• Run a11y tests on all new pages and homepage
• Check copy

Test

This preview link has all the new updates: https://deploy-preview-377--cal-itp-website.netlify.app/
https://deploy-preview-377--cal-itp-website.netlify.app/customer-stories
https://deploy-preview-377--cal-itp-website.netlify.app/partners

[netlify]

✅ Deploy Preview for cal-itp-website ready!

Name	Link
🔨 Latest commit	1c4e4d2
🔍 Latest deploy log	https://app.netlify.com/sites/cal-itp-website/deploys/66d7f0223b67960008638139
😎 Deploy Preview	https://deploy-preview-377--cal-itp-website.netlify.app
📱 Preview on mobile	Toggle QR Code... Use your smartphone camera to open QR code link.

---

To edit notification comments on pull requests, go to your Netlify site configuration.

[machikoyasuda]

@ohmegasquared This is ready for a Design review:

https://deploy-preview-377--cal-itp-website.netlify.app/ - home page logos and new copy
https://deploy-preview-377--cal-itp-website.netlify.app/partners - new page

[ohmegasquared]

on the home page, I expected the logos to be in the same column width container as the text above

seeing in netlify going outside of that

on mobile they seem to go off screen

Partners looks great!

[machikoyasuda]

@ohmegasquared Ohhhh good catch - thank you! Firefox renders the homepage differently than Chrome and Safari! 🫨

[machikoyasuda]

Ready for re-review @ohmegasquared

on the home page, I expected the logos to be in the same column width container as the text above

Fixed and confirmed in Firefox, Safari, Chrome:

[machikoyasuda]

This PR is now ready for a preliminary PR review for code (@thekaveman @angela-tran or @lalver1) and design (@ohmegasquared). What I want is a comment here that the Partners section is "Approved for design" or "Approved for code." That will give me the permission to stop working on Partners code/design. You do not need to click the GitHub pull request "Approve" button. That will happen after the copy is in and approved as well.

What I plan to do:

• Monday/Tuesday: Get the Partners PR preliminary approval (code and design).
• Tuesday/Wednesday: Then, get the Customer Stories PR into this Partners PR preliminary approval (code and design). Once Customer Stories is approved, I'm going to merge Customer Stories into the Partners PR.
• Wednesday: After the preliminary approvals are done, I don't want to change any code or design. We are code complete. Only copy changes at this point.
• Wednesday/Thursday: At this point, there will only be 1 PR to manage. In this ONE PR, I'll make all copy/photo changes. Send test URL to @mrose914
• After that: @mrose914 to communicate final approval to @machikoyasuda, @mrose914 / @thekaveman + one developer approves the PR for reals, then the PR can finally be merged into main and be deployed to prod.

Other notes:

• Any changes to the current home page, the current home page's Contact section - need to be created as bug tickets. These bug tickets can be worked on separately, and get approved and merged into production immediately.

[ohmegasquared]

Marissa and I reviewed mobile and web- looks good to us! will make 2 follow up tickets for home dots spacing + footnote adjustment

[lalver1]

This looks great! I viewed the pages locally on Firefox and Safari and I'd say it's approved for code.

[machikoyasuda]

Fix for #382 applied in this PR

@ohmegasquared

[ohmegasquared]

Design is approved on mobile and web! 🔥

[mrose914]

A few more updates:

• 1.88M Daily transit rides in CA[1] should point to a footnote for a dash that does not yet exist, can leave as Source for now
• 230+ Transit agencies in CA; all can leverage Cal-ITP should link to the Provider Map footnote
• "pre-negotiated MSAs" should link to https://www.camobilitymarketplace.org/contracts/
• 91% Reduction in amount of expired GTFS Schedule Feeds since 2023 - should link to the following source: https://dashboards.calitp.org/public/dashboard/9dd1758e-59de-479a-877b-c63657dc555d?tab=13-objective-1%3A-improve-up-to-dateness-of-schedule-service
• remove (YTD) on Trips stat on homepage and move to footnote so footnote reads "Year to Date, 2024 Cal-ITP Contactless Usage Dashboard ↩"

[mrose914]

The hyperlink here looks just slightly too big - is that something we can fix? Pretty minor so i'm OK if not, but it looks a little puffy.

[machikoyasuda]

Lots of small fixes in:

• Fix link styles for the Our impact section and Benefits Monthly Update link
• Fix footnote numbering error
• Add a period in footnote style

[mrose914]

@machikoyasuda I am now connected to our new reviewer at CalSTA. Given that she doesn't have the context Marty did/was prepped with, I'd like to follow up with a couple more edits so I can tell her this is 100% ready for her review. See below:

PARTNERS PAGE

UPDATE CARB QUOTE

• “In order to unlock the greenhouse gas reductions and mobility justice opportunities that transit provides, we have to make it easier for people to use California’s buses and trains. Cal-ITP tackles basic but essential challenges that transit users face so that more Californians can make the switch to sustainable transportation options.”
  Lisa Macumber, chief of CARB’s Equitable Mobility Incentives branch

CUSTOMER STORIES PAGE

• Footnote 1 for for daily transit rides in CA >> https://www.transit.dot.gov/ntd/data-product/2022-annual-database-agency-mode-service
• Fleet size for MST should be 170
• Update 3rd paragraph in MST Customer Story to the following:

In 2022, MST became the first transit agency in the nation to provide an automated method for older adults to obtain their transit benefit via an open-loop contactless payment system. In the past year, there has been a 200% increase in reduced-fare transactions using the contactless system!

Could you push these to staging today? Once that is done, we will wait for anything she requests we change (I'm going to strongly push for just an approval on what is here) and then we will be GTG. Thank you!

cc @ohmegasquared and @o-ram (pls let us know if MST provided an updated photo)

[mrose914]

I am adding final copy changes here, will confirm via comment once they are all in:

In Ditto:

• https://app.dittowords.com/projects/665f77c1ef555c55c1a15bef/page/348:392/665f77c2fc01a8981d30d06b
• https://app.dittowords.com/projects/665f77c1ef555c55c1a15bef/page/348:392/665f77c2fc01a8981d30d077
• https://app.dittowords.com/projects/665f77c1ef555c55c1a15bef/page/348:392/665f77c2fc01a8981d30d07f
• https://app.dittowords.com/projects/665f77c1ef555c55c1a15bef/page/348:392/665f77c2fc01a8981d30d089
• https://app.dittowords.com/projects/665f77c1ef555c55c1a15bef/page/348:392/665f77c3fc01a8981d30d0db

[machikoyasuda]

@ohmegasquared @mrose914 The photo ticket (#403) and the above Ditto fixes are made: https://deploy-preview-377--cal-itp-website.netlify.app/

[mrose914]

Thank you! Awaiting the 👍 from Gillian. I may have one more sentence to add to the homepage based on her reply.

[mrose914]

LGTM! Approved by GG during our call this am (9/9).