💄 Migrate /consulting/artificial-intelligence to the v3 block set - #4950
Open
joshbermanssw wants to merge 7 commits into
Open
💄 Migrate /consulting/artificial-intelligence to the v3 block set#4950joshbermanssw wants to merge 7 commits into
joshbermanssw wants to merge 7 commits into
Conversation
Rebuilds the AI consulting page on the v3 blocks already proven on /consulting/react, and adds an animated neural-network hero media composition so the AI page gets its own RHS instead of a static image. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Member
Author
|
/deploy |
Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Member
Author
|
/deploy |
Contributor
Coverage report
Test suite run success19 tests passing in 2 suites. Report generated by 🧪jest coverage report action from 4000f46 |
Contributor
There was a problem hiding this comment.
Pull request overview
This PR migrates /consulting/artificial-intelligence from the legacy v2 block composition to the v3 block set, aligning it with the newer consulting page styling (e.g. /consulting/react) and introducing a bespoke animated hero RHS media treatment for the AI page.
Changes:
- Rebuilds the AI consulting page JSON using v3 blocks (hero, logos, process, lead capture, stats, testimonials, video highlights, FAQ, CTA).
- Adds a new animated neural-network SVG hero media component and registers it in the v3 hero media registry.
- Extends the v3 hero Tina schema to allow selecting the new AI hero media type.
Reviewed changes
Copilot reviewed 4 out of 5 changed files in this pull request and generated 1 comment.
| File | Description |
|---|---|
| content/consultingv2/artificial-intelligence.json | Replaces the page’s v2 blocks with the v3 block set and refreshed content structure. |
| components/blocks/v3/hero/media/AiConsultingHeroMedia.tsx | New animated neural-network SVG used as the AI consulting hero RHS media. |
| components/blocks/v3/hero/media/registry.tsx | Registers aiConsultingSvg key so the v3 hero can render the new media. |
| components/blocks/v3/hero/hero.schema.tsx | Adds the new media type option to Tina for v3 hero configuration. |
💡 Add Copilot custom instructions for smarter, more guided reviews. Learn how to get started.
| { | ||
| "technology": "content/v2Technologies/technologies/GitHub-Copilot-v2.mdx" | ||
| "question": "How much does it cost?", | ||
| "answer": "Every engagement is scoped to your goals, so there's no single price. The initial call is always 100% **free**. The specification review will be used to give the most accurate estimation possible for a projects scope, price and duration.\n", |
Contributor
|
Deployed changes to https://app-sswwebsite-9eb3-pr-4950.azurewebsites.net ℹ️ Staging slots are no longer created automatically - comment |
Contributor
Member
Author
|
/deploy |
Contributor
|
Deployed changes to https://app-sswwebsite-9eb3-pr-4950.azurewebsites.net ℹ️ Staging slots are no longer created automatically - comment |
Member
Author
|
/deploy |
Contributor
|
Deployed changes to https://app-sswwebsite-9eb3-pr-4950.azurewebsites.net ℹ️ Staging slots are no longer created automatically - comment |
Contributor
🚀 Lighthouse Report
|
Member
Author
|
/deploy |
Member
Author
|
/deploy |
Contributor
|
Deployed changes to https://app-sswwebsite-9eb3-pr-4950.azurewebsites.net ℹ️ Staging slots are no longer created automatically - comment |
Contributor
🚀 Lighthouse Report
|
joshbermanssw
added
the
no-issue
Member
Author
|
/deploy |
Contributor
|
Deployed changes to https://app-sswwebsite-9eb3-pr-4950.azurewebsites.net ℹ️ Staging slots are no longer created automatically - comment |
Contributor
🚀 Lighthouse Report
|
The glow layers were sized to the block exactly, so the wash stopped at a hard line wherever a block sat next to another. When bleed is on they now grow 10rem past the top and bottom, using gradient variants anchored to the block's real corner so the taller box doesn't drag the glow out of place. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Restores the breadcrumbs block, drops the hero chevron, points the YakShaver CTA at yakshaver.ai, swaps the Chat Bots card for Vibe Coding, and relabels two model pills. Co-Authored-By: Claude Opus 5 (1M context) <noreply@anthropic.com>
Member
Author
|
/deploy |
Contributor
|
Deployed changes to https://app-sswwebsite-9eb3-pr-4950.azurewebsites.net ℹ️ Staging slots are no longer created automatically - comment |
Contributor
🚀 Lighthouse Report
|
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
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.
TL;DR
The AI consulting page was still on the v2 blocks (
imageTextBlock,spacer, placeholder logos from/images/Louis Test Images/), so it looked nothing like the v3 treatment shipped on/consulting/react. This rebuilds it on v3, and adds the three pieces of v3 that were missing to do it properly: a Pills block, an animated hero composition, and a red glow that bleeds past block edges.Files to review (14, +615 / -355):
content/consultingv2/artificial-intelligence.json(start here)components/blocks/v3/pills/(new)v3Pillsblock — schema + component.components/blocks/v3/hero/media/AiConsultingHeroMedia.tsx(new)components/layout/v2ComponentWrapper.tsx+tailwind.config.jsbleedis on.components/blocks/v3/testimonials/*components/blocks/index.ts,blocks-renderer.tsx,hero/media/registry.tsxWhy
Second page onto v3, after
/consulting/react. Sequencing follows the React page so the two read as one system: problem → why SSW → process → lead capture → proof → services → FAQ → CTA.Two pieces of the old page were worth keeping and are carried over into v3 blocks rather than dropped — the FPE case study (now the
v3Testimonialsslide, using the real Thomas Bidou quote already incontent/testimonials/testimonials.json) and YakShaver (now a secondv3VideoHighlightsblock).Reviewer notes
v3Pillsis deliberately generic. Brow + heading + a wrapping row of labels, each with an optional image and link. Named for its shape, not for "tech we use", so it can carry industries or certifications later.bleedandredGloware both set; the non-bleed path is byte-identical to before.mediaTyperesolves through the existing registry, same mechanism as the React atom. Its animation parks under reduced motion./images/ssw-web/logos/set as the React page.Links