feat: integrate built-in forms, refine footer & parallax, dynamic navigation & branding assets
This commit is contained in:
@@ -15,15 +15,15 @@ This block is written and re-added by `next dev` — verify at `node_modules/nex
|
||||
- **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 (KÄRCHER STYLE)
|
||||
- Colors:
|
||||
- Primary Yellow: `#FFED00` (Hover: `#FAE100`)
|
||||
- Dark Anthracite: `#1F1F1F`
|
||||
- Deep Black: `#141414`
|
||||
- Industrial Light Gray: `#F4F4F4`
|
||||
## 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 AI circles.
|
||||
- Checkboxes: Square with 2px black border, yellow `#FFED00` checked background, and thick black checkmark (`stroke-[3]`).
|
||||
- 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
|
||||
|
||||
Reference in New Issue
Block a user