epic(web): Web section components for Experience-driven Easter watch page

[Ur-imazing]

Background

Once CMS schema and codegen for the new section types exist, the web app must render them. apps/web uses a single Experience fetch and SectionRenderer (apps/web/src/app/[slug]/page.tsx) to map section __typename to components; new section types need corresponding React components.

Expected outcome

All section types used on the Easter-style Experience have a matching component in apps/web; the page renders from one API call.

Acceptance criteria

• All 10 web issues (feat(web): add VideoHero component #152–feat(web): add Card component #161) done
• SectionRenderer (or equivalent) handles new types
• No hand-written client logic; contracts/generated client only

Possible solution(s)

(Defined in child issues.)

References

• Blocked by: epic(cms): Experience schema for Easter-style watch page #175 Epic A (schema + codegen)
• Child issues: feat(web): add VideoHero component #152, feat(web): add Container component (side-by-side items) #153, feat(web): add Text component #154, feat(web): add Section component (background, blur hash, children) #155, feat(web): add RelatedQuestions component #156, feat(web): add BibleQuotesCarousel component #157, feat(web): add or align CTA component #158, feat(web): add videos carousel (media collection) #159, feat(web): add navigation carousel for media component #160, feat(web): add Card component #161
• Related CMS issues (same feature, other epic): feat(web): add VideoHero component #152↔feat(cms): add schema for VideoHero component #142 VideoHero, feat(web): add Container component (side-by-side items) #153↔feat(cms): add schema for Container component (side-by-side items) #143 Container, feat(web): add Text component #154↔feat(cms): add schema for Text component #144 Text, feat(web): add Section component (background, blur hash, children) #155↔feat(cms): add schema for Section component (background, blur hash, children) #145 Section, feat(web): add RelatedQuestions component #156↔feat(cms): add schema for RelatedQuestions component #146 RelatedQuestions, feat(web): add BibleQuotesCarousel component #157↔feat(cms): add schema for BibleQuotesCarousel component #147 BibleQuotesCarousel, feat(web): add or align CTA component #158↔feat(cms): add or align schema for CTA component #148 CTA, feat(web): add videos carousel (media collection) #159↔feat(cms): extend media collection to add videos carousel #149 videos carousel, feat(web): add navigation carousel for media component #160↔feat(cms): extend media component to add navigation carousel #150 navigation carousel, feat(web): add Card component #161↔feat(cms): add schema for Card component #151 Card
• Epic A (CMS): epic(cms): Experience schema for Easter-style watch page #175
• apps/web/src/app/[slug]/page.tsx, @/components/sections