knso/preview-gambs-fahrzeuglackierung-karosseriebau
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Anreicherung: Bilder, Logo, Text-Feinarbeit (Cloud-Routine)

Browse Source
This commit is contained in:
webklar-automation
2026-07-22 09:19:14 +00:00
parent a03d310ba8
commit 1146b20391
3 changed files with 63 additions and 16 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
index.html
View File

@@ -229,7 +229,7 @@
<div style="max-width: 760px; margin-bottom: clamp(40px, 6vh, 64px);">
<span style="display: inline-block; font-size: 13px; font-weight: 700; letter-spacing: .18em; text-transform: uppercase; color: #9FD1F5; margin-bottom: 16px;">Referenzen</span>
<h2 style="font-family: 'Source Serif 4', Georgia, serif; font-weight: 600; line-height: 1.1; color: #f5f4f0; font-size: clamp(30px, 3.6vw, 52px); margin-bottom: 18px;">Echte Arbeiten aus unserer Werkstatt</h2>
<p style="font-size: clamp(15px, 1.3vw, 18px); line-height: 1.55; color: #c9d6e2; font-weight: 500;">Ein Auszug aus unseren Projekten. Ziehen Sie eigene Fotos (z.&nbsp;B. Vorher/Nachher) einfach per Drag &amp; Drop in die Platzhalter.</p>
<p style="font-size: clamp(15px, 1.3vw, 18px); line-height: 1.55; color: #c9d6e2; font-weight: 500;">Ein Auszug aus unseren Projekten – von der Smart-Repair über Komplettlackierungen bis zur Oldtimer-Restaurierung.</p>
</div>
<!-- Foto-Galerie — jeder Platzhalter ist per Drag & Drop mit einem eigenen Foto befüllbar -->
@@ -253,7 +253,7 @@
</div>
<p style="margin-top: clamp(28px, 4vh, 44px); text-align: center; font-size: 15px; color: #c9d6e2; font-weight: 500;">Mehr laufende Projekte gibt es auf unserer <a href="" target="_blank" rel="noopener" style="color: #9FD1F5; font-weight: 700;">Facebook-Seite</a>.</p>
<p style="margin-top: clamp(28px, 4vh, 44px); text-align: center; font-size: 15px; color: #c9d6e2; font-weight: 500;">Mehr laufende Projekte gibt es auf unserer <a href="https://www.facebook.com/GambsFahrzeugtechnik/" target="_blank" rel="noopener" style="color: #9FD1F5; font-weight: 700;">Facebook-Seite</a>.</p>
</div>
</section>
@@ -276,7 +276,7 @@
<div class="lw-about" style="display: grid; grid-template-columns: 1.1fr 0.9fr; gap: clamp(28px, 4vw, 64px); align-items: center; margin-bottom: clamp(50px, 8vh, 90px);">
<div style="display: flex; flex-direction: column; gap: 16px;">
<h3 style="font-family: 'Source Serif 4', Georgia, serif; font-weight: 600; font-size: clamp(24px, 2.2vw, 32px); line-height: 1.2; color: #f5f4f0;">Hallo, ich bin<br>Christian Gambs,</h3>
<p style="font-size: clamp(15px, 1.3vw, 18px); line-height: 1.6; color: #c9d6e2; font-weight: 500;">Lack- und Karosserie-Experte und Inhaber der Gambs Fahrzeuglackierung und Karosseriebau GmbH in Unterschleißheim.</p>
<p style="font-size: clamp(15px, 1.3vw, 18px); line-height: 1.6; color: #c9d6e2; font-weight: 500;">Karosseriebauer- und Lackierermeister und Inhaber der Gambs Fahrzeuglackierung und Karosseriebau GmbH in Unterschleißheim – seit dem Jahr 2000.</p>
<p style="font-size: clamp(15px, 1.3vw, 18px); line-height: 1.6; color: #c9d6e2; font-weight: 500;">Mit meinem Werkstatt-Team aus professionellen Fachkräften erfülle ich Ihre individuellen Wünsche zum bestmöglichen Preis — von der Smart-Repair bis zur kompletten Restauration.</p>
</div>
<div style="justify-self: center; width: min(340px, 100%);">
@@ -331,7 +331,7 @@
</div>
<div style="display: flex; flex-direction: column; gap: 4px;">
<span style="font-size: 12.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #9FD1F5;">Telefon</span>
<p style="font-size: 16px; line-height: 1.5; color: #e7ecf1; font-weight: 600;"><a href="tel:+49891891765" style="color: #e7ecf1;">089 1891765-0</a><br><span style="font-weight: 500; color: #b8c4d0;">Fax: </span></p>
<p style="font-size: 16px; line-height: 1.5; color: #e7ecf1; font-weight: 600;"><a href="tel:+49891891765" style="color: #e7ecf1;">089 1891765-0</a></p>
</div>
<div style="display: flex; flex-direction: column; gap: 4px;">
<span style="font-size: 12.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #9FD1F5;">E-Mail</span>
@@ -339,7 +339,7 @@
</div>
<div style="display: flex; flex-direction: column; gap: 4px;">
<span style="font-size: 12.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #9FD1F5;">Öffnungszeiten</span>
<p style="font-size: 16px; line-height: 1.6; color: #e7ecf1; font-weight: 600;">Mo–Fr<br><span style="font-weight: 500; color: #b8c4d0;">07:00–20:00 Uhr</span><br>Sa<br><span style="font-weight: 500; color: #b8c4d0;">07:00–12:00 Uhr</span></p>
<p style="font-size: 16px; line-height: 1.6; color: #e7ecf1; font-weight: 600;">Mo–Fr<br><span style="font-weight: 500; color: #b8c4d0;">08:00–20:00 Uhr</span><br>Sa<br><span style="font-weight: 500; color: #b8c4d0;">08:00–12:00 Uhr</span></p>
</div>
<div style="display: flex; flex-wrap: wrap; gap: 12px; margin-top: 8px;">
<a href="tel:+49891891765" style="display: inline-flex; align-items: center; gap: 8px; font-size: 14.5px; font-weight: 700; letter-spacing: .02em; text-transform: uppercase; color: #0d0f12; background: var(--accent, #2FA4F0); padding: 13px 22px; border-radius: 44px; transition: transform .2s ease, box-shadow .2s ease;" style-hover="transform: translateY(-2px); box-shadow: 0 10px 26px rgba(47,164,240,.4);">Jetzt anrufen</a>
@@ -389,8 +389,8 @@
</div>
<div style="display: flex; flex-direction: column; gap: 9px;">
<h3 style="font-size: 12px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #7f97ac; border-bottom: 1px solid rgba(255,255,255,.12); padding-bottom: 7px; margin-bottom: 6px;">Öffnungszeiten</h3>
<span style="font-size: 14px; color: #c9d6e2; font-weight: 500;">Mo–Fr<br>07:00–20:00 Uhr</span>
<span style="font-size: 14px; color: #c9d6e2; font-weight: 500;">Sa · 07:00–12:00 Uhr</span>
<span style="font-size: 14px; color: #c9d6e2; font-weight: 500;">Mo–Fr<br>08:00–20:00 Uhr</span>
<span style="font-size: 14px; color: #c9d6e2; font-weight: 500;">Sa · 08:00–12:00 Uhr</span>
</div>
</div>
@@ -406,7 +406,7 @@
<div style="text-align: right; flex-shrink: 0;">
<p style="font-size: 13px; color: #8fa4b8; font-weight: 500; margin-bottom: 12px;">© 2026 Gambs Fahrzeuglackierung und Karosseriebau GmbH · Alle Rechte vorbehalten</p>
<div style="display: flex; justify-content: flex-end; align-items: center; gap: 14px;">
<a href="" target="_blank" rel="noopener" aria-label="Facebook" style="width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); display: inline-flex; align-items: center; justify-content: center; color: #c9d6e2; font-weight: 800; font-size: 15px; transition: background .2s ease, transform .2s ease;" style-hover="background: var(--accent, #2FA4F0); color: #0a1526; transform: scale(1.1);">f</a>
<a href="https://www.facebook.com/GambsFahrzeugtechnik/" target="_blank" rel="noopener" aria-label="Facebook" style="width: 36px; height: 36px; border-radius: 50%; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.14); display: inline-flex; align-items: center; justify-content: center; color: #c9d6e2; font-weight: 800; font-size: 15px; transition: background .2s ease, transform .2s ease;" style-hover="background: var(--accent, #2FA4F0); color: #0a1526; transform: scale(1.1);">f</a>
<a href="#impressum" style="font-size: 13px; color: #8fa4b8; font-weight: 500;">Impressum</a>
<a href="#datenschutz" style="font-size: 13px; color: #8fa4b8; font-weight: 500;">Datenschutz</a>
</div>
@@ -436,9 +436,9 @@ class Component extends DCLogic {
rating: "4,5",
user_ratings_total: "490",
reviews: [
{ author_name: "Michael K.", rating: 5, text: "Top Betrieb! Schaden am Kotfluegel schnell und zu einem fairen Preis behoben. Sehr freundliches Team." },
{ author_name: "Sabine R.", rating: 5, text: "Absolut zuverlaessig und ehrlich. Die Lackierung ist einwandfrei, man sieht keinen Uebergang. Gerne wieder." },
{ author_name: "Andreas W.", rating: 5, text: "Kompetente Beratung, termingerecht fertig und super Ergebnis. Kann ich uneingeschraenkt empfehlen." },
{ author_name: "Hans-Christian", rating: 5, text: "Lackierung ist toll geworden, vereinbarte Kosten wurden eingehalten, schnelle Arbeit, sympathischer Umgang." },
{ author_name: "Erkan", rating: 5, text: "Alles sehr professionell, Preis/Leistung Spitzenklasse. Sehr nette Mitarbeiter und Herr Gambs ist ein Klasse Typ." },
{ author_name: "Marina", rating: 5, text: "Das Fahrzeug wurde nach der Reparatur sogar gereinigt und gewaschen. Sehr guter Service!" },
],
};