# Gasser phone + WhatsApp contact paths

Session-derived pattern for the Gasser Bauunternehmen Astro site after visual/animation work stabilized.

## Durable implementation pattern

- Keep contact data centralized in `src/data/company.ts`:
  - `phoneDisplay` for visible Swiss number formatting.
  - `phoneHref` as a real `tel:+41...` URL so mobile devices open the call dialog.
  - `whatsappHref` as a `https://wa.me/<number>?text=...` URL with a short prepared project-inquiry message.
- Use the centralized values everywhere rather than hardcoded phone/email strings:
  - homepage hero CTA
  - homepage “Direkt erreichbar” proof/trust card
  - contact page primary options
  - project-inquiry page quick actions
  - footer
- WhatsApp works best as a serious secondary contact path for trades/construction sites: “Fotos senden”, “Projekt kurz schildern”, not hype copy like “chat now”.
- Prepared WhatsApp message should ask for the minimum useful context:
  - Ort
  - Kurzbeschreibung
  - Fotos oder Pläne
- Add a visible WhatsApp privacy/expectation note on the contact page:
  - useful for photos/sketches and first description
  - do not send especially sensitive data
  - binding statements only after personal follow-up or on-site inspection
- In guided inquiry wizards, add `WhatsApp` as a preferred contact option alongside phone/email and add quick actions at the top for phone + WhatsApp.

## QA checks

- Build with `npm run build`.
- Browser-check `/kontakt/`, `/projekt-anfrage/`, and `/`.
- Inspect anchor `href`s, not just visible text:
  - `tel:+41...` for phone links
  - `https://wa.me/...` with encoded message for WhatsApp links
  - `mailto:` for email links
- Check dropdown/contact preference options include WhatsApp.
- Verify no console errors after navigation.

## Copy tone

Use practical Swiss local-trades wording:

- “Auf dem Handy öffnet sich direkt der Anrufdialog.”
- “Ideal für Bilder, Skizzen und eine kurze Ausgangslage.”
- “Für eine erste Einschätzung reichen Fotos, Ort und eine kurze Beschreibung.”

Avoid overpromising instant quotes, automatic feasibility decisions, or fake response-time guarantees.