Build /culture-cares.html landing page for sam - #97
Merged
Merged
Conversation
Culture Cares Podcast x Content.One nonprofit-focused campaign page per sam's brief (2026-08-31). Structure: - Hero (above-the-fold listener-exclusive benefits card with 5-item bullet list, warm-accent border to signal exclusivity, primary royal CTA to /contact-us/?ref=culture-cares, editorial visual on desktop naming real nonprofit customers/partners) - Listener-exclusive offer section (3 detailed cards: consultation, AI visibility audit, complimentary migration) with reinforcing CTA - Why this matters (4 nonprofit-website-value cards: discovery, trust, action, AI/traditional search) with reinforcing CTA - CauseCircle section: visually differentiated per sam's brief - warm- bordered card on soft gradient, outline-style secondary CTA (not primary royal fill), external link to www.causecircle.org with rel='noopener noreferrer' - Final CTA on dark royal gradient with warm glow accent All primary CTAs anchor to /contact-us/?ref=culture-cares for attribution. Secondary CauseCircle CTA points external. Placeholder: CauseCircle mark is an editorial glyph until the official SVG is supplied - flagged as a follow-up in PR body. Sitemap: added /culture-cares.html row.
Contributor
💾 Stage sync previewNew files to create (1):
Will add/update — differ from dev (1):
Unchanged, skipped: 0 192 mapped resources · zesty-sync |
added 3 commits
August 31, 2026 14:28
…ntact-form Per sam's follow-up (2026-08-31) - include the demo form directly in the landing rather than routing to /contact-us/. Reuses the sitewide ContentOneDemoForm Zoho endpoint (same one the /contact-us/ page uses) with a distinct zf_referrer_name value 'culture-cares-landing' so submissions segment cleanly for campaign attribution. - Final CTA section restructured: same H2/subhead copy, form embedded directly below on the dark royal gradient in a translucent white card. id='contact-form' anchor target. - 4 primary CTAs now anchor to #contact-form (hero, section 2, section 3, nav 'Book a demo' pill) - CauseCircle CTA still external to www.causecircle.org (unchanged) - Footer 'Contact' link kept pointing at /contact-us/ (sitewide chrome) - Zoho fields (Name_First, Name_Last, Email, SingleLine, MultiLine) match the schema verbatim - do not rename or values drop silently - On submit, Zoho redirects to /thank-you/?type=demo (existing pattern)
…by' social proof strip
Per sam (2026-08-31):
1. Hero image: replaced the editorial gradient card on the right column
with the supplied Culture-Cares.jpg. Wrapped in rounded-3xl w/ ring +
warm-accent glow behind for continuity with the listener-exclusive
visual language. eager-load + fetchpriority=high since it's LCP.
2. Social proof section added between hero and Listener-Exclusive Offer.
Title matches sam's ask verbatim ('Trusted by leading enterprises and
nonprofits'). Uses the same grayscale+opacity+hover pattern as the
sitewide /-/block/client_logos.html but hardcoded here so we can
control the title and the enterprise/nonprofit mix.
Logos (3 enterprise + 3 nonprofit, balanced):
- Enterprise: Sony, Singlife, Wattpad (reused from contact-us Trusted-by)
- Nonprofit: Adjoin, AFP, Nonprofit Storytelling Conference (reused from DEI page)
Enterprise SVGs get the brightness(0)+opacity treatment since they're
originally reversed-white marks that need to render as dark on the
light strip.
Per sam (2026-08-31): The Salvation Army, Sony, Phoenix Suns, kin, wattpad, Singlife. To be reused as the default marketing-page customer lineup unless a specific ask says otherwise. - Dark bg (ink) so the reversed-white SVGs read cleanly alongside the colored marks (Phoenix Suns purple/orange, wattpad orange) - Tagline kept as 'Trusted by leading enterprises and nonprofits' from sam's earlier ask (his reference screenshot uses a different tagline but the logo mix is the point of this update) - Each logo sized to its own natural aspect (Sony/kin/Singlife wordmarks smaller h-6/7, Salvation Army/Phoenix Suns badges h-10/12, wattpad h-7/8) so no logo dominates the row Salvation Army: using the_salvation_army_reversed.svg (white on dark) since a colored red-shield SVG isn't on Zesty CDN. If sam wants the red version, drop the asset URL and I'll swap.
4 tasks
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
1 participant
Add this suggestion to a batch that can be applied as a single commit.This suggestion is invalid because no changes were made to the code.Suggestions cannot be applied while the pull request is closed.Suggestions cannot be applied while viewing a subset of changes.Only one suggestion per line can be applied in a batch.Add this suggestion to a batch that can be applied as a single commit.Applying suggestions on deleted lines is not supported.You must change the existing code in this line in order to create a valid suggestion.Outdated suggestions cannot be applied.This suggestion has been applied or marked resolved.Suggestions cannot be applied from pending reviews.Suggestions cannot be applied on multi-line comments.Suggestions cannot be applied while the pull request is queued to merge.Suggestion cannot be applied right now. Please check back later.
Summary
Culture Cares Podcast × Content.One nonprofit campaign landing page. Copy verbatim from sam's brief (2026-08-31).
Nonprofit-leader-focused, conversion-oriented, listener-exclusive benefits front-and-center above the fold. CauseCircle section visually differentiated as secondary CTA per sam's build instructions.
Structure (5 sections)
/contact-us/?ref=culture-cares, editorial visual on desktop naming real nonprofit customers/partnershttps://www.causecircle.orgwithrel="noopener noreferrer"and external-link icon/contact-us/?ref=culture-caresCTA routing per sam's spec
/contact-us/?ref=culture-cares(query param preserved for attribution)https://www.causecircle.org(external, target=_blank, rel=noopener noreferrer)Design choices
#D97757terracotta) since this is a sibling nonprofit-facing campaign in the same visual familySitemap
Added
/culture-cares.htmlrow at priority 0.7.Follow-ups flagged
culture-cares.html— same standing manual step as prior standalones. Drop the ZUID and I'll wire it intozesty.config.json.ref=culture-caresquery param already tags submissions for triage in the meantime).Preview
https://hj5v68xn-sam-culture-cares.webengine.zesty.io/culture-cares.html?zpw=bobby
Test plan
/contact-us/?ref=culture-careshttps://www.causecircle.orgin a new tab