Buchung an e-cut Online-Buchung angebunden + Sync
This commit is contained in:
@@ -153,7 +153,7 @@ const services = [
|
||||
<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>
|
||||
<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 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>
|
||||
@@ -188,7 +188,7 @@ const services = [
|
||||
<button class="btn btn-accent btn-sm" id="nextBtn">Weiter</button>
|
||||
</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>
|
||||
</section>
|
||||
|
||||
@@ -17,7 +17,7 @@ import Base from "../layouts/Base.astro";
|
||||
</div>
|
||||
<div>
|
||||
<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>
|
||||
<div class="preward">Jeder 10. Schnitt – Pflege gratis 🎁</div>
|
||||
<div class="stamps">
|
||||
|
||||
@@ -218,10 +218,6 @@ img{display:block;max-width:100%}
|
||||
.toast.show{transform:translateX(-50%) translateY(0)}
|
||||
|
||||
@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}
|
||||
.hero .grid,.split,.split.rev,.wallet-grid,.lp-hero .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}
|
||||
.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}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user