Merge version_1 into main
Merge version_1 into main
This commit was merged in pull request #2.
This commit is contained in:
252
src/app/page.tsx
252
src/app/page.tsx
@@ -32,29 +32,17 @@ export default function LandingPage() {
|
|||||||
<NavbarLayoutFloatingOverlay
|
<NavbarLayoutFloatingOverlay
|
||||||
navItems={[
|
navItems={[
|
||||||
{
|
{
|
||||||
name: "Home",
|
name: "Home", id: "#hero"},
|
||||||
id: "#hero",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "About Us",
|
name: "About Us", id: "#about"},
|
||||||
id: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Services",
|
name: "Services", id: "#services"},
|
||||||
id: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Testimonials",
|
name: "Testimonials", id: "#testimonials"},
|
||||||
id: "#testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "FAQ",
|
name: "FAQ", id: "#faq"},
|
||||||
id: "#faq",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
name: "Contact",
|
name: "Contact", id: "#contact"},
|
||||||
id: "#contact",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
brandName="ALI Express Service"
|
brandName="ALI Express Service"
|
||||||
/>
|
/>
|
||||||
@@ -63,35 +51,22 @@ export default function LandingPage() {
|
|||||||
<div id="hero" data-section="hero">
|
<div id="hero" data-section="hero">
|
||||||
<HeroBillboardGallery
|
<HeroBillboardGallery
|
||||||
background={{
|
background={{
|
||||||
variant: "rotated-rays-static",
|
variant: "rotated-rays-static"}}
|
||||||
}}
|
|
||||||
title="Ihr Kompetenter Partner für Fahrzeugservice in Graz"
|
title="Ihr Kompetenter Partner für Fahrzeugservice in Graz"
|
||||||
description="Mit langjähriger Erfahrung, fachlichem Know-how und einem hohen Anspruch an Qualität bieten wir zuverlässige Lösungen für Fahrzeuge aller Marken."
|
description="Mit langjähriger Erfahrung, fachlichem Know-how und einem hohen Anspruch an Qualität bieten wir zuverlässige Lösungen für Fahrzeuge aller Marken."
|
||||||
mediaItems={[
|
mediaItems={[
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-set-metal-wrenches_23-2148428304.jpg?_wi=1",
|
imageSrc: "http://img.b2bpic.net/free-photo/top-view-set-metal-wrenches_23-2148428304.jpg", imageAlt: "Mechanic fixing a car engine"},
|
||||||
imageAlt: "Mechanic fixing a car engine",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-showing-customer-problem-with-car_1170-1423.jpg?_wi=1",
|
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-showing-customer-problem-with-car_1170-1423.jpg", imageAlt: "Technician inspecting a car suspension"},
|
||||||
imageAlt: "Technician inspecting a car suspension",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193567.jpg?_wi=1",
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193567.jpg", imageAlt: "Car body work in a painting booth"},
|
||||||
imageAlt: "Car body work in a painting booth",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881509.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/modern-automobile-mechanic-composition_23-2147881509.jpg", imageAlt: "Oil change service with car on a lift"},
|
||||||
imageAlt: "Oil change service with car on a lift",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-fixing-car-tyre_1170-1664.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-fixing-car-tyre_1170-1664.jpg", imageAlt: "Tire fitting service and wheel balancing"},
|
||||||
imageAlt: "Tire fitting service and wheel balancing",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-preparing-check-list_1170-1310.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-preparing-check-list_1170-1310.jpg", imageAlt: "Mechanic using diagnostic computer on a car"},
|
||||||
imageAlt: "Mechanic using diagnostic computer on a car",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
mediaAnimation="slide-up"
|
mediaAnimation="slide-up"
|
||||||
/>
|
/>
|
||||||
@@ -118,46 +93,22 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
features={[
|
features={[
|
||||||
{
|
{
|
||||||
title: "Fahrzeugreparaturen & Karosserie",
|
title: "Fahrzeugreparaturen & Karosserie", description: "Von allgemeinen Reparaturen bis zur Unfallinstandsetzung – Ihr Fahrzeug ist bei uns in besten Händen.", phoneOne: {
|
||||||
description: "Von allgemeinen Reparaturen bis zur Unfallinstandsetzung – Ihr Fahrzeug ist bei uns in besten Händen.",
|
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-using-diagnostic-tool_1170-1528.jpg", imageAlt: "Car dashboard diagnostics"},
|
||||||
phoneOne: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/female-mechanic-using-diagnostic-tool_1170-1528.jpg",
|
|
||||||
imageAlt: "Car dashboard diagnostics",
|
|
||||||
},
|
|
||||||
phoneTwo: {
|
phoneTwo: {
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/hands-mechanic-using-diagnostic-tool_1170-1146.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/hands-mechanic-using-diagnostic-tool_1170-1146.jpg", imageAlt: "Mechanic performing engine check"}
|
||||||
imageAlt: "Mechanic performing engine check",
|
|
||||||
},
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/top-view-set-metal-wrenches_23-2148428304.jpg?_wi=2",
|
|
||||||
imageAlt: "car dashboard diagnostics screen",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Service & Wartung",
|
title: "Service & Wartung", description: "Regelmäßige Service- und Wartungsarbeiten sowie Öl- und Filterwechsel für die Langlebigkeit Ihres Fahrzeugs.", phoneOne: {
|
||||||
description: "Regelmäßige Service- und Wartungsarbeiten sowie Öl- und Filterwechsel für die Langlebigkeit Ihres Fahrzeugs.",
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-car-service-mechanics-repairing-car_23-2148327563.jpg", imageAlt: "Car body repair process"},
|
||||||
phoneOne: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-car-service-mechanics-repairing-car_23-2148327563.jpg",
|
|
||||||
imageAlt: "Car body repair process",
|
|
||||||
},
|
|
||||||
phoneTwo: {
|
phoneTwo: {
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/service-worker-painting-car-auto-service_23-2149487001.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/service-worker-painting-car-auto-service_23-2149487001.jpg", imageAlt: "Car being painted in booth"}
|
||||||
imageAlt: "Car being painted in booth",
|
|
||||||
},
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/mechanic-showing-customer-problem-with-car_1170-1423.jpg?_wi=2",
|
|
||||||
imageAlt: "car dashboard diagnostics screen",
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Diagnose & Reifenservice",
|
title: "Diagnose & Reifenservice", description: "Fehlerdiagnose, Fahrzeugprüfung, Vorbereitung für technische Überprüfungen und umfassender Reifenservice.", phoneOne: {
|
||||||
description: "Fehlerdiagnose, Fahrzeugprüfung, Vorbereitung für technische Überprüfungen und umfassender Reifenservice.",
|
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-mechanic-changing-car-wheels_23-2148327513.jpg", imageAlt: "Car on hydraulic lift"},
|
||||||
phoneOne: {
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-view-male-mechanic-changing-car-wheels_23-2148327513.jpg",
|
|
||||||
imageAlt: "Car on hydraulic lift",
|
|
||||||
},
|
|
||||||
phoneTwo: {
|
phoneTwo: {
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-mechanic-showing-ok-gesture-with-his-thumb-while-holding-wrench_146671-19719.jpg",
|
imageSrc: "http://img.b2bpic.net/free-photo/close-up-mechanic-showing-ok-gesture-with-his-thumb-while-holding-wrench_146671-19719.jpg", imageAlt: "Mechanic holding new car tire"}
|
||||||
imageAlt: "Mechanic holding new car tire",
|
|
||||||
},
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/close-up-car-care-process_23-2149193567.jpg?_wi=2",
|
|
||||||
imageAlt: "car dashboard diagnostics screen",
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
showStepNumbers={true}
|
showStepNumbers={true}
|
||||||
@@ -173,34 +124,16 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
metrics={[
|
metrics={[
|
||||||
{
|
{
|
||||||
id: "experience",
|
id: "experience", value: "10+", title: "Jahre Erfahrung", items: [
|
||||||
value: "10+",
|
"Fahrzeugreparatur", "Unfallinstandsetzung", "Regelmäßige Wartung"],
|
||||||
title: "Jahre Erfahrung",
|
|
||||||
items: [
|
|
||||||
"Fahrzeugreparatur",
|
|
||||||
"Unfallinstandsetzung",
|
|
||||||
"Regelmäßige Wartung",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "customers",
|
id: "customers", value: "500+", title: "Zufriedene Kunden", items: [
|
||||||
value: "500+",
|
"Persönliche Betreuung", "Transparente Beratung", "Faire Preise"],
|
||||||
title: "Zufriedene Kunden",
|
|
||||||
items: [
|
|
||||||
"Persönliche Betreuung",
|
|
||||||
"Transparente Beratung",
|
|
||||||
"Faire Preise",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
id: "brands",
|
id: "brands", value: "Alle", title: "Marken", items: [
|
||||||
value: "Alle",
|
"Unabhängiger Service", "Original-Ersatzteile", "Garantieerhalt"],
|
||||||
title: "Marken",
|
|
||||||
items: [
|
|
||||||
"Unabhängiger Service",
|
|
||||||
"Original-Ersatzteile",
|
|
||||||
"Garantieerhalt",
|
|
||||||
],
|
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
title="Warum ALI Express Service?"
|
title="Warum ALI Express Service?"
|
||||||
@@ -215,64 +148,28 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
testimonials={[
|
testimonials={[
|
||||||
{
|
{
|
||||||
id: "1",
|
id: "1", name: "Anna Schmidt", role: "Kundin", company: "Privatkunde", rating: 5,
|
||||||
name: "Anna Schmidt",
|
imageSrc: "http://img.b2bpic.net/free-photo/woman-happy-just-bought-her-new-car_1303-29677.jpg", imageAlt: "Smiling woman giving positive feedback"},
|
||||||
role: "Kundin",
|
|
||||||
company: "Privatkunde",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/woman-happy-just-bought-her-new-car_1303-29677.jpg",
|
|
||||||
imageAlt: "Smiling woman giving positive feedback",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "2",
|
id: "2", name: "Max Huber", role: "Fahrzeugflottenmanager", company: "Logistik GmbH", rating: 5,
|
||||||
name: "Max Huber",
|
imageSrc: "http://img.b2bpic.net/free-photo/black-mechanic-his-manager-working-touchpad-auto-repair-shop_637285-8672.jpg", imageAlt: "Happy man giving thumbs up for car service"},
|
||||||
role: "Fahrzeugflottenmanager",
|
|
||||||
company: "Logistik GmbH",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/black-mechanic-his-manager-working-touchpad-auto-repair-shop_637285-8672.jpg",
|
|
||||||
imageAlt: "Happy man giving thumbs up for car service",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "3",
|
id: "3", name: "Lisa Müller", role: "Selbstständige", company: "Kreativstudio", rating: 5,
|
||||||
name: "Lisa Müller",
|
imageSrc: "http://img.b2bpic.net/free-photo/front-vie-car-service-employee-with-clipboard_23-2148327567.jpg", imageAlt: "Woman technician smiling with satisfied customer"},
|
||||||
role: "Selbstständige",
|
|
||||||
company: "Kreativstudio",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/front-vie-car-service-employee-with-clipboard_23-2148327567.jpg",
|
|
||||||
imageAlt: "Woman technician smiling with satisfied customer",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "4",
|
id: "4", name: "Familie Wagner", role: "Kunden", company: "Privatkunde", rating: 5,
|
||||||
name: "Familie Wagner",
|
imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic-greeting-his-customers-auto-repair-shop_637285-11563.jpg", imageAlt: "Family happy with their car service"},
|
||||||
role: "Kunden",
|
|
||||||
company: "Privatkunde",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/happy-mechanic-greeting-his-customers-auto-repair-shop_637285-11563.jpg",
|
|
||||||
imageAlt: "Family happy with their car service",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "5",
|
id: "5", name: "Dr. Klaus Berger", role: "Arzt", company: "Praxis Dr. Berger", rating: 5,
|
||||||
name: "Dr. Klaus Berger",
|
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-car-mechanic-auto-repair-shop-looking-camera_637285-7794.jpg", imageAlt: "Businessman satisfied with car repair"},
|
||||||
role: "Arzt",
|
|
||||||
company: "Praxis Dr. Berger",
|
|
||||||
rating: 5,
|
|
||||||
imageSrc: "http://img.b2bpic.net/free-photo/portrait-happy-car-mechanic-auto-repair-shop-looking-camera_637285-7794.jpg",
|
|
||||||
imageAlt: "Businessman satisfied with car repair",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
kpiItems={[
|
kpiItems={[
|
||||||
{
|
{
|
||||||
value: "99%",
|
value: "99%", label: "Kundenzufriedenheit"},
|
||||||
label: "Kundenzufriedenheit",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "100%",
|
value: "100%", label: "Termintreue"},
|
||||||
label: "Termintreue",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
value: "Top",
|
value: "Top", label: "Bewertung"},
|
||||||
label: "Bewertung",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
title="Kundenstimmen"
|
title="Kundenstimmen"
|
||||||
description="Hören Sie, was unsere zufriedenen Kunden über ihre Erfahrungen bei ALI Express Service sagen."
|
description="Hören Sie, was unsere zufriedenen Kunden über ihre Erfahrungen bei ALI Express Service sagen."
|
||||||
@@ -284,20 +181,11 @@ export default function LandingPage() {
|
|||||||
useInvertedBackground={false}
|
useInvertedBackground={false}
|
||||||
faqs={[
|
faqs={[
|
||||||
{
|
{
|
||||||
id: "q1",
|
id: "q1", title: "Welche Fahrzeugmarken reparieren Sie?", content: "Wir reparieren und warten Fahrzeuge aller Marken und Modelle. Unser erfahrenes Team verfügt über das nötige Know-how und die Ausrüstung für alle gängigen Hersteller."},
|
||||||
title: "Welche Fahrzeugmarken reparieren Sie?",
|
|
||||||
content: "Wir reparieren und warten Fahrzeuge aller Marken und Modelle. Unser erfahrenes Team verfügt über das nötige Know-how und die Ausrüstung für alle gängigen Hersteller.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q2",
|
id: "q2", title: "Muss ich einen Termin vereinbaren?", content: "Für die meisten Dienstleistungen empfehlen wir eine Terminvereinbarung, um Wartezeiten zu vermeiden. Bei kleineren Reparaturen oder dringenden Anliegen können Sie uns auch spontan besuchen."},
|
||||||
title: "Muss ich einen Termin vereinbaren?",
|
|
||||||
content: "Für die meisten Dienstleistungen empfehlen wir eine Terminvereinbarung, um Wartezeiten zu vermeiden. Bei kleineren Reparaturen oder dringenden Anliegen können Sie uns auch spontan besuchen.",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
id: "q3",
|
id: "q3", title: "Bieten Sie auch Karosseriearbeiten nach Unfällen an?", content: "Ja, wir sind spezialisiert auf Karosserie- und Unfallinstandsetzung. Wir kümmern uns um die gesamte Abwicklung, von der Schadensbegutachtung bis zur Reparatur."},
|
||||||
title: "Bieten Sie auch Karosseriearbeiten nach Unfällen an?",
|
|
||||||
content: "Ja, wir sind spezialisiert auf Karosserie- und Unfallinstandsetzung. Wir kümmern uns um die gesamte Abwicklung, von der Schadensbegutachtung bis zur Reparatur.",
|
|
||||||
},
|
|
||||||
]}
|
]}
|
||||||
sideTitle="Häufig gestellte Fragen"
|
sideTitle="Häufig gestellte Fragen"
|
||||||
sideDescription="Finden Sie schnelle Antworten auf die am häufigsten gestellten Fragen zu unseren Dienstleistungen und Abläufen."
|
sideDescription="Finden Sie schnelle Antworten auf die am häufigsten gestellten Fragen zu unseren Dienstleistungen und Abläufen."
|
||||||
@@ -310,8 +198,7 @@ export default function LandingPage() {
|
|||||||
<ContactSplit
|
<ContactSplit
|
||||||
useInvertedBackground={true}
|
useInvertedBackground={true}
|
||||||
background={{
|
background={{
|
||||||
variant: "plain",
|
variant: "plain"}}
|
||||||
}}
|
|
||||||
tag="Kontakt"
|
tag="Kontakt"
|
||||||
title="Besuchen Sie uns in Graz"
|
title="Besuchen Sie uns in Graz"
|
||||||
description="Wir freuen uns darauf, Sie persönlich in unserer Werkstatt begrüßen zu dürfen. Kontaktieren Sie uns für eine Terminvereinbarung oder bei Fragen."
|
description="Wir freuen uns darauf, Sie persönlich in unserer Werkstatt begrüßen zu dürfen. Kontaktieren Sie uns für eine Terminvereinbarung oder bei Fragen."
|
||||||
@@ -329,58 +216,35 @@ export default function LandingPage() {
|
|||||||
<FooterBase
|
<FooterBase
|
||||||
columns={[
|
columns={[
|
||||||
{
|
{
|
||||||
title: "Services",
|
title: "Services", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Fahrzeugreparaturen",
|
label: "Fahrzeugreparaturen", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Karosseriearbeiten",
|
label: "Karosseriearbeiten", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Wartung",
|
label: "Wartung", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Reifenservice",
|
label: "Reifenservice", href: "#services"},
|
||||||
href: "#services",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Unternehmen",
|
title: "Unternehmen", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Über uns",
|
label: "Über uns", href: "#about"},
|
||||||
href: "#about",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "Kundenstimmen",
|
label: "Kundenstimmen", href: "#testimonials"},
|
||||||
href: "#testimonials",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "FAQ",
|
label: "FAQ", href: "#faq"},
|
||||||
href: "#faq",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
{
|
{
|
||||||
title: "Kontakt",
|
title: "Kontakt", items: [
|
||||||
items: [
|
|
||||||
{
|
{
|
||||||
label: "Steinfeldgasse 69, 8020 Graz",
|
label: "Steinfeldgasse 69, 8020 Graz", href: "https://maps.app.goo.gl/YourLocation"},
|
||||||
href: "https://maps.app.goo.gl/YourLocation",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "+43 664 99179080",
|
label: "+43 664 99179080", href: "tel:+4366499179080"},
|
||||||
href: "tel:+4366499179080",
|
|
||||||
},
|
|
||||||
{
|
{
|
||||||
label: "info@aliexpressservice.at",
|
label: "info@aliexpressservice.at", href: "mailto:info@aliexpressservice.at"},
|
||||||
href: "mailto:info@aliexpressservice.at",
|
|
||||||
},
|
|
||||||
],
|
],
|
||||||
},
|
},
|
||||||
]}
|
]}
|
||||||
|
|||||||
Reference in New Issue
Block a user