knso/preview-autolackiererei-nica
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-23 09:22:59 +00:00
parent 11c7b71712
commit 8815de51d6
3 changed files with 16 additions and 14 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
.image-slots.state.json Normal file
View File

File diff suppressed because one or more lines are too long

9
assets/logo-placeholder.svg
View File

@@ -1,5 +1,6 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 260 48" role="img" aria-label="Logo-Platzhalter"> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 320 64" role="img" aria-label="Autolackiererei Nica München">
<rect x="1" y="1" width="258" height="46" rx="8" fill="none" stroke="#f0f0ec" stroke-opacity="0.35" stroke-width="1.5" stroke-dasharray="6 5"/> <rect x="6" y="13" width="38" height="38" rx="10" fill="#F0912F"/>
<text x="130" y="25" text-anchor="middle" font-family="Archivo, system-ui, sans-serif" font-weight="800" font-size="20" letter-spacing="1" fill="#f0f0ec">IHR&#160;LOGO</text> <path d="M25 21c0 0 9 10 9 16a9 9 0 0 1-18 0c0-6 9-16 9-16z" fill="#ffffff"/>
<text x="130" y="39" text-anchor="middle" font-family="Archivo, system-ui, sans-serif" font-weight="600" font-size="8" letter-spacing="2" fill="#f0f0ec" fill-opacity="0.55">HIER EIGENES LOGO EINSETZEN</text> <text x="56" y="40" font-family="Arial, Helvetica, sans-serif" font-size="33" font-weight="700" letter-spacing="0.5" fill="#F0912F">Nica</text>
<text x="57" y="54" font-family="Arial, Helvetica, sans-serif" font-size="10" font-weight="600" letter-spacing="2.6" fill="#8fa4b8">AUTOLACKIEREREI &#183; M&#220;NCHEN</text>
</svg> </svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 643 B

After

Width:  |  Height:  |  Size: 595 B

20
index.html
View File

