Buchung an e-cut Online-Buchung angebunden + Sync
This commit is contained in:
@@ -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>
|
||||||
|
|||||||
@@ -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">
|
||||||
|
|||||||
@@ -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}
|
|
||||||
}
|
|
||||||
|
|||||||
Reference in New Issue
Block a user