feat: single-page redesign with text-only hero, team section, services grid, mobile nav

- Replace component-based index with unified inline page
- Add text-only hero with warm editorial typography
- Add team section with avatars and bios
- Convert services to responsive grid layout
- Add contact labels and editorial images
- Implement mobile hamburger navigation with slide-in panel
- Polish typography, spacing, and accessibility
- Remove design variant pages (1-6)
This commit is contained in:
2026-05-17 17:40:50 +02:00
parent 3b34a7b2a4
commit 90c8762eb7
18 changed files with 2067 additions and 51 deletions

View File

@@ -0,0 +1,23 @@
---
import { siteContent } from "@/content/site-content"
---
<section id="leistungen" class="section-shell services-section" aria-labelledby="services-title">
<div class="section-heading">
<p class="eyebrow">Leistungen</p>
<h2 id="services-title">Alles, was ein guter Salonbesuch braucht.</h2>
<p>Die Auswahl bleibt bewusst klar. Details, Wünsche und Termine werden am besten direkt telefonisch besprochen.</p>
</div>
<div class="service-list">
{
siteContent.services.map((service, index) => (
<article class="service-row">
<span class="service-index">{String(index + 1).padStart(2, "0")}</span>
<h3>{service.title}</h3>
<p>{service.text}</p>
</article>
))
}
</div>
</section>