diff --git a/README.md b/README.md index 0781b83..6829215 100644 --- a/README.md +++ b/README.md @@ -37,8 +37,7 @@ Einfach `salon-wand.webp` bzw. `salon-wand-800.webp` ersetzen. **Team-Porträts:** Einheitliche Studio-Porträts (per Bild-KI aus den Originalfotos erstellt), je zweimal abgelegt: `name.webp` (1000 px breit, Team-Liste) und `name-thumb.webp` (320 × 320, Fotoraster und -Preis-Thumbnails). Für Amin fehlt noch ein Foto – bis dahin zeigt die Seite bei ihm das Wandlogo. Neues -Porträt als `amin.webp` / `amin-thumb.webp` ablegen und in `src/data/salon.ts` eintragen. +Preis-Thumbnails). Neue Porträts im selben Format ablegen und in `src/data/salon.ts` eintragen. **Direktbuchung:** Jede Leistung trägt ihre Setmore-ID (`id`). Wird bei Setmore eine Leistung neu angelegt, bekommt sie eine neue ID. Sie steht im Buchungslink der Leistung auf der diff --git a/src/assets/team/amin-thumb.webp b/src/assets/team/amin-thumb.webp new file mode 100644 index 0000000..809aeca Binary files /dev/null and b/src/assets/team/amin-thumb.webp differ diff --git a/src/assets/team/amin.webp b/src/assets/team/amin.webp new file mode 100644 index 0000000..ac668fa Binary files /dev/null and b/src/assets/team/amin.webp differ diff --git a/src/components/Footer.tsx b/src/components/Footer.tsx index b97242e..b1c4f6f 100644 --- a/src/components/Footer.tsx +++ b/src/components/Footer.tsx @@ -1,5 +1,5 @@ import { motion } from 'motion/react' -import { image, salon, team } from '../data/salon' +import { salon, team } from '../data/salon' import { compactHours } from '../lib/hours' import { EASE_OUT_EXPO } from '../lib/motion' import { useOpenStatus } from '../lib/useOpenStatus' @@ -9,11 +9,8 @@ import { ArrowUpRight } from './Icons' const YEAR = new Date().getFullYear() -// 3 × 2 Fotoraster zwischen den Wörtern: fünf Porträts und das Logo an der Wand -const tiles = [ - ...team.filter((m) => m.key !== 'amin').map((m) => ({ src: m.thumb, alt: m.name })), - { src: image('photos/emblem-quadrat'), alt: 'Logo an der Salonwand' }, -] +// 3 × 2 Fotoraster zwischen den Wörtern: das ganze Team +const tiles = team.map((m) => ({ src: m.thumb, alt: m.name })) function PhotoGrid() { return ( diff --git a/src/data/salon.ts b/src/data/salon.ts index 867141f..ca96f5d 100644 --- a/src/data/salon.ts +++ b/src/data/salon.ts @@ -153,7 +153,7 @@ const images = import.meta.glob(['../assets/team/*.webp', '../assets/pho export const image = (path: string) => images[`../assets/${path}.webp`] export const team: Member[] = [ - { key: 'amin', name: 'Amin B. Ahmadi', short: 'Amin', role: 'Inhaber · Barber', photo: image('photos/emblem-breit-900'), thumb: image('photos/emblem-quadrat') }, + { key: 'amin', name: 'Amin B. Ahmadi', short: 'Amin', role: 'Inhaber · Barber', photo: image('team/amin'), thumb: image('team/amin-thumb') }, { key: 'atena', name: 'Atena', short: 'Atena', role: 'Damen · Farbe · Beauty', photo: image('team/atena'), thumb: image('team/atena-thumb') }, { key: 'ahmad', name: 'Ahmad', short: 'Ahmad', role: 'Barber', photo: image('team/ahmad'), thumb: image('team/ahmad-thumb') }, { key: 'ali', name: 'Ali', short: 'Ali', role: 'Barber', photo: image('team/ali'), thumb: image('team/ali-thumb') },