knso/preview-haderecker-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-16 09:19:35 +00:00
parent 261b43fac4
commit d5f1a7abb0
2 changed files with 9 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

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">
<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"/>
<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>
<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>
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 340 64" role="img" aria-label="Haderecker Karosseriebau">
<rect x="2" y="10" width="44" height="44" rx="11" fill="#2FA4F0"/>
<text x="24" y="42" font-family="Arial, Helvetica, sans-serif" font-size="30" font-weight="800" fill="#FFFFFF" text-anchor="middle">H</text>
<text x="58" y="33" font-family="Arial, Helvetica, sans-serif" font-size="24" font-weight="800" letter-spacing="0.4" fill="#1E7FC2">HADERECKER</text>
<text x="59" y="49" font-family="Arial, Helvetica, sans-serif" font-size="9.5" font-weight="600" letter-spacing="2.6" fill="#6E8095">KAROSSERIE · LACK · M&#220;NCHEN</text>
</svg>
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 643 B

After

Width:  |  Height:  |  Size: 659 B

8
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 unauffälligen Smart-Repair bis zur umfangreichen Unfallinstandsetzung.</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;">Gerne zeigen wir Ihnen Ihr fertiges Ergebnis – kommen Sie vorbei und überzeugen Sie sich persönlich.</p>
</div>
</section>
@@ -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:+49898929844" style="color: #e7ecf1;">089 8929844</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:+49898929844" style="color: #e7ecf1;">089 8929844</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>
@@ -438,7 +438,7 @@ class Component extends DCLogic {
reviews: [
{ author_name: "Andreas M.", rating: 5, text: "Karosserieschaden schnell und einwandfrei behoben – sehr zufrieden." },
{ author_name: "Petra L.", rating: 5, text: "Ehrliche Beratung, faire Preise und makellose Arbeit. Klare Empfehlung." },
{ author_name: "Stefan W.", rating: 5, text: "Kompetenter Familienbetrieb, mein Auto sah danach aus wie neu." },
{ author_name: "", rating: 5, text: "" },
],
};