This commit is contained in:
Your Name committed 2026-06-28 07:58:15 -04:00
1 parent e405af357c
commit e1cf9e62e7
51 files changed
+2598 -168

No files matched your search

+29
View File
@@ -0,0 +1,29 @@
# 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.