Professionalize landing page design

backlog/tasks/task-1 - Professionalize-landing-page-design.md

@@ -0,0 +1,42 @@
+---
+id: TASK-1
+title: Professionalize landing page design
+status: In Progress
+assignee: []
+created_date: '2026-05-05 19:55'
+updated_date: '2026-05-05 20:13'
+labels: []
+dependencies: []
+priority: high
+---
+
+## Description
+
+<!-- SECTION:DESCRIPTION:BEGIN -->
+Refresh the existing landing page so it feels more professional while preserving the current regional KMU positioning and current content structure.
+<!-- SECTION:DESCRIPTION:END -->
+
+## Acceptance Criteria
+<!-- AC:BEGIN -->
+- [x] #1 Visual hierarchy is clearer across the first viewport and content sections
+- [x] #2 Styling feels cohesive and professional without generic AI visual patterns
+- [x] #3 Responsive layout remains usable on mobile and desktop
+<!-- AC:END -->
+
+## Implementation Plan
+
+<!-- SECTION:PLAN:BEGIN -->
+1. Audit current structure and design context
+2. Tighten theme tokens and page rhythm
+3. Refresh hero/trust/features/pricing/contact styling
+4. Build and visual-check responsive behavior
+5. Mark acceptance criteria verified, leave task In Progress for user confirmation
+<!-- SECTION:PLAN:END -->
+
+## Implementation Notes
+
+<!-- SECTION:NOTES:BEGIN -->
+Backlog was missing in the repo, so I initialized it with CLI defaults and disabled remote branch checks after sandbox git fetch failed. Design context exists in .impeccable.md: regional KMU, calm/direct/human, warm light theme.
+
+Implemented the professionalization pass: warm OKLCH theme, full-width page shell, redesigned hero with real workspace image, calmer trust/features/stats sections, clearer pricing tabs, refined FAQ/about/contact/footer. Verified with pnpm build, git diff --check, and in-app browser checks for hero visibility and pricing tab interaction. Dev-server hydration errors in browser logs were from the initial Vite dependency optimization at 20:10:49 and did not recur after reload.
+<!-- SECTION:NOTES:END -->