poi-preview/AGENTS.md

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.

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.