[TESTING PREVIEW] Add case studies showcase section to homepage (10 style variants)#132
Draft
oycyc wants to merge 4 commits into
Draft
[TESTING PREVIEW] Add case studies showcase section to homepage (10 style variants)#132oycyc wants to merge 4 commits into
oycyc wants to merge 4 commits into
Conversation
Case studies were only reachable via the Content nav dropdown. This surfaces them on the homepage to highlight real business impact and proven results. - New `case-studies-showcase` shortcode pulls case studies dynamically from content/case-studies/ (sorted by weight) and renders one of 10 selectable visual treatments (style="1".."10"): card grid, alternating splits, stat band, spotlight+list, scroll rail, bento, editorial list, glass cards, cinematic spotlight, and metrics strip. - Styles live in assets/css/case-studies-home.scss, scoped under .csh, imported at the end of custom.scss. - 10 homepage section files (content/sections/home-cs-NN-*.md, weights 11-20), one per style, so the team can compare all ten live and keep their favorite. - Added homepage-only front matter (home_blurb, home_metric, home_metric_label, plus a stat_bar/client for Power Digital) read only by the showcase shortcode; all reads degrade gracefully when fields are missing. - Documented the showcase in docs/case-studies.md. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01ER8HHv6wSGjkv1m2Hd3zXM
✅ Deploy Preview for masterpoint ready!
To edit notification comments on pull requests, go to your Netlify project configuration. |
Contributor
|
Important Review skippedDraft detected. Please check the settings in the CodeRabbit UI or the ⚙️ Run configurationConfiguration used: Repository UI Review profile: CHILL Plan: Pro Run ID: You can disable this status message by setting the Use the checkbox below for a quick retry:
✨ Finishing Touches🧪 Generate unit tests (beta)
Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out. Comment |
Adds a Microsoft "customer stories"-style interactive slider as style 11 of the case-studies-showcase shortcode: a large featured story panel (logo, title, blurb, highlight chips, "Read the story" + image) with a logo-tab strip below that switches the featured story, auto-advances, and scrolls horizontally so it reads as "there's more" as case studies are added. - New .cshx-* styles in case-studies-home.scss. - Vanilla JS emitted once (guarded via .Page.Scratch), inits every .cshx-slider, pauses on hover/focus. - Added home_logo front matter (light-background logo) to both case studies. - New homepage section content/sections/home-cs-11-slider.md (weight 10, shows first); docs/case-studies.md updated. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01ER8HHv6wSGjkv1m2Hd3zXM
Per feedback: all 10 options are now variations of the featured-story slider
("cards that hint there's more"), and they're styled for the homepage's white
background instead of a dark/pine one (the previous version rendered the section
title white-on-white).
- Shortcode now renders a featured-panel slider in 10 treatments: logo tabs,
peek carousel, vertical list, arrows+dots, counter+arrows, center coverflow,
numbered pills, image thumbnails, filmstrip, and side thumbnail rail.
- Two engines (swap + horizontal track w/ CSS peek) driven by one vanilla-JS
script, emitted once per build via site.Store; autoplay pauses on hover/focus.
- Light-mode palette: deep-teal eyebrow, pine title, light surface featured card
with shadow, dark media half.
- Featured panel and compact card extracted to partials (cshx-panel/cshx-card).
- Section files relabeled to the new variants; old Option 11 file removed.
- docs/case-studies.md updated.
Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01ER8HHv6wSGjkv1m2Hd3zXM
Per feedback: keep logo-tabs (1) and peek-carousel (2), add a combo (3), and drop the white background. - The whole showcase now sits inside a dark pine .csh-band (mint/pink glows + dot grid); light featured panel and cards pop on it and client logos stay visible. Eyebrow mint, title white. - style="3" combines 1+2: featured panel with a peek-carousel of compact cards beneath that doubles as the selector (click to swap, active gets a mint border). - Removed styles 4-10 from the shortcode/CSS and deleted their section files; only home-cs-01/02/03 remain. - docs/case-studies.md updated. Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01ER8HHv6wSGjkv1m2Hd3zXM
oycyc
changed the title
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
2 participants
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.
Case studies were only reachable via the Content nav dropdown. This surfaces them on the homepage to highlight real business impact and proven results.
case-studies-showcaseshortcode pulls case studies dynamically from content/case-studies/ (sorted by weight) and renders one of 10 selectable visual treatments (style="1".."10"): card grid, alternating splits, stat band, spotlight+list, scroll rail, bento, editorial list, glass cards, cinematic spotlight, and metrics strip.Claude-Session: https://claude.ai/code/session_01ER8HHv6wSGjkv1m2Hd3zXM
what
why
references
closes #123, if this PR closes a GitHub issue#123