---
id: TASK-6
title: Modularisiere die Landingpage und entferne ungenutzte Komponenten
status: In Progress
assignee: []
created_date: '2026-05-07 06:21'
updated_date: '2026-05-07 06:23'
labels:
  - refactor
  - frontend
dependencies: []
modified_files:
  - src/pages/index.astro
  - tests/landing-content.test.mjs
  - src/components/landing-page-sections.tsx
  - src/components/landing/services-section.tsx
  - src/components/landing/deliverables-section.tsx
  - src/components/landing/packages-section.tsx
  - src/components/landing/contact-section.tsx
  - src/components/landing.tsx
  - src/components/about19.tsx
  - src/components/contact21.tsx
  - src/components/cta.tsx
  - src/components/faq7.tsx
  - src/components/feature284.tsx
  - src/components/hero235.tsx
  - src/components/pricing4.tsx
  - src/components/stats11.tsx
  - src/components/ui/accordion.tsx
  - src/components/ui/badge.tsx
  - src/components/ui/button.tsx
  - src/components/ui/field.tsx
  - src/components/ui/glowing-effect.tsx
  - src/components/ui/input.tsx
  - src/components/ui/label.tsx
  - src/components/ui/separator.tsx
  - src/components/ui/tabs.tsx
priority: medium
---

## Description

<!-- SECTION:DESCRIPTION:BEGIN -->
Die bestehende Landingpage soll in klarere, kleinere Komponenten aufgeteilt werden. Nicht mehr referenzierte Komponenten sollen entfernt werden, ohne vorhandene Nutzer- oder laufende Änderungen zurückzudrehen.
<!-- SECTION:DESCRIPTION:END -->

## Acceptance Criteria
<!-- AC:BEGIN -->
- [x] #1 Die Hauptseite nutzt klar benannte modulare Komponenten statt einer monolithischen LandingRest-Komponente.
- [x] #2 Nicht benötigte Komponenten im Komponentenordner sind entfernt oder nicht mehr Teil der Codebasis.
- [x] #3 Build und vorhandene Tests laufen nach der Änderung ohne Fehler.
<!-- AC:END -->

## Implementation Plan

<!-- SECTION:PLAN:BEGIN -->
1. Bestehende Landingpage-Struktur und Import-Verwendung prüfen.
2. LandingRest in klar benannte Sektionen extrahieren und Index-Import aktualisieren.
3. Nicht referenzierte Template- und UI-Komponenten entfernen.
4. Tests an neue Struktur anpassen und Build/Test ausführen.
<!-- SECTION:PLAN:END -->

## Implementation Notes

<!-- SECTION:NOTES:BEGIN -->
LandingRest wurde in ServicesSection, DeliverablesSection, PackagesSection und ContactSection extrahiert; index.astro nutzt nun LandingPageSections.

Nicht referenzierte Template-Komponenten sowie deren ungenutzte UI-Hilfskomponenten wurden entfernt. Vorbestehende Änderungen an landing-hero-section.tsx und ui/webcam-pixel-grid.tsx blieben unangetastet.

Verifikation: node --test tests/*.mjs und pnpm build laufen erfolgreich.
<!-- SECTION:NOTES:END -->