Customer stories & Partners: New pages and homepage updates

[machikoyasuda]

closes #351
closes #354
closes #356
closes #382
closes #391

What this PR does

• Partners page
• Customer stories page
• Homepage update

Plan for PR

🚧 🚧 🚧

This PR is not ready for Production - b/c the copy is not final. The code & design are ready for review, but the copy is not. This PR is to be deployed to a branch and that link will be used to get partner approval. Awaiting final copy from CARB.

🚧 🚧 🚧

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	59ed791
🔍 Latest deploy log	https://app.netlify.com/sites/cal-itp-website/deploys/66ac11ca086eb5000841eb48
😎 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! 🔥

[machikoyasuda]

New combined PR is here 🎊 🎊

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

[machikoyasuda]

Update as of Thursday, Aug 1st, 1PM:

• All copy (including alt tags for images/map on Customer Stories) we have is now in the code.
• All pages passing WCAG AA.

Open items:

• CARB quote (for now it's a placeholder)
• MST approval on content and photo
• Glenn County updated photo
• Link to Metabase Dash for Transit Data Quality Dashboard - on the Home page (https://deploy-preview-377--cal-itp-website.netlify.app/#fn:3) and Partners page (https://deploy-preview-377--cal-itp-website.netlify.app/customer-stories#fn:2) - the link is not in there yet b/c the link goes to a page that is inaccessible to non-logged in users

@mrose914 @thekaveman

[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.