De nieuwe website van Salon Hayat

Drie complete ontwerpen om uit te kiezen — allemaal met online afspraaksysteem, beheerpaneel, WhatsApp-knop, instelbare mededeling en 100% mobielvriendelijk.

Variant 1

Elegant & licht

Zachte rosé- en crèmetinten, sierlijke details en subtiele beweging. Warm en uitnodigend — past bij een persoonlijke salon.

  • Licht ontwerp
  • Subtiele scroll-animaties
  • Rustig en vriendelijk
Bekijk variant 1
Variant 2

Modern & zakelijk

Strak, donker en professioneel met een koperkleurig accent. Minimalistisch en krachtig — voor een premium uitstraling.

  • Donker, strak ontwerp
  • Zakelijke typografie
  • Minimale beweging
Bekijk variant 2
Variant 3

Luxe & geanimeerd

Diep bordeaux met goud, glanzende koppen en volop beweging: zwevende vormen, kaarten die reageren en een levende hero.

  • Rijke animaties
  • Goud & bordeaux
  • Meeste "wow"-effect
Bekijk variant 3

🛠️ Beheerpaneel (voor de eigenaar)

Alle drie de varianten gebruiken dezelfde gegevens. Via het beheerpaneel pas je aan — zonder technische kennis:

  • Behandelingen & prijzen, per sectie (dames / heren / kleuren / …), inclusief nieuwe secties zoals "Kinderen"
  • Producten toevoegen of verwijderen
  • Openingstijden per dag, met label zoals "Koopavond"
  • Mededeling op de site: aan/uit, hoe vaak, wegklikbaar, timer, start-/einddatum
  • Afspraakverzoeken bekijken en bevestigen
  • Wachtwoord wijzigen en back-ups maken

Open het beheerpaneel

⚠️ Standaard-wachtwoord: hayat — direct wijzigen via Beheer → Instellingen zodra de site online staat.

🚀 Zo gaat de gekozen variant live

  1. Kies een variant (1, 2 of 3).
  2. Hernoem het gekozen bestand naar index.html (bewaar deze keuzepagina eventueel als keuze.html).
  3. Verwijder in dat bestand de regel <meta name="robots" content="noindex, nofollow">.
  4. Upload alles via FTP, inclusief api.php, de map data/, .htaccess, .well-known/ en de iconen.
  5. Wijzig het beheer-wachtwoord.
  6. Werk het Google Bedrijfsprofiel bij met exact dezelfde naam/adres/telefoon.

💡 Zonder PHP-server werkt alles ook: de sites tonen dan de ingebouwde gegevens en afspraken gaan via WhatsApp. Met PHP-hosting werkt het beheerpaneel volledig.

📖 Handleiding beheerpaneel Tijdelijk — voor de demo

Korte uitleg van alles wat je zelf kunt aanpassen. Deze handleiding staat alleen op deze keuzepagina en verdwijnt bij livegang.

🔑 Inloggen & weer terug
  • Open het beheerpaneel (ook via de kleine link "Beheer" onderaan elke variant).
  • Wachtwoord is nu nog: hayat — wijzig dit direct zodra de site echt online staat (zie "Instellingen" hieronder).
  • Wil je toch niet inloggen? Klik op "← Terug naar de site" onder het inlogveld.
  • Klaar met beheren? Rechtsboven zit de knop Uitloggen.
✂️ Behandelingen & prijzen
  • Elke sectie (Dames, Heren, Kleuringen, …) is een blok op de site. Naam en icoon (emoji) zijn aanpasbaar.
  • Per behandeling: naam, prijs, vinkje "vanaf" (toont "vanaf € …") en een korte omschrijving.
  • Met ▲▼ wijzig je de volgorde, met ✕ verwijder je. "+ Behandeling toevoegen" en "+ Nieuwe sectie" spreken voor zich — zo maak je bijv. een sectie Kinderen.
  • Klik altijd op "Alles opslaan" — de site is dan direct bijgewerkt (in alle drie de varianten, ze delen dezelfde gegevens).
🕐 Openingstijden
  • Per dag: open/dicht + van/tot-tijd + optioneel label (bijv. Koopavond).
  • De site toont automatisch een "Nu geopend / Nu gesloten"-badge en markeert de huidige dag.
  • De tijden bepalen ook welke tijdslots klanten kunnen kiezen bij het afspraakformulier (stappen van 30 min, laatste slot 1 uur voor sluiting).
  • Let op: de huidige tijden (di–vr 9–18, za 9–17) zijn een aanname — pas ze aan naar de echte tijden.
📢 Mededeling op de site
  • Zet een bericht op de site (bijv. vakantie, actie): vink "Mededeling tonen" aan, typ de tekst, klik "Alles opslaan".
  • Kies de vorm: balk (boven- of onderaan) of pop-up midden in beeld.
  • Hoe vaak: bij elk bezoek, 1× per bezoek, 1× per dag of 1× per X uur.
  • Extra opties: wegklikbaar ja/nee, automatisch sluiten na X seconden, en een start- en einddatum (bijv. alleen tijdens de vakantie).
  • Met "Voorbeeld bekijken" zie je hem direct op de site. Als je de tekst wijzigt, krijgt iedereen hem opnieuw te zien — ook wie hem al had weggeklikt.
📅 Afspraken
  • Afspraakverzoeken van de site komen binnen onder het tabblad Afspraken (naam, telefoon, behandeling, datum/tijd, opmerking).
  • Bel of app de klant om te bevestigen en zet de status op bevestigd (of afgerond / geannuleerd). Met ✕ verwijder je een verzoek.
  • Er gaat ook automatisch een e-mail naar info@salonhayat.nl (mits de hosting mail verstuurt).
⚙️ Instellingen, wachtwoord & back-up
  • Contactgegevens: telefoon, WhatsApp-nummer, e-mail, adres en social-links — worden overal op de site gebruikt.
  • Wachtwoord wijzigen: huidig wachtwoord + nieuw (min. 8 tekens). Doe dit meteen bij livegang; tot die tijd blijft de gele waarschuwing staan.
  • Back-up: download een JSON-bestand met alle gegevens, of zet een eerdere back-up terug (daarna "Alles opslaan" klikken).
💡 Goed om te weten (demo)
  • Alle drie de varianten gebruiken dezelfde gegevens: één keer aanpassen = overal aangepast.
  • Open je de bestanden lokaal zonder PHP-server, dan draait het beheer in demo-modus: wijzigingen worden alleen in je eigen browser bewaard. Op de echte hosting (met PHP) wordt alles voor iedereen opgeslagen.
  • Alle demo-pagina's staan op noindex: zoekmachines zien ze nog niet.