Component Library
Alle wiederverwendbaren Astro-Komponenten der Electric Horses Website. 23 Komponenten in 4 Kategorien: Layout, UI, Sections, Cards.
Badge
components/ui/Badge.astro — Props: text, variant
SectionHeading
components/ui/SectionHeading.astro — Props: overline, title, subtitle, align
Unsere Marken
9 Marken. Eine Mission.
Vom urbanen Roller bis zum Performance-Motorrad.
Wer wir sind
Autohaus-Tradition trifft Elektromobilität
Form Elements
Input.astro, Select.astro, Textarea.astro
ThemeToggle
components/ui/ThemeToggle.astro — Fixed position top-right. Click the toggle in the top-right corner to test.
Hero
components/sections/Hero.astro — Props: overline, title, stats[], primaryCta, secondaryCta
Jetzt Probefahren
Die Zukunft der
Mobilität beginnt hier.
TrustStrip
components/sections/TrustStrip.astro — Props: items[]
ServiceGrid
components/sections/ServiceGrid.astro — Props: services[]
BrandStrip
components/sections/BrandStrip.astro — Props: brands[]
Unsere Marken
CtaSection
components/sections/CtaSection.astro — Props: title, subtitle, primaryCta, secondaryCta
Finden Sie Ihr Elektrofahrzeug
Entdecken Sie unser Sortiment — filtern Sie nach Typ, Marke, Reichweite oder Preis.
FaqAccordion
components/sections/FaqAccordion.astro — Props: title, items[]
Häufige Fragen
ContactForm
components/sections/ContactForm.astro — Full contact form with privacy checkbox.
ProductCard
components/cards/ProductCard.astro — Props: brand, model, category, specs, price, href
BlogCard
components/cards/BlogCard.astro — Props: title, excerpt, category, author, date, href
ZERO SR/F 2026: Was das neue Modell besser macht
Mehr Reichweite, schnelleres Laden und ein neues Display — die ZERO SR/F 2026 setzt neue Maßstäbe.
E-Roller vs. E-Bike: Was passt besser zu dir?
Beide sind elektrisch, beide sind praktisch — aber welches Fahrzeug passt zu deinem Alltag?
Förderungen für E-Fahrzeuge 2026
Welche Zuschüsse und Steuervorteile gibt es aktuell? Ein Überblick über alle Fördermöglichkeiten.
TeamCard
components/cards/TeamCard.astro — Props: name, role, phone, email
ServiceCard
components/cards/ServiceCard.astro — Props: icon, title, description, price, link
Wartung & Inspektion
Regelmäßige Checks für maximale Lebensdauer und Sicherheit.
Reparatur
Professionelle Diagnose und Reparatur — von der Bremse bis zur Steuerungselektronik.
Software-Updates
Firmware-Aktualisierungen und Software-Optimierungen für bessere Performance.
Layout Components
The Header (top of this page), Footer (bottom), BaseLayout (wrapping this page), and Container (used throughout) are all active on this page.
BaseLayout — components/layout/BaseLayout.astro — Props: title, description, ogImage
Header — components/layout/Header.astro — Sticky header with mobile hamburger
Footer — components/layout/Footer.astro — 4-column grid footer
Container — components/layout/Container.astro — Props: class, as (HTML tag)