Was ist das „Car Wash“‑Template?
Ein freies, modernes Bootstrap‑4‑Grundgerüst, das typische Website‑Bausteine für Dienstleister bündelt – perfekt, um schnell zu einer klaren, performanten Seite zu kommen.
Warum setzen wir darauf?
- Sauberes Raster & klare UX: Bootstrap 4 sorgt für konsistente Abstände, Typografie und Komponenten.
- Schnelle Individualisierung: Die Sektionen sind so vorbereitet, dass wir sie 1:1 als Content‑Elemente in TYPO3 abbilden – ohne unnötigen Ballast.
- Bereit für v14: Das Setup ist so strukturiert, dass ein Core‑Upgrade planbar bleibt.
Feature‑Highlights (und wie wir sie in TYPO3 nutzen)
- Bootstrap 4 – solides, responsives Grid als Basis.
- Google Web Fonts – DSGVO‑konform lokal eingebunden.
- Flaticon & Font Awesome 5 – Icon‑Set für Services/Listen.
- Fully responsive layout – mobile‑first, flüssige Breakpoints.
- Clean & well‑commented code – gute Maintainability.
- Cross‑Browser‑Kompatibilität – Tests für alle gängigen Browser.
- Sticky & Dropdown Navigation – Hauptmenü als Sticky‑Bar, Dropdowns für Tiefe.
- Header‑Karussell (responsive) – für heroische Aufmacher/Promos.
- Pricing‑Tabelle – klare Pakete/Leistungen.
- Animated number counter – dezente KPIs/Trust‑Elemente.
- Bootstrap Tabs – kompakte Inhaltsumschaltung.
- Testimonials‑Karussell – Social Proof im Loop.
- Pagination Element – Listen/Blog‑Seiten.
- Related‑Post‑Karussell – Querlinks/Weiterlesen.
- Booking‑Formular – in TYPO3 via EXT:form inkl. Mail‑Route/Spam‑Schutz.
- Comment‑Form – optional; bei Bedarf mit Moderation und Antispam.
- Back‑to‑top Button – Komfort bei langen Seiten.
- Social‑Icons – verlinkt, ohne Third‑Party‑Tracker.
- Working Contact Form – in TYPO3 als Form‑Blueprint (DSGVO‑konform).
Unsere Umsetzung in TYPO3
- Sektionen ↔ Content‑Elemente: Header, Services, Pricing, Testimonials, Portfolio, Kontakt sind als eigenständige CEs angelegt.
- Karussells/Tabs: Bootstrap‑kompatibel, Redakteur:innen‑freundlich pflegbar.
- Formulare: Booking/Contact als EXT:form‑Formulare mit validierter Mail‑Auslieferung, optional Double‑Opt‑In.
- Performance/SEO: Bildgrößen & Lazy‑Loading, saubere Head‑Meta, strukturierte Daten nach Bedarf.
