183 lines
13 KiB
TypeScript
183 lines
13 KiB
TypeScript
"use client";
|
||
|
||
import { ThemeProvider } from "@/providers/themeProvider/ThemeProvider";
|
||
import NavbarStyleFullscreen from "@/components/navbar/NavbarStyleFullscreen/NavbarStyleFullscreen";
|
||
import HeroCentered from "@/components/sections/hero/HeroCentered";
|
||
import FeatureCardNineteen from "@/components/sections/feature/FeatureCardNineteen";
|
||
import TestimonialAboutCard from "@/components/sections/about/TestimonialAboutCard";
|
||
import TestimonialCardFive from "@/components/sections/testimonial/TestimonialCardFive";
|
||
import ContactFaq from "@/components/sections/contact/ContactFaq";
|
||
import FooterCard from "@/components/sections/footer/FooterCard";
|
||
import { Award, Shield, Phone, Mail, MapPin } from "lucide-react";
|
||
|
||
export default function LandingPage() {
|
||
return (
|
||
<ThemeProvider
|
||
defaultButtonVariant="text-shift"
|
||
defaultTextAnimation="entrance-slide"
|
||
borderRadius="pill"
|
||
contentWidth="mediumLarge"
|
||
sizing="medium"
|
||
background="noiseDiagonalGradient"
|
||
cardStyle="outline"
|
||
primaryButtonStyle="double-inset"
|
||
secondaryButtonStyle="glass"
|
||
headingFontWeight="medium"
|
||
>
|
||
<div id="nav" data-section="nav">
|
||
<NavbarStyleFullscreen
|
||
navItems={[
|
||
{ name: "Leistungen", id: "services" },
|
||
{ name: "Über uns", id: "about" },
|
||
{ name: "Bewertungen", id: "testimonials" },
|
||
{ name: "Kontakt", id: "contact" },
|
||
{ name: "Termin", id: "contact" }
|
||
]}
|
||
brandName="E&R Kfz Technik"
|
||
bottomLeftText="Feldkirch, Österreich"
|
||
bottomRightText="hello@erkfztechnik.at"
|
||
/>
|
||
</div>
|
||
|
||
<div id="hero" data-section="hero">
|
||
<HeroCentered
|
||
title="E&R Kfz Technik OG – Ihre Autowerkstatt in Feldkirch"
|
||
description="Professionelle KFZ Reparaturen, Wartung und Service mit höchster Qualität. Vertrauen Sie auf unsere Expertise und langjährige Erfahrung."
|
||
background={{ variant: "radial-gradient" }}
|
||
avatars={[
|
||
{
|
||
src: "http://img.b2bpic.net/free-photo/client-vehicle-distributor-checkup_482257-115279.jpg", alt: "E&R Kfz Technik Team"
|
||
}
|
||
]}
|
||
avatarText="4.9 ⭐ Google Bewertungen"
|
||
buttons={[
|
||
{ text: "Termin vereinbaren", href: "#contact" },
|
||
{ text: "Route anzeigen", href: "https://maps.google.com/?q=Liechtensteiner+Str+111a+6800+Feldkirch" }
|
||
]}
|
||
buttonAnimation="slide-up"
|
||
ariaLabel="Hero section for E&R Kfz Technik"
|
||
/>
|
||
</div>
|
||
|
||
<div id="services" data-section="services">
|
||
<FeatureCardNineteen
|
||
features={[
|
||
{
|
||
id: 1,
|
||
tag: "Reparatur", title: "KFZ Reparaturen", subtitle: "Professionelle Reparaturen aller Fahrzeugtypen", description: "Wir führen alle Arten von Fahzeugreparaturen durch – von kleineren Wartungsarbeiten bis zu komplexen Motorüberholungen. Unser erfahrenes Team nutzt modernste Diagnostiktechnik und Original-Ersatzteile.", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-couple-signing-documents-while-being-with-car-mechanic-repair-shop_637285-4257.jpg", imageAlt: "professional car repair mechanic tools"
|
||
},
|
||
{
|
||
id: 2,
|
||
tag: "Wartung", title: "Wartung & Service", subtitle: "Regelmäßige Fahrzeugwartung für optimale Performance", description: "Regelmäßige Wartung ist der Schlüssel zur Langlebigkeit Ihres Fahrzeugs. Wir kümmern uns um alle Wartungsintervalle und halten Ihr Auto in perfektem Zustand.", imageSrc: "http://img.b2bpic.net/free-photo/couple-giving-car-keys-their-auto-mechanic-auto-repair-shop-focus-is-mechanic_637285-7732.jpg", imageAlt: "car maintenance oil change service"
|
||
},
|
||
{
|
||
id: 3,
|
||
tag: "Diagnostik", title: "KFZ Diagnose", subtitle: "Präzise Problemerkennung mit moderner Technologie", description: "Mit unseren modernen Diagnosegeräten identifizieren wir Fahzeugprobleme schnell und präzise. Wir finden die Ursache, damit Sie lange Reparaturzeiten vermeiden.", imageSrc: "http://img.b2bpic.net/free-photo/car-repairmen-using-laptop-while-doing-car-engine-diagnostic-auto-repair-shop_637285-4273.jpg", imageAlt: "car diagnostic computer tool professional"
|
||
},
|
||
{
|
||
id: 4,
|
||
tag: "Bremsen", title: "Bremsenservice", subtitle: "Sichere und zuverlässige Bremsensysteme", description: "Die Bremsen sind das wichtigste Sicherheitssystem Ihres Fahrzeugs. Wir führen umfassende Inspektionen und Wartungen durch, um Ihre Sicherheit zu gewährleisten.", imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-working-shop-car_23-2150169989.jpg", imageAlt: "brake service car repair professional"
|
||
},
|
||
{
|
||
id: 5,
|
||
tag: "Reifen", title: "Reifenservice", subtitle: "Profi-Reifenwechsel und Reifenwartung", description: "Von Saisonwechsel bis Reifenreparatur – wir bieten komplette Reifenservices. Professionelle Ausbalancierung und Ausrichtung für optimale Fahrsicherheit.", imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-changing-wheels-car_1303-27463.jpg", imageAlt: "tire service car wheel replacement"
|
||
},
|
||
{
|
||
id: 6,
|
||
tag: "Prüfung", title: "§57a / Pickerl", subtitle: "Behördliche Hauptuntersuchung", description: "Wir führen die offiziellen Hauptuntersuchungen durch und helfen Ihnen, alle behördlichen Anforderungen zu erfüllen. Schnell, zuverlässig und kompetent.", imageSrc: "http://img.b2bpic.net/free-photo/young-happy-couple-signing-documents-while-being-with-car-mechanic-repair-shop_637285-4257.jpg", imageAlt: "professional car repair mechanic tools"
|
||
}
|
||
]}
|
||
title="Unsere Leistungen"
|
||
description="Umfassendes Spektrum an Fahrzeugdienstleistungen von Reparaturen bis zur Wartung"
|
||
tag="Dienstleistungen"
|
||
tagAnimation="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
buttonAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="about" data-section="about">
|
||
<TestimonialAboutCard
|
||
tag="Über E&R Kfz Technik"
|
||
tagIcon={Award}
|
||
title="Vertrauen, Erfahrung und höchste Qualität – seit Jahren Ihre zuverlässige Werkstatt"
|
||
description="E&R Kfz Technik OG"
|
||
subdescription="Feldkirch, Österreich"
|
||
icon={Shield}
|
||
imageSrc="http://img.b2bpic.net/free-photo/client-vehicle-distributor-checkup_482257-115279.jpg"
|
||
imageAlt="E&R Kfz Technik Team"
|
||
mediaAnimation="blur-reveal"
|
||
useInvertedBackground={false}
|
||
tagAnimation="slide-up"
|
||
/>
|
||
</div>
|
||
|
||
<div id="testimonials" data-section="testimonials">
|
||
<TestimonialCardFive
|
||
testimonials={[
|
||
{
|
||
id: "1", name: "Thomas Müller, Fahrzeugbesitzer", date: "Date: 15 November 2024", title: "Ausgezeichnete Werkstatt mit professionellem Service", quote: "E&R Kfz Technik hat mein Auto perfekt repariert. Das Team ist freundlich, professionell und arbeitet gewissenhaft. Die Preise sind fair und die Arbeit ist von höchster Qualität. Ich kann die Werkstatt wärmstens empfehlen!", tag: "5 Sterne", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-smiling-holding-her-chin_23-2149374984.jpg", avatarAlt: "Thomas Müller", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-woman-smiling-holding-her-chin_23-2149374984.jpg", imageAlt: "Zufriedener Kunde"
|
||
},
|
||
{
|
||
id: "2", name: "Maria Schmidt, Fahrzeugbesitzerin", date: "Date: 10 Oktober 2024", title: "Schnell, zuverlässig und kompetent", quote: "Ich bin sehr zufrieden mit dem Service von E&R Kfz Technik. Mein Auto wurde schnell repariert, ohne versteckte Kosten. Das Team erklärt alles genau und beantwortet alle Fragen. Eine echte Empfehlung!", tag: "5 Sterne", avatarSrc: "http://img.b2bpic.net/free-photo/closeup-happy-bearded-man-suit-laughing-smiling-standing-white-background_1258-155212.jpg", avatarAlt: "Maria Schmidt", imageSrc: "http://img.b2bpic.net/free-photo/closeup-happy-bearded-man-suit-laughing-smiling-standing-white-background_1258-155212.jpg", imageAlt: "Zufriedene Kundin"
|
||
},
|
||
{
|
||
id: "3", name: "Peter Hofer, Fahrzeugbesitzer", date: "Date: 5 September 2024", title: "Die beste Werkstatt in Feldkirch", quote: "Ich bringe mein Auto immer zu E&R Kfz Technik. Das Preis-Leistungs-Verhältnis ist unschlagbar, und die Arbeitsqualität ist hervorragend. Das Team ist immer hilfsbereit und freundlich. Top Werkstatt!", tag: "5 Sterne", avatarSrc: "http://img.b2bpic.net/free-photo/enthusiastic-city-girl-shows-thumbs-up-approval-looking-upbeat-say-yes-approves-agrees-stands_1258-125720.jpg", avatarAlt: "Peter Hofer", imageSrc: "http://img.b2bpic.net/free-photo/enthusiastic-city-girl-shows-thumbs-up-approval-looking-upbeat-say-yes-approves-agrees-stands_1258-125720.jpg", imageAlt: "Zufriedener Kunde"
|
||
},
|
||
{
|
||
id: "4", name: "Anna Wagner, Fahrzeugbesitzerin", date: "Date: 20 August 2024", title: "Professionell und vertrauenswürdig", quote: "E&R Kfz Technik ist meine Vertrauenswerkstatt. Sie arbeiten transparent, liefern faire Preise und bieten erstklassigen Service. Ich fühle mich gut aufgehoben und empfehle die Werkstatt gerne weiter!", tag: "5 Sterne", avatarSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-outside-office-buildings-business-success-concept_58466-12274.jpg", avatarAlt: "Anna Wagner", imageSrc: "http://img.b2bpic.net/free-photo/portrait-young-business-woman-standing-outside-office-buildings-business-success-concept_58466-12274.jpg", imageAlt: "Zufriedene Kundin"
|
||
}
|
||
]}
|
||
title="Was unsere Kunden sagen"
|
||
description="Lesen Sie ehrliche Bewertungen von zufriedenen Fahrzeughaltern"
|
||
tag="Kundenbewertungen"
|
||
tagAnimation="slide-up"
|
||
textboxLayout="default"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="contact" data-section="contact">
|
||
<ContactFaq
|
||
faqs={[
|
||
{
|
||
id: "1", title: "Welche Zahlungsarten akzeptieren Sie?", content: "Wir akzeptieren Bargeld, Kreditkarte, Banküberweisung und moderne digitale Zahlungsmethoden. Sprechen Sie uns an, wenn Sie eine spezielle Zahlungsart benötigen."
|
||
},
|
||
{
|
||
id: "2", title: "Wie lange dauert eine typische Reparatur?", content: "Die Dauer hängt von der Art der Reparatur ab. Kleinere Servicearbeiten dauern oft nur wenige Stunden, während komplexere Reparaturen 1-3 Tage in Anspruch nehmen können. Wir informieren Sie immer vorab über die voraussichtliche Dauer."
|
||
},
|
||
{
|
||
id: "3", title: "Bietet ihr eine Garantie auf eure Arbeit?", content: "Ja, wir bieten eine umfassende Garantie auf alle unsere Arbeiten. Dies spiegelt unser Vertrauen in unsere Fachkompetenz wider. Weitere Details erhalten Sie gerne bei der Terminvergabe."
|
||
},
|
||
{
|
||
id: "4", title: "Können Sie mein Auto abholen?", content: "Ja, für größere Reparaturen bieten wir einen Abholservice an. Sprechen Sie uns an, und wir kümmern uns um die Abholung und den Transport Ihres Fahrzeugs."
|
||
},
|
||
{
|
||
id: "5", title: "Welche Fahrzeugmarken repariert ihr?", content: "Wir reparieren alle gängigen Fahrzeugmarken – von europäischen bis zu asiatischen und amerikanischen Herstellern. Unser Team verfügt über umfangreiche Erfahrung mit praktisch allen Fahrzeugtypen."
|
||
}
|
||
]}
|
||
ctaTitle="Termin vereinbaren"
|
||
ctaDescription="Kontaktieren Sie uns noch heute und vereinbaren Sie einen Termin für Ihr Fahrzeug."
|
||
ctaButton={{ text: "Jetzt anrufen", href: "tel:+43-123-456789" }}
|
||
ctaIcon={Phone}
|
||
animationType="slide-up"
|
||
useInvertedBackground={false}
|
||
/>
|
||
</div>
|
||
|
||
<div id="footer" data-section="footer">
|
||
<FooterCard
|
||
logoText="E&R Kfz Technik"
|
||
copyrightText="© 2025 E&R Kfz Technik OG | Liechtensteiner Str. 111a, 6800 Feldkirch, Österreich"
|
||
socialLinks={[
|
||
{ icon: Phone, href: "tel:+43-123-456789", ariaLabel: "Telefon" },
|
||
{ icon: Mail, href: "mailto:info@erkfztechnik.at", ariaLabel: "E-Mail" },
|
||
{ icon: MapPin, href: "https://maps.google.com/?q=Liechtensteiner+Str+111a+6800+Feldkirch", ariaLabel: "Google Maps" }
|
||
]}
|
||
/>
|
||
</div>
|
||
</ThemeProvider>
|
||
);
|
||
}
|