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:
23
src/components/sections/Services.astro
Normal file
23
src/components/sections/Services.astro
Normal 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>
|
||||
Reference in New Issue
Block a user