33 lines
2.3 KiB
Markdown
33 lines
2.3 KiB
Markdown
<!-- BEGIN:nextjs-agent-rules -->
|
|
|
|
# This is NOT the Next.js you know
|
|
|
|
This version has breaking changes — APIs, conventions, and file structure may all differ from your training data. Read the relevant guide in `node_modules/next/dist/docs/` (resolved from this file's directory; in monorepos the `next` package may not be visible from the repo root) before writing any code. Heed deprecation notices.
|
|
|
|
This block is written and re-added by `next dev` — verify at `node_modules/next/dist/server/lib/generate-agent-files.js`. Removing it from a diff only re-creates the uncommitted change; committing it with your work keeps the tree clean.
|
|
|
|
<!-- END:nextjs-agent-rules -->
|
|
|
|
# POI Clean House - Project Rules & Guidelines
|
|
|
|
## 1. ABSOLUTELY NO HARDCODED STRINGS IN TSX/COMPONENT FILES
|
|
- **Strict Rule:** Never hardcode text strings, button labels, contact details, headings, descriptions, footers, headers, badges, or placeholder texts in `.tsx` components or page files.
|
|
- **Dynamic Source:** All content MUST come dynamically from Payload CMS (collections, globals like `Company` and `Navigation`, block fields, seed script, or `@intecion/ipal-kit`).
|
|
- If a prop is optional, render it conditionally only when present (`{prop && <span>{prop}</span>}`), NEVER provide fallback hardcoded Polish or English text inside JSX.
|
|
|
|
## 2. BRANDING & UI GUIDELINES
|
|
- Colors (Managed centrally in `src/app/(frontend)/theme.css`):
|
|
- Primary Cyan: `#01aeee` (Hover: `#0098d4` / class `bg-primary`, `text-primary`, `border-primary`)
|
|
- Accent Red: `#ee1d23` (Hover: `#d9141a` / class `bg-accent`, `text-accent`, `border-accent`)
|
|
- Dark Anthracite/Black: `#231f20` (Hover: `#332d2e` / class `bg-dark`, `text-dark`, `border-dark`)
|
|
- Industrial Light Gray: `#f4f4f4` (class `bg-surface-gray`)
|
|
- Architecture:
|
|
- Sharp, geometric corners (`rounded-none` / `0px radius`). No bubbly rounded-3xl or generic circles.
|
|
- Checkboxes: Square with 2px dark border (`border-dark`), primary cyan (`bg-primary`) checked background, and thick dark checkmark (`stroke-[3] text-dark`).
|
|
- High contrast typography: Uppercase, bold/black weights with letter-spacing.
|
|
|
|
## 3. UX & ACCESSIBILITY
|
|
- Modals & Overlays:
|
|
- Must lock background scrolling (`document.body.style.overflow = 'hidden'`) when open to prevent background page scroll leakage.
|
|
- Must support close on button, Escape key, or backdrop click.
|