Buchung an e-cut Online-Buchung angebunden + Sync

This commit is contained in:
2026-06-24 12:16:32 +00:00
parent 8df017aea1
commit 49afd192ef
3 changed files with 3 additions and 19 deletions
+2 -2
View File
@@ -153,7 +153,7 @@ const services = [
<div class="head-center reveal"> <div class="head-center reveal">
<span class="eyebrow center" style="color:var(--accent-2)"><span class="ln"></span>Online buchen<span class="ln"></span></span> <span class="eyebrow center" style="color:var(--accent-2)"><span class="ln"></span>Online buchen<span class="ln"></span></span>
<h2 style="color:#fff">Termin buchen rund um die Uhr</h2> <h2 style="color:#fff">Termin buchen rund um die Uhr</h2>
<p style="color:rgba(255,255,255,.7)">In drei Schritten zur Anfrage. Sie landet direkt im Salon bestätigt wird wie gewohnt, die Erinnerung läuft automatisch.</p> <p style="color:rgba(255,255,255,.7)">In drei Schritten zum Termin. Im Live-System öffnet der Button eure <b style="color:#fff">e-cut Online-Buchung</b> der Termin landet direkt im e-cut-Kalender, ganz ohne Systemwechsel.</p>
</div> </div>
<div class="booker reveal" style="margin-top:42px"> <div class="booker reveal" style="margin-top:42px">
<div class="steps-nav"><div class="step-dot active" data-dot="0"></div><div class="step-dot" data-dot="1"></div><div class="step-dot" data-dot="2"></div></div> <div class="steps-nav"><div class="step-dot active" data-dot="0"></div><div class="step-dot" data-dot="1"></div><div class="step-dot" data-dot="2"></div></div>
@@ -188,7 +188,7 @@ const services = [
<button class="btn btn-accent btn-sm" id="nextBtn">Weiter</button> <button class="btn btn-accent btn-sm" id="nextBtn">Weiter</button>
</div> </div>
</div> </div>
<p class="note-line">Demo-Ablauf · echte Buchung self-hosted (Cal.com) + WhatsApp-Bestätigung</p> <p class="note-line">Demo-Ablauf · im Live-System angebunden an eure e-cut Online-Buchung (Termine direkt im e-cut-Kalender)</p>
</div> </div>
</div> </div>
</section> </section>
+1 -1
View File
@@ -17,7 +17,7 @@ import Base from "../layouts/Base.astro";
</div> </div>
<div> <div>
<div class="pass"> <div class="pass">
<div class="ptop"><span class="pbrand"><img src="/img/logo.png" alt="Friseur-Team VK" style="height:36px;width:auto;display:inline-block;vertical-align:middle;margin-right:10px;border-radius:6px;background:#fff;padding:4px" />Friseur-Team VK<span class="s">Tostedt</span></span><span class="chip">Treuekarte</span></div> <div class="ptop"><span class="pbrand">Friseur-Team VK<span class="s">Tostedt</span></span><span class="chip">Treuekarte</span></div>
<span class="plabel">Ihre Stempel</span> <span class="plabel">Ihre Stempel</span>
<div class="preward">Jeder 10. Schnitt Pflege gratis 🎁</div> <div class="preward">Jeder 10. Schnitt Pflege gratis 🎁</div>
<div class="stamps"> <div class="stamps">
-16
View File
@@ -218,10 +218,6 @@ img{display:block;max-width:100%}
.toast.show{transform:translateX(-50%) translateY(0)} .toast.show{transform:translateX(-50%) translateY(0)}
@media(max-width:900px){ @media(max-width:900px){
.topbar .inner{flex-direction:column;gap:4px;padding:8px 20px;text-align:center;font-size:12px}
.topbar .right{flex-wrap:wrap;justify-content:center;gap:10px}
.container{padding:0 20px}
.header .inner{padding:12px 20px}
.nav{display:none} .nav{display:none}
.hero .grid,.split,.split.rev,.wallet-grid,.lp-hero .grid{grid-template-columns:1fr} .hero .grid,.split,.split.rev,.wallet-grid,.lp-hero .grid{grid-template-columns:1fr}
.infostrip .grid{grid-template-columns:1fr} .infostrip .grid{grid-template-columns:1fr}
@@ -234,15 +230,3 @@ img{display:block;max-width:100%}
.opt-grid,.slots{grid-template-columns:1fr 1fr} .opt-grid,.slots{grid-template-columns:1fr 1fr}
.header-cta .tel{display:none} .header-cta .tel{display:none}
} }
@media(max-width:480px){
.topbar .inner{font-size:11px;padding:6px 16px}
.container{padding:0 18px}
.header .inner{padding:10px 16px;gap:12px}
.hero h1{font-size:clamp(32px,8vw,48px)}
.split h2{font-size:clamp(26px,6vw,36px)}
.head-center h2{font-size:clamp(26px,6vw,36px)}
.svc-grid{grid-template-columns:1fr}
.section{padding:clamp(40px,8vw,80px) 0}
.scard .body{padding:24px 20px 22px}
}