@@ -199,9 +199,9 @@
</div> </div>
<div style="background: #F1F0EB; border-radius: 24px; padding: 34px 30px; display: flex; flex-direction: column; gap: 12px; box-shadow: 2px 4px 14px rgba(0,0,0,.25);"> <div style="background: #F1F0EB; border-radius: 24px; padding: 34px 30px; display: flex; flex-direction: column; gap: 12px; box-shadow: 2px 4px 14px rgba(0,0,0,.25);">
<h3 style="font-family: 'Source Serif 4', Georgia, serif; font-weight: 600; font-size: 23px; color: #0D2A46;">Felgen &amp; Motorrad</h3> <h3 style="font-family: 'Source Serif 4', Georgia, serif; font-weight: 600; font-size: 23px; color: #0D2A46;">Unfall &amp; Karosserie</h3>
<p style="font-size: 15.5px; line-height: 1.55; color: #45535f; font-weight: 500; flex: 1;">Felgenaufbereitung und Motorradlackierung im gleichen hohen Standard – für den perfekten Auftritt bis ins Detail.</p> <p style="font-size: 15.5px; line-height: 1.55; color: #45535f; font-weight: 500; flex: 1;">Nach Unfall, Beule oder Blechschaden bringen wir Ihr Fahrzeug fachgerecht zurück in Form – Karosserieinstandsetzung und Lackierung aus einer Hand.</p>
<span style="font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #1e7fc2;">Felgen · Zweirad</span> <span style="font-size: 13px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; color: #1e7fc2;">Unfall · Karosserie</span>
</div> </div>
<!-- LEISTUNGS-VIDEO — bewusst beibehalten (assets/leistungen-video.mp4) --> <!-- LEISTUNGS-VIDEO — bewusst beibehalten (assets/leistungen-video.mp4) -->
@@ -253,7 +253,7 @@
</div> </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;">Weitere Arbeitsbeispiele zeigen wir Ihnen gerne persönlich in unserer Werkstatt in München-Trudering.</p>
</div> </div>
</section> </section>
@@ -276,8 +276,8 @@
<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 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;"> <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>Bedrich Nica,</h3> <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>Bedrich Nica,</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 Autolackiererei Nica – Inh. Bedrich Nica in München.</p> <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 Autolackiererei Nica in München-Trudering – bereits seit 1988 Ihr Partner rund um Lack und Karosserie.</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> <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 fairen Preis — von der Kratzer- und Dellenbeseitigung bis zur kompletten Unfallinstandsetzung.</p>
</div> </div>
<div style="justify-self: center; width: min(340px, 100%);"> <div style="justify-self: center; width: min(340px, 100%);">
<div style="position: relative; width: 100%; aspect-ratio: 4/5; border-radius: 24px; overflow: hidden; box-shadow: 2px 6px 24px rgba(0,0,0,.4); background: rgba(255,255,255,.05); border: 1.5px dashed rgba(255,255,255,.3);"> <div style="position: relative; width: 100%; aspect-ratio: 4/5; border-radius: 24px; overflow: hidden; box-shadow: 2px 6px 24px rgba(0,0,0,.4); background: rgba(255,255,255,.05); border: 1.5px dashed rgba(255,255,255,.3);">
@@ -331,7 +331,7 @@
</div> </div>
<div style="display: flex; flex-direction: column; gap: 4px;"> <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> <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:+49894307457" style="color: #e7ecf1;">089 4307457</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:+49894307457" style="color: #e7ecf1;">089 4307457</a><br><span style="font-weight: 500; color: #b8c4d0;">Fax: 089 43777201</span></p>
</div> </div>
<div style="display: flex; flex-direction: column; gap: 4px;"> <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> <span style="font-size: 12.5px; font-weight: 700; letter-spacing: .14em; text-transform: uppercase; color: #9FD1F5;">E-Mail</span>
@@ -379,7 +379,7 @@
<a href="#services" style="font-size: 14px; color: #c9d6e2; font-weight: 500;">Lackierungen aller Art</a> <a href="#services" style="font-size: 14px; color: #c9d6e2; font-weight: 500;">Lackierungen aller Art</a>
<a href="#services" style="font-size: 14px; color: #c9d6e2; font-weight: 500;">Smart Repair</a> <a href="#services" style="font-size: 14px; color: #c9d6e2; font-weight: 500;">Smart Repair</a>
<a href="#services" style="font-size: 14px; color: #c9d6e2; font-weight: 500;">Oldtimer &amp; Klassiker</a> <a href="#services" style="font-size: 14px; color: #c9d6e2; font-weight: 500;">Oldtimer &amp; Klassiker</a>
<a href="#services" style="font-size: 14px; color: #c9d6e2; font-weight: 500;">Felgen &amp; Motorrad</a> <a href="#services" style="font-size: 14px; color: #c9d6e2; font-weight: 500;">Unfall &amp; Karosserie</a>
</div> </div>
<div style="display: flex; flex-direction: column; gap: 9px;"> <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;">Kontakt</h3> <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;">Kontakt</h3>
@@ -436,8 +436,8 @@ class Component extends DCLogic {
rating: "4,0", rating: "4,0",
user_ratings_total: "4", user_ratings_total: "4",
reviews: [ reviews: [
{ author_name: "Michael K.", rating: 5, text: "Schnelle, saubere Lackierung zu einem fairen Preis. Sehr freundlicher Kontakt, gerne wieder." }, { author_name: "Ulli Steingrobe", rating: 5, text: "Gute preiswerte Arbeit. Mein Auto kam mit einer hässlichen rostigen Beule hin und sieht jetzt wieder aus wie neu. Bin begeistert!" },
{ author_name: "Sabine R.", rating: 5, text: "Kratzer an der Stoßstange wurde unkompliziert und günstig behoben. Top Ergebnis." }, { author_name: "Heindl Arno", rating: 5, text: "Möchte meinen Dank aussprechen für die hervorragende Arbeit an meinem Porsche Cayenne. Beschädigung an der C-Säule erstklassig repariert und lackiert zu einem fairen Preis." },
{ author_name: "Thomas B.", rating: 5, text: "Ehrliche Beratung und ordentliche Arbeit nach einem kleinen Unfallschaden. Empfehlenswert." }, { author_name: "Thomas B.", rating: 5, text: "Ehrliche Beratung und ordentliche Arbeit nach einem kleinen Unfallschaden. Empfehlenswert." },
], ],
}; };