Original User Request

Initial Request — 2026-06-28T10:50:33Z

Implement a Split-Screen Editorial Carousel by extending the existing EDITORIAL_CAROUSEL schema and updating the backend, admin, spa, and website apps.

Working directory: /home/ti/git/homaroma Integrity mode: development

Requirements

R1. Database / Types

Update EditorialCarouselSectionPayloadSchema in packages/types/index.ts to include layout: z.enum(['standard', 'split_screen']).optional() and imagePosition: z.enum(['left', 'right']).optional().

R2. Admin / CMS

Update the Page Builder UI in apps/admin to support the new layout and imagePosition fields for the EDITORIAL_CAROUSEL block.

R3. Frontend / UI (apps/spa & apps/website)

Update the EDITORIAL_CAROUSEL component in apps/spa and apps/website to render the new split_screen layout.

Desktop: 35% text / 65% image split. Arrows on far edges.
Mobile: Stacked layout (Image top, text bottom).
Styling: Do not hardcode colors; use theme tokens.

Acceptance Criteria

Verification

npm run typecheck passes successfully across the monorepo.
The Page Builder in apps/admin can successfully save an EDITORIAL_CAROUSEL block with layout: 'split_screen' and imagePosition: 'left'.
The EDITORIAL_CAROUSEL component in apps/spa and apps/website renders differently based on the layout payload without breaking existing 'standard' layouts.

1.4 KiB Raw Blame History