Section A — Stacked, no carousel
3 cases with body copy. paginate=false renders a vertical stack on all breakpoints.
Section A — Stacked, no carousel
3 cases with body copy. paginate=false renders a vertical stack on all breakpoints.
Before
AfterPatient 1
All-On-4 Dental Implants
Before
AfterPatient 2
Single Tooth Implant
Before
AfterPatient 3
Full Mouth Reconstruction
Section B — Carousel, side-by-side, 3 per page
6 cases in a paginated carousel. Arrows appear because count > perPage.
Section B — Carousel, side-by-side, 3 per page
6 cases in a paginated carousel. Arrows appear because count > perPage.
BeforeAfterPatient 1
Section C — Carousel, slider, 1 per page
3 cases as interactive drag-handle sliders, one large card visible at a time.
Section C — Carousel, slider, 1 per page
3 cases as interactive drag-handle sliders, one large card visible at a time.
BeforePatient 1
Section D — Carousel, slider, body, 4 per page
4 sliders side-by-side with treatment labels — stress test for cramped slider sizing.
Section D — Carousel, slider, body, 4 per page
4 sliders side-by-side with treatment labels — stress test for cramped slider sizing.
BeforePatient 1
Crown & Bridge