Skip to content

feat: case study role cards with composable Astro components#104

Draft
ntatoud wants to merge 9 commits into
mainfrom
feat/new-case-study-layout
Draft

feat: case study role cards with composable Astro components#104
ntatoud wants to merge 9 commits into
mainfrom
feat/new-case-study-layout

Conversation

@ntatoud
Copy link
Copy Markdown
Member

@ntatoud ntatoud commented Mar 26, 2026

Summary

  • Add composable Astro components (CaseStudyRole, CaseStudyTags, CaseStudyTeam, CaseStudyRoleSection) for rich case study layouts in MDX
  • Convert Cuisinez pour Bébé FR article from .md to .mdx and use the new card components for the role/team sections
  • Add prose-breakout grid layout so cards and images span full width while body text stays constrained

Test plan

  • Verify FR article renders correctly at /fr/blog/articles/etude-de-cas-ux-cuisinez-pour-bebe
  • Check role cards display with proper styling (dark bg, tags, team members with links)
  • Verify breakout layout: cards span full width, text stays at ~65ch
  • Confirm EN article is unchanged
  • Test mobile responsiveness of the cards

🤖 Generated with Claude Code

@vercel
Copy link
Copy Markdown

vercel Bot commented Mar 26, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
bearstudio.fr Error Error Apr 15, 2026 0:52am

Request Review

ntatoud and others added 9 commits April 15, 2026 14:50
Introduce CaseStudyRole, CaseStudyTags, CaseStudyTeam components for
richer case study layouts in MDX. Convert the Cuisinez pour Bébé article
to MDX and replace flat role/team sections with the new card components.
Add prose-breakout grid layout so cards and images span full width while
text stays constrained.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
…components

- Convert cuisinez-pour-bebe case study from MDX to a dedicated Astro page
- Add CaseStudyRole, CaseStudyTags, CaseStudyTeam composable components
- Add SectionDark with Astro-native ScratchFull (fixes React renderer error in MDX)
- Add Section, SectionTitle, SectionSubtitle, SectionContent components for consistent spacing
- Add ReviewCard component for user testimonials
- Add lucide-react for icons
- Move blog case study components to src/components/blog/case-studies/

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Content is now rendered by the dedicated Astro page. Stubs are kept
for blog listing metadata (title, date, authors, heroImage).

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
…ction

- Add SectionWithMedia component with bleedMedia support
- Replace Le défi/Le besoin with Contexte et enjeux using SectionWithMedia
- Fix SectionContent paragraph styles (text-sm, leading-[21px], text-foreground)
- Tune gap and media bleed amount

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
- Add mediaWidth prop to SectionWithMedia for configurable column sizing
- Rework first section with phone mockup images using fixed pixel widths
- Reduce hero bottom padding on case study page
- Add excerpt and tags display to case study hero

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant