Update src/app/page.tsx
This commit is contained in:
108
src/app/page.tsx
108
src/app/page.tsx
@@ -5,7 +5,7 @@ import ReactLenis from "lenis/react";
|
||||
import ContactSplitForm from '@/components/sections/contact/ContactSplitForm';
|
||||
import FaqBase from '@/components/sections/faq/FaqBase';
|
||||
import FeatureCardTwentyOne from '@/components/sections/feature/FeatureCardTwentyOne';
|
||||
import FooterMedia from '@/components/sections/footer/FooterMedia';
|
||||
import FooterBaseCard from '@/components/sections/footer/FooterBaseCard';
|
||||
import HeroSplit from '@/components/sections/hero/HeroSplit';
|
||||
import MediaAbout from '@/components/sections/about/MediaAbout';
|
||||
import MetricCardEleven from '@/components/sections/metrics/MetricCardEleven';
|
||||
@@ -20,57 +20,43 @@ export default function LandingPage() {
|
||||
borderRadius="pill"
|
||||
contentWidth="mediumLarge"
|
||||
sizing="mediumLarge"
|
||||
background="noiseDiagonalGradient"
|
||||
cardStyle="layered-gradient"
|
||||
primaryButtonStyle="diagonal-gradient"
|
||||
secondaryButtonStyle="solid"
|
||||
background="noise"
|
||||
cardStyle="glass-depth"
|
||||
primaryButtonStyle="primary-glow"
|
||||
secondaryButtonStyle="glass"
|
||||
headingFontWeight="medium"
|
||||
>
|
||||
<ReactLenis root>
|
||||
<div id="nav" data-section="nav">
|
||||
<NavbarLayoutFloatingInline
|
||||
navItems={[
|
||||
{ name: "Home", id: "hero" },
|
||||
{ name: "Start", id: "hero" },
|
||||
{ name: "Über Uns", id: "about" },
|
||||
{ name: "Leistungen", id: "services" },
|
||||
{ name: "Erfahrungen", id: "testimonials" },
|
||||
{ name: "Kontakt", id: "contact" },
|
||||
]}
|
||||
brandName="Garage Blaas"
|
||||
button={{ text: "Jetzt Termin vereinbaren", href: "#contact" }}
|
||||
button={{ text: "Termin buchen", href: "#contact" }}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="hero" data-section="hero">
|
||||
<HeroSplit
|
||||
background={{ variant: "gradient-bars" }}
|
||||
title="Ihr Partner für erstklassigen Autoservice"
|
||||
description="Willkommen bei der Garage Blaas GmbH. Von Inspektionen bis hin zu komplexen Reparaturen – wir kümmern uns um Ihr Fahrzeug mit Leidenschaft und Präzision."
|
||||
buttons={[{ text: "Jetzt Termin vereinbaren", href: "#contact" }]}
|
||||
background={{ variant: "glowing-orb" }}
|
||||
title="Erstklassiger Autoservice für höchste Ansprüche"
|
||||
description="Willkommen bei der Garage Blaas GmbH. Präzision, Leidenschaft und modernste Technik vereint unter einem Dach für Ihr Fahrzeug."
|
||||
buttons={[{ text: "Jetzt Termin buchen", href: "#contact" }]}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881649.jpg?_wi=1"
|
||||
mediaAnimation="slide-up"
|
||||
avatars={[
|
||||
{ src: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580613.jpg", alt: "Car being taking care of in workshop" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/two-specialists-uniform-repairing-car-together-garage_496169-1110.jpg", alt: "Two specialists in uniform repairing car together in garage" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/car-being-taking-care-workshop_23-2149580532.jpg", alt: "Car being taking care of in workshop" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/set-work-tools-toolbox_1170-1412.jpg", alt: "Set of work tools in toolbox" },
|
||||
{ src: "http://img.b2bpic.net/free-photo/mechanic-does-maintenance-client-car_482257-81479.jpg", alt: "Mechanic does maintenance on client car" }
|
||||
]}
|
||||
avatarText="Vertraut von über 5.000 Kunden"
|
||||
marqueeItems={[
|
||||
{ type: "text", text: "Meisterbetrieb" },
|
||||
{ type: "text", text: "Alle Marken" },
|
||||
{ type: "text", text: "Faire Preise" },
|
||||
{ type: "text", text: "Sicher unterwegs" },
|
||||
{ type: "text", text: "Moderne Diagnostik" }
|
||||
]}
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="about" data-section="about">
|
||||
<MediaAbout
|
||||
useInvertedBackground={true}
|
||||
title="Erfahrung und Qualität vereint"
|
||||
description="Die Garage Blaas GmbH steht für Zuverlässigkeit und höchste handwerkliche Standards. Seit Jahren sorgen wir dafür, dass unsere Kunden sicher und sorgenfrei unterwegs sind."
|
||||
title="Qualität aus Tradition"
|
||||
description="Seit über 15 Jahren steht die Garage Blaas GmbH für Zuverlässigkeit. Wir bieten maßgeschneiderte Lösungen für alle Fahrzeugmarken und setzen auf höchste Qualität in unserer Arbeit."
|
||||
imageSrc="http://img.b2bpic.net/free-photo/portrait-professional-handsome-car-mechanic-holding-wrenches-front-automobile-with-opened-hood_342744-261.jpg"
|
||||
/>
|
||||
</div>
|
||||
@@ -78,14 +64,13 @@ export default function LandingPage() {
|
||||
<div id="services" data-section="services">
|
||||
<FeatureCardTwentyOne
|
||||
useInvertedBackground={false}
|
||||
title="Unsere umfassenden Leistungen"
|
||||
description="Wir bieten eine breite Palette an Dienstleistungen, um Ihr Fahrzeug in Topform zu halten."
|
||||
title="Unsere Expertise für Sie"
|
||||
description="Von der komplexen Motorreparatur bis zur schnellen Reifenmontage."
|
||||
accordionItems={[
|
||||
{ id: "service-1", title: "Inspektion & Wartung", content: "Regelmäßige Checks gemäß Herstellervorgaben zur Werterhaltung Ihres Fahrzeugs." },
|
||||
{ id: "service-2", title: "Reparatur aller Marken", content: "Modernste Technik für fachgerechte Instandsetzungen an Motor, Fahrwerk und Elektronik." },
|
||||
{ id: "service-3", title: "Reifenservice", content: "Professioneller Wechsel, Einlagerung und Beratung rund um Ihre Bereifung." }
|
||||
{ id: "s1", title: "Full-Service Reparaturen", content: "Diagnose und Instandsetzung von Motoren, Fahrwerken und Elektronik aller Marken." },
|
||||
{ id: "s2", title: "Wartung & Inspektion", content: "Scheckheftgepflegt nach Herstellervorgaben mit modernster Analysetechnik." },
|
||||
{ id: "s3", title: "Reifen & Räder", content: "Fachgerechte Montage, Auswuchten und saisonale Einlagerung Ihrer Räder." }
|
||||
]}
|
||||
mediaAnimation="slide-up"
|
||||
imageSrc="http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881649.jpg?_wi=2"
|
||||
/>
|
||||
</div>
|
||||
@@ -96,12 +81,12 @@ export default function LandingPage() {
|
||||
textboxLayout="split"
|
||||
useInvertedBackground={true}
|
||||
metrics={[
|
||||
{ id: "m1", value: "15+", title: "Jahre Erfahrung", description: "Fachwissen für jedes Modell.", imageSrc: "http://img.b2bpic.net/free-photo/auto-repairman-taking-notes-while-examining-vehicle-workshop_637285-12713.jpg" },
|
||||
{ id: "m2", value: "5000+", title: "Fahrzeuge gewartet", description: "Zufriedenheit ist unser Ziel.", imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-request-help-from-coworker_482257-76115.jpg" },
|
||||
{ id: "m3", value: "100%", title: "Servicequalität", description: "Handarbeit vom Meisterbetrieb.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-car-workshop_329181-11827.jpg" }
|
||||
{ id: "m1", value: "15+", title: "Jahre Erfahrung", description: "Fachwissen, das verbindet.", imageSrc: "http://img.b2bpic.net/free-photo/auto-repairman-taking-notes-while-examining-vehicle-workshop_637285-12713.jpg" },
|
||||
{ id: "m2", value: "5k+", title: "Glückliche Kunden", description: "Vertrauen ist unser Antrieb.", imageSrc: "http://img.b2bpic.net/free-photo/car-mechanic-request-help-from-coworker_482257-76115.jpg" },
|
||||
{ id: "m3", value: "100%", title: "Meisterhaft", description: "Präzision in jedem Schritt.", imageSrc: "http://img.b2bpic.net/free-photo/mechanic-repairing-car-workshop_329181-11827.jpg" }
|
||||
]}
|
||||
title="Unsere Kompetenz in Zahlen"
|
||||
description="Warum Kunden unserer Garage vertrauen."
|
||||
title="Starke Leistungen in Zahlen"
|
||||
description="Ihre Werkstatt für transparente und ehrliche Automobil-Dienstleistungen."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -111,15 +96,14 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={false}
|
||||
testimonials={[
|
||||
{ id: "1", name: "Thomas Müller", handle: "@tmueller", testimonial: "Hervorragender Service und sehr faire Preise.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/vertical-shot-male-wearing-suit-tie-standing-classroom_181624-14287.jpg" },
|
||||
{ id: "2", name: "Sabine Schmidt", handle: "@sschmidt", testimonial: "Schnelle Hilfe, kompetente Mechaniker.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/close-up-smiley-man-inside-car_23-2149201412.jpg" },
|
||||
{ id: "3", name: "Markus Weber", handle: "@mweber", testimonial: "Sehr freundliches Team und absolut transparent.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-auto-repairman-his-colleague-communicating-while-working-together-workshop_637285-7662.jpg" },
|
||||
{ id: "4", name: "Julia Klein", handle: "@jklein", testimonial: "Die beste Autowerkstatt in der Region.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/happy-mid-adult-mechanic-working-auto-repair-shop_637285-7540.jpg" },
|
||||
{ id: "5", name: "Lukas Fischer", handle: "@lfischer", testimonial: "Schnelle Terminvergabe und super Ergebnis.", rating: 5, imageSrc: "http://img.b2bpic.net/free-photo/mid-adult-mechanic-his-customer-using-touchpad-auto-repair-shop_637285-8662.jpg" }
|
||||
{ id: "t1", name: "Thomas Müller", handle: "@tmueller", testimonial: "Top Service, transparente Kosten und sehr freundliches Team.", rating: 5 },
|
||||
{ id: "t2", name: "Sabine Schmidt", handle: "@sschmidt", testimonial: "Immer schnell und unkompliziert. Sehr empfehlenswert!", rating: 5 },
|
||||
{ id: "t3", name: "Markus Weber", handle: "@mweber", testimonial: "Fachmännische Beratung bei der Reifenwahl und erstklassige Montage.", rating: 5 },
|
||||
{ id: "t4", name: "Julia Klein", handle: "@jklein", testimonial: "Die Garage meines Vertrauens. Beste Qualität weit und breit.", rating: 5 }
|
||||
]}
|
||||
showRating={true}
|
||||
title="Was unsere Kunden sagen"
|
||||
description="Qualität, die überzeugt."
|
||||
title="Stimmen unserer Kunden"
|
||||
description="Was die Garage Blaas für unsere Kunden so besonders macht."
|
||||
/>
|
||||
</div>
|
||||
|
||||
@@ -128,12 +112,12 @@ export default function LandingPage() {
|
||||
textboxLayout="default"
|
||||
useInvertedBackground={true}
|
||||
faqs={[
|
||||
{ id: "q1", title: "Wie vereinbare ich einen Termin?", content: "Sie können uns telefonisch kontaktieren oder über unser Kontaktformular einen Termin anfragen." },
|
||||
{ id: "q2", title: "Reparieren Sie alle Fahrzeugmarken?", content: "Ja, unsere Werkstatt ist markenoffen und bestens ausgerüstet." },
|
||||
{ id: "q3", title: "Wie lange dauert eine Inspektion?", content: "In der Regel ist Ihr Fahrzeug nach einem Arbeitstag wieder abholbereit." }
|
||||
{ id: "f1", title: "Bieten Sie auch Ersatzwagen an?", content: "Ja, nach rechtzeitiger Terminabsprache halten wir Mobilitätslösungen für Sie bereit." },
|
||||
{ id: "f2", title: "Wie erfolgt die Terminvereinbarung?", content: "Bevorzugt über unser Online-Formular, alternativ gerne auch per Telefon." },
|
||||
{ id: "f3", title: "Garantie bei Reparaturen?", content: "Selbstverständlich gewähren wir die gesetzliche Gewährleistung auf alle unsere Werkstattleistungen." }
|
||||
]}
|
||||
title="Häufig gestellte Fragen"
|
||||
description="Antworten auf Ihre Anliegen."
|
||||
title="Wichtige Informationen"
|
||||
description="Antworten auf die häufigsten Fragen rund um unseren Werkstatt-Service."
|
||||
faqsAnimation="slide-up"
|
||||
/>
|
||||
</div>
|
||||
@@ -141,29 +125,31 @@ export default function LandingPage() {
|
||||
<div id="contact" data-section="contact">
|
||||
<ContactSplitForm
|
||||
useInvertedBackground={false}
|
||||
title="Kontaktieren Sie uns"
|
||||
description="Vereinbaren Sie noch heute Ihren Termin bei der Garage Blaas GmbH."
|
||||
title="Ihr Weg zu uns"
|
||||
description="Senden Sie uns eine Terminanfrage. Wir sind gerne für Sie da! Öffnungszeiten: Mo-Fr 08:00 - 18:00 Uhr, Sa 09:00 - 13:00 Uhr."
|
||||
inputs={[
|
||||
{ name: "name", type: "text", placeholder: "Ihr Name", required: true },
|
||||
{ name: "email", type: "email", placeholder: "Ihre E-Mail", required: true }
|
||||
{ name: "name", type: "text", placeholder: "Vor- und Nachname", required: true },
|
||||
{ name: "email", type: "email", placeholder: "E-Mail Adresse", required: true },
|
||||
{ name: "tel", type: "tel", placeholder: "Telefonnummer für Rückfragen" }
|
||||
]}
|
||||
textarea={{ name: "message", placeholder: "Ihr Anliegen", rows: 4, required: true }}
|
||||
textarea={{ name: "message", placeholder: "Gewünschtes Datum/Art des Schadens", rows: 4, required: true }}
|
||||
imageSrc="http://img.b2bpic.net/free-photo/mechanic-sitting-car-workshop_23-2147897990.jpg"
|
||||
buttonText="Termin anfragen"
|
||||
/>
|
||||
</div>
|
||||
|
||||
<div id="footer" data-section="footer">
|
||||
<FooterMedia
|
||||
imageSrc="http://img.b2bpic.net/free-photo/engineer-inspects-car-overhead-lift_482257-76181.jpg"
|
||||
<FooterBaseCard
|
||||
logoText="Garage Blaas GmbH"
|
||||
columns={[
|
||||
{ title: "Garage Blaas", items: [{ label: "Über Uns", href: "#about" }, { label: "Leistungen", href: "#services" }] },
|
||||
{ title: "Service", items: [{ label: "Kontakt", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
|
||||
{ title: "Garage", items: [{ label: "Über uns", href: "#about" }, { label: "Leistungen", href: "#services" }, { label: "Kontakt", href: "#contact" }] },
|
||||
{ title: "Service", items: [{ label: "Termin buchen", href: "#contact" }, { label: "FAQ", href: "#faq" }] },
|
||||
{ title: "Rechtliches", items: [{ label: "Impressum", href: "#" }, { label: "Datenschutz", href: "#" }] }
|
||||
]}
|
||||
copyrightText="© 2025 Garage Blaas GmbH | Ihr Meisterbetrieb"
|
||||
/>
|
||||
</div>
|
||||
</ReactLenis>
|
||||
</ThemeProvider>
|
||||
);
|
||||
}
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user