Modernisierung der Lackwerk-Webseite

Im Ordner alt webseite/ lag ein HTTrack-Mirror der alten Seite von lackwerk-kl.de – eine starre 950px-Seite von 2014/2022 mit fixem Layout, Stock-Fotos und einer simplen Bildergalerie. Nicht responsive, nicht mehr zeitgemäß.

Was ich Schritt für Schritt gemacht habe
1. Firma recherchiert
Aus Altseite, Google, Branchenverzeichnissen und Facebook ein vollständiges Profil erstellt:

Lackwerk GmbH, Gienanthstr. 2–4, Kaiserslautern · Inhaber Patric Hertz · gegründet 2014
Leistungen, Öffnungszeiten, Rechtsdaten (HRB 31677, USt DE295225567)
Bewertungen: 5,0★ bei 72 Google-Bewertungen, 100 % empfohlen (Facebook), 334 Follower
2. Echte Bilder von Facebook geholt (wie von dir gewünscht)
Von der öffentlichen Seite derlackspezialist die echten Arbeitsfotos extrahiert und heruntergeladen:

Lackierer in der Spritzkabine → Hero-Bild
komplette Porsche-911-Restauration (Rohzustand → Grundierung → frisch lackiert → Hochglanz) → Referenz-Galerie
Logo + einige Werkstattmotive aus der Altseite als Ergänzung
3. Neue Webseite gebaut – ein sauberes, modernes index.html (21st-inspiriert, aber seriös):

Bereich	Inhalt
Header	Glasig, sticky, Wortmarke, Mobile-Menü
Hero	Dunkel-elegant, echtes Kabinen-Foto, Gradient-Text, Trust-Zahlen
Trust-Leiste	Meisterqualität, alle Marken, faire Preise
Leistungen	6 Karten mit Icons & Hover-Effekt
Über uns	Firmengeschichte + Patric Hertz
Prozess	4 Schritte von Anfrage bis Übergabe
Referenzen	Bento-Galerie mit Lightbox (echte Fotos)
Bewertungen	Nur belegbare Kennzahlen, keine erfundenen Zitate
Kontakt	Daten, Öffnungszeiten, funktionierende Google-Map
Footer	Impressum & Datenschutz als Modals
Markenfarbe Blau (passend zum Logo), Fonts Sora/Inter, dezente Scroll-Animationen, voll responsiv.

4. Im Browser getestet & gefixt
Alle Sektionen, Modal, Map und schnelles Scrollen geprüft. Zwei Details korrigiert: Header-Umbruch bei mittlerer Breite + Absicherung, damit bei schnellem Scrollen keine Sektion unsichtbar bleibt.

Dateien
index.html – neue Webseite (ersetzt die Platzhalter-Vorlage)
assets/ – Logo + Werkstattmotive
assets/work/ – echte Facebook-Arbeitsfotos
Alte Seite unter alt webseite/ unberührt als Referenz

alt webseite/alte webseite/hts-cache/winprofile.ini

@@ -0,0 +1,78 @@
+Near=0
+Test=0
+ParseAll=1
+HTMLFirst=0
+Cache=1
+NoRecatch=0
+Dos=0
+Index=1
+WordIndex=0
+MailIndex=0
+Log=1
+RemoveTimeout=0
+RemoveRateout=0
+KeepAlive=1
+FollowRobotsTxt=2
+NoErrorPages=0
+NoExternalPages=0
+NoPwdInPages=0
+NoQueryStrings=0
+NoPurgeOldFiles=0
+Cookies=1
+CheckType=1
+ParseJava=1
+HTTP10=0
+TolerantRequests=0
+UpdateHack=1
+URLHack=1
+StoreAllInCache=0
+LogType=0
+UseHTTPProxyForFTP=1
+Build=0
+PrimaryScan=3
+Travel=1
+GlobalTravel=0
+RewriteLinks=0
+BuildString=%%h%%p/%%n%%q.%%t
+Category=
+MaxHtml=
+MaxOther=
+MaxAll=
+MaxWait=
+Sockets=
+Retry=
+MaxTime=
+TimeOut=
+RateOut=
+UserID=Mozilla/4.5 (compatible; HTTrack 3.0x; Windows 98)
+Footer=<!-- Mirrored from %%s%%s by HTTrack Website Copier/3.x [XR&CO'2014], %%s -->
+AcceptLanguage=de, en, *
+OtherHeaders=
+DefaultReferer=
+MaxRate=25000
+WildCardFilters=+*.png +*.gif +*.jpg +*.jpeg +*.css +*.js -ad.doubleclick.net/* -mime:application/foobar
+Proxy=
+Port=
+Depth=
+ExtDepth=
+MaxConn=
+MaxLinks=
+MIMEDefsExt1=
+MIMEDefsExt2=
+MIMEDefsExt3=
+MIMEDefsExt4=
+MIMEDefsExt5=
+MIMEDefsExt6=
+MIMEDefsExt7=
+MIMEDefsExt8=
+MIMEDefsMime1=
+MIMEDefsMime2=
+MIMEDefsMime3=
+MIMEDefsMime4=
+MIMEDefsMime5=
+MIMEDefsMime6=
+MIMEDefsMime7=
+MIMEDefsMime8=
+CurrentUrl=https://www.lackwerk-kl.de/%0d%0a
+CurrentAction=0
+CurrentURLList=