Refactor footer component and integrate into landing page

- Remove unnecessary elements and simplify the footer layout
- Update copyright notice and styling for consistency
- Add Footer27 component to the landing page
- Enhance tests to verify footer rendering and legal links
This commit is contained in:
2026-05-06 22:06:43 +02:00
parent d2ba994fad
commit 3440508bac
6 changed files with 326 additions and 45 deletions

View File

@@ -0,0 +1,55 @@
---
id: TASK-4
title: Add legal footer and pages
status: In Progress
assignee: []
created_date: '2026-05-06 19:43'
updated_date: '2026-05-06 19:51'
labels: []
dependencies: []
modified_files:
- src/pages/index.astro
- src/components/footer27.tsx
- src/pages/impressum.astro
- src/pages/datenschutz.astro
- tests/landing-content.test.mjs
priority: high
---
## Description
<!-- SECTION:DESCRIPTION:BEGIN -->
Bind the existing footer into the landing page and add real Impressum and Datenschutz routes so the legal links resolve correctly.
<!-- SECTION:DESCRIPTION:END -->
## Acceptance Criteria
<!-- AC:BEGIN -->
- [x] #1 Landing page renders the footer component below the main landing content
- [x] #2 Footer links point to /impressum and /datenschutz
- [x] #3 /impressum contains the provided business and VAT ID information
- [x] #4 /datenschutz states that no cookies are used and documents the current Rybbit analytics usage
- [x] #5 Automated content tests and Astro build pass
<!-- AC:END -->
## Implementation Plan
<!-- SECTION:PLAN:BEGIN -->
1. Add failing content tests for footer rendering and legal pages
2. Implement footer wiring and legal Astro pages
3. Run automated tests and build
4. Check off verified acceptance criteria and leave task In Progress for user confirmation
<!-- SECTION:PLAN:END -->
## Implementation Notes
<!-- SECTION:NOTES:BEGIN -->
Implemented footer rendering on the landing page and added /impressum plus /datenschutz Astro routes.
Verified with node --test tests/*.mjs and env CI=true pnpm build. The first sandboxed build attempt failed because pnpm needed network access to recreate node_modules; the escalated build completed successfully.
Task remains In Progress pending explicit user confirmation before moving to Done.
Adjusted footer per visual feedback: removed the CTA/contact block and kept only the compact copyright, analytics note, Impressum, and Datenschutz row. Footer now uses the same horizontal page padding as the landing sections instead of max-w-6xl centering.
Re-verified after the footer adjustment with node --test tests/*.mjs and env CI=true pnpm build.
<!-- SECTION:NOTES:END -